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

@media (max-width: 890px) {
    .cart-title-big p {
        display: none;
    }

    .cart-title-big {
        margin-bottom: 30px;
    }

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

    .header nav,
    .header-end {
        display: none;
    }

    .header-logo {
        width: 70px;
    }

    #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 {
        flex-direction: column;
    }

    .catalog-item {
        width: auto;
        height: 490px;
    } */

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

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

    .about h2 {
        margin-right: 0;
        font-size: 40px;
    }

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

    .work {
        padding-top: 50px;
    }

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

    .work-inner h2 {
        font-size: 40px;
        margin-bottom: 40px;
        margin-right: 0;
        white-space: unset;
    }

    .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;
    }

    .faq {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .faq h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

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

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

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

    .form {
        padding: 40px 0px;
    }

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

        gap: 10px;
    }

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

    .form-inner p {
        font-size: 17px;
    }

    .form-inner input, .form-inner textarea {
        font-size: 16px;
        padding: 6px;
    }

    .form-inner textarea {
        height: 70px;
    }

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

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

    .form-inner button {
        padding: 5px 10px 8px 10px;
        font-size: 18px;
    }
    
    .form-inner a {
        font-size: 12px;
    }

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

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

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

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

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

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

    .inst-photo 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;
    }

    .cookies,
    .header-black {
        margin-bottom: 20px;
    }
    
    .cookies-inner a {
        font-size: 20px;
    }

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

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

    .contacts-left {
        width: 100%;
    }

    .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;
    }

    .gallery > * {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        aspect-ratio: 1 / 1; /* одинаковый размер, например квадрат */
    }

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

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

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

    .product-photo {
        width: 100%;
    }

    .product-main {
        width: 100%;
    }

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

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

    .product-title,
    .product-desc {
        display: none;
    }

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

    .dop-products-top h2 {
        font-size: 16px;
    }

    .dop-product-image {
        height: 200px;
    }

    .dop-product-price,
    .dop-product-title {
        font-size: 11px;
    }
    
    .dop-products-top {
        margin-bottom: 10px;
    }

    .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;
    }

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

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

    .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;
    }

    #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;
    }
}