@media (max-width: 1240px) {
    .container {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 890px) {
    .main-left p {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .catalog-item {
        height: 222px !important;
        width: 79%;
    }

    .catalog-items {
        gap: 5px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .work-end button {
        padding: 5px 8px;
        font-size: 10px;
        margin-right: 0;
    }

    .main-left button {
        padding: 5px 8px;
        font-size: 10px;
        margin-right: 0;
    }

    .main-right {
        padding: 6px;
        border-radius: 6px;
    }

    .main-right img {
        border-radius: 6px;
        width: 68px;
        height: 68px;
        margin-bottom: 3px;
    }

    .main-right div p {
        font-size: 9px;
    }

    .main-right div svg {
        width: 11px;
        height: 11px;
    }

    .header-inner {
        padding: 5px;
        margin: 0px 10px;
        border-radius: 5px;
    }

    .main {
        height: 60vh;
        background-image: url(../images/main-bg_mobile.jpg);
    }

    .cart-title-big p {
        display: none;
    }

    .cart-title-big {
        margin-bottom: 0px !important;
        margin-top: 50px !important;
    }

    .cart-product-start-info h3 {
        font-size: 20px;
    }

    .cart-product-start-info {
        margin-bottom: 4px; 
    }

    .cart-product-start-info h5 {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .cart-product-start-info p {
        font-size: 9px;
        padding: 3px 7px;
    }

    .cart-product-final h5 {
        font-size: 24px !important;
    }

    #open-mobile-menu {
        display: block;
    }

    .header nav {
        display: none;
    }

    .header-logo {
        width: 102px;
    }

    .header-end-order {
        padding: 5px 8px;
        font-size: 10px;
        margin-right: 0;
    }

    .header-end {
        gap: 10px;
    }

    .header-end svg {
        width: 17px;
        height: 17px;
    }

    #open-mobile-menu {
        width: 30px;
        height: 30px;
    }

    #open-mobile-menu svg {
        width: 30px;
        height: 30px;
    }

    .main-inner h1 {
        font-size: 40px;
    }

    .main-inner p {
        font-size: 20px;
        text-align: center;
    }

    .catalog {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;
    }

    .catalog-top h2 {
        font-size: 20px;
    }

    .catalog-top a p {
        font-size: 20px;
    }

    .catalog-items {
        width: 100%;
    }

    .catalog-item-inner p {
        font-size: 18px;
    }

    .catalog-item-inner span {
        font-size: 11px;
    }

    .catalog-item-top span,
    .catalog-item-top a {
        font-size: 20px;
    }

    .about {
        flex-direction: column;
        align-items: start;
        padding-bottom: 0px;
    }

    .about-left > p {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .about-item h4 {
        font-size: 20px;
    }

    .about-item h6 {
        font-size: 10px;
    }

    .about-item span br {
        display: none;
    }

    .about {
        position: relative;
    }

    .about-items {
        margin-top: 30px;
        width: 50%;
    }

    .about-right {
        width: 45% !important;
        position: absolute;
        bottom: 0px;
        right: 0;
    }

    .about h2 {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .about > p {
        font-size: 20px;
    }

    .work {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .work-inner {
        flex-direction: column;
        gap: 0;
    }

    .work-inner h2 br {
        display: inline;
    }

    .work-inner h2 {
        font-weight: 300;
        font-size: 24px;
        line-height: 109%;
        margin-bottom: 10px;
    }

    .work-end a {
        font-size: 10px;
    }

    .work-end {
        gap: 10px;
    }

    .work-items div h3 {
        font-size: 12px !important;
    }

    .work-items div p {
        font-size: 10px !important;
    }

    .work-items {
        /* flex-direction: column; */
        gap: 10px 20px;
        width: 100%;
    }

    .work-items div {
        /* width: 100%; */
    }

    .work-items div h3 {
        font-size: 20px
    }

    .work-items div p {
        font-size: 16px;
    }

    .product-main-end__sizes {
        font-size: 9px;
        margin-bottom: 4px;
    }

    .product-main-end__size {
        font-size: 12px;
    }

    #addToCart {
        font-size: 16px;
        padding: 9px;
    }

    .product-main-end__colors {
        margin-bottom: 10px;
    }

    .product-faq .faq-item-start p {
        font-size: 12px;
    }

    .product .product-faq .faq-item-start {
        padding: 9px 0px;
    }

    .product .product-faq .faq-content p {
        padding-bottom: 10px;
        font-size: 10px;
    }

    .faq {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .faq h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

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

    .faq-item-start svg {
        width: 10px;
        height: 10px;
        min-width: 10px;
        min-height: 10px;
        max-width: 10px;
        max-height: 10px;
    }

    .faq-content p {
        font-size: 10px;
    }

    .faq-item-start {
        padding: 15px 0px;
    }

    .form {
        padding: 40px 0px;
    }

    .form-inner {
        margin-right: 30px;
        margin-left: 30px;
        margin-bottom: 5px;
        padding: 10px;
        width: auto;

        gap: 10px;
    }

    .form-inner h2 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .form-inner p {
        font-size: 9px;
        margin-bottom: 10px;
    }

    .form-inner input, .form-inner textarea {
        font-size: 9px;
        padding: 5px;
        margin-bottom: 4px !important;
    }

    .form-options input {
    }

    .form-inner textarea {
        height: 50px !important;
    }

    .form-inner div {
        flex-direction: column;
        gap: 10px;
    }

    .form-inner div input {
        width: auto;
    }

    .form-inner button {
        font-size: 10px;
        padding: 5px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inner h5 {
        margin-top: 0;
        font-size: 9px;
    }

    .form-options label {
        font-size: 8px;
    }
    
    .form-inner a {
        font-size: 12px;
    }

    .inst {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .inst-top {
        margin-bottom: 15px;
    }

    .offices {
        gap: 4px;
    }

    .offices div:nth-child(2) img {
        height: 217px;
    }

    .offices div img {
        height: 115px;
    }

    .offices div h5 {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 10px;
        color: var(--1-main-braun);
    }

    .inst-top h2 {
        font-size: 24px;
    }

    .inst-top a {
        gap: 6px;
    }

    .inst-top a p {
        font-size: 14px;
    }

    .inst-photo {
        flex-direction: column;
    }

    .inst img {
        width: 100%;
        /* height: 300px; */
    }

    /* .footer-top {
        flex-direction: column;
        gap: 20px;

        padding-bottom: 20px;
    }

    .footer-top div {
        width: 100%;
    }

    .footer-logo {
        margin-right: 0;
        order: 1;
    }

    .footer-top div h2 {
        font-size: 16px;
        margin-bottom: 6px;
    }    

    .footer-top div nav a {
        font-size: 14px;
    }

    .footer-last {
        width: 100%;
        order: 2;
    }

    .footer-last h3 {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .footer-last input {
        font-size: 18px;
        padding: 6px;
        margin-bottom: 10px;
    }

    .footer-last span {
        gap: 7px;
    }

    .footer-bottom {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .footer-bottom a {
        font-size: 9px;
    }

    .footer-main {
        width: 100% !important;
        order: 3;
    } */

    .footer {
        padding: 5px 0px;
    }

    .footer-svg {
        margin-bottom: 10px;
    }

    .footer-top div h2 {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 10px;
        line-height: 140%;
        letter-spacing: -0.03em;
        color: var(--1-main-white);
        margin-bottom: 3px;
    }

    .footer-top div nav a {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 6px;
        line-height: 140%;
        letter-spacing: -0.03em;
        color: rgba(241, 228, 208, 0.7);
    }

    .footer-top div nav {
        gap: 1.5px;
    }

    .footer-last h3 {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 10px;
        line-height: 116%;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        color: var(--1-main-white);

        margin-bottom: 3px;
    }

    .footer-last input {
        font-size: 6px;
        padding: 3px 0px;
        margin-bottom: 5px;
    }

    .footer-last span a {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 8px;
        line-height: 92%;
        letter-spacing: -0.03em;
        color: rgba(241, 228, 208, 0.5);
    }

    .footer-bottom a {
        font-size: 6px;
    }

    .footer-last span input {
        width: 5px;
        height: 5px;
    }

    .footer-last button svg {
        width: 11px;
        height: 11px;
    }

    .header-black {
        margin-bottom: 20px;
    }

    .cookies {
        margin-top: 50px;
        margin-bottom: 10px;
    }
    
    .cookies-inner {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .cookies-right {
        justify-content: start;
        width: 100%;
    }

    .cookies-left-search {
        padding: 3.25px 3.25px 3.25px 4.18px;
    }

    .cookies-right button {
        padding: 2px 5px;
        font-size: 11px;
    }

    .cookies-left {
        width: 100%;
    }

    .cookies-left-search button {
        height: 9px;
    }

    .cookies-left-search svg {
        width: 9px;
        height: 9px;
    }

    .cookies-left-search input {
        font-size: 9px;
    }

    .cookies-left-button {
        gap: 3.21px;
        padding: 3.25px 3.25px 3.25px 4.18px;
    }

    .cookies-left-button p {
        font-size: 9px;
    }

    .cookies-left-button svg {
        height: 7.7px;
        width: 7.7px;
    }
    
    .cookies-inner a {
        font-size: 20px;
    }

    .big-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.05em;
        width: 100%;
    }

    .galery-item-top__color {
        width: 26px;
        height: 26px;
        margin-left: -13px;
    }

    .back {
        margin-bottom: 10px;
    }

    .back .galery-item-top__tags {
        display: block;
        font-size: 9px !important;
        padding: 3px 11px !important;
    }

    .product-main-top .galery-item-top__tags {
        display: none;
        
    }

    .back a p {
        font-size: 9px;
    }

    .back a svg {
        width: 13px;
        height: 13px;
    }

    .back .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .gallery-item-bottom p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: -0.03em;
        color: #000;
    }

    .gallery-item-bottom h2 {
        font-family: var(--font-family);
        font-weight: 200;
        font-size: 21px;
        line-height: 120%;
        letter-spacing: -0.03em;
        color: #000;
    }

    .contacts {
        margin-bottom: 60px;
        flex-direction: column;
        position: relative;
    }

    .contacts-left {
        width: 100%;
        height: auto;
    }

    .contacts-left p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .contacts-inst {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: baseline;
    }

    .contacts-right {
        margin-bottom: 299px;
        gap: 10px;
    }

    .contacts-right div p,
    .contacts-right div h3,
    .contacts-inst a h2 {
        font-size: 20px;
    }

    .textovik {
        margin-bottom: 70px;
    }

    .textovik {
        flex-direction: column;
    }

    .textovik p,
    .textovik a {
        width: 100%;
        font-size: 20px;
    }

    .big-title__margin-left {
        margin-left: 0%;
    }

    .cat {
        gap: 30px;
        flex-direction: column;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .cat-links {
        width: 100%;
        gap: 10px;
        margin-top: 0;
    }

    .cat-links a {
        font-size: 24px;
    }

    .cat-main {
        width: 100%;
    }

    .gallery {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* .gallery > * {
        grid-column: unset;
        grid-row: unset;
        /* aspect-ratio: 1 / 1;  
        width: 100%;
    } */

    .cat-settings button p {
        font-size: 20px;
    }

    .cat-settings {
        justify-content: start;
        margin-bottom: 20px;
    }

    .product {
        flex-direction: column;
        gap: 6px;
        margin-bottom: 20px;
    }

    .product-photo {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .photo-thumb {
        height: 80px !important;
    }

    .product-photo-thumbs {
        margin-top: -90px !important;
    }

    .cart-inner {
        flex-direction: column;
    }

    .cart-viewer,
    .cart-order {
        width: 100%;
    }

    .cart-end p, .cart-end span {
        font-size: 20px;
    }

    .cart-end button {
        font-size: 16px;
        padding: 5px ;
    }

    .radio-option {
        font-size: 11px;
    }

    .cart-product {
        padding: 10px !important;
    }

    .cart-product-start img {
        min-width: 124px !important;
        height: 124px !important;
        width: 124px !important;
        border-radius: 12px;
    }

    .product-main {
        width: 100%;
    }

    .product-photo-inner {
        grid-auto-rows: unset;
    }

    .product-title-mob,
    .product-desc-mob {
        display: block;
        text-align: start;
    }

    .product-main-top {
        margin-bottom: 20px;
    }

    .product-title {
        font-family: var(--font-family);
        font-weight: 200;
        font-size: 24px;
        line-height: 118%;
        letter-spacing: -0.03em;
        color: var(--1-main-braun);

        margin-bottom: 6px;
    }

    .product-main-price {
        margin-bottom: 5px;
        font-size: 24px;
    }

    .product-desc {
        font-size: 9px;
    }

    .oplata svg {
        width: 15px;
        height: 15px;
    }

    .dop-products {
        margin-bottom: 30px;
    }

    .dop-products-top h2 {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 24px;
        line-height: 118%;
        letter-spacing: -0.03em;
        text-transform: uppercase;
        color: var(--1-main-braun);
    }

    .dop-product-image {
        height: 86px;
        border-radius: 6px;
        margin-bottom: 4px;
    }

    .oplata {
        gap: 3px;   
    }

    .dop-product-price,
    .dop-product-title {
        font-size: 6px;
    }

    .dop-products-top {
        margin-bottom: 5px;
    }

    .dop-product-bottom {
        gap: 2px;
    }

    .about-left {
        width: 100%;
        font-size: 20px;
    }
    
    .about-right {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .about-right > img {
        height: 402px;
        width: 100%;
    }

    .about-right div {
        flex-direction: row;
        align-items: baseline;
    }

    .about-right div img {
        width: 180px;
    }
    
    .about-right div a {
        gap: 5px;
    }

    .about-right div a p {
        font-size: 20px;
    }

    .about-right div a svg {
        width: 17px;
        height: 17px;
    }

    .about-right-girls div {
        width: 100%;
    }

    .about-right-girls {
        flex-direction: column !important;
    }

    .about-right-girls div {
        flex-direction: column !important;
    }

    .about-right-girls div img {
        width: 100%;
    }

    .about-right-girls div p {
        font-size: 20px;
    }

    .cart {
        margin-bottom: 70px;
    }

    .cart-top p {
        font-size: 10px;
    }

    .cart-top {
        padding-bottom: 5px;
    }

    .cart-product-start {
        gap: 5px;
    }

    .cart-product-start img {
        width: 49px;
        height: auto;
    }

    .cart-product-start-info h3 {
        margin-bottom: 5px;
        /* font-size: 10px; */
    }

    .wraper-cart-item {
        margin-bottom: 5px !important;
    }

    #likesInner {
        grid-template-columns: repeat(1, 1fr);
    }

    .cart-product-start-info a,
    .cart-product-soloPrice p,
    .cart-product-start-info p,
    .cart-product-final h5,
    .product-act-calc input {
        font-size: 10px;
    }

    .product-act-calc {
        padding: 3px;
    }

    .product-act-calc input {
        padding: 0px 5px;
    }

    .product-act-calc button svg {
        width: 5px;
        height: 5px;
    }

    .cart-product {
        padding: 10px 0px;
    }

    .cart-viewer-end {
        margin-top: 20px;
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

    .cart-viewer-end p {
        font-size: 20px;
    }

    .cart-viewer-end div button {
        font-size: 20px;
        width: 40% !important;
    }

    .cart-viewer-end div button:last-of-type {
        width: 60% !important;
    }

    .cart-viewer-end div {
        gap: 10px;
        width: 100%;
    }

    .cart-order {
        margin-top: 20px;
    }

    .cart-title {
        font-size: 14px;
    }

    .input-holder {
        flex-direction: column;
        align-items: unset;
    }

    .input-holder input {
        width: -webkit-fill-available;
        padding: 10px 10px;
        font-size: 16px;
    }

    .cart-order button {
        font-size: 13px;
        width: 100%;
    }

    .gallery-item-img {
        height: 500px;
        width: auto;
    }

    .gallery-item {
        height: 410px;
        padding: 17px;
        border-radius: 18px;
    }

    .galery-item-top__tags {
        font-size: 14px;
    }

    #closeLikes {
        top: 10px;
        right: 20px;
        width: 20px;
        height: 20px;
    }

    .likes-title {
        padding: 40px 0px 15px 10px;
        font-size: 40px;
        margin-bottom: 10px;
    }

    .del {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .del-form {
        margin-bottom: 30px;
    }

    .deliveery-text {
        margin-top: 30px;
    }

    .deliveery-text {
        font-size: 16px;
    }

    #give h3 {
        font-size: 18px;
        padding-top: 23px;
    }

    #give {
        padding: 20px;
    }

    .contacts {
        flex-direction: column;
        gap: 30px;
    }

    .contacts-left,
    .contacts-right {
        width: 100%;
    }

    .contacts-right a {
        font-size: 24px;
    }

    .contacts-right img {
        height: 197px;
    }

    .contacts-left .work-end {
        display: none;
    }

    .contacts-right .work-end {
        display: flex;
    }

    .contacts-title {
        margin-top: 50px;
    }

    .contacts-right {
        margin-bottom: 20px !important;
    }
}