/* Responsive */

@media(max-width:1001px) {
    #nav {
        font-family: var(--font-bold);
        --mm-color-background: #fff;
        --mm-color-text: #000;
        --mm-color-text-dimmed: #000;
        --mm-color-button: #000;
    }
    #nav .mm-navbar__title {
        font-size: 16px;
    }
    /* Display None */
    .header div.function__item,
    .product-list__body>.--left {
        display: none !important;
    }
    /* General */
    .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;
    }
    /* Spacing */
    .wrap-main {
        margin: 20px auto;
    }
    [class$='-30'] {
        --spacing: 15px;
    }
    [class$='-40'],
    [class$='-50'],
    [class$='-60'] {
        --spacing: 20px;
    }
    [class$='-70'],
    [class$='-80'] {
        --spacing: 25px;
    }
}

@media(max-width:850px) {
    /* General */
    /* Header */
    .header {
        padding: 0;
    }
    .header__inner {
        position: relative;
        padding: 5px 0;
        z-index: 1000;
    }
    .header__inner--left {
        
    }
    .header__inner--right {
        width: calc(100% - 75px);
    }
    .header__inner--right>.--top {
        border: 0;
        padding: 0;
    }
    /* Product */
    .product .product__list {
        --item-quantity: 3;
        --space-both-side: 8px;
    }
    /* Tags */
    .tags .tags__list {
        --columns: 3;
    }
    /* News */
    .news__photo {
        margin-bottom: 0.75rem;
    }
    /* Product Featured */
    .product-list .product__list {
        --columns: 3;
        --space-both-side: 8px;
        --margin-bottom: calc(var(--space-both-side) * 2);
    }
    /* Anwser and Newsletter */
    .answer-newsletter__inner {
        gap: 10px;
    }
    .answer,
    .newsletter {
        width: 100%;
    }
    .newsletter>.__inner {
        padding: 1rem 0.75rem 1.5rem;
    }
    /* Tags and News Featured */
    .tags--featured-news--featured>div>.__inner {
        gap: 15px 10px;
    }
    .tags--featured,
    .news--featured {
        width: 100%;
    }
    .tags--featured .tags__name {
        min-height: calc(2 * 1.5em);
    }
    .news__list .slick-list {
        margin: 0px -10px 0px 0px;
    }
    .news--featured .news__item {
        margin: 0px 10px 0px 0px;
    }
    /* Footer */
    .footer-article__inner>div[class^="footer-article-"] {
        width: 100%;
    }
    .footer-article__inner>div[class^="footer-article-"]:not(:last-child) {
        margin-bottom: 40px;
    }
    .newsletter-sale {
        padding: 0 15px;
    }
}

@media(max-width:576px) {
    /* Header */
    .header .funcion__list {
        justify-content: flex-end !important;
        gap: 0.25rem 0.5rem;
    }
    .header .function__item {
        gap: 0.25rem;
    }
    /* Order Detail */
    div[class^='order-history__'][class$='-info'] {
        width: calc(100% - 70px);
    }
    /* Product */
    .product .product__list {
        --item-quantity: 2;
        --space-both-side: 5px;
    }
    /* Tags */
    .tags .tags__list {
        --columns: 2;
    }
    /* Product Featured */
    .product-list .product__list {
        --columns: 2;
        --space-both-side: 5px;
        --margin-bottom: calc(var(--space-both-side) * 2);
    }
}

@media(max-width:400px) {
    /* Header */
    .header__inner {
        flex-wrap: wrap;
        gap: 5px;
    }
    .header__inner--left .logo {
        width: 80px;
    }
}

@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;
    }
}