@media (min-width: 1024px) {
    .gallery-thumbs {
        width: 60px;
        max-height: 260px;
        height: 100% !important;
    }

    .gallery-thumbs .swiper-wrapper {
        align-items: flex-start;
        gap: 10px;
        height: auto;
    }
}


@media (max-width: 1650px) {

    .location-slider-container {
        max-width: 1300px;
    }

    .location-slider-swiper-button-prev,
    .featured-brands-slider-swiper-button-prev {
        left: -22px;
    }

    .location-slider-swiper-button-next,
    .featured-brands-slider-swiper-button-next {
        right: -22px;
    }

    .location-slider-swiper-button-prev {
        left: -22px
    }
}

@media (max-width: 1600px) {
    .video-slider-container, .stories-slider-container {
        margin: 0 50px;
    }

}

@media (max-width: 1520px) {
    header {
        padding: 10px 0 0;
    }

    .main-container, .catalog-single-product {
        padding: 0 20px;
    }

}

@media (max-width: 1450px) {
    .location-slider-swiper-button-next {
        right: -24px
    }
    .checkout-product {
        gap: 40px;
    }


    .checkout-contact-product-block {
        gap: 24px;
        grid-template-columns: 0.7fr 1fr;
    }
}

@media (max-width: 1360px) {
    .location-slider-container {
        max-width: 1100px
    }

    .location-slider-swiper-button-next {
        right: -45px
    }

    .location-slider-swiper-button-prev {
        left: -45px
    }

    .header-nav-links {
        gap: 20px;
    }

    .header-nav-links .nav-link {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .location-slider-container {
        max-width: 900px
    }

    .favorite-product-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .favorite-product-meta {
        gap: 28px;
    }

    .brand-img-wrapper {
        height: 380px;
    }
}

@media (max-width: 1024px) {
    .location-slide-layer {
        height: fit-content;
        position: static !important;
        justify-content: flex-start !important;
        gap: 10px;
        opacity: 1;
        visibility: visible;
        padding: 18px 0;
    }

    .catalog-single-product {
        flex-direction: column;
    }

    .gallery-container {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .single-product-tabs,
    #singleProductTabContent {
        display: none;
    }

    .single-product-accordion {
        display: block;
    }

    .cart-product-wrapper {
        flex-direction: column;
    }

    .cart-product-list {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .brand-img-wrapper {
        height: 300px;
    }

    .brand-group-names {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 10px;
    }

    .brand-group {
        gap: 50px;
    }
}

@media (max-width: 1000px) {
    .location-slider-container {
        max-width: 700px
    }

    .location-slider-swiper-button-next {
        right: -15px
    }

    .location-slider-swiper-button-prev {
        left: -15px
    }

    .footer-row {
        grid-template-columns:1fr .2fr 1fr;
        gap: 90px 60px
    }

    /*.footer-row > div {*/
    /*    justify-self: center*/
    /*}*/
}

@media (max-width: 991.98px) {
    .gift-hero {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .gift-hero-media {
        min-height: 170px;
    }

    .terms-page {
        padding: 38px 0 58px;
    }

    .terms-content{
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .terms-nav {
        position: static;
    }

    .terms-nav ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .terms-nav li + li {
        margin-top: 0;
    }

    .terms-section {
        scroll-margin-top: 94px;
    }

    .filter-section {
        position: fixed;
        inset: 0;
        z-index: 1200;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        padding: 0;
        border-radius: 0;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-100%);
        transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    }

    .filter-section.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .filter-modal-header {
        min-height: 44px;
    }

    .personal-nav-link-box {
        padding-bottom: 0;
    }

    .favorite-product-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .catalog-product-card__brand {
        font-size: 16px;
    }

    .personal-settings-layout {
        grid-template-columns: 1fr;
    }

    .personal-settings-sidebar {
        position: static;
        order: -1;
    }

    .personal-settings-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .personal-settings-menu-link {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        border-left: 0;
        border-bottom: 2px solid transparent;
        padding: 10px 8px;
    }

    .personal-settings-menu-link:hover,
    .personal-settings-menu-link.active {
        border-bottom-color: var(--red);
        padding-left: 8px;
    }

    .personal-settings-panel {
        padding: 28px;
    }

    .auth-login-page {
        min-height: auto;
    }

    .auth-login-card {
        max-width: 580px;
        min-height: 0;
    }

    .auth-login-form-wrap {
        padding: 46px 32px;
    }

    .login-page {
        min-height: 100vh;
        padding: 18px 10px !important;
    }

    .login-page-card {
        max-width: 620px;
        min-height: 0;
        border-radius: 8px;
    }

    .login-page-form-wrap {
        padding: 46px 30px !important;
    }

    .login-page-panel::before {
        top: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 5px;
    }

    .login-page-heading h1 {
        font-size: 38px;
    }

    .register-page {
        min-height: 100vh;
        padding: 18px 10px !important;
    }

    .register-page-card {
        max-width: 620px;
        min-height: 0;
        border-radius: 8px;
    }

    .register-page-form-wrap {
        max-width: none;
        padding: 46px 30px !important;
    }

    .register-page-panel::before {
        top: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 5px;
    }

    .register-page-heading h1 {
        font-size: 38px;
    }

    .forgot-page {
        min-height: 100vh;
        padding: 18px 10px !important;
    }

    .forgot-page-card {
        max-width: 620px;
        min-height: 0;
        border-radius: 8px;
    }

    .forgot-page-form-wrap {
        max-width: none;
        padding: 46px 30px !important;
    }

    .forgot-page-panel::before {
        top: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 5px;
    }

    .forgot-page-heading h1 {
        font-size: 38px;
    }

    .about-page-content {
        flex-direction: column;
    }

    .checkout-contact-product-block {
        display: flex;
        flex-direction: column-reverse;
    }

}


@media (max-width: 900px) {
    .catalog-page {
        grid-template-columns: 1fr;
    }

    .catalog-single {
        grid-template-columns: 1fr;
    }

    .catalog-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-product-details {
        gap: 48px;
    }
}

@media (max-width: 767.98px) {
    .gift-page {
        padding: 38px 0 58px;
    }

    .gift-hero {
        margin-bottom: 24px;
    }

    .gift-hero-text {
        margin-top: 18px;
        font-size: 15px;
    }

    .gift-section,
    .gift-note-panel {
        padding: 22px 18px;
    }

    .gift-section-heading {
        gap: 12px;
    }

    .gift-section h2 {
        font-size: 22px;
    }

    .gift-list li,
    .gift-section p,
    .gift-note-panel p,
    .gift-notes li {
        font-size: 15px;
    }

    .faq-page {
        padding: 38px 0 58px;
    }

    .faq-hero {
        margin-bottom: 24px;
    }

    .faq-hero-text {
        margin-top: 18px;
        font-size: 15px;
    }

    .faq-item {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 22px 18px;
    }

    .faq-item h2 {
        font-size: 20px;
    }

    .faq-item p {
        font-size: 15px;
    }

    .terms-hero {
        margin-bottom: 24px;
    }

    .terms-hero-text {
        margin-top: 18px;
        font-size: 15px;
    }

    .terms-nav {
        padding: 10px;
    }

    .terms-nav ul {
        grid-template-columns: 1fr;
    }

    .terms-nav-link {
        padding: 10px 12px;
    }

    .terms-section {
        padding: 22px 18px;
    }

    .terms-section-heading {
        gap: 12px;
    }

    .terms-section h2 {
        font-size: 22px;
    }

    .terms-lead,
    .terms-block p,
    .terms-block li {
        font-size: 15px;
    }

    .main-container {
        padding: 0 10px;
    }

    header .navbar-brand svg {
        width: 126px;
    }

    .location-slider-swiper-button-next, .location-slider-swiper-button-pref {
        width: 35px;
        height: 35px;
    }

    .styles-link img {
        width: 60px;
        height: 60px;
    }

    .search-products-row {
        grid-template-columns: repeat(2, 1fr);
    }

    #lang-dropdown {
        display: none;
    }

    .section-title {
        font-size: 18px;
    }

    .footer-row {
        gap: 40px
    }


    .order-product-details {
        gap: 4px;
    }


    .personal-nav-link-box div, .brand-group {
        gap: 20px;
    }

    .personal-nav-link {
        padding: 0 0 10px;
    }


    .favorite-product-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .cart-product-img-wrapper {
        width: 100%;
    }


    .catalog-product-card__info-right {
        width: 100%;
    }


    .catalog-product-card__info,
    .catalog-product-card__info-left,
    .catalog-product-card__info-right {
        gap: 8px;
    }

    .brand-img-wrapper {
        height: 250px;
    }

    .brand-desc, .brand-group-names a .brand-group-name {
        font-size: 14px;
    }

    .brand-group-names {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .brand-group-letter-box {
        grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    }


    .location-slider-swiper-button-next, .location-slider-swiper-button-prev, .featured-brands-slider-swiper-button-next, .featured-brands-slider-swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .location-slider-swiper-button-prev:after, .location-slider-swiper-button-next:after, .featured-brands-slider-swiper-button-prev:after, .featured-brands-slider-swiper-button-next:after {
        font-size: 12px;
    }

    .brand-info h1 {
        font-size: 28px;
    }
}

@media (max-width: 750px) {
    .location-slider-swiper-button-next {
        right: 15px
    }

    .location-slider-swiper-button-prev {
        left: 15px
    }
}

@media (max-width: 575.98px) {
    .login-page {
        padding: 10px !important;
    }

    .login-page-form-wrap {
        padding: 34px 18px !important;
    }

    .login-page-tabs .sign-page-tab {
        min-height: 40px;
        font-size: 13px;
    }

    .login-page-heading {
        padding-top: 18px !important;
    }

    .login-page-heading h1 {
        font-size: 32px;
    }

    .login-page-options {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 12px !important;
    }

    .login-page .sign-input,
    .login-page .sign-btn {
        min-height: 52px;
    }

    .register-page {
        padding: 10px !important;
    }

    .register-page-form-wrap {
        padding: 34px 18px !important;
    }

    .register-page-tabs .sign-page-tab {
        min-height: 40px;
        font-size: 13px;
    }

    .register-page-heading {
        padding-top: 18px !important;
    }

    .register-page-heading h1 {
        font-size: 32px;
    }

    .register-page .sign-input,
    .register-page .sign-btn {
        min-height: 52px;
    }

    .forgot-page {
        padding: 10px !important;
    }

    .forgot-page-form-wrap {
        padding: 34px 18px !important;
    }

    .forgot-page-heading {
        padding-top: 18px !important;
    }

    .forgot-page-heading h1 {
        font-size: 32px;
    }

    .forgot-page .sign-input,
    .forgot-page .sign-btn {
        min-height: 52px;
    }

    .cart-product-img-wrapper a {
        padding-right: 40px;
    }

    .remove-btn {
        position: absolute;
        right: 16px;
    }

    .order-summary-card {
        padding: 24px 10px;
    }

    .favorite-product-cart-btn, .catalog-product-card__brand, .catalog-product-card__price {
        font-size: 12px;
    }

    .catalog-product-card__product-name {
        font-size: 10px;
    }

    .action-btn {
        width: 26px;
        height: 26px;
    }

    .brand-img-wrapper {
        height: 200px;
    }

    .sort-dropdown {
        width: 180px;
    }

    .sort-by, .sort-select {
        font-size: 14px;
        line-height: normal;
    }

    .brand-group-names {
        grid-template-columns: repeat(2, 1fr);
    }

    .personal-settings-page {
        padding: 18px 0 44px;
    }

    .personal-settings-layout {
        gap: 16px;
    }

    .personal-settings-panel {
        padding: 22px 16px;
    }

    .personal-settings-title {
        font-size: 26px;
    }

    .personal-settings-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .personal-settings-menu {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 14px 12px 12px;
    }

    .personal-settings-menu-link {
        min-width: 124px;
        min-height: 74px;
        padding: 10px;
        font-size: 13px;
    }

    .personal-settings-menu-link:hover,
    .personal-settings-menu-link.active {
        padding-left: 10px;
    }

    .personal-submit-btn {
        width: 100%;
    }

    .checkout-product {
        gap: 16px;
    }

    .payment-method-card{
        width: 125px;
        height: 125px;
    }
    .payment-method-card span{
        text-align: center;
    }

    .payment-method-card img{
        width: 60px;
        height: 60px;
    }

    .brand-info h1 {
        font-size: 24px;
    }

    .brand-small-img{
        max-width: 250px;
    }
}

@media (max-width: 560px) {
    .catalog-page,
    .catalog-single,
    .catalog-collection-page {
        width: min(100% - 24px, 1180px);
        margin: 28px auto;
    }

    .catalog-products {
        grid-template-columns: 1fr;
    }

    .catalog-collection-page__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .personal-nav-link-box {
        max-width: 100%;
        overflow-x: auto;
    }

    .favorite-product-list {
        gap: 8px;
    }

    .favorite-product-meta {
        gap: 18px;
    }

    .favorite-product-image {
        height: 180px;
    }
}

@media (max-width: 500px) {
    .search-products-row {
        gap: 12px;
    }

    .product-img-wrapper {
        height: 220px;
        margin-bottom: 0;
        padding-top: 30px;
    }

    .product-img-wrapper img {
        max-width: 180px;
        max-height: 150px;
    }

    .catalog-product-card__image {
        height: 210px;
    }

    .footer-row {
        grid-template-columns:1fr;
        gap: 35px
    }

    .favorite-product {
        padding: 10px 6px;
    }

}


@media (max-width: 450px) {
    .brand-img-wrapper {
        height: 150px;
    }
}