@media screen and (max-width: 1920px) {
    .about {
        height: 1056px;
    }

    .contact {
        height: 758px;
    }

    .collection__media {
        height: 855px;
    }
}

@media screen and (max-width: 1620px) {
    .cabinet-card--profile {
        gap: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .cabinet-menu {
        flex: inherit;
    }

    .cabinet-card {
        padding: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .catalog-grid {
        gap: 37px;
        grid-template-columns: repeat(2, 1fr);
    }

    .container {
        padding: 0px 31px;
    }

    .product-detail {
        flex-wrap: wrap;
    }

    .product-info {
        margin-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .cabinet-row {
        grid-template-columns: minmax(280px, 620px);
    }

    .cabinet-card--profile {
        order: -1;
    }

    .cabinet-grid--order {
        order: -1;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .header__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .header__logo {
        grid-row: 1/3;
    }
}

@media screen and (max-width: 1024px) {
    .header__search-wrap {
        left: -10px;
    }

    .footer__grid {
        align-items: center;
    }

    .product-main-image {
        min-width: 510px;
    }

}

@media (max-width: 1024px) and (min-width:768px) {
    .footer__grid-menu {
        grid-template-columns: auto auto;
        align-items: self-start;
    }

    .footer__grid-menu>.footer__col:last-child {
        margin-left: 0;
        grid-column: 1/3;
    }

}

@media screen and (max-width: 767px) {
    .container {
        padding: 0 30px;
    }

    .header__inner {
        padding: 0px;
    }

    .header__left {
        order: 33;
        padding: 21px 0px;
        border-top: 1px solid #000;
        width: 100%;
    }

    .header__right {
        padding: 21px 0px;
    }

    .navigation__list {
        justify-content: space-between;
        max-width: 583px;
        margin: auto;
    }

    .header__logo {
        max-width: 188px;
        padding: 22px 0px;
    }

    .header__search-wrap {
        top: 15px;
    }

    .main {
        margin-top: 157px;
    }

    .hero-block__desctiption {
        font-size: 24px;
    }

    .hero-block__title {
        font-size: 20px;
    }

    .hero-block--absolute {
        gap: 7px;
    }

    .accessory {
        height: 182px;
    }

    .btn {
        font-size: 14px;
    }

    .accessory__btn {
        padding: 8px 26px;
    }

    .production__btn {
        padding: 12px 22px;
    }

    .grid-4 {
        gap: 12px;
        padding: 9px 0px;
    }

    .gallery__item {
        height: 284px;
    }

    .gallery__item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .production-block {
        height: 465px;
    }

    .production-block__content {
        padding: 0px 30px;
    }

    .production-block__title {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .footer__grid {
        grid-template-columns: 203px auto;
        padding: 50px 0px;
        gap: 37px;
    }

    .footer__phone {
        margin-bottom: 6px;
    }

    .footer__menu-title,
    .footer__contact-title {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .footer__social {
        margin-top: 5px;
    }

    .footer__link,
    .footer__phone>a {
        font-size: 14px;
    }

    .footer__phone img,
    .footer__social-link img {
        width: 14px;
        height: 14px;
    }

    .footer__social-title {
        margin-bottom: 0px;
        font-size: 10px;
    }

    .footer__grid-menu {
        align-items: flex-start;
    }

    .breadcrumbs {
        padding: 66px 0px;
    }



    .about {
        margin: 0 0 151px 0;
        height: 422px;
    }

    .product-card__favorite svg {
        width: 26px;
        height: 26px;
    }

    .product-card__name {
        font-size: 16px;
        line-height: 159%;
    }

    .product-card__price,
    .sign_r {
        font-size: 16px;
        line-height: 100%;
    }

    .catalog-grid {
        gap: 15px;
    }

    .filter-bar__item--first {
        width: 100%;
        margin: auto;
    }

    .filter-bar {
        justify-content: space-between;
    }

    .filter-bar__item {
        font-size: 14px;
    }

    .contact {
        height: 424px;
    }

    .contact__txt {
        font-size: 24px;
    }

    .contact__content {
        gap: 45px;
    }

    .SDEK {
        font-size: 26px;
        margin-bottom: 74px;
    }

    .product-thumbs {
        gap: 20px;
        max-height: 748px;
        flex: 0 0 120px;
    }

    .product-thumbs__item {
        width: 105px;
        height: 139px;
    }

    .product-main-image {
        min-width: fit-content;
    }

    .product-main-image__favorite>svg {
        width: 35px;
        height: 33px;
    }

    .product-detail {
        gap: 18px;
        margin-bottom: 79px;
        margin-top: 19px;
        display: grid;
        grid-template-columns: 120px 1fr;
    }

    .product-info {
        margin: auto;
        max-width: inherit;
        width: 100%;
        grid-column: 1/3;

    }

    .product-info-title {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .product-info__price,
    .product-info__price span {
        font-size: 40px;
        flex: 0 0 max-content;
    }

    .product-info__title {
        font-size: 24px;
    }

    .product-info-row {
        flex-direction: row-reverse;
        align-items: center;
        margin: auto;
        max-width: 439px;
    }

    .product-actions {
        max-width: 439px;
        margin: auto;
        width: 100%;
    }

    .product-colors {
        gap: 20px;
    }

    .product-colors__item {
        width: 105px;
        height: 140px;
    }

    .product-info__container {
        gap: 9px;
    }

    .product-info__row-label {
        font-size: 14px;
        width: 55px;
    }

    .product-info__row-value {
        font-size: 14px;
    }

    .product-composition {
        display: none;
    }

    .product-composition--mobile {
        display: block;
        margin-top: 10px;
    }

    .product-composition__label {
        margin-bottom: 9px;
        font-size: 14px;
    }

    .product-composition__text {
        font-size: 14px;
    }

    .product-actions__btn {
        font-size: 16px;
        padding: 13px;
    }

    .product-description {
        max-width: 429px;
        margin: auto;
        text-align: justify;
    }

    .product-description__label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .product-description__text {
        font-size: 14px;
    }

    .product-scheme-btn {
        max-width: 429px;
        margin: auto;
        width: 100%;
    }

    .product-thumbs__item img {
        border: 1px solid #fff;
    }

    .collection__media {
        height: 550px;
    }

    .collection__filter-bar {
        margin: 17px 0px 26px;
    }

    .error-404 {
        margin: 122px 0 121px;
    }

    .error-404__title {
        font-size: 32px;
        margin-top: 30px;
    }

    .error-404__btn {
        width: 227px;
        font-size: 16px;
        padding: 10px;
        margin-top: 30px;
    }

    .eskiz h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .eskiz p {
        font-size: 14px;
    }

    .eskiz__description {
        margin-top: 34px;
    }

    .cabinet {
        flex-direction: column;
        align-items: center;
    }

    .cabinet-row {
        justify-content: center;
    }

    .cabinet-menu {
        gap: 15px;
        max-width: 500px;
        width: 100%;
    }

    .cabinet-menu__item {
        text-align: center;
        font-size: 14px;
        padding: 18px;
        border: 2px solid #5b3b12;
        border-radius: 20px;
    }

    .cabinet-row {
        grid-template-columns: minmax(280px, 500px);
    }

    .cabinet {
        margin-bottom: 138px;
        margin-top: 39px;
    }

    .cabinet-card--delivery,
    .cabinet-card--cards {
        flex-direction: column;
        gap: 35px;
    }

    .cabinet-card--delivery>.cabinet-card__row:first-child {
        flex-direction: row;
        gap: 20px;
        justify-content: space-between;
    }

    .cabinet-card--delivery .cabinet-card__row .cabinet-card__row:last-child {
        margin-top: 0;
    }

    .cabinet-card--cards>.cabinet-card__header {
        flex-direction: row;
        justify-content: flex-start;
        gap: 20px;
        align-items: self-end;
    }
}

@media screen and (max-width: 680px) {
    .footer__grid-menu {
        grid-template-columns: auto auto;
        gap: 15px;
    }

    .footer__grid-menu>.footer__col:last-child {
        margin-left: 0;
        grid-column: 1/3;
    }
}

@media screen and (max-width: 620px) {
    .navigation__list-mobile {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .navigation-second__item {
        display: none;
    }

    .header__hamburger {
        display: block;
    }

    .navigation__link {
        font-size: 14px;
    }

    .navigation-second__list {
        display: none;
    }

    .header__logo {
        max-width: 161px;
        padding: 0;
        flex-grow: 1;
        margin: auto;
    }

    .header__right {
        padding: 0;
        position: absolute;
        right: 18px;
        top: 32px;
    }

    .header__left {
        padding: 0px;
        border: 0;
    }

    .header__inner {
        padding: 22px 0px;
        gap: 12px;
    }

    .header__search-wrap {
        top: 0;
    }

    .main {
        margin-top: 118px;
    }

    .accessory {
        height: 170px;
    }

    .hero-block__item {
        height: 392px;
    }

    .hero-block__item img {
        object-fit: cover;
        object-position: left;
    }

    .gallery__item {
        height: 295px;
    }

    .hero-block__desctiption {
        font-size: 16px;
    }

    .hero-block__title {
        font-size: 14px;
    }

    .production-block {
        height: 543px;
    }

    .production-block__content {
        margin-top: 19px;
        padding: 0 18px;
    }

    .container {
        padding: 0 18px;
    }

    .grid-4 {
        padding: 9px 0px;
    }

    .production-block__title {
        font-size: 15px;
    }

    .footer__grid {
        grid-template-columns: 161px auto;
        gap: 15px;
        padding: 16px 0;
    }

    .modal__group:last-child {
        padding: 20px 9px;
    }

    .modal__btn {
        font-size: 14px;
    }

    .breadcrumbs {
        padding: 54px 0px;
    }

    .about {
        margin: 0 0 174px 0;
        height: 216px;
    }

    .breadcrumbs__item {
        font-size: 14px;
    }

    .catalog-grid {
        gap: 15px 9px;
    }

    .product-card__favorite svg {
        width: 16px;
    }

    .contact {
        height: 237px;
    }

    .contact__txt,
    .contact__title {
        font-size: 20px;
    }

    .accessory__btn {
        padding: 6px 18px;
    }

    .production__btn {
        padding: 10px 15px;
    }

    .SDEK {
        font-size: 16px;
        margin-top: 66px;
        margin-bottom: 116px;
    }

    .contact__content {
        gap: 24px;
    }

    .collection__media {
        height: 350px;
    }

    .breadcrumbs__item {
        text-align: center;
    }

    .collection__filter-bar .breadcrumbs__item {
        text-align: left;
    }

    .collection__filter-bar {
        margin: 30px 0px 18px;
    }

    .error-404 {
        margin: 104px 0 156px;
    }

    .error-404__title {
        font-size: 24px;
    }

    .eskiz__flex {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 480px) {
    .grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal__title {
        font-size: 14px;
    }

    .modal__descript {
        font-size: 8px;
    }

    .modal__btn {
        font-size: 10px;
    }

    .navigation__link {
        font-size: 13px;
    }

    .filter-bar {
        justify-content: start;
    }

    .contact__txt,
    .contact__title {
        font-size: 14px;
    }

    .product-thumbs__item {
        width: 51px;
        height: 68px;
    }

    .product-thumbs {
        gap: 10px;
        max-height: 377px;
    }

    .product-main-image {
        max-height: 377px;
    }

    .product-detail {
        grid-template-columns: 60px 1fr;
        gap: 9px;
    }

    .product-thumbs__item img {
        border: 0px solid #fff;
    }

    .product-info {
        gap: 15px;
    }

    .product-info__price,
    .product-info__price span {
        font-size: 24px;
    }

    .product-info__title {
        font-size: 12px;
    }

    .product-colors__item {
        width: 50px;
        height: 67px;
        padding: 0;
    }

    .product-info-row {
        flex-direction: column-reverse;
    }

    .product-colors {
        gap: 10px;
    }

    .product-composition {
        display: block;
    }

    .product-composition--mobile {
        display: none;
    }

    .product-actions__btn {
        padding: 10px;
    }

    .product-main-image__favorite {
        right: 6px;
        top: 6px;
    }

    .product-main-image__favorite>svg {
        width: 17px;
        height: 17px;

    }
    .cabinet-card__header--profile {
        height: 137px;
    }
    .cabinet-card__icon {
        width: 137px;
    }
    .cabinet-card__icon  svg {
        width: 80px;
    }
    .cabinet {
        margin-bottom: 67px;
        gap: 18px;
    }
    .cabinet-menu {
        gap: 11px;
    }
}