@charset "UTF-8";

/* Media Query */

@media(max-width:1023px) {
    /* Display None */
    /* Spacing */
    [class*='-30'] {--spacing: 15px;}
    [class*='-40'],
    [class*='-50'],
    [class*='-60'] {--spacing: 20px;}
    [class*='-70'],
    [class*='-80'] {--spacing: 25px;}
    /* General */
    .rps-xl--visible {display: block;}
    .rps-xl--hidden {display: none;}
    .rps-xl--w-100 {width: 100%;}
    .ckeditor {overflow-x: auto;}
    .ckeditor:after {content: '';clear: both;display: block;}
    .ckeditor *:not(iframe) {max-width: 100% !important;height: auto !important;}
    .ckeditor iframe {max-width: 100% !important;}
    .cart-fixed {bottom: 180px;}
    /* Mmenu */
    nav:where(#menu, #mm-menu) {font-family: var(--font-bold);--mm-color-background: #fff;--mm-color-text: #000;--mm-color-text-dimmed: #000;--mm-color-button: #000;}
    nav:where(#menu, #mm-menu) .mm-navbar__title {font-size: 18px;}
    .mm-listitem__btn span {display: none;}

    .header {display: none;}
    .logo  {width: 10%;}
    .navigation { 
        background: var(--clr-web-tone); 
        padding: .25rem;
    }
    .search__toggle .search__icon { 
        color: #fff;
    }
    .intro__inner,.formNewsletter__inner {flex-direction: column; gap: 20px;}
    .intro--left,.formNewsletter--left ,.formNewsletter--right{width: 100%;}
    .intro--right{width: 70%;}
    .choose__list { 
        flex-wrap: wrap;
    }
    
    .formNewsletter__title { 
        justify-content: center;
        gap: 20px;
    }
    
    .albumFeatured__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .albumFeatured__item:nth-child(1) {grid-column: 1/2; grid-row: 1/3;} 
    .albumFeatured__item:nth-child(2) {grid-column: 2/3; grid-row: 1/2;}  
    .albumFeatured__item:nth-child(3) {grid-column: 2/3; grid-row: 2/3;} 
    .albumFeatured__item:nth-child(4) {grid-column: 1/2; grid-row: 3/4;}  
    .albumFeatured__item:nth-child(5) {grid-column: 2/3; grid-row: 3/4;} 
    .albumFeatured__item:nth-child(6) {grid-column: 1/2; grid-row: 4/5;} 
    .albumFeatured__item:nth-child(7) {grid-column: 2/3; grid-row: 4/5;} 
    .albumFeatured__item:nth-child(8) {grid-column: 1/2; grid-row: 5/6;} 
    .albumFeatured__item:nth-child(9) {grid-column: 2/3; grid-row: 5/6;} 
    .product__list.flex-list,.service__list.flex-list {
        --columns: 4; 
    }

    .navigation-header{display: none!important;}
    .navigation--right{width: unset;}
    .navigation__inner{align-items: center;}
    .navigation__logo__photo{top: unset;left: unset;}
    .intro__whychoose{right: unset;}
    .wrap_pc{display: none;}


}
@media (min-width:851px) and (max-width:1023px) {
}

@media(max-width:850px) {
    .wrap_desk_mb,.wrap_mobile{display: block;}
    .wrap_desk_top,.wrap_pc{display: none;}
    .albumFeatured__item1:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2}
    .albumFeatured__item1:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2;}
    .albumFeatured__item1:nth-child(3) { grid-column: 1 / 2; grid-row: 2 / 3;}
    .albumFeatured__item1:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3;}
    .albumFeatured__item1:nth-child(5) { grid-column: 1 / 3; grid-row: 3 / 4;}
    .albumFeatured__grid1 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:10px;}

    .product__list.flex-list, .service__list.flex-list{--columns: 3;}
    /* General */
    .rps-lg--visible {display: block;}
    .rps-lg--hidden {display: none;}
    .rps-lg--w-100 {width: 100%;}
    /* Product */
    .product__list.flex-container,.service__list.flex-list{--columns: 3;--space-horizontal: 0.625rem;--space-vertical: 1.25rem;}
    
    /* Footer */
    .footer-article__inner>[class^="footer-article--"] {width: 100%;}
    .footer-article__inner>[class^="footer-article--"]:not(:last-child) {margin-bottom: 1.5rem;}

    .intro__quote2 { 
        font-size: clamp(18px, 3vw ,29px); 
        bottom: 47%;
        left: -6%;  
    }
    .newsvideo__inner {flex-direction: column; gap: 20px;}
    .newsvideo--left, .newsvideo--right {width: 100%;}
    .feedback__item-inner:before { 
        animation: none;
    }
}

@media(max-width:769px) {
    .news__list.flex-list{--columns: 1;}
    .videoFeatured-right .video-main iframe{height: 300px;}
    .footer__name{font-size: 30px;}
    .wrap-formNewsletter{margin-bottom: 30px;}
    .wrap-formNewsletter,.wrap-feedback{width: 100%;}
    .videoFeatured-left{width: 100%;margin-bottom: 30px;}
    .videoFeatured-right{width: 100%;}
    .parameter__inner{gap: 0px;}
    .parameter__item{width: 50%;}
    .parameter__inner{flex-wrap: wrap;}
    .intro__whychoose p{flex-wrap: wrap;}
    .intro__whychoose p{font-size: 30px;}
    .intro--left{padding-left: 0px;}
    .intro--left:before{display: none;}
    .navigation__logo__photo-inner img{width: 50%;}
    .navigation__logo__photo-inner{text-align: center;}
    .footer-powered:has(.footer-statistic) .footer-copyright,
    .footer-powered:has(.footer-statistic) .footer-statistic {text-align: center;}
    .footer-powered:has(.footer-statistic) .footer-copyright {margin-bottom: 0.25rem;}

    .intro--right {width: 100%;}
    .intro__quote2 {
        font-size: clamp(18px, 4vw ,29px); 
    }
    .product__list.flex-list,.service__list.flex-list {
        --columns: 3;
    }
    .newsletter__form {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .newsletter__input, .mgb1r {width: 100%;}
    .newsletter__button span{
        display: none;
    }
}

@media(max-width:576px) {
    /* General */
    .rps-md--visible {display: block;}
    .rps-md--hidden {display: none;}
    .rps-md--w-100 {width: 100%;}
    /* Product */
    .product__list.flex-container,.service__list.flex-list {--columns: 2;--space-horizontal: 0.5rem;--space-vertical: 1.25rem;}
    /* News */
    .news .news__photo {margin-bottom: 1rem;}
    .intro__name {
        font-size: clamp(25px, 4vw, 32px); 
    }
    .productList__inner { 
        padding: 10px; 
    }
    .productList__header h2 {
        font-size: clamp(20px, 4vw, 26px); 
    }
    .control-productPromotion,.control-productSelling {display: none;}
    .productPromotion__header span { 
        zoom: .6;
    }
    .productPromotion__quote, .productSelling__title { 
        font-size: clamp(18px, 4vw, 26px); 
    }
    .title__main {
        font-size: clamp(22px, 4vw, 28px);
        font-family: var(--font-title);
        text-transform: uppercase;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: .5rem;
    }
    .header__logo__photo-inner {width: 57%; text-align: center;margin: auto;}
    .product__list.flex-list {
        --columns: 2;
        --space-horizontal: 5.5px;
    }
}
@media(max-width:420px) {
    .intro__name {
        font-size: clamp(20px, 4vw, 32px);
    }
    .albumFeatured__grid { 
        gap: 10px;
    }
    .productSelling__header-inner h2 { 
        padding: 7px 0;
    }
    .intro--right .control-owl {display: none;}
    .intro__quote2 {
        bottom: 65%;
        left: -6%;
    }
    .productPromotion__header span {
        left: -20px;
        top: -40px;
    }
    .service__list.flex-list {--columns:1;}
}
@media(max-width:369px) {
    /* Cart */
    .cart-pro-detail a {width: 100%;}
    .cart-pro-detail a:first-child {margin: 0 0 0.5rem 0;}
    .cart-pro-detail a i {display: none;}
}


@media only screen and (min-width: 992px) { 
    .comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
    .top-cart { margin-bottom: 2rem; } 
    .comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
    .comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; } 
    .comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } 
    .comment-item-information { width: 100%; } 
    .menu { display: none; } 
    .menu-res {display: block !important;} 
    .grid-product{gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr));} 
    .img-auto img{width: auto !important;height: auto !important;} 
} 
@media only screen and (min-width: 768px) { 
    .procart-label .quantity-procart p:first-child { display: block; }  
    .procart-label .quantity-procart p:last-child { display: none; } 
    .quantity-procart { text-align: right; } 
    .price-procart { display: none; } 
    .price-procart-rp { display: block; } 
    .procart-label .quantity-procart p:first-child { display: none; } 
    .procart-label .quantity-procart p:last-child { display: block; } 
    .cart-pro-detail a { width: 100%; }
}
@media only screen and (max-width: 575px) { 
    .name-procart a { font-size: 13px; } 
    .procart-label { font-size: 13px; } 
    .grid-product{gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .news .news-image { margin-bottom: 1rem; } 
}