@media (max-width: 1599px) {
    .checkout-area .cart-area {
        padding: 0 10%;
    }
}

@media (max-width: 1399px) {
    .product-list .product-list-items.type-1 > .item {
        flex-basis: calc((100% - 30px) / 3);
    }
    .product-list .product-list-items.type-2 > .item {
        flex-basis: calc((100% - 60px) / 5);
    }
    .product .detail-box .detail {
        flex: 0 0 35%;
    }
}

@media (max-width: 1199px) {
    header .header-middle .logo {
        padding-left: 15px;
        margin-right: 0;
    }
    header .header-middle .controls .shopping-link {
        margin-right: 15px;
    }
    .breadcrumb .inner,
    .filter-area .inner {
        padding-left: 0;
        padding-right: 15px;
    }
    .product-list .product-list-items.type-2 > .item {
        flex-basis: calc((100% - 45px) / 4);
    }
    .follow-us {
        padding-top: 50px;
    }
    .follow-us .item {
        margin: 30px 0 0 0;

    }
    .follow-us .item img {
        height: 220px;
    }
    footer .item .newsletter {
        padding: 50px
    }
}

@media (max-width: 1024px) {
    header .header-top {
        display: none;
    }
    header .header-middle .navbar {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    header .header-middle .logo img {
        height: 30px;
    }
    header .header-top .item {
        font-size: 15px;
    }
    header .header-middle .controls .shopping-link a, header .header-middle .controls .shopping-link span {
        padding: 0;
    }
    .mobile-menu .nav-link,
    .mobile-menu .mobile-lang-select {
        font-size: 15px;
        padding: 20px 15px;
        border-top: 1px solid var(--gray-color-200);
    }
    .mobile-menu {
        top: var(--site-header-height);
    }
    .mobile-menu.active.overlay:before {
        top: var(--site-header-height);
    }
    .select-lang.show {
        padding-top: 0;
    }
    .bag-bar.show {
        top: var(--site-header-height);
    }
    .select-lang .area .title-collapse {
        font-size: 15px;
        padding: 13px 15px;
    }
    .select-lang .area .content-collapse .collapse-links li a {
        font-size: 15px;
    }
    .search-area {
        top: var(--site-header-height);
    }
    .search-area .inner {
        flex-direction: column;
        align-items: stretch;
        padding: 0;
    }
    .search-area .inner .item,
    .search-area .inner .similar {
        width: 100%;
    }
    .search-area .inner .item:first-child {
        border-right: 0;
        border-bottom: 1px solid var(--gray-color-200);
    }
    .search-area .inner form input {
        padding: 15px;
    }
    .search-area .inner .similar {
        flex-wrap: wrap;
        padding: 12px 15px;
    }
    .filter-area .inner .back a {
        font-size: 15px;
    }
    .filter-area .inner .filter .filter-close {
        display: flex;
        font-size: 15px;
    }
    .filter-area .inner .filter .action-filter-area {
        display: flex;
        font-size: 15px;
    }
    .filter-area .inner .filter .filter-box {
        position: fixed;
        right: 0;
        top: var(--site-header-height);
        bottom: 0;
        height: auto;
        width: min(400px, 100%);
        background-color: var(--light-color);
        transform: translateX(100%);
        transition: all .3s;
        z-index: 950;
        padding-top: 0;
    }
    .filter-area .inner .filter .filter-box.show {
        transform: translateX(0);
        transition: all .3s;
    }
    .filter-area .inner .filter form {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
    }
    .filter-area .inner .filter .item {
        border-bottom: 1px solid var(--gray-color-200);
    }
    .filter-area .inner .filter .item .filter-head {
        justify-content: space-between;
        font-size: 15px;
    }
    .filter-area .inner .filter .item .filter-body {
        position: relative;
        top: 0;
        display: none;
    }
    .filter-area .inner .filter .item .filter-body.show {
        display: block;
    }
    .filter-area .inner .filter .clear {
        display: none !important;
    }
    .filter-area .inner .filter .item .product-count {
        display: none;
    }
    .filter-area .inner .filter .item .filter-body {
        left: 0;
    }
    .filter-area .inner .breadcrumb {
        position: static;
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        overflow-x: auto;
    }
    .filter-area .inner .filter {
        flex: 0 0 auto;
        width: auto;
    }
    .product-list .product-list-items.type-1 > .item {
        flex-basis: calc((100% - 15px) / 2);
    }
    .product-list .product-list-items.type-2 > .item {
        flex-basis: calc((100% - 30px) / 3);
    }
    .product-list .owl-prev {
        left: 5px;
    }
    .product-list .owl-next {
        right: 5px;
    }
    .product-list .item .options {
        display: none;
    }
    .product .detail-box {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .product .detail-box .cover .product-detail-slider{
        display: block;
    }
    .product .detail-box .detail {
        flex: 0 0 100%;
        padding-top: 20px;
    }
    .product .detail-box .detail .info {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .product .detail-box .detail .info .infos {
        width: 100%;
    }
    .product .detail-box .detail .info .properties {
        width: 100%;
        align-items: flex-start;
    }
    .product .detail-box .detail .options {
        margin-top: 10px;
    }
    .product .detail-box .detail .options .sizes {
        margin-top: 10px;
    }
    .avg-rating small {
        margin-left: 0;
    }
    .comment-list .all-rating .avg-rating small,
    .comment-list .all-rating .avg-rating a {
        margin-left: 0;
    }
    .customer-service .inner .content {
        width: 100%;
        border-right: 0;
    }
    .faq-area .box {
        width: 100%;
    }
    .event-area .box .event-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 50%;
        margin: 0 auto 30px auto;
    }
    .event-area .box .event-item .date {
        padding: 15px 0 15px 0;
    }
    .event-area .box .event-item .content {
        width: 100%;
        padding: 0;
    }
    .event-area .box .event-item img {
        width: 100%;
        height: 100%;
    }
    .event-area .box .event-item .content .title {
        font-size: 2rem;
    }
    .contact-area .contact-info {
        width: 50%;
    }
    .corporate .item {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .corporate .item img,
    .corporate .item .content {
        width: 100%;
    }
    .corporate .item img {
        order: 1;
    }
    .corporate .item .content .title {
        text-align: left !important;
    }
    .checkout-area .box {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .checkout-area .cart-area {
        padding: 0;
    }
    .cart-area .cart-title {
        border-bottom: 1px solid var(--gray-color-200);
        padding: 15px;
        margin-top: 0;
        text-align: center;
    }
    .cart-area .cart-list {
        padding: 0 15px;
    }
    .cart-area .cart-list .cart-item .cover {
        width: 200px;
    }
    .checkout-area .box .right .checkout {
        padding: 30px;
    }
    .page-area .inner {
        padding: 35px 15px;
    }
    .content-area .box,
    .faq-area .box {
        width: 100%;
    }
    .account-area .inner,
    .checkout-page .inner,
    .cart-page .inner {
        flex-direction: column;
        gap: 30px;
    }
    .account-area .account-menu,
    .checkout-page .checkout-side,
    .cart-page .cart-side {
        flex: 0 0 100%;
        width: 100%;
    }
    .checkout-summary {
        position: relative;
        top: 0;
    }
    .order-item .order-head {
        grid-template-columns: 1fr 1fr;
    }
    .order-item .order-head .order-action {
        grid-column: 1 / -1;
    }
    footer .footer-row .footer-item {
        width: 100%;
        padding: 0 !important;
    }
    footer .item .title-collapse .icon-plus {
        display: block;
    }
    footer .item .title-collapse.active .icon-minus {
        display: block;
    }
    footer .item .title-collapse.active .icon-plus {
        display: none;
    }
    footer .item .title {
        font-size: 15px;
        padding: 22px 15px;
        margin: 0;
        flex: 1;
    }
    footer .item .footer-community .title {
        border-bottom: none;
    }
    footer .item .links {
        display: none;
        border-bottom: 1px solid var(--gray-color-200);
        margin: 0;
        padding: 15px 0;
    }
    footer .item .links li a {
        font-size: 15px;
    }
    footer .item .footer-community {
        flex-direction: row;
        justify-content: space-between;
    }
    footer .item .socials {
        padding: 20px 15px;
        margin: 0;
    }
    footer .item .newsletter form .form-group input {
        padding: 15px 15px;
        background-color: var(--gray-color-100);
    }
    footer .item .newsletter form .form-group input::placeholder {
        color: var(--primary-color);
    }
    footer .item .newsletter form button {
        font-size: 15px;
    }
    footer .copyright {
        padding: 15px;
        margin: 0;
    }
    footer .copyright .link {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .section-py {
        padding: 50px 0;
    }
    header .header-middle .controls .single-link,
    header .header-middle .controls .lang {
        display: none;
    }
    header .header-middle .controls .mobile-bars {
        display: block;
    }
    .banner .item {
        width: 100%;
    }
    .banner .item.text-mode {
        order: 2;
        padding: 0;
        align-items: start;
        text-align: start;
    }
    .banner .item.text-mode .title {
        padding: 15px 15px;
        font-size: 16px;
        border-bottom: 1px solid var(--gray-color-200);
        margin: 0;
    }
    .banner .item.text-mode .desc {
        padding: 15px 15px;
        font-size: 15px;
    }
    .banner .item.copy {
        display: none;
    }
    .product-list .item .image .link {
        aspect-ratio: 4 / 5;
        overflow: hidden;
        border-radius: var(--border-radius);
    }
    .product-list .item .image .link img {
        height: 100%;
    }
    .product .detail-box .cover {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .product .detail-box .cover .cover-image,
    .product .detail-box .cover .other-image {
        position: relative;
        top: auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .product .detail-box .cover .cover-image a,
    .product .detail-box .cover .other-image a {
        width: 100%;
    }
    .product .detail-box .cover .cover-image a img,
    .product .detail-box .cover .cover-image a video,
    .product .detail-box .cover .other-image a img,
    .product .detail-box .cover .other-image a video {
        display: block;
        width: 100%;
        height: auto;
    }
    .product .detail-box .cover .product-detail-slider {
        display: none;
    }
    .section-info .inner {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .section-info .item {
        min-width: 0;
    }
    .slider .main-slider .slider-media-desktop {
        display: none;
    }
    .slider .main-slider .slider-media-mobile {
        display: block;
    }
    .event-area .box .event-item {
        width: 70%;
    }
    .contact-area .contact-info {
        width: auto;
        max-width: 93%;
    }
    .contact-slider .item img {
        height: 300px;
        object-fit: cover;
    }
    .contact-area .contact-slider .owl-prev,
    .contact-area .contact-slider .owl-next {
        display: none;
    }
}

@media (max-width: 767px) {
    header .header-middle .logo {
        padding-left: 10px;
    }
    header .header-middle .logo img {
        height: 26px;
    }
    header .header-middle .controls {
        gap: 6px;
    }
    header .header-middle .controls .shopping-link {
        gap: 4px;
        margin-right: 10px;
    }
    header .header-middle .controls .shopping-link .shopping-control-link {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .mobile-menu {
        top: var(--site-header-height);
    }
    .mobile-menu.active.overlay:before {
        top: var(--site-header-height);
    }
    .search-area {
        top: var(--site-header-height);
    }
    .select-lang.show {
        padding-top: 0;
    }
    .bag-bar.show {
        top: var(--site-header-height);
    }
    .section-heading .title {
        font-size: 25px;
    }
    .category-info .inner .info,
    .category-info .inner .list {
        flex: 0 0 100%;
    }
    .product-list .item .content {
        flex-direction: column;
        align-items: flex-start;
    }
    .event-area .box .event-item {
        width: 100%;
    }
    footer .item .newsletter form {
        flex-direction: column;
    }
    .page-area .inner .title,
    .result-area .title,
    .error-area .title {
        font-size: 28px;
    }
    .account-area .account-grid .item {
        flex: 0 0 100%;
    }
    .account-area .account-table .table-row {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    .payment-options .custom-radio-card,
    .return-reason-grid {
        width: 100%;
        grid-template-columns: 1fr;
    }
    .checkout-page .checkout-group .group-head,
    .checkout-page .checkout-actions,
    .result-area .result-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .result-area .result-grid {
        grid-template-columns: 1fr;
    }
    .order-item .order-head,
    .return-product {
        grid-template-columns: 1fr;
    }
    .order-product,
    .review-item {
        flex-direction: column;
        align-items: stretch;
    }
    .order-product .cover,
    .review-item .cover {
        width: 100%;
        flex: 0 0 auto;
    }
    .order-product .cover img,
    .review-item .cover img {
        height: auto;
    }
    .checkout-steps .item {
        width: 120px;
    }
    .cart-page .cart-item {
        flex-direction: column;
    }
    .cart-page .cart-item .cover {
        width: 100%;
    }
    .cart-page .cart-item .cover img {
        height: auto;
    }
    .form-area .form-row,
    .account-area .form-row {
        flex-direction: column;
    }
    .form-area .form-row .form-group,
    .account-area .form-row .form-group {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .primary-btn.wide,
    .secondary-btn.wide {
        min-width: 0;
        max-width: 100%;
    }
    header .header-middle .logo img {
        height: 24px;
    }
    header .header-middle .controls .shopping-link .shopping-control-link {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    .bag-bar,
    .select-lang {
        width: 100%;
    }
    .checkout-area .box .right .delivery-address .address-area form .form-row {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .checkout-area .box .right .delivery-address .address-area form .form-row .form-group {
        width: 100%;
    }
    .checkout-area .box .right .delivery-address .address-area form .form-row .form-group input {
        border-right: 1px solid var(--gray-color-200);
    }
}