/* Extra Small Device */
@media only screen and (max-width: 430px) {
    .mobile-menu .offcanvas-start,
    .filter-sorter.offcanvas-end {
        width: 100%;
    }
}

/* Small Device :550px. */
@media only screen and (min-width: 576px) {
    .container {
        width: 540px;
        padding: 0 12px;
    }

    .mobile-menu .offcanvas-start,
    .filter-sorter.offcanvas-end {
        width: 370px;
    }

    .block__thumb {
        height: 400px;
    }
    .block__content {
        padding: 48px;
    }
    .block__heading {
        font-size: 56px;
    }
    .footer__top {
        padding: 44px 0 36px;
    }
}

/* Medium Device. */
@media only screen and (min-width: 768px) {
    .container {
        width: 720px;
    }

    .hero__heading {
        font-size: 48px;
    }
    .fs-1 {
        font-size: 44px !important;
    }
    .fs-2 {
        font-size: 34px !important;
    }
    .fs-3 {
        font-size: 32px !important;
    }
    .fs-4 {
        font-size: 28px !important;
    }

    .hero__inner {
        width: 100%;
        max-height: 850px;
        height: 100%;
        aspect-ratio: 1/ 0.446;
    }
    .category--section {
        padding: 64px 0;
    }
    .category__item {
        width: 100%;
    }
    .block__thumb {
        height: 512px;
    }
    .product--section,
    .cta--section {
        padding: 64px 0;
    }
    .section__para--cta.fs-xl {
        font-size: 16px;
    }
    .cta__submit {
        width: auto;
    }
    .nav__wrap--footer,
    .footer__item__inner,
    .footer__social {
        gap: 14px;
    }
    .footer__legal {
        gap: 24px;
    }
    .footer__legal__item::after {
        content: '';
        position: absolute;
        right: -11px;
        top: 60%;
        transform: translateY(-50%);
        width: 1.5px;
        height: 67%;
        background-color: var(--white);
    }
    .footer__legal__item:last-child::after {
        display: none;
    }

    /* product-page.html Page Responsive Start */
    .product-details__thumbs .swiper-button-next,
    .product-details__thumbs .swiper-button-prev {
        width: 44px;
        height: 44px;
        font-size: 28px;
    }
    /* product-page.html Page Responsive End */
}

/* LG Device. */
@media only screen and (min-width: 992px) {
    .container {
        width: 960px;
    }

    .hero__heading {
        font-size: 56px;
    }
    .fs-1 {
        font-size: 48px !important;
    }
    .fs-2 {
        font-size: 40px !important;
    }
    .fs-3 {
        font-size: 36px !important;
    }
    .fs-xl {
        font-size: 18px;
    }
    .btn {
        padding: 14px 20px;
        font-size: 16px;
    }

    .header__topbar__icon {
        width: 20px;
        height: 20px;
    }
    .header__topbar__text {
        font-size: 13px;
    }
    .action-btns-wrap {
        gap: 22px;
    }
    .hero__content {
        padding: 72px 0;
    }
    .hero__para {
        font-size: 20px;
    }
    .hero__slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 72px;
    }
    .hero__slider__pagination .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-width: 2px;
    }
    .block__thumb,
    .block__content {
        min-height: 100%;
    }
    .product__wrapper--row.g-md-4 {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 32px;
    }
    .product__item:hover .product__thumb__img--one {
        opacity: 0;
    }
    .product__item:hover .product__thumb__img--two {
        opacity: 1;
    }
    .product__tag {
        top: 20px;
        right: 26px;
        font-size: 16px;
    }
    .product__size__availability {
        opacity: 0;
        visibility: hidden;
        gap: 18px;
        min-height: 50px;
        bottom: -70px;
    }
    .product__item:hover .product__size__availability {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }
    .cta__input,
    .cta__submit {
        height: 50px;
    }
    .cta__submit {
        min-width: 170px;
        padding: 12px 36px;
    }

    /* product-category.html Page Responsive Start */
    .page-breadcrumb {
        border: none;
    }
    .filter-sorter {
        padding: 30px;
    }
    .filter-sorter .offcanvas-header {
        padding-bottom: 30px;
    }
    .btn--filter {
        min-width: 170px;
        font-size: 14px;
    }
    /* product-category.html Page Responsive End */

    /* product-page.html Page Responsive Start */
    .product-details__thumbs__slider .swiper-wrapper {
        flex-wrap: wrap;
        gap: 1px;
    }
    .product-details__thumbs__slider .swiper-slide {
        width: calc(50% - 1px);
    }
    .lg-actions .lg-icon {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }
    .lg-actions .lg-next {
        right: 20px;
    }
    .lg-actions .lg-prev {
        left: 20px;
    }
    /* product-page.html Page Responsive End */
}

/* Large Device :992px. */
@media only screen and (min-width: 1200px) {
    .container {
        width: 1140px;
    }

    .header__left {
        gap: 44px;
    }
    .logo--header {
        max-width: 76px;
    }
    .nav__wrap--header {
        gap: 32px;
    }
    .action-btn {
        width: 20px;
        height: 20px;
    }
    .category--section {
        padding: 84px 0;
    }
    .category__wrapper__row.g-4 {
        --bs-gutter-x: 40px;
        --bs-gutter-y: 40px;
    }
    .category__tag {
        min-width: 144px;
        min-height: 40px;
        font-size: 14px;
    }
    .block__thumb {
        height: 624px;
    }
    .block__heading {
        font-size: 66px;
    }
    .product__wrapper--row.g-md-4 {
        --bs-gutter-x: 40px;
        --bs-gutter-y: 40px;
    }
    .product--section,
    .cta--section {
        padding: 80px 0;
    }
    .logo--footer {
        max-width: 128px;
    }
    .nav__wrap--footer,
    .footer__item__inner,
    .footer__social {
        gap: 20px;
    }
    .footer__bottom {
        padding: 30px 0;
    }

    /* product-category.html Page Responsive Start */
    .form--filterSorter {
        gap: 32px;
    }
    .filter-sorter__outlineBoxes {
        gap: 16px;
    }
    /* product-category.html Page Responsive End */

    /* product-page.html Page Responsive Start */
    .product-details__category,
    .product-details__title {
        font-size: 24px;
    }
    .add-favorite {
        width: 22px;
        height: 22px;
    }
    .form--productDetails {
        gap: 28px;
    }
    .form--productDetails__inner {
        gap: 24px;
    }
    .productDetails-size,
    .productDetails-color {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    .productDetails-color {
        box-shadow:
            0 0 0 3px transparent,
            0 0 0 4px transparent;
    }
    .form--productDetails__input input:checked + label.productDetails-color {
        box-shadow:
            0 0 0 3px var(--white),
            0 0 0 4px currentColor;
    }
    .custom-number {
        min-width: 136px;
    }
    /* product-page.html Page Responsive End */
}

/* XL Device :1280px. */
@media only screen and (min-width: 1400px) {
    .container {
        width: 1320px;
    }

    .hero__heading {
        font-size: 64px;
    }
    .fs-1 {
        font-size: 54px !important;
    }
    .fs-2 {
        font-size: 48px !important;
    }
    .fs-xl {
        font-size: 20px;
    }

    .nav__link--header {
        font-size: 18px;
    }
    .hero__para {
        font-size: 24px;
    }
    .block__thumb {
        height: 768px;
    }
    .block__content {
        padding: 64px;
    }
    .block__heading {
        font-size: 78px;
    }
    .product__thumb {
        height: 500px;
        margin-bottom: 20px;
    }
    .product__size__availability {
        gap: 30px;
    }
}

/* XXL Device. */
@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1472px;
        width: 100%;
    }

    .hero__heading {
        font-size: 72px;
    }
    .fs-1 {
        font-size: 60px !important;
    }

    .header__left {
        gap: 56px;
    }
    .logo--header {
        max-width: 88px;
    }
    .nav__wrap--header {
        gap: 40px;
    }
    .hero__para {
        font-size: 28px;
    }
    .category__wrapper__row.g-4 {
        --bs-gutter-y: 66px;
    }
    .category__tag {
        font-size: 16px;
    }
    .block__content {
        padding: 80px;
    }
    .block__thumb {
        height: 922px;
    }
    .block__heading {
        font-size: 90px;
    }
    .product--section {
        padding: 96px 0;
    }
    .product__thumb {
        height: 570px;
    }
    .logo--footer {
        max-width: 156px;
    }
    .nav__wrap--footer,
    .footer__item__inner,
    .footer__social {
        gap: 28px;
    }
    .footer__bottom {
        padding: 40px 0;
    }

    /* product-category.html Page Responsive Start */
    .form--filterSorter {
        gap: 40px;
    }
    .filter-sorter__outlineBoxes {
        gap: 20px;
    }
    /* product-category.html Page Responsive End */

    /* product-page.html Page Responsive Start */
    .product-details__info {
        margin-left: 16px;
    }
    .product-details__category,
    .product-details__title {
        font-size: 28px;
    }
    .add-favorite {
        width: 26px;
        height: 26px;
    }
    .form--productDetails {
        gap: 32px;
    }
    .form--productDetails__inner {
        gap: 32px;
    }
    .productDetails-size,
    .productDetails-color {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
    .custom-number {
        min-width: 160px;
    }
    /* product-page.html Page Responsive End */
}