/********************************************************************
IPHONE 6, 6S, 7, 8
********************************************************************/
@media  (max-width: 499.98px) {

    .contact-section h2 {
        color: var(--colorblue1);
        font-size: 30px;
    }
    .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;
    
}

.dmto-section2 .__box-container {

    height: 380px;
}

.dmto-section2{
    text-align: center;
}
.dmto-section2 .__box-container h3{
    font-size: 25px;
}

.dmto-section3 .__box-container {
    border: 2px solid #FF9A00;
    padding: 3rem 1rem;
    clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
    background-color: #FF9A00;
    min-height: 237px;
}

.dmto-section3 .__box-container h3{
    font-size: 20px;
}

.dmto-section3 .__box-container h2{
    font-size: 30px;
}

.dmto-section3 h2{
    font-size: 25px;
}

.dmto-section4 h2{
    font-size: 30px;
}


.dmto-section5 {
    text-align: center;
}

.dmto-section5 .zq_h4_choose-right.__xl{
    display: none;
}

.dmto-section5 .zq_h4_choose-right.__lg{
    display: none;
}

.dmto-section5 .__sm{
    display: block;
}

.dmto-section5 .__lg{
    display: none;
}


.dmto-section5 .__sm .__box-container{
    height: 500px;
}
}


/********************************************************************
EXTRA SMALL DEVICES (PORTRAIT PHONES, LESS THAN 576px)
********************************************************************/
@media (min-width: 500px) and (max-width: 575.98px) {

    .contact-section h2 {
        color: var(--colorblue1);
        font-size: 30px;
    }
    .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;
    
}

.dmto-section2 .__box-container {

    height: 380px;
}

.dmto-section2{
    text-align: center;
}
.dmto-section2 .__box-container h3{
    font-size: 25px;
}

.dmto-section3 .__box-container {
    border: 2px solid #FF9A00;
    padding: 3rem 1rem;
    clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
    background-color: #FF9A00;
    min-height: 237px;
}

.dmto-section3 .__box-container h3{
    font-size: 20px;
}

.dmto-section3 .__box-container h2{
    font-size: 30px;
}

.dmto-section3 h2{
    font-size: 30px;
}


.dmto-section5 {
    text-align: center;
}

.dmto-section5 .zq_h4_choose-right.__xl{
    display: none;
}

.dmto-section5 .zq_h4_choose-right.__lg{
    display: none;
}

.dmto-section5 .__sm{
    display: block;
}

.dmto-section5 .__sm .__box-container{
    height: 500px;
}

.dmto-section5 .__lg{
    display: none;
}
      
}


/********************************************************************
SMALL DEVICES (LANDSCAPE PHONES, 576PX AND UP)
********************************************************************/
@media (min-width: 576px) and (max-width: 767.98px) { 

    .dmto-section5 .zq_h4_choose-right.__sm{
        display: none;
    }
    .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;
    
}

.dmto-section2 .__box-container {

    height: 380px;
}

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


.dmto-section3 .__box-container {
    border: 2px solid #FF9A00;
    padding: 3rem 1rem;
    clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
    background-color: #FF9A00;
    min-height: 237px;
}

.dmto-section3 .__box-container h3{
    font-size: 20px;
}

.dmto-section3 .__box-container h2{
    font-size: 30px;
}

.dmto-section3 h2{
    font-size: 30px;
}


.dmto-section5 {
    text-align: center;
}

.dmto-section5 .zq_h4_choose-right.__xl{
    display: none;
}

.dmto-section5 .zq_h4_choose-right.__lg{
    display: none;
}

.dmto-section5 .__lg{
    display: none;
}

.dmto-section5 .__sm{
    display: block;
}

}

/********************************************************************
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;
    }

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

    .dmto-section3 .__title h2{
        font-size: 30px;
    }

    .dmto-section5{
        text-align: center;
    }

    .dmto-section2 .__box-container {

        height: 380px;
    }


    .dmto-section3 .__box-container {
        border: 2px solid #FF9A00;
        padding: 3rem 1rem;
        clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
        background-color: #FF9A00;
        min-height: 377px;
    }

    .dmto-section3 .__box-container h3{
        font-size: 20px;
    }

    
    .dmto-section5 .zq_h4_choose-right.__xl{
        display: none;
    }

    .dmto-section5 .zq_h4_choose-right.__lg{
        display: none;
    }

    .dmto-section5 .zq_h4_choose-right.__lg{
        display: none;
    }

    .dmto-section5 .__lg{
        display: none;
    }


    .dmto-section5 .__sm{
        display: block;
    }
    
}


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

    
    .dmto-section2 .__box-container {

        height: 380px;
    }


    .dmto-section3 .__box-container {
        border: 2px solid #FF9A00;
        padding: 3rem 1rem;
        clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
        background-color: #FF9A00;
        min-height: 377px;
    }

    .dmto-section3 .__box-container h3{
        font-size: 20px;
    }

    


    .dmto-section5 .__lg{
        display: block;
    }

    .dmto-section5 .__sm{
        display: none;
    }
}


/********************************************************************
LARGE DEVICES (DESKTOP, 1001 Up)
********************************************************************/
@media (min-width: 1001px) and (max-width: 1199.98px) { 
    

    .dmto-section2 .__box-container {

        height: 380px;
    }


    .dmto-section3 .__box-container {
        border: 2px solid #FF9A00;
        padding: 3rem 1rem;
        clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
        background-color: #FF9A00;
        min-height: 377px;
    }

    .dmto-section3 .__box-container h3{
        font-size: 20px;
    }

    
    .dmto-section5 .zq_h4_choose-right.__xl{
        display: none;
    }

    .dmto-section5 .__lg{
        display: block;
    }
    
}


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

}