/* CUSTOM RESPONSIVE  */
@media screen and (max-width: 420px) {
    body, html {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .header-info {
        font-size: 13px;
    }
    #search_widget form input {
        padding: 8px 12px 8px 40px;
    }
    #search_widget form i {
        padding: 12px .5rem;
    }
    .info-row {
        margin: 0 0 18px 0;
    }
    .header-tools-left {
        align-items: flex-start;
    }
    .header-tools-right, .header-tools-left {
        display: block;
    }
    #search_widget {
        width: 90%;
        margin: 24px auto 12px auto;
    }
    .top-contact {
        margin: 0px 12px 0 5%;
        display: inline-flex;
        max-width: 60px;
        float: left;
    }
    #_desktop_user_info {
        margin: 0px 12x;
        display: inline-flex;
        min-width: 60px;
        float: left;
        width: fit-content;
    }
    #_desktop_cart-active,
    #_desktop_cart-inactive {
        margin: 0px 12x;
        display: inline-flex;
        min-width: 60px;
        float: left;
    }
    #slider-container {
        display: grid;
        grid-template-columns: 100%;
        gap: 0;
    }
    .product-selection {
        height: fit-content;
        border-radius: 6px;
    }
    #custom-text .title_cat {
        line-height: 23px;
    }
    .title_cat span {
        background-color: rgba(0,0,0,0.065);
    }
    .carousel {
        padding-bottom: 0;
    }
    .carousel-inner {
        margin-bottom: 0;
    }
    .title_cat span {
        background-color: transparent;
    }
    .featured-products {
        max-width: 100vw;
        margin: 0 auto;
    }
    .featured-products .products {
        display: grid;
        grid-template-columns: 1FR 1FR;
        grid-auto-flow: row;
        gap: 12px;
        max-width: 90vw;
        margin: 0 auto;
        float: none;
    }
    .right-focus {
        float: none;
        margin: 24px auto;
        max-width: 90vw;
        width: 100vw;
        height: fit-content;
        border: 1px solid #dad8d8;
        padding: 12px;
        border-radius: 6px;
        background-color: white;
        text-align: center;
    }
    .blocpdf {
        aspect-ratio: in;
        background-size: cover;
    }
    .blocpdf a {
        text-align: left;
    }
    .blocpdf span {
        font-size: 19px;
    }
    .detail {
        float: none;
        width: 100%;
        text-align: center;
    }
    .imagesprod {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .title_cat {
        margin: 6px auto 18px auto;
    }
    #featured_categories {
        max-width: 90%;
        margin: 0 auto;
    }
    .featured_categories_list {
        display: grid;
        grid-template-columns: 100%;
        grid-auto-flow: row;
        gap: 24px;
        max-width: 100%;
        margin: 0 auto;
    }
    .fcl-item:first-child {
        aspect-ratio: 1/1;
    }
    .item-one {
        grid-column: 1;
        display: grid;
        grid-template-columns: 100%;
        grid-auto-flow: row;
        gap: 24px;
    }
    .reassurance-grid {
        max-width: 1280px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: row;
        gap: 12px;
        text-align: center;
        font-weight: 900;
        color: black;
        margin: 0 auto 18px auto;
    }
    #reassurance-row {
        padding: 22px 0 0 0;
        background-color: #eeeeee;
    }
    #prez-container {
        max-width: 90vw;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1FR;
        gap: 24px;
    }
    .prez-content-open {
        max-height: 2500px;
        transition: max-height 1s ease;
    }
    .left-focus-categ {
        display: none;
    }
    #subcategories {
        max-width: 90%;
        margin: 0 auto;
    }
    #subcategories ul {
        margin: 0 0 0 -10px;
        display: grid;
        grid-template-columns: 100%;
        gap: 12px;
        grid-auto-flow: row;
    }
    #products {
        color: #7a7a7a;
        max-width: 90%;
        margin: 12px auto 0 auto;
    }
    .products {
        gap: 6px;
    }
    .js-product {
        padding: 0;
        height: fit-content;
        border: 1px solid #d8d8d8;
        overflow: hidden;
        border-radius: 6px;
        transition: all 0.3s ease-in-out;
    }
    #category .js-product {
        max-width: 49%;
    }
    .tabs {
        padding: 0;
        /* margin-top: 2rem; */
        background: #fff;
    }
    .table-product-discounts {
        font-size: 3.3vw;
    }
    .footer-container .links ul > li {
        padding: 3px 0;
        font-weight: 600;
        border-bottom: 1px solid #fff;
        max-width: 90%;
        margin: 0 auto;
    }
    .footer-container .links ul {
        margin-bottom: 0;
        background-color: #f6f6f6;
        padding-bottom: 12px;
    }
    .block-contact, .footer-container li a {
        font-size: 1rem;
    }
    .cms-page-link::before, .custom-page-link::before {
        content: none !important;
    }
    #module-faqs-display .col-sm-3, #module-faqs-display .col-xs-12 {
        max-width: 90% !important;
        margin: 0 auto 24px auto;
        display: block;
        float: none;
    }
    .block-faq-left-column {
        margin-bottom: 0.25rem;
    }
    .block-category h1 {
        margin-bottom: 1rem;
        font-size: 6vw;
    }
    .st_mega_menu_container {
        display: none;
    }
    #index #wrapper {
        padding-top: 0;
    }
}

@media screen and (min-width: 421px) and (max-width: 1024px) {
    .featured_categories_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        gap: 24px;
        margin-bottom: 0;
        max-width: 90%;
        margin: 0 auto;
    }
    .fcl-item:first-child {
        aspect-ratio: auto;
        width: 100%;
        height: auto;
        text-align: left;
    }
    .item-one {
        grid-column: 1 / span 2;
        display: grid;
        grid-template-columns: 30% 1FR;
        gap: 24px;
    }
    .fcl-item:not(:first-child) {
        aspect-ratio: auto;
        width: 100%;
        height: auto;
    }
    .fcl-item:first-child .imagecatlarge {
        aspect-ratio: 1/1;
        height: auto;
        width: auto;
    }
    #prez-container {
        max-width: 90%;
        margin: 0 auto;
    }
    .featured-products .products {
        grid-template-columns: repeat(3, 1fr);
        max-width: 70%;
    }
    .right-focus {
        max-width: 28%;
    }
    .product-selection {
        box-shadow: 0 0 5px #706f6f;
        overflow: hidden;
        padding: 6px;
        height: auto;
        position: relative;
        background: white;
        border-radius: 6px;
    }
    .product-selection h3 {
        text-transform: uppercase;
        font-size: 15px;
        text-align: center;
        color: #2F2F30;
        margin: 0 0 6px 0;
    }
    .title_cat span {
        display: inline-block;
        background-color: transparent;
        padding: 0 12px;
        line-height: 20px;
    }
    .bloctitle, .product-selection .detail, .product-selection .description {
        display: none;
    }
    #left-column {
        margin: 0 16px 0 0;
        box-shadow: 0 2px 16px rgba(0,0,0,0.065);
        border-radius: 6px;
        padding: 15px;
        background: white;
    }
    .st_mega_menu li:not(#st_menu_12) .ma_level_0:after {
        content: "";
        width: 2px;
        height: 48px;
        background-color: rgba(256,256,256,0.25);
        display: inline-block;
        position: absolute;
        margin: -24px 0px 0 6px;
    }

}