/********************************************************************
IPHONE 6, 6S, 7, 8
********************************************************************/
@media  (max-width: 499.98px) {
    .contact-section{
        text-align: center;
    }

    .contact-section .__contact-btn{

        margin: auto;
    }

    .zq_footer-social {
        display: block !important;
    }

    .zq_footer-bottom-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        flex-direction: column;
    }

    
    
.dcp-section2{
    text-align: center;
}

.dcp-section4{
    text-align: center;
}

.dcp-section5 .__box-container{
    width: 330px;
}

.dcp-section5 .__box-container .__col1 h2 {
    font-size: 150px;
    position: absolute;
    left: -60px;
}

.dcp-section6 .__bg-container .__bg-main .__content {
    width: 210px;
}

.dcp-section6 .__bg-container .__bg-main .__content h3{
    font-size: 20px;
}

.dcp-section1 .__box-container {
    background: linear-gradient(0deg, #FF9A00 0%, #FBDB15 100%);
    padding: 20px;
    width: 100%;
    height: 380px;
}

.dcp-section5 .__box-container .__col1 h2 {
    font-size: 80px;
    position: absolute;
    left: -30px;
    bottom: 0px;
}


.contact-section h2{
    font-size: 30px;
}


}


/********************************************************************
EXTRA SMALL DEVICES (PORTRAIT PHONES, LESS THAN 576px)
********************************************************************/
@media (min-width: 500px) and (max-width: 575.98px) {
    .contact-section{
        text-align: center;
    }

    .contact-section .__contact-btn{

        margin: auto;
    }

    .zq_footer-social {
        display: block !important;
    }

    .zq_footer-bottom-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        flex-direction: column;
    }

    
.dcp-section2{
    text-align: center;
}

.dcp-section4{
    text-align: center;
}

.dcp-section5 .__box-container{
    width: 330px;
}

.dcp-section5 .__box-container .__col1 h2 {
    font-size: 150px;
    position: absolute;
    left: -60px;
}

.dcp-section6 .__bg-container .__bg-main .__content {
    width: 330px;
}

.dcp-section1 .__box-container {
    background: linear-gradient(0deg, #FF9A00 0%, #FBDB15 100%);
    padding: 20px;
    width: 100%;
}

      
}


/********************************************************************
SMALL DEVICES (LANDSCAPE PHONES, 576PX AND UP)
********************************************************************/
@media (min-width: 576px) and (max-width: 767.98px) { 
    .contact-section{
        text-align: center;
    }

    .contact-section .__contact-btn{

        margin: auto;
    }

    .zq_footer-social {
        display: block !important;
    }

    .zq_footer-bottom-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        flex-direction: column;
    
}

.contact-section{
    text-align: center;
}

.contact-section .__contact-btn{

    margin: auto;
}

.zq_footer-social {
    display: block !important;
}

.dcp-section2{
    text-align: center;
}

.dcp-section4{
    text-align: center;
}

.dcp-section5 .__box-container{
    width: 500px;
}

.dcp-section6 .__bg-container .__bg-main .__content {
    width: 330px;
}

.dcp-section1 .__box-container {
    background: linear-gradient(0deg, #FF9A00 0%, #FBDB15 100%);
    padding: 20px;
    width: 100%;
}

}

/********************************************************************
MEDIUM DEVICES (TABLETS, 768px and Up)
********************************************************************/
@media (min-width: 768px) and (max-width: 991.98px) { 
    .contact-section{
        text-align: center;
    }

    .contact-section .__contact-btn{

        margin: auto;
    }

    .zq_footer-social {
        display: block !important;
    }

    .dcp-section2{
        text-align: center;
    }
    
    .dcp-section4{
        text-align: center;
    }

    .dcp-section5 .__box-container{
        width: 500px;
    }

    .dcp-section6 .__bg-container .__bg-main .__content {
        width: 500px;
    }

    .dcp-section1 .__box-container {
        background: linear-gradient(0deg, #FF9A00 0%, #FBDB15 100%);
        padding: 20px;
        width: 100%;
    }
}



/********************************************************************
LARGE DEVICES (DESKTOPS, 992px and Up)
********************************************************************/
@media (min-width: 992px) and (max-width: 1000.98px) { 


 
    

}


/********************************************************************
LARGE DEVICES (DESKTOP, 1001 Up)
********************************************************************/
@media (min-width: 1001px) and (max-width: 1199.98px) { 	
    .dcp-section3 .__box-container {
        text-align: center;
        height: 530px;
    }

    .dcp-section5 .__box-container {
        background-color: #FBDB15;
        padding: 20px;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        height: 250px;
    }

    
    .dcp-section6 .__bg-container .__bg-main .__content{
        text-align: center;
    }

    .dcp-section6 .__bg-container .__bg-main .__content h3{
        font-size: 20px;
    }

    .contact-section h2 {
        color: var(--colorblue1);
        font-size: 38px;
    }
}


/********************************************************************
EXTRA LARGE DEVICES (LARGE DESKTOPS, 1200px and Up)
********************************************************************/
@media (min-width: 1200px) { 
  
}