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

    
.ws-section2 .__box-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ws-section3 {
    text-align: center;
}

.ws-section3 .animation2{
    display: none;
}

.ws-section4 .icons1{
    display: none;
}

.ws-section4 .icons2{
    display: none;
}



.ws-section5 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section6 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section5 .mb-5{
    margin-bottom: 100px !important;
}

.ws-section5 .animation2{
    display: none;
}

.ws-section6 .mb-5{
    margin-bottom: 100px !important;
}

.ws-section5 .__title-container {
/* 
    width: 240px; */
}

.ws-section8 h2{
    font-size: 30px;
}

.ws-section7 .swiper-slide.swiper-slide-visible.swiper-slide-active{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(.5) !important;
}
.ws-section5 .__box-container .__content .__row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}

.ws-section7 .swiper-slide .__content p{
    font-size: 30px;
    line-height: 28px;
}

.ws-section2 .animation1{
    display: none;
}

.ws-section4 .__title-container{
    width: 100%;
}

.ws-section3 .animation1{
    display: none;
}

.rotating {
    display: none;
}


.detail .info {
    text-align: center;
    padding: 0px;
}

.detail .info .__content h3{
    font-size: 80px;
}

.detail .info .__content p {
    font-size: 50px;
    line-height: 50px;
}

.ws-section7{
    height: 1000px;
}

.ws-section7 .__xs-margin{
    margin-top: -100px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
}

}


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

    
.ws-section2 .__box-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ws-section3 {
    text-align: center;
}

.ws-section5 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section6 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section5 .mb-5{
    margin-bottom: 100px !important;
}

.ws-section6 .mb-5{
    margin-bottom: 100px !important;
}
.ws-section7 .swiper-slide.swiper-slide-visible.swiper-slide-active{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(.7) !important;
}
.ws-section5 .__box-container .__content .__row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}
.ws-section2 .animation1{
    display: none;
}

.swiper-container {
    padding-bottom: 0px;
    margin-bottom: 100px;
}

.detail .info {
    text-align: center;
    padding: 0px;
}

.detail .info .__content h3{
    font-size: 52px;
}

.detail .info .__content p {
    font-size: 29px;
    line-height: 29px;
}


}


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

.ws-section2 .__box-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ws-section2 .animation1{
    display: none;
}

.ws-section3 {
    text-align: center;
}

.ws-section5 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section6 .mb-5.__title{
    margin-bottom: 10px !important;
}

.ws-section5 .mb-5{
    margin-bottom: 100px !important;
}

.ws-section6 .mb-5{
    margin-bottom: 100px !important;
}




}

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

    .ws-section5 .mb-5.__title{
        margin-bottom: 10px !important;
    }

    .ws-section6 .mb-5.__title{
        margin-bottom: 10px !important;
    }

    .ws-section5 .mb-5{
        margin-bottom: 100px !important;
    }

    .ws-section6 .mb-5{
        margin-bottom: 100px !important;
    }

    
}


/********************************************************************
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) { 	

    .ws-section2 .__box-container{
        height: 250px;
    }

    .ws-section5 .__box-container {
        min-height: 570px;

    }

    .ws-section6 .__box-container {
        min-height: 670px;

    }
    
}


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