@media only screen and (min-width: 1401px) and (max-width: 1899px){
    section#sec2 .respimg{
        height: 550px;
    }
    .beauty-text h2{font-size: 46px;}
}
@media only screen and (min-width: 1101px) and (max-width: 1400px){
    section#sec2 .respimg{
        height: 450px;
    }
    .beauty-text h2{font-size: 44px;}
}
@media only screen and (min-width: 992px) and (max-width: 1100px){
    .nav-holder{display: none;padding: 20px 30px 30px;width: 100%;height: auto;}
    .nav-holder nav ul li.lidec::before {line-height: 19px;width: 16px;height: 16px;font-size: 16px;}
    .nav-holder nav li ul{visibility: visible;border-bottom: none;}
    .nav-holder nav li ul li{border-bottom: 1px solid #ddd;padding: 6px 0;}
    .nav-holder nav li ul li ul.visul li{border-bottom: none;padding: 6px 0px;}
    .nav-holder nav ul li{border-bottom: 1px solid #ddd;padding: 12px 0;}
    .nav-holder nav li a{font-size: 13px;font-weight: 500;}
    .beauty-main-box{gap: 15px;grid-template-columns: repeat(2 , 1fr);}
    .beauty-text h2{font-size: 34px;}
    .home-cta-2 .intro-text{width: 50%;padding: 0;}
    .beauty-content-box{width: 100%;padding: 25px;}
    .contact-one{padding-right: 190px;}
    .contact-info{right: -43%;width: 315px;}
    .nav-holder nav li a, .nav-holder nav li ul li a{visibility: visible;}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .nav-holder{display: none;padding: 20px 30px 30px;width: 100%;height: auto;}
    .nav-holder nav ul li.lidec::before {line-height: 19px;width: 16px;height: 16px;font-size: 16px;}
    .nav-holder nav li ul{visibility: visible;border-bottom: none;}
    .nav-holder nav li ul li{border-bottom: 1px solid #ddd;padding: 6px 0;}
    .nav-holder nav li ul li ul.visul li{border-bottom: none;padding: 6px 0px;}
    .nav-holder nav ul li{border-bottom: 1px solid #ddd;padding: 12px 0;}
    .nav-holder nav li a{font-size: 13px;font-weight: 500;}
}
@media (max-width: 992px){
    .hero-item{padding: 20px 80px;}
    .hero-wrap{top: 50%;margin-top: 0px !important;transform: translate(0%, -50%);}
    .section-title h2, .hero-item h2{font-size: 30px !important;line-height: 35px !important;padding-bottom: 10px;}
    .hero-item h3{font-size: 11px;padding-bottom: 10px;}
    .fs-gallery-wrap .swiper-container{height: 400px;}
    .fs-gallery-wrap .swiper-pagination{padding: 10px 15px;}
    .fs-gallery-wrap{height: 400px;}
    .hero-item::before {
        content: '';
        position: absolute;
        top: -20px;
        bottom: -20px;
        left: 50px;
        width: 1px;
        background: rgba(255,255,255,0.41);
        z-index: 5;
        display: block;
    }
    .slide-progress-container{left: 80px;}
    section{padding: 60px 0px;}
    .mb0{margin-bottom: 0px;}
    .trending-product .row > * .overlay-wraper:last-child{margin-bottom: 0px;}
    .latest-blog-square{right: -30px;}
    .clients-list.fl-wrap ul li{width: 22%;gap: 0px 9px;}
    .footer-box ul li h5{max-width: 80px;white-space: nowrap;}
    .footer-box ul li span{word-break: break-word;}
    .footer-logo img{width: 150px;}
    section.header-section p{font-size: 16px;}
    .testilider .swiper-pagination{bottom: 100px;font-size: 49px;}
    .product-slider .owl-nav .owl-prev{width: 30px;height: 30px;left: -36px;}
    .product-slider .owl-nav .owl-next{width: 30px;height: 30px;right: -36px;}
    .flat-btn-black{margin-top: 0px;}
    .download-font h2{font-size: 40px;}
    .intro-text h2{font-size: 34px;padding-bottom: 30px;margin-bottom: 30px;}
    .intro-text{padding: 0px 0px;}
    .section-container{margin: 0px 0;}
    .separator.trsp-separator{margin: 20px 0 20px;}
    .bold-title{padding-bottom: 20px;}
    .about-wrap .btn{margin-top: 25px;}
    section.parallax-section{padding: 60px 0 60px 0;}
    section.parallax-section .pr-title{margin-top: -53px;}
    .testilider{margin-top: 0px;}
    .about .about-image .img-bg2{bottom: -3%;right: -1.5%;}
    .about{padding-top: 80px;}
    .contact.full-height{height: 300px;}
    .contact.par-bg .bg{height: 350px;}
    .mfp-gallery .row > *:nth-last-child(3) .masonry-item{margin-bottom: 0;}
    .mfp-gallery .row > *:nth-last-child(2) .masonry-item{margin-bottom: 0;}
    .mfp-gallery .row > *:nth-last-child(1) .masonry-item{margin-bottom: 0;}
    .catalogue  .row > *.cat-1:nth-last-child(2) {margin-bottom: 0;}
    .catalogue  .row > *.cat-1:nth-last-child(1) {margin-bottom: 0;}
    .contact-one{padding-right: 370px;}
    .contact-info{right: -17%;padding: 10px 20px;}
    .about-bg{background-size: contain;height: 400px;}
    .catalog-vector-center{height: 500px;width: 750px;}
    .about .about-image .img-bg{top: 48%;left: -1%;}
    .box-item.about-image{margin-top: 40px;}
    .vector4{width: 300px;height: 200px;top: -50px;left: auto;right: 0;}
    .about-vector-right{width: 300px;height: 210px;transform: translateY(-50%);right: -4%;}
    .trending-product .vector{height: 120px;width: 180px;top: 25px;}
    .vector{height: 120px;width: 180px;top: -45px;}
    section.parallax-section .pr-title{padding-left: 0;}
    section.parallax-section .pr-title::after {left: 0;}
    .vector2{height: 110px;width: 160px;right: -20px;transform: translateY(20%);}
    .cta .bg-highlight{background-size: auto 100%; background-position: center right;}
    .vector-product{height: 120px; width: 180px; top: 15px; right: 0;}
    .vector-vision{height: 320px; width: 480px; }
    .vector-latest-pro{height: 120px;  right: 0; top: -40px; width: 180px;}
    .vector-testimonial{height: 110px; width: 160px; left: 120px; top: 50%; transform: translateY(40%);}
    .highlight-width{width: 100%;}
    .product-slider .owl-nav .owl-prev{top: -120px;}
    .product-slider .owl-nav .owl-next{top: -120px;}
    section#sec2 .respimg{height: 400px;}
    section#sec2 .content-wrap.about-wrap{padding: 0px 30px 0px 40px;}
    .beauty-main-box{gap: 20px;grid-template-columns: repeat(2 , 150px );}
    .beauty-text h2{font-size: 34px;}
    .home-cta-2 .intro-text{width: 50%;padding: 0;}
    .beauty-content-box{width: 100%;padding: 25px;}
    /* .wt-img-effect img{height: 285px; object-fit: cover;} */
    .home-product img{height: 245px; object-fit: cover;}
    .nav-holder nav li a, .nav-holder nav li ul li a{visibility: visible;}
    
}
@media all and (max-width: 580px){
    .nav-holder{display: none;padding: 20px 30px 30px;width: 100%;height: auto;}
    .nav-holder nav ul li.lidec::before {line-height: 19px;width: 16px;height: 16px;font-size: 16px;}
    .nav-holder nav li ul{visibility: visible;border-bottom: none;}
    .nav-holder nav li ul li{border-bottom: 1px solid #ddd;padding: 6px 0;}
    .nav-holder nav li ul li ul.visul li{border-bottom: none;padding: 6px 0px;}
    .nav-holder nav ul li{border-bottom: 1px solid #ddd;padding: 12px 0;}
    .nav-holder nav li a{font-size: 13px;font-weight: 500;}
    .hero-item{padding: 10px 0px;width: 80% !important;}
    .hero-wrap{margin-top: 0px !important;top: 25%;}
    section.parallax-section .bg, .home-slider .bg, .par-bg .bg{top: 0%;}
    .section-title h2, .hero-item h2{font-size: 30px !important;line-height: 35px !important;padding-bottom: 10px;}
    .hero-item h3{font-size: 11px;padding-bottom: 10px;}
    .flat-btn{font-size: 11px;}
    .fs-gallery-wrap .swiper-container{height: 250px;}
    .fs-gallery-wrap .swiper-pagination{padding: 10px 15px;}
    .fs-gallery-wrap{height: 250px;}
    .home-slider .sw-button.swiper-button-prev, .home-slider  .sw-button.swiper-button-next{display: none;}
    section{padding: 40px 0px;}
    .section-container{margin-top: 0px;margin-bottom: 0px;}
    .separator.trsp-separator{margin: 12px 0 12px;}
    .section-title h3{font-size: 18px;}
    .bold-title{font-size: 24px;line-height: 30px;padding-bottom: 20px;}
    .about-wrap p{font-size: 14px;line-height: 22px;padding-bottom: 0px;}
    .about-wrap .btn{margin-top: 20px;}
    .bg.dec-bg{width: 100%;}
    .intro-text h2{letter-spacing: -1px;font-size:30px;line-height: 40px;padding-bottom: 20px;margin-bottom: 20px;}
    .intro-text{padding: 0px 0;}
    .latest-blog-dark{
        width: 180px;
        transform: translate(0%, 50%);
        left: 0px;
    }
    .latest-blog-dark.p-a20{padding: 10px 10px;}
    .latest-blog-dark h3{flex-direction: column;}
    .latest-blog-dark.text-uppercase img{width: 50px;height: 50px;margin-bottom: 8px;}
    .latest-blog-square{right: 30px;}
    .square_shape1 .row > *{margin: 10px 0px;}
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: none !important;}
    .download-font h2{font-size: 30px;}
    .flat-btn-black{margin-left: 0;margin-top:20px;}
    .box-item{margin-top: 20px;}
    section.parallax-section .pr-title::after {left: 5px;}
    section.parallax-section .pr-title{padding-left: 5px;padding-right: 5px;}
    .testi-item{padding: 0 5px;}
    section.parallax-section{padding: 40px 0px;}
    .parallax-section .swiper-button-prev, .parallax-section .swiper-button-next{display: none;}
    .clients-list.fl-wrap ul li{max-width: 48%;margin-left: 0px;gap: 10px;box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);}
    .clients-list.fl-wrap ul{gap: 10px;}
    .footer-inner{padding: 20px 20px;}
    .testilider .swiper-pagination{font-size: 40px;top: 0;bottom: 0;right: 0;}
    .latest-blog-square{right:50%;top: 50%;transform: translate(50%, -50%);}
    .latest-blog-dark-outer2{height: 400px;}
    .latest-blog-square.text-white img{width: 95px;height: 95px;margin-right: auto;margin-left: auto;left: 0px;}
    .mb0{margin-bottom: 0px !important;}
    .square_shape1 .row > *:first-child{margin-top: 0px;}
    .square_shape1 .row > *:last-child{margin-bottom: 0px;}
    .btn{padding: 10px 20px;}
    .download-font{text-align: center;}
    .container{width: 100%;}
    .section-container .box-item{margin-top: 30px;}
    .footer-header{margin-bottom: 0px;}
    .footer-box{margin-top: 0px;}
    .footer-box ul li span{word-break: break-word;padding-right: 0px;}
    .footer-box ul li:last-child{margin-bottom: 0px;}
    .policy-box{padding-top: 20px;}
    .content-footer{padding-top: 30px;}
    .footer-logo img{width: 150px;}
    .hero-item::before{display: none;}
    .swiper-slide .overlay, .hero-content .overlay{opacity: 0.2;}
    .about .box-item img{height: 300px;}
    .about{padding-top: 40px;}
    .img-bg2, .img-bg{display: none;}
    .mission-section .row > *:nth-last-child(2) .about-page .wt-media-details{margin-bottom: 20px;}
    .icon-content p{font-size: 16px;}
    .contact.par-bg .bg{height: 250px;}
    .contact.full-height{height: 250px;}
    .about .bold-title{padding-bottom: 20px;}
    .separator.trsp-separator{margin: 20px 0px 20px;}
    .trending-product .row > * .overlay-wraper:last-child{margin-bottom: 30px;}
    section.parallax-section .pr-title{margin-top: -50px;top: 50px;}
    .pr-title{margin-bottom: 100px;}
    .testi-item h3{font-size: 18px;}
    section.header-section .testi-item p{margin-top: 10px;}
    .mfp-gallery .row > *:nth-last-child(3) .masonry-item{margin-bottom: 30px;}
    .mfp-gallery .row > *:nth-last-child(2) .masonry-item{margin-bottom: 30px;}
    .position-title-tiles{top: 54%;left: 53%;width: 94%;height: 92%;}
    .catalogue  .row > *.cat-1:nth-last-child(2) {margin-bottom: 30px;}
    .contact-info {
        right: 0px;
        width: 100%;
        top: 0px;
        position: inherit;
        margin-top: 40px;
        transform:unset;
        padding: 20px 20px;
    }
    .contact-one{padding: 15px;}
    .contact-info .p-b30{padding-bottom: 20px;}
    .contact .hero-item{padding: 10px 10px;}
    .about-bg{background-position: top center;background-size: contain;height: 520px;}
    .trending-product .vector{height: 90px;width: 130px;top: 15px;}
    .vector{height: 90px;width: 130px;top: -30px;right: 20px;}
    .vector2{right: -10px;transform: translateY(-35%);opacity: 0.3;}
    .vector-center {height: 200px;width: 300px;}
    .content-wrap.about-wrap{padding-right: 0px;}
    .vector4{width: 230px;height: auto;left: auto;top: -40px;right: 0;}
    .about-vector-right{width: 300px;height: auto;right: 15%;transform: translateY(-50%);}
    .catalog-vector-center{display: none;}
    .overlay-bx-2{display: none;}
    .current2 .wt-img-effect{overflow: visible;}
    .m-product {display: block;border: 1px solid #ed3237;border-top: 0px;background-color: #ed3237;color:#fff;padding: 10px 5px;}
    .m-product p{text-align: center;padding-bottom: 0;}
    .vector-product{height: 90px; width: 130px; right: 0px; top: 0;}
    .vector-vision{height: 200px; width: 300px; opacity: 0.2;}
    .vector-latest-pro{height: 90px; width: 130px; top: -30px; right: 20px;}
    .cta .bg-highlight{background-position: center right; background-size: auto 100%;}
    .highlight-width{width: 100%;}
    .home-slider .bg{height: 110%;}
    .home-slider .hero-wrap h2{font-size: 40px !important;}
    .home-slider .hero-wrap h2 span{font-size: 24px;}
    .home-slider .hero-wrap{top: 25%;}
    section#sec2 .content-wrap.about-wrap{padding: 0px 12px 0px 12px;}
    section#sec2 .respimg{height: 300px;}
    .home-cta .intro-text h2{width: 100%;font-size: 30px;line-height: 34px;}
    .home-cta .cta-btn{width: 100%;}
    .home-cta .highlight-width{flex-wrap: wrap;}
    .home-cta{min-height: 330px;padding: 40px 0px;}
    .home-cta .bg-highlight{min-height: 330px;background-position: center center;}
    .home-cta-2 .bg-highlight{min-height: 400px;background-position: center center;}
    .home-cta-2 .intro-text{width: 100%;padding: 20px 0px;}
    .home-cta-2 .intro-text h2{font-size: 30px;padding-bottom: 20px;padding-top: 20px;line-height: 36px;}
    .home-cta .cta-btn .flat-btn{float: left;}
    .beauty-main-box{flex-direction: column;display: flex;gap: 20px;}
    .beauty-text h2{font-size: 30px;}
    .beauty-content-box{width: 100%;padding: 25px;}
    .wt-img-effect img{aspect-ratio: 3/2;}
}
@media all and (max-width: 380px){
    .fs-gallery-wrap .swiper-pagination-bullet{padding: 5px 6px;}
    .fs-gallery-wrap .swiper-pagination-bullet-active::before {width: 20px;}
    .fs-gallery-wrap .swiper-pagination-bullet::before {left: 15px;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active{padding-right: 20px;}
    .latest-blog-square{padding: 20px;width: 270px;min-height: 270px;}
    .latest-blog-square.text-white img{width: 95px;height: 95px;margin-right: auto;margin-left: auto;}
    .download-font h2{font-size: 26px;}
}