@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,.navigation.notIndex {background: #fff;padding: .25rem;} 
    .search__toggle .search__icon { color: #fff; } 
    .lang-header {color: #000;}
    .projectFeatured__grid {grid-template-rows: auto auto}
    .post__list.flex-list { --columns: 3; --space-horizontal: 7.5px;} 

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

@media(max-width:850px) { /* General */
    .rps-lg--visible { display: block; } 
    .rps-lg--hidden { display: none; } 
    .rps-lg--w-100 { width: 100%; } 
    /* Product */
    .product__list.flex-list,.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; } 
    .separateArticle__name {font-size: 30px;}
    .footer__title {margin-bottom: 1rem;}
    .footer__title.has-line:before {content: none;}
}

@media(max-width:769px){
    .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; } 
    
    .title__main {font-size: 28px;}
    .title__slogan {font-size: 15px;}
    .separateArticle__main {flex-direction: column; gap: 20px;}
    .separateArticle-left,
    .separateArticle-right {width: 100%;}
    .projectFeatured__grid {grid-template-rows: auto auto auto; grid-template-columns: 48.5%;}
    .projectFeatured__grid .project__item:nth-of-type(1) { grid-column: 1/2; grid-row: 1/2; } 
    .projectFeatured__grid .project__item:nth-of-type(2) { grid-column: 1/3; grid-row: 2/3; } 
    .projectFeatured__grid .project__item:nth-of-type(3) { grid-column: 2/3; grid-row: 1/2; } 
    .projectFeatured__grid .project__item:nth-of-type(4) { grid-column: 1/2; grid-row: 3/4; } 
    .projectFeatured__grid .project__item:nth-of-type(5) { grid-column: 2/3; grid-row: 3/4; } 
    .post__list.flex-list ,
    .project__list.flex-list { --columns: 2; --space-horizontal: 7.5px;} 


}

@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-list,.service__list.flex-list { --columns: 2; --space-horizontal: 0.5rem; --space-vertical: 1.25rem; } 
    /* News */
    .news .news__photo { margin-bottom: 1rem; } 

    .navigation__logo {zoom: .5;}
    .title__main,
    .separateArticle__name {font-size: 22px;}
    .title__slogan {font-size: 13px;}
    .field__name {font-size: 14px;}
    .post__time {font-size: 13px;}
    .post__list.flex-list ,
    .project__list.flex-list { --columns: 1; --space-horizontal: 7.5px;} 
}
@media(max-width:420px) { } 
@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: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-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: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-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; } 
}

@media only screen and (max-width:600px){
#ninja-slider-prev,
#ninja-slider-next,
#ninja-slider-pager { display: none; } 
}