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

    

    .maf-section2 .card {
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        padding: 0rem;
    }
    
    .maf-section3 .__box-container {
    
        margin-bottom: 10px;
        height: 450px;
    }

    .__black-space{
        display: none;
    }
    .maf-section5 .swiper-slide .zq_h2_testimonial-item {
        height: 355px;
    }

    
.maf-section4 .__lg{
    display: none;
  }
  .maf-section4 .__sm{
    display: block;
  }


  .maf-section4 ul li .title::before, .maf-section4 ul li .descr::before{
    background: none !important;
  }

}


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


    .maf-section2 .card {
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        padding: 0rem;
    }
    
    .maf-section3 .__box-container {
    
        margin-bottom: 10px;
        height: 350px;
    }

    .__black-space{
        display: none;
    }

    

    .maf-section4 .__lg{
        display: none;
      }
      .maf-section4 .__sm{
        display: block;
      }
      
}


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

/* .content {
    transform: translateY(calc(100% - -5.5rem));
} */

.maf-section2 .card {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0rem;
}

.maf-section3 .__box-container {

    margin-bottom: 10px;
    height: 350px;
}

.__black-space{
    display: none;
}


.maf-section4 .__lg{
    display: none;
  }
  .maf-section4 .__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;
    }

    /* .content {
        transform: translateY(calc(100% - 15.5rem));
    } */

    .maf-section2 .card {
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        padding: 0rem;
    }

    .maf-section3 .__box-container {

        margin-bottom: 10px;
        height: 350px;
    }

    .__black-space{
        display: none;
    }
    
}


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

    .content {
        /* transform: translateY(calc(100% - 15.5rem)); */
    }

    .maf-section2 .card {
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        padding: 0rem;
    }

    .maf-section3 .__box-container {
        height: 490px;
    }


}


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

    .content {
        /* transform: translateY(calc(100% - 15.5rem)); */
    }

    .maf-section2 .card {
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        padding: 0rem;
    }

    .maf-section3 .__box-container {
        height: 490px;
    }



}


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