@media only screen and (max-width:1199px){

    .logo-header .logo {

        width: 130px;

    }

    .header-default .main-header{

        padding-top: 6px;

        padding-bottom: 6px;

    }

    .tf-slideshow.style-2 .thumbs-item .image {

        width: 110px;

        height: 150px;

    }

}

@media only screen and (max-width:1140px){}

@media only screen and (max-width:1024px){}

@media only screen and (max-width:992px){}

@media only screen and (max-width:991px){

    .paddTB {

        padding: 40px 0;

    }

    .about-us .row{

        flex-direction: column-reverse;

    }

    .box-about { margin-top: 0; }

    .about-us .img-style img{width:auto;border-radius: 8px;}

    .productsSec .row {

        row-gap: 25px;

    }

    footer .footer-bottom-wrap{

        flex-direction: column;

        padding: 10px 0;

        gap: 5px 30px;

    }

    footer .footer-col-block .tf-collapse-content{display:block;}

    footer .footer-heading-mobile::after,footer .footer-heading-mobile::before{display:none;}
    .productsPage .row:nth-child(even) { flex-direction: column-reverse; margin-top: 30px; }

}

@media only screen and (max-width:767px){

    .collection-position.style-4 .content h4 { font-size: 17px; line-height: 25px; }

    .collection-position .img-style{width:100%;}

    .testimonial-item.style-3 .box-icon .icon{bottom: 20px;} 

    .sw-dots.type-circle .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

    }

}

@media only screen and (max-width:678px){

    .about-us h3 {

        font-size: 1.6rem;

    }

    .tf-slideshow.style-2 .thumbs-item .image{display:none;}

    .tf-slideshow.style-2 .wrap-navigation{display:none;}

    .tf-slideshow.style-2 .sw-dots{left: 50%;transform: translateX(-50%);}

}

@media only screen and (max-width:576px){

    .enqBtn{display:none;}

    .rowHeader {

        flex-direction: row-reverse;justify-content: space-between;

    }

    .logoHeader{text-align:left!important;}

    .page-title{min-height: 150px;}

    .menuBar{display: flex;justify-content:end;}

    .page-title::before {

        content: '';

        background: #000;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        opacity: 0.7;

    }

    .page-title .content .title{text-align:center;}

    .page-title .content .breadcrumb{justify-content:center;}

    .text-body-1 {font-size: 16px;}

}

@media only screen and (max-width:481px){}

@media only screen and (max-width:320px){}