@charset "utf-8";
@media only screen and (max-width:1920px){

}

@media only screen and (max-width:1700px){
    .w-main{max-width:90%;}
    
    #top-header .header_box{height: clamp(60px, 5vw, 90px);}
    #top-header .top-logo{height:clamp(70px, 7vw, 170px);width: clamp(140px, 17vw, 340px);background: #91b210;}
    #top-header .top-logo a{line-height: 1;padding: 1vw 2vw;font-size: 1.7vw;}

    #top-header.fixed .top-logo, #top-header.header-inner .top-logo {height:clamp(60px, 5vw, 120px);width: clamp(140px, 15vw, 340px);}
    #top-header.fixed .top-logo a, #top-header.header-inner .top-logo a{padding: 1vw 2.5vw;font-size: 1.2vw;}

    #top-header .nav ul{gap:10px;}
    #top-header .nav ul li{font-size:clamp(12px, 1.2vw, 20px);}

    #top-header .nav ul li .nav-submenu{top: clamp(60px, 5vw, 90px);}

    .why-choose-us {width: 100%;padding: 158px 0 68px 0;}
    .why-choose-left {width: clamp(200px, 33vw, 688px);}
    .why-choose-left .why-choose-txt{padding-left: clamp(50px, 5vw, 210px);}
    .why-choose-left .why-choose-txt h3{font-size: clamp(18px, 2vw, 41px);}
    .why-choose-left .why-choose-txt p{font-size: clamp(14px, 1.7vw, 24px);}

    .cert-prev {margin-left: -10vw;}
    .cert-next {margin-left: 10vw;}

    .login-form {margin: 280px 5vw 0 0}
    .register-right .login-form {margin: 280px 0 0 5vw;}


    .about-service-section {margin: 5vw auto;padding: 8vw 0;}
    .about-service-title {top: 7.8vw;}
    
    .about-world {margin: 10vw auto;padding: 8vw 0;}
    .about-world-box {gap: 2vw;}
    .about-world .about-left {max-width: 50%;font-size: clamp(14px, 1.7vw, 21px);padding: 3vw;}

    .about-vision-box {border-radius: 2vw;padding: 4vw;margin: 5vw auto;}
    .about-vision-left {padding: 5vw 0 0 0;}
    .about-vision-box .txt1 img {width: 6vw;}
    .about-vision-box .txt2 {font-size: 3.8vw;margin-top: 3vw;}
    .about-vision-box .txt3 p{font-size: 1.7vw;}
    .about-vision-right {max-width: 65%;}


    .product-details-nav-box {margin-top: 5vw;}
    .product-details-nav ul li {font-size: 1.5vw;}
    .product-details-box {margin: 0 auto;}

    .product-cat-banner-right-box h1{font-size: 2.5vw;}
    .product-cat-banner-right-box p{font-size: 1vw;}
    .product-cat-banner-arrow img {width: 4vw;}
}


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

    .category-item-txt a {font-size: 2.2vw;}

    .corporate-box {max-width: 100%;}
    .corporate-box .corporate-title {margin-left: 0;}

    .contact-box {padding: 10vw 0 10vw 0;gap: 5vw;}
    .contact-box .contact-left {gap: 40px;}
    .contact-box .contact-left .contact-title {font-size: 3.5vw;}
    .contact-box .contact-left .contact-txt {font-size: 2.2vw;}
    .contact-box .contact-left .contact-info {font-size: 1.2vw;}
    .contact-box .contact-right .index-form {width: 40vw;}
    .contact-box .contact-right .index-form .form-item {flex-direction: column;}

    .cert-prev {margin-left: 0;left: 0%;}
    .cert-next {margin-left: 0;left: 100%;}
    .cert-box .certSwiper .swiper-slide {transform: scale(1);}
    
    /* .cert-box .certSwiper .swiper-slide.is-third {transform: scale(0.8);} */

    .product-title {font-size: 4.5vw;margin-bottom: 1vw;}
    .product-nav ul li {font-size: 1.5vw;padding: 1vw 2.5vw;}
    .product-all a {font-size: 1.5vw;}
    .product-list .product-item-view a {border-radius: 25px;padding: 0.5vw 1vw;font-size: 1vw;}
    
    .product-inner-cart {flex-direction: column;}
}

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

    #top-header .search-container{display: none;}

    .category-box .category-item {width: 50%;}
    .category-item-txt a {font-size: 3.5vw;}
    
    .about-items .about-item .about-item-info .info-big {font-size: 3.6vw;}
    .about-items .about-item .about-item-info .info-mid {font-size: 2.2vw;}
    .about-items .about-item .about-item-info .info-small {font-size: 1.7vw;}

    .product-inner{display: block;padding-top: 5vw;}
    .product-inner-left{width: 100%;}
    .product-inner-info{margin-top: 50px;padding: 5vw;}

    .product-search {padding: 3vw 0;}
    .product-search-box{gap: 5%;}
    .product-search-box .product-search-item{margin: 3vw 0;width: 30%;}
    .product-search-box .product-search-img img{border-radius: 2vw;}

    
    .product-list {gap: 3.5%;}
    .product-list .product-item {margin-top: 3.5%;width: 31%;}
    .product-list .product-item-title {font-size: 1.6vw;}
    .product-list .product-item-pack {font-size: 1.3vw;}
    .product-list .product-item-view a {padding: 0.8vw 1.5vw;font-size: 1.2vw;}
   
}

@media only screen and (max-width:992px){
    /* header .search-container{display: block;} */
    #top-header .header_box{height: 60px;}
    #top-header .top-logo{height:80px;width: 190px;background: #91b210;}
    #top-header .top-logo a{line-height: 1;padding: 10px 20px;font-size: 20px;}
    #top-header.fixed .top-logo, #top-header.header-inner .top-logo {height:60px;width: 190px;}
    #top-header.fixed .top-logo a, #top-header.header-inner .top-logo a{padding: 8px 25px;font-size: 16px;}

    #top-header .menubtn{display: block;}
    #top-header .nav{position:fixed;left:-60%;top:0;width:50%;padding: 0 5%;height:100vh;background-color:#333;box-shadow:0 0 5px rgba(0,0,0,.2);transition:all .5s;}
    #top-header .nav ul{display:flex;gap:20px;flex-direction: column;padding-top: 30%;height:auto}
    #top-header .nav ul li{line-height: 1.5;font-size: 3.5vw;flex-direction: column;align-items: flex-start;}
    #top-header.action .nav{left:0;}
    #top-header .nav ul li a{padding: 5px 12px;border-radius: 25px;}
    
    #top-header.header-inner .nav ul li a{color:#FFF;}
    #top-header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-image{display: none;}
    #top-header .nav ul li .arrow{border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;}
    #top-header.header-inner .nav ul li .arrow{border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;}

    #top-header .nav ul li .nav-submenu{position:relative;top:0;left:0;background:none;box-shadow: none;width: 100%;transition:none;max-height:100%}
    #top-header .nav ul li .nav-submenu .nav-submenu-row {flex-direction: column;padding: 0;gap:0}
    #top-header .nav ul li .nav-submenu .nav-submenu-col {width: 100%;margin: 10px 0 0 10px;text-align: left;}
    /* #top-header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-title{padding: 0px 0 10px 10px;} */
    #top-header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-image {display: none;}
    #top-header .nav ul li .nav-submenu .nav-shop-all {display: none;}


    /* #top-header .header_right{display: flex;align-items: center;gap:20px;} */
    .search-container{display: none;}
    .header_cart_user{display: none;}

    .banner-progress {position: absolute;right: 5%;bottom: 5%;z-index: 9;display: flex;align-items: center;gap: 12px;width: 50%;}
    .banner-progress span{font-size: 3vw;color: #FFFFFF;}
    .banner-progress .segmented-progress {display: flex;width: 90%;height: 2px;border-bottom: 1px solid #FFFFFF;}
   
    .who {flex-direction: column;}
    .who-img {width: 100%;}
    .who-txt {width: 100%;margin-top: 2vw;}
    .who-txt p{font-size: clamp(14px, 4vw, 20px);font-weight: 300;line-height: 1.4;}

    .why-choose-us {flex-direction: column;padding: 5vw 0;}
    .why-choose-left {width: 100%;padding: 0 0 5vw 0;}
    .why-choose-left .why-choose-img img {max-width: 100%;}
    .why-choose-left .why-choose-txt{padding: 5vw;}
    .why-choose-left .why-choose-txt h3{font-size: clamp(14px, 9vw, 41px);}
    .why-choose-left .why-choose-txt p{font-size: clamp(14px, 5vw, 24px);}
    .why-choose-right {min-height: auto;padding: 0 0 15vw 0;}
    .why-choose-right .swiper {width: 100%;height: 100%;}
    .why-choose-right .swiper-slide img{width: 100%;}
    .why-choose-item .text {padding: 5vw;}
    .why-choose-item .text h3{font-size: clamp(18px, 5.5vw, 35px);}
    .why-choose-item .text p{font-size: clamp(14px, 4.2vw, 22.5px);}
    .why-choose-page {width: 90%;padding: 0 5vw;bottom: 0;}
    .why-choose-page-left {gap: 5vw;}
    .why-choose-page-number {font-size: 5vw;}
    .why-choose-page-number .current {font-size: 8vw;}
    .why-choose-page-right {gap: 5vw;font-size: 8vw;}
    .why-choose-prev span, .why-choose-next span {font-size: 6vw;}
   
    .category-bg-txt{display: none;}

    .product-list {gap: 5%;}
    .product-list .product-item {margin-top: 5%;width: 47.5%;position: relative;}
    .product-list .product-item img {width: 100%;max-width: 100%;}
    .product-list .product-item-title {font-size: 2.5vw;}
    .product-list .product-item-pack {font-size: 2vw;}
    .product-list .product-item-view a {padding: 1.5vw 3vw;font-size: 2vw;}

    .cert-prev {margin-left: 0;left: 5%;}
    .cert-next {margin-left: 0;left: 95%;}
    

    .corporate-box {flex-direction: column;padding: 5vw 0;}
    .corporate-left {width: 100%;max-width: 90%;}
    .corporate-box .corporate-title {font-size: 4vw;}
    .corporate-txt {font-size: 3vw;}
    .corporate-right {width: 100%;max-width: 90%;margin-top: 5vw;}

    footer .footer-box{padding: 5vw 0;}
    footer .footer-nav {flex-wrap: wrap;gap: 1%;}
    footer .footer-nav-item{color: #FFFFFF;font-size: 17.5px;margin-top: 3vw;}
    footer .footer-nav-item.nav-w1,footer .footer-nav-item.nav-w2{width: 49%;}
    footer .footer-nav-item.nav-w4{flex: 1;text-align: left;}
    footer .footer-social{justify-content:flex-start;}
    
    .login-box {flex-direction: column;}
    .login-form {margin: 10vw auto;float: none;max-width: 90%;}
    .login-form h2 {font-size: 8vw;}
    .login-form p {font-size: 3.5vw;background-size: contain;}
    .register-right .login-form p {background-size: contain;}
    .register-right .login-form {margin: 10vw auto;float: none;}
    
    .contact-list {flex-direction: column;margin-top: 3vw;}
    .contact-list .contac-item {width: 100%;margin-top: 6vw;}
    .contact-list .contac-item.about-map {width: 100%;}
    .contact-list .contac-item p {font-size: 20.2px;margin-top: 4vw;}

    .contact-form-box {padding: 5vw;margin: 10vw auto 0 auto;}
    .contact-form-title h2 {font-size: 7.5vw;}
    .contact-form-title p {font-size: 4vw;}
    .contact-form-box .contact-form .form-item {flex-direction: column;gap: 5vw;margin-top: 5vw;}
    .contact-form-box .contact-form .form-item input{padding: 3vw 4vw;font-size: 4vw;}
    .contact-form-box .contact-form .form-item textarea{height: 30vw;padding: 3vw 4vw;font-size: 4vw;}
    .contact-form-box .contact-form .form-item input::placeholder,.contact-form .form-item textarea::placeholder {font-size: 4vw;}
    .contact-form-box .contact-form .form-btn{margin-top: 5vw;}
    .contact-form-box .contact-form .form-btn button{border-radius: 25px;padding: 2vw 0 3vw 0;font-size: 5vw;background-size: contain;}

    .about-world {background-position: right top;}
    .about-world-box {gap: 5vw;flex-direction: column;}
    .about-left {max-width: 100%;font-size: 3vw;padding: 5vw;}

    .faqs-section {padding: 0 5vw 5vw 5vw;margin: 5vw auto;border-radius: 5vw;}
    .faqs-section .faqs-item{padding: 5vw 0;}
    .faqs-section h2{font-size: 4vw;}
    .faqs-section h2 span{display: none;}
    .faqs-section .answer{font-size: 3.3vw;padding-top: 3vw;}

    .product-inner-gallery{display: block;}
    .product-inner-gallery .thumbs{width: 100%;margin-top: 2vw;height: auto;}
    .product-inner-gallery .thumbs .swiper-slide{width: 15%;}
    .product-inner-gallery .thumbs img {width: 100%;height: auto;}
    .thumbs-container {display: flex;}
    .thumbs-container .thumbs-prev,.thumbs-container .thumbs-next {width: 4vw;display: flex;align-items: center;justify-content: center;margin-top: 2vw;}
    .thumbs-container .thumbs-prev span,.thumbs-container .thumbs-next span {display: inline-block;transform: rotate(270deg) !important;}

    .product-details-nav ul li {font-size: 2vw;}

    .x9-spec-row{grid-template-columns: 1.2fr 2fr;}
    .x9-spec-row .label:nth-of-type(1),.x9-spec-row .value:nth-of-type(2){border-bottom:2px solid #bfbfbf;}

    .x9-spec-lead{flex-direction: column;}
    .x9-spec-lead .x9-lead-row{flex: 1;display: flex;}
    .x9-spec-lead .x9-lead-row > div{flex: 1;}
    .x9-spec-lead .x9-lead-row > div:first-child{border-right:2px solid #bfbfbf;}
    .x9-spec-lead .x9-lead-row > div:last-child{border-bottom:2px solid #bfbfbf;}
    .x9-spec-lead .x9-lead-row.head{background:#f2f2f2;font-weight:bold;}
    .x9-spec-lead .x9-lead-row:last-child > div{border-bottom: none;}

    .product-search-box{gap: 6%;}
    .product-search-box .product-search-item{width: 47%;}

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

    .category-box {padding: 0;}
    .category-box .category-item {width: 100%;}
    .category-item-txt a {font-size: 7vw;}
    .category-item-txt a.small {font-size: 5vw;}
    
    .contact-section {margin-top: 0;}
    .contact-box {flex-direction: column;}
    .contact-left {width: 90vw;}
    .contact-box .contact-right .index-form {width: 90vw;}
    .contact-box .contact-left .contact-title {font-size: 7vw;}
    .contact-box .contact-left .contact-txt {font-size: 5vw;}
    .contact-box .contact-left .contact-info {font-size: 3vw;}
    .contact-box .contact-right .index-form .form-btn button {font-size: 5vw;}
    

    footer .footer-nav {flex-direction: column;}
    footer .footer-nav-item.nav-w1,footer .footer-nav-item.nav-w2{width: 100%;}
    footer .footer-nav-item h3{font-size: 5vw;padding: 2vw 0;}
    footer .footer-nav-item h3.quik-contact,footer .footer-nav-item h3.help,footer .footer-nav-item h3.company{max-width: 100%;}
    footer .footer-nav-item p{font-size: 3.5vw;margin-top: 2vw;}
    footer .footer-nav-item p span{font-size: 3.5vw;margin-right: 1vw;}
    footer .footer-nav-item p.address{font-size: 3.1vw;}
    footer .footer-nav-item ul li{margin-top: 2vw;font-size: 4vw;}
    footer .footer-social a span{font-size: 4.5vw;}
    footer .footer-company {padding: 2vw 0 8vw 0;font-size: 3vw;}

    .cert-page {width: 90%;z-index: 1;}

    .product-nav ul {justify-content: space-between;width: 100%;}
    .product-nav ul li {font-size: 2.2vw;padding: 1vw 1.6vw;}
    .product-all {display: none;}
    .product-list {gap: 0;}
    .product-list .product-item {margin-top: 5%;width: 100%;position: relative;}
    .product-list .product-item-title {font-size: 5.5vw;}
    .product-list .product-item-pack {font-size: 4.5vw;}
    .product-list .product-item-view a {padding: 2vw 5vw;font-size: 4.5vw;}

    .about-top,.faqs-top {margin: 0 auto;}
    .about-content p {font-size: 3.5vw;margin: 5vw 0;}

    .about-items {flex-direction: column;justify-content: center;align-items: center;gap: 5vw;}
    .about-items .about-item .about-item-info .info-big {font-size: 10vw;}
    .about-items .about-item .about-item-info .info-mid {font-size: 5vw;}
    .about-items .about-item .about-item-info .info-small {font-size: 4vw;}
   
    .about-vision-box {flex-direction: column;border-radius: 4vw;padding: 10vw 5vw;gap: 10vw;}
    .about-vision-left {width: 100%;padding: 0;}
    .about-vision-box .txt1 img {width: 10vw;}
    .about-vision-box .txt2 {font-size: 8vw;margin-top: 5vw;}
    .about-vision-box .txt3 p{font-size: 4vw;}
    .about-vision-right {max-width: 100%;width: 100%;}

    
    .product-inner-title h1 {font-size: 5vw;line-height: 1.1;}
    .product-inner-info{margin-top: 5vw;padding: 5vw;}
    .product-inner-rating{font-size: 18px;}
    .product-inner-type .type-item{padding: 8px 20px;max-width: 100%;}
    .product-inner-type{flex-direction: column;align-items: normal;}
    /* .product-inner-cart{flex-direction: column;border-top: 1px solid #454545;padding: 5vw 0;} */
    .product-inner-cart {flex-direction: row;}
    .product-inner-cart .x9-product-button {border-radius: 5vw;padding: 2vw 4vw;font-size: 3.6vw;}
    
    .product-related{padding: 5vw 0;}
    .product-related h2{font-size: 7vw;margin: 0 0 5vw 0;}
    .product-related-box{padding: 0 5%;flex-direction: column;}
    .product-related-box .product-related-item {
        max-width: 100%;
        margin: 5vw 0px 0px;
    }
    .product-related-box h3{font-size: 5vw;}
    .product-related-box p{font-size: 3vw;}
    .product-related-box .product-related-img img{border-radius: 3vw;width: 100%;max-width: 100%;}
    .product-related-box .product-related-bottom .product-related-price{font-size: 4vw;}
    .product-related-box .product-related-bottom .product-related-rate img{width: 4vw;}

    .product-details-nav-box {padding: 5vw 0;}
    .product-details-nav ul li {font-size: 3.5vw;padding: 1vw 5vw;}
    .product-details-box {margin: 0vw auto;}

    .x9-spec-title{font-size: 4vw;}
    .x9-spec-row > div{padding:1.5vw 0 1.5vw 1vw;font-size: 3vw;}
    .x9-spec-lead{font-size: 3vw;font-size:13.33px;flex-direction: column;}

    .review-section {margin: 5vw 0;gap: 5vw;}
    .stats-container{flex:1;padding: 0;}
    .product-reviews {padding: 0;}
    .product-reviews h2 {font-size: 9vw;}
    .average-score {font-size: 11vw;}
    .total-reviews {font-size: 3vw};
    /*.woocommerce .star-rating {font-size: 5vw;}*/
    .x9-star-rating {margin: 2vw 0;}
    .product-reviews h3 {font-size: 6vw;}
    .rating-form::before,.rating-form::after {background: #FFFFFF;}
    .rating-form{flex:1;padding: 0;}
    .rating-form h3 {font-size: 5vw;}
    .write-review{padding: 0;}
    .form-group {margin-bottom: 1vw;flex: 1;}
    .form-group label {margin-bottom: 0.5vw;}
    .form-group input{width: 100%}
    .form-group-2{flex-direction: column;gap: 0;}
    .submit-btn {font-size: 5vw;}
    .stats-container {flex-direction: column;}
    .rating-distribution{max-width: 100%;width: 100%;}

    .reviews-container .review-card{padding: 4vw 0;}

    .about-service-section {padding: 5vw 0;}
    .about-service-title {top: 4.8vw;}

    .about-world-two {margin: 5vw auto;padding-top: 8vw;}
    .about-world-box-two .about-world-title {font-size: 7vw;}
    .about-world-box-two p {font-size: 3.1vw;margin-top: 3vw;}
    .about-world-bottom {height: 6vw;margin-top: 10vw;}
    .about-world-bottom span{width: 14vw;height: 7vw;border-radius: 7vw 7vw 0 0;}

    .news-list .news-item{width: 100%;}
    .news-list .news-item { margin-bottom: 7vw;}
    .news-list .news-item .news-img{height: auto;padding: 0;}

    .product-cat-banner-left img {width: 100%;}
    .product-cat-banner-right{position: relative;}
    .product-cat-banner-right-box .product-cat-banner-txt {text-align: left;width: 100%;}
    .product-cat-banner-right-box h1{font-size: 6vw;margin-top: 3vw;}
    .product-cat-banner-right-box p{font-size: 3vw;}
    .product-cat-banner-r-top {display: none;}
    .product-cat-banner-arrow {display: none;}

    .product-cat-title {margin: 5vw auto;}

    .sanitex-product-list {gap: 3.75%;flex-direction: column;}
    .sanitex-product-item {width: 100%;margin-bottom: 50px;}

    .product-search-box{gap: 0;}
    .product-search-box .product-search-item{width: 100%;}
    .product-search-box .product-search-img img{border-radius: 5vw;}

    .message-modal-body {padding: 16px;}
    .message-modal-footer {flex-direction: column;padding: 0 16px 16px;}
    .message-btn-cancel, .message-btn-submit {width: 100%;}
}

@media only screen and (max-width:576px){
    .corporate-box .corporate-title {font-size: 7vw;}
    .corporate-txt {font-size: 4vw;padding: 5vw;}
    .corporate-right {flex-direction: column;padding: 0;}
    .corporate-item {width: 90%;text-align: center;margin: 0 auto;}
    .corporate-item .txt {text-align: left;font-size: 5vw;}

    .product-inner-rating span{padding: 0 5px;}
    .product-inner-discount{font-size: 12px;}
    
}