/**
 * fit size: 768px
 */
 @media screen and (min-width: 768px) {
    /* STYLE GUIDE */
    :root {
        --fs-display-large: 3.6rem;
        --fs-display-medium: 3.6rem;
        --fs-display-small: 2.6rem;
    }

    /* CATEGORY */
    .category .container .carousel-inner .card-category-3 { flex: 0 0 calc(100% / 2); }

    /* LATEST PRODUCTS */
    .latest-products .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 2); }

    /* BEST SELLER */
    .best-seller .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 2); }
}

/**
 * fit size: 992px
 */
@media screen and (min-width: 992px) {
    /* COMPONENTS */

    /**
     * HEADERS
     */
    .header-3 .header-bottom .container .btn-header-bottom { 
        font-size: var(--fs-label-medium);
        padding: 10px 30px; 
    }

    /**
     * CARDS
     */
    .card-category .img-card-best-seller {
        max-width: 280px; 
        max-height: 280px; 
    }

    /**
     * FILTER
     */
    .filter { 
        border: 2px solid var(--border-color);
        background-color: var(--bg-color);
        border-radius: var(--radius-4);
        visibility: visible !important;
        transform: none !important;
        position: sticky !important;
        top: 80px !important;
        z-index: 2;
        max-width: 100%; 
    }

    /* HEADER */
    .header-center .container .header-center-icon { font-size: 1.8rem; }

    /* HOME */
    .home .carousel-inner .home-content .card-text {
        left: 100px;
        right: auto;
    }

    .areas { padding-block: 40px; }

    /* CATEGORY */
    .category .container .carousel-inner .card-category-3 { flex: 0 0 calc(100% / 4); }

    /* LATEST PRODUCTS */
    .latest-products .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 4); }

    /* BEST SELLER */
    .best-seller .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 4); }

    /* FOOTER */
    .footer .footer-top { padding-block: 40px; }

    /* BACK TOP BTN */
    .back-top-btn { left: 40px; }

    .back-top-btn.active { bottom: 30px; }

    /* HOME 2 */
    .home-2 .container .carousel .carousel-inner .carousel-item .body { right: 140px; }

    .home-2 .container .carousel .carousel-control-prev { left: -20px; }

    .home-2 .container .carousel .carousel-control-next { right: -20px; }

    /* HOME 3 */
    .home-3 .container .carousel .carousel-inner .carousel-item .body { right: 50px; }
}

/**
 * fit size: 1170px
 */
@media screen and (min-width: 1170px) {
    /* STYLE GUIDE */
    :root {
        --fs-display-large: 5rem;
        --fs-display-medium: 4rem;
    }

    /* COMPONENTS */

    /**
     * HEADERS
     */
    .header-3 .header-bottom .container .btn-header-bottom {
        font-size: var(--fs-title-small);
        padding-block: 25px;
        border-radius: 0;
        height: 65px;
        min-width: 250px;
        max-width: 250px;
    }

    /**
     * ASIDE
     */
    .aside-slider {
        border: 2px solid var(--border-color);
        visibility: visible !important;
        transform: none !important;
        position: sticky !important;
        border-bottom-color: transparent;
        height: max-content;
        padding-block: 0;
        z-index: 1;
    }

    .aside-slider .close-aside { display: none; }

    /* CATEGORY */
    .category .container .carousel-inner .card-category-3 { flex: 0 0 calc(100% / 5); }

    /* LATEST PRODUCTS */
    .latest-products .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 5); }

    /* BEST SELLER */
    .best-seller .container .carousel-inner .card-primary { flex: 0 0 calc(100% / 5); }
    
    /* HOME 2 */
    .home-2 .container .carousel .carousel-inner .carousel-item .body { right: 150px; }

    /* HOME 4 */
    .home-4 .container .carousel .carousel-inner { height: 100%; }

    .home-4 .container .carousel .carousel-inner .carousel-item { padding: 50px; }
}