@media (max-width:1440px) {
    * {
        font-size: 22px;
    }
    .offer .buttons {    
        & .white-btn {
            font-size: 14px;
        }
    
        & .green-btn {
            font-size: 14px;
        }
    }
    .carusel-wrapper {
        & .c-block {
            margin-right: 8px;
            margin-left: 8px;
        }
    }
    .catlist #food_carusel {
        display: block!important;
    
        & .c-block {
            margin-left: 8px;
            margin-right: 8px;
        }
    }
    .partners .back{
        height: 670px;
    }

    .partners .back .wrapper {
        & li {
            font-size: 15px;
        }

        & .text {
            font-size: 18px;
            height: 130px;
        }

        & .h2 {
            font-size: 28px;
            margin-bottom: 0;
        }

        & .block {
            padding: 45px 35px;
            top: -12%;
        }

        & img {
            height: 74px;
        }
    }
    
    .most h2 {
        margin-bottom: 50px;
    }
    .most .grid {
        grid-column-gap: 50px;
        grid-row-gap:50px;

        & li::before {
                width: 85px;
                height: 85px;
        }
        & .text {
            font-size: 16px;
        }

        & h3 {
            font-size: 24px;
        }
    }
    .okomp .grid {    
        & .text {
            font-size: 20px;
        }
    
        & img {
            height: 306px;
        }
    }
    .custom {
        & p,
        & a,
        & b,
        & cite,
        & td,
        & th,
        & figcaption,
        li {
            font-size: 16px;
            color: rgba(0, 0, 0, 1);
        }

        & .blockquote {
            padding: 30px 50px;
        }

        & .blockquote::before,
        & .blockquote::after {
            width: 40px;
            height: 40px;
        }
        & img {
            height: 315px;
        }
    }
    .detail_post .nav {
        padding: 30px;
    
        & a {
            font-size: 16px;
            color: rgba(0, 0, 0, 1);
        }
    }
    .detail_post .nav .nav_name {
        font-size: 24px;
    }
    .detail_post .content {
        margin-top: 40px;
    }
    .detail_post .author,  
    .authorPop .author {    
        & img {
            width: 130px;
            height: 130px;
        }
    
        & .name {
            font-size: 22px;
            margin-bottom: 6px;
        }
    
        & .author_post,
        & .desc {
            font-size: 16px;
        }
    }
    .detail_post .big {
        height: 400px;

        & h1 {
            top: 55%;
            font-size: 38px;
            left: 40px;
        }
    
        & .date {
            left: 40px;
        }
    }
    .main .grid .block {
        &.first {
            height: 100%;
        }
    }
    .about .right {
        height: 353px;

        & .imgs {
            grid-template-rows: 150px 150px;
            gap: 12px;
        }
    
        & .img {
            padding: 15px;
            background-color: rgba(230, 248, 247, 1);
            border-radius: 18px;
        }
    }

    .main .imgs {
        grid-template-rows: 135px 135px;
        & .img {
            border-radius: 15px;
            width: 135px;
        }
    }
    .catlist .show_view {
        height: 120px;
        margin-bottom: 20px;
    }
    .catlist .right.row .offers .block {
        & .img {
            height: 290px;
            width: 271px;
        }

        .specs {
            gap: 8px;
        }

        .review-in {
            margin-bottom: 8px;
        }

        .flex-prices {
            margin-bottom: 8px;
        }

        .name {
            margin-bottom: 16px;
        }

    } 
    .review .name {
        font-size: 18px;
    }
        
    .review .text {
        font-size: 16px;
    }
    .offer .gallery {
        width: 70%;
        height: 550px;
    }

    .offer .content {
        min-height: 550px;
    }
    .offer .row figure {
        margin-bottom: 10px;
    }
    .busket .img {
        width: 310px;
        height: 235px;
    } 
    .busket .right .result span {
        font-size: 30px;
        color: var(--green-text);
    }

    .busket .right .delivery .d-block {
        padding: 15px;
    }
    .empty .title {
        font-size: 42px;
    }
    .fly .over img {
        width: 130px;
        height: 130px;
    }
    
    .fly .over p {
        font-size: 26px;
    }
    .fly {
        width: 800px;

        &.city {
            width: 694px;
        }
    }
    .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    footer .logo {
        width: 238px;
        height: 43px;
    }
    h1, .h1 {
        font-size: 44px;
    }
    h2, .h2 {
        font-size: 44px;
    }
    header .logo {
        width: 238px;
        height: 43px;
    }
    header .light-green-btn,
    header label,
    header .buttons {
        margin-left: 1.5%;
    }
    main {
        padding-bottom: 40px;
    }
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .category .upper,
    .category .desc {
        margin-bottom: 58px;
    }
    .about .container {
        grid-template-rows: 353px;
    }
    .haraks span {
        font-size: 20px;
    }
    .prey span {
        font-size: 18px;
    }
}

@media (max-width:1200px) {
    .busket .block .price {
        font-size: 24px;
    }
    .busket .right .delivery {
        grid-template-columns: repeat(1, 1fr);
    }
    .busket .block .content {
        grid-template-columns: repeat(1, 1fr);
    }
    .busket .img {
        width: 100%;
        height: 235px;
    }
    .busket .block .text {
        position: relative;
    
        & .title {
            margin-bottom: 15px;
            font-size: 20px;
        }
    
        & .incost {
            font-size: 18px;
            color: var(--green-text);
            margin-bottom: 42px;
        }
    }
    .busket .block {
        width: 100%;
    }
    .busket .grid {
        & .right {
            width: 40%;
        }

        & .left {
            width: 60%;
        }
    }
}

@media (max-width:1024px) {
    header .catalog {
        padding: 30px 10px 30px 0;
    }
    .carusel-wrapper {
        & .c-block {
            margin-right: 5px;
            margin-left: 5px;
        }
    }
    .catlist #food_carusel {
        display: block!important;
    
        & .c-block {
            margin-left: 5px;
            margin-right: 5px;
        }
    }
    .partners .back .wrapper {
        & li {
            font-size: 13px;
        }

        & .text {
            font-size: 16px;
            height: 120px;
        }

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

        & .block {
            padding: 35px 25px;
            top: -16%;
        }

        & img {
            height: 62px;
        }
    }
    .fix .price {
        font-size: 24px;
    }
    * {
        font-size: 18px;
    }
    .politic p,
    .politic a,
    .politic b,
    .politic ul li {
        font-size: 16px;
    }
    .posts .tags .white-btn {
        font-size: 16px;
        padding: 10px 20px;
    }
    .posts .tags {
        gap: 15px;
    }
    .partners .back{
        height: 530px;
    }
    
    .most .grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;

        & li::before {
            width: 75px;
            height: 75px;
        }
        & .text {
            font-size: 14px;
        }

        & h3 {
            font-size: 20px;
        }
    }
    .okomp .grid {    
        & .text {
            font-size: 16px;
        }
    
        & img {
            height: 244px;
        }
    }
    .custom {
        & p,
        & a,
        & b,
        & cite,
        & td,
        & th,
        & figcaption,
        li {
            font-size: 15px;
            color: rgba(0, 0, 0, 1);
        }
        & .blockquote {
            padding: 30px 50px;
        }
        & img {
            height: 205px;
        }
    }
    .detail_post .nav {
        padding: 25px;
    
        & a {
            font-size: 14px;
            color: rgba(0, 0, 0, 1);
        }
    }
    .detail_post .nav .nav_name {
        font-size: 20px;
    }
    .detail_post .content {
        margin-top: 30px;
        grid-template-columns: 1.2fr 0.8fr;
    }
    .detail_post .big {
        height: 330px;

        & h1 {
            top: 55%;
            font-size: 32px;
            left: 30px;
        }
    
        & .date {
            left: 30px;
        }
    }
    .posts .grid .block {
        padding: 15px;
    
        & .img {
            height: 154px;
            margin-bottom: 15px;
        }
        
        & .title {
            font-size: 18px;
        }
    
        & .text {
            font-size: 14px;
            height: 100px;
        }
        
        & .date {
            font-size: 14px;
        }
    
        & .in {
            width: 25px;
            height: 25px;
    
            &::before {
                width: 15px;
                height: 15px;
            }
        }
    }

    .authorPop .block {
        margin-left: 10px;
        margin-right: 10px;

        & .img {
            height: 154px;
            margin-bottom: 15px;
        }
        
        & .title {
            font-size: 18px;
        }
    
        & .post_text {
            font-size: 14px;
            height: 100px;
        }
        
        & .date {
            font-size: 14px;
        }
    
        & .in {
            width: 25px;
            height: 25px;
    
            &::before {
                width: 15px;
                height: 15px;
            }
        }
    }
    .catlist h2 {
        font-size: 28px;
    }
    .catlist .right.column {
        & .prices .pricess {
            flex-direction: row;
            gap: 6px;
        }
        & .f-20 {
            font-size: 16px;
        }
    }
    .catlist .carusel .c-block {
        height: 60px;
        padding: 8px;
        border: 1px solid white;
    
        &:hover {
            background-color: white;
            border: 1px solid rgba(4, 68, 64, 1);
        }
    }
    .catlist .carusel {
        gap: 10px;
    }
    .catlist .carusel img {
        width: 60px;
        height: 45px;
    }
    .catlist .carusel span {
        font-size: 12px;
    }
    .about .right {
        height: 286px;
        background-size: contain;

        & .imgs {
            grid-template-rows: 116px 116px;
            gap: 12px;
        }
    
        & .img {
            padding: 15px;
            background-color: rgba(230, 248, 247, 1);
            border-radius: 15px;
        }
    }
    .fix .container {
        display: grid;
        grid-template-columns: 1.5fr 0.5fr;
        align-items: baseline;
    }
    .fix .left {
        flex-direction: column;
    }
    .fix .right {
        flex-direction: column;
        gap: 15px;
    }
    .service form {
        width: 100%;
    }
    .catlist .show_view {
        height: 100px;
        margin-bottom: 20px;
    }
    .catlist .right.row .offers .block {
        & .img {
            height: 281px;
            width: 222px;
        }

        & .specs {
            gap: 8px;
        }

        & .review-in {
            margin-bottom: 8px;
        }

        & .flex-prices {
            margin-bottom: 21px;
        }

        & .name {
            margin-bottom: 16px;
            font-size: 20px;
        }
        & .price {
            font-size: 24px;
        }

        & .span {
            font-size: 12px;
        }

        & .specs span {
            font-size: 12px;
        }

    }
    .catlist .right.row .offers .block {
        & .rel {
            gap:  16px;
        }
        & .review-in {
            margin-bottom: 8px;
        }

        & .flex-prices {
            margin-bottom: 21px;
            gap: 8px;
            flex-direction: column;
            align-items: flex-start;
        }
    }
    .catlist {
        & .left {
            width: 30%;
        }

        & .set {
            width: 70%;
        }
    }
    .catlist .offers {
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }
    .fly.videos figure {
        height: 500px;
    }
    .fly.videos {
        width:  850px;
    
        & .player button {
            border-radius: 10px;
            width: 250px;
            height: 250px;
        }
        
    }
    .offer .window {
        width: 75%;
    }
    .offer .gallery {
        width: 60%;
        height: 480px;
    }
    .offer .content {
        min-height: 480px;
    }
    .offer .content {
        width: 40%;
    }
    .offer .row {
        width: 100px;
    }
    .offer .row {
        display: block!important;
    }
    .offer .row figure {
        margin-bottom: 10px;
    }
    .states .row {
        height: 86px;
    }
    .states .shadow {
        font-size: 16px;
        color: rgba(4, 68, 64, 0.4);
        margin-bottom: 20px;
    }
    
    .states .value {
        font-size: 18px;
    }
    .empty .text {
        margin-bottom: 40px;
    } 
    .empty .title {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .empty h1 {
        margin-bottom: 50px;
    }
    .empty img {
        width: 250px;
        height: 250px;
    }

    header .catalog {
        & a {
            font-size: 15px;
        }
    }
    .fly.city .content {    
        & .link {
            font-size: 20px;
        }
    }
    .fly .over img {
        width: 110px;
        height: 110px;
    }
    
    .fly .over p {
        font-size: 22px;
    }
    .close-btn {
        width: 40px;
        height: 40px;
    }
    .fly .title {
        font-size: 22px;
    }
    form input,
    form textarea {
        font-size: 18px;
    }
    .haraks ul {
        columns: 1;
    }
    .prey span { 
        font-size: 14px;
    }
    .about .container {
        grid-template-rows: 317px;
    }
    .category h3 {
        font-size: 26px;
    }
    .category .wrapper .block {
        height: 353px;
        border-radius: 27px 27px 108px 27px;

        & img {
            height: 270px;
            width: 100%;
        }
    }
    .category .upper,
    .category .desc {
        margin-bottom: 54px;
    }
    .f-20 {
        font-size: 18px;
    }
    .main .imgs {
        grid-template-rows: 95px 95px;
    
        & .img {
            border-radius: 12px;
            width: 115px;
        }
    }
    .main .grid .block {
        &.first {
            border-radius: 25px 25px 25px 118px;
        }
        &.second {
            height: 178px;
            padding-bottom: 30px;
            border-radius: 25px 91px 25px 25px;
        }
        &.third {
            height: 178px;
            border-radius: 25px;
        }
        & .title {
            font-size: 26px;
        }
        &.first .circle {
            width: 100px;
            height: 100px;
        }
    }
    .green-btn,
    .white-btn {
        padding: 16px 26px;
        font-size: 16px;
    }
    .main .f-14 {
        font-size: 13px;
    }
    .main h1 {
        font-size: 32px;
    }
    .yandex-map {
        height: 413px;
    }
    header .light-green-btn {
        font-size: 14px;
        padding: 12px 22px;

        &:first-of-type {
            margin-left: 0;
        }
    }
    header label::before {
        left: 20px;
    }
    header input {
        font-size: 14px;
        padding: 12px 22px;

        &::placeholder {
            font-size: 14px;
        }
    }
    header .buttons a {
        width: 20px;
        height: 20px;
    }
    header .logo {
        width: 171px;
        height: 33px;
    }
    .f-16 {
        font-size: 14px;
    } 
    footer .column {
        gap: 12px;
    }

    .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    footer .logo {
        width: 171px;
        height: 33px;
    }
    .f-18 {
        font-size: 16px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 36px;
    }
}



@media (max-width:950px) {
    .main .buttons {
        flex-direction: column;
        gap: 15px;

        & .white-btn {
            width: 210px;
        }

        & .green-btn {
            width: 210px;
        }
    }
    .main .desc {
        font-size: 20px;
    }
    header .bar {
        display: none;
    }
    header .bar.mobile {
        display: block;
        background-color: transparent;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        margin-left: 30px;

        &::before {
            width: 20px;
            height: 20px;
            background-size: contain;
            margin-top: 2px;
        }

        &:hover::before {
            background-image: url(../new_landing/svg/bar.svg);
        }
    }
    header .light-green-btn {
        display: none;
    }
    .partners .back .wrapper {
        width: 100%;
        & .up {
            margin-bottom: 30px;
        }
        & li {
            font-size: 12px;
        }

        & .text {
            font-size: 14px;
            height: 120px;
            margin-bottom: 30px;
        }

        & .h2 {
            font-size: 18px;
            margin-bottom: 0;
        }

        & .block {
            padding: 30px 25px;
            top: -20%;
        }

        & img {
            height: 50px;
        }

        & ul {
            gap: 15px;
        }
    }
}

@media (max-width:850px) {
    header .socials {
        display: none;
    }
    header .links {
        gap: 20px;
    }
}

@media (max-width:768px) {
    .fix .price {
        font-size: 20px;
    }
    .politic p,
    .politic a,
    .politic b,
    .politic ul li {
        font-size: 16px;
    }
    * {
        font-size: 16px;
    }
    .partners .back{
        height: 400px;
    }

    #questBaseForm{
        height: max-content;
        padding-bottom: 50px;
    }
    .service .help_agree #agree-error {
        top: 180px;
    }
    .most .grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;

        & li::before {
            width: 65px;
            height: 65px;
        }
        & .text {
            font-size: 12px;
        }

        & h3 {
            font-size: 18px;
        }
    }
    .okomp .grid {    
        & .text {
            font-size: 14px;
        }
    
        & img {
            height: 185px;
        }
    }
    .custom {
        & p,
        & a,
        & b,
        & cite,
        & td,
        & th,
        & figcaption,
        li {
            font-size: 16px;
            color: rgba(0, 0, 0, 1);
        }

        & .blockquote::before,
        & .blockquote::after {
            width: 35px;
            height: 35px;
        }
    }
    .detail_post .nav {    
        & a {
            font-size: 15px;
            color: rgba(0, 0, 0, 1);
        }
    }
    .detail_post .nav .nav_name {
        font-size: 20px;
    }
    .detail_post .content {
        display: flex;
        flex-direction: column-reverse;
    }
    .detail_post .author,
    .authorPop .author {
        gap: 15px;
        & img {
            width: 100px;
            height: 100px;
        }
    
        & .name {
            font-size: 18px;
            margin-bottom: 6px;
        }
    
        & .author_post,
        & .desc {
            font-size: 14px;
        }
    }
    .detail_post .big {
        height: 250px;

        & h1 {
            top: 45%;
            font-size: 24px;
            left: 30px;
        }
    
        & .date {
            left: 30px;
            font-size: 18px;
        }
    }
    .posts .white-btn {
        font-size: 14px;
    } 
    .posts .grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .posts .grid .block {
        padding: 15px;
    
        & .img {
            height: 139px;
        }

        & .text {
            height: 90px;
        }
    }
    .upcat.posts .remake {
        display: block;
    }
    .main .imgs .img {
        width: 95px;
    }
    .about .right {
        height: 420px;
        background-size: cover;

        & .imgs {
            grid-template-rows: 116px 116px;
            gap: 12px;
            width: 100%;
        }
    
        & .img {
            padding: 15px;
            background-color: rgba(230, 248, 247, 1);
            border-radius: 15px;
            width: 100%;
        }
    }

    .license__popup {
        & .close-btn {
            top: 20px;
            right: 20px;
        }
    }
    form input, form textarea {
        font-size: 16px;
        padding: 14px;
    }
    .set {
        width: 100%;
    }    form input, form textarea {
        font-size: 16px;
    }
    .upcat .sorted {
        display: none;
    }
    .catlist .right.column {
        width: 100%;
    }
    .mFiltr {
        & .buttons {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
    
            & button {
                border-radius: 10px;
                padding: 16px;
                font-size: 16px;
                margin-bottom: 0;
            }
        }
    
        &.catlist {
            display: none;
        }
    }
    .catlist {
        display: flex;
    }
    .catlist form {
        display: none;
    }
    .mFiltr form {
        display: block;
    }
    .catlist .right {
        width: 100%;
    }
    .catlist .offers {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;

    }
    .catlist .right.column .offers .block {
        & .slide {
            display: flex;
        }
        & .f-20 {
            height: 60px;
        }

        & .slide .specs {
            display: none;
        }
    }
    .catlist .an {

        & .inner {
            position: static;
            padding: 0;
        }

    }
    .catlist .right.row .offers .block {
        & .img {
            height: 297px;
            width: 255px;
        }


        & .review-in .count {
            font-size: 12px;
        }

        & .specs {
            gap: 8px;
        }


        & .name {
            margin-bottom: 16px;
            font-size: 20px;
        }
        & .price {
            font-size: 24px;
        }

        & .span {
            font-size: 12px;
        }

        & .specs span {
            font-size: 12px;
        }

    }
    .icons {
        top: 15px;
        right: 15px;
    }
    .slider-offers .icons {
        top: 15px;
        right: 15px;
    }
    .catlist {
        grid-template-columns: 0.8fr 1.2fr;

        & .left {
            width: 40%;
        }

        & .set {
            width: 100%;
        }
    }
    .catlist .offers {
        grid-template-columns: repeat(2, 1fr);
    }

    .pagin .number {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .fly.videos figure {
        height: 400px;
    }
    .fly.videos {
        width:  90%;    

        & .player {
            justify-content: center;
        }
        & .player button {
            border-radius: 10px;
            width: 156px;
            height: 156px;
        }
        
    }
    .offer .content {
        height: 100%;
    }
    .offer .row {
        display: none!important;
    }
    .offer {
        flex-direction: column;
    }
    .offer .gallery {
        height: 356px;
        width: 100%;
        margin-bottom: 20px;
    }
    .offer .window {
        width: 100%;

        & img {
            object-fit: contain;
        }
    }
    .offer .content {
        width: 100%;
    }

    .busket .block .counter {    
        & button,
        & span {
            font-size: 22px;
        }
    }
    .busket .block .content {
        grid-template-columns: auto 1fr;
    } 
    .busket .img {
        width: 164px;
        height: auto;
    }
    .busket .block .price {
        font-size: 20px;
    }
    .busket .grid {
        flex-direction: column;

        & .right {
            position: static;
            width: 100%;
        }
        & .left {
            width: 100%;
        }
    }
    .busket .left .up-block {
        gap: 15px;
    }
    .states .row {
        height: 75px;
    }
    .states .shadow {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .states .value {
        font-size: 16px;
    }
    .empty .text {
        margin-bottom: 20px;
    }
    .empty .text {
        font-size: 20px;
    } 
    .empty .title {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .empty h1 {
        margin-bottom: 50px;
    }
    .empty img {
        width: 210px;
        height: 210px;
    }
    .fly .over img {
        width: 90px;
        height: 90px;
    }
    
    .fly .over p {
        font-size: 20px;
    }
    .fly {
        width: 666px;
        padding: 35px 20px 20px 20px;

        &.city {
            width: 636px;
            padding: 35px 50px;
        }
    }
    .close-btn {
        width: 30px;
        height: 30px;
    }
    .haraks span {
        font-size: 18px;
    }

    .about .right {
        background-image: url(../new_landing/img/about_768.png);
    }
    .about .container {
        grid-template-rows: 420px;
    }
    .category .wrapper .block {
        height: 299px;
        border-radius: 23px 23px 88px 23px;

        & img {
            top: 60%;
        }
    }
    .category h3 {
        font-size: 20px;
    }
    .category .upper,
    .category .desc {
        margin-bottom: 40px;
    }
    .main {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        grid-column-gap: 2%;
    }
    .main .grid .block {
        &.first {
            border-radius: 23px 23px 23px 102px;
        }
        &.second {
            height: 204px;
            border-radius: 23px 87px 23px 23px;
        }
        &.third {
            height: 204px;
            border-radius: 23px;
        }
        & .title {
            font-size: 24px;
        }
        &.first .circle {
            width: 85px;
            height: 85px;
        }
    }
    .main h1 {
        font-size: 24px;
    }
    .yandex-map {
        height: 333px;
    }
    header .logo {
        width: 152px;
        height: 28px;
    }
    .bread {
        padding-bottom: 32px;
    }
    .delivery .imgs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap:13px;
    }
    .delivery .imgs .img {
        width: auto;
    }
    .delivery .big_imgs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap:13px;
    }
    .delivery .big_imgs .img {
        width: auto;

        &:first-child {
            grid-column-start: 1;
            grid-column-end: 3;
        }
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    footer .logo {
        width: 152px;
        height: 28px;
    }
    footer .container {
        grid-template-columns: repeat(2, 1fr);
    }
    h1, .h1 {
        font-size: 34px;
    }
    h2, .h2 {
        font-size: 34px;
    }

    .icons.b {
        top: auto;
        right: 15px;
    }
    .prey span {
        font-size: 14px;
    }
    .prey .block {
        padding: 8px;
    }
    .remake .sorted{
        display: none;
    }
    .remake {
        margin-bottom: 0;
    }
    .filtr {
        display: flex;
        gap:20px;
        justify-content: flex-end;
    }
}

@media (max-width:640px) {
    .catlist .cat .arrows {
        left: auto;
        right: 0;
        width: auto;
        /* transform: translateX(-100%); */
    }
    .haraks ul li {
        height: 8px;
    }
    .main h1 {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .main .buttons .green-btn {
        display: none;
    }
    .main .mobile {
        display: block!important;
    }
    .help_agree #agree-error {
        top: 145px;
        left: 0;
    }
    small {
        font-size: 10px;
    }
    small a {
        font-size: 10px;
    }
    .service form .block {
    
        &[data-step='2'] {
            padding: 15px;
        }
        
        &[data-step='3'] {
            padding: 15px;
        }
    }
    .popGallery {
        width: 100%;
        height: 70%;
    }
    .carusel-wrapper {
        & .c-block {
            margin-right: 3px;
            margin-left: 3px;
        }
    }
    .catlist #food_carusel {
        display: none!important;
    
        & .c-block {
            margin-left: 3px;
            margin-right: 3px;
        }
    }
    .catlist #food_carusel_mobile {
        display: block!important;
    
        & .c-block {
            margin-left: 0;
            margin-right: 0;
        }

        & .slick-slide {
            gap: 6px;
            margin-left: 3px;
            margin-right: 3px;
        }
    }



    .partners .back .wrapper {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        & .up {
            margin-bottom: 30px;
        }
        & li {
            font-size: 12px;
        }

        & .text {
            font-size: 14px;
            height: 120px;
            margin-bottom: 30px;
        }

        & .h2 {
            font-size: 18px;
            margin-bottom: 0;
        }

        & .block {
            padding: 30px 25px;
            top: -15%;
        }

        & img {
            height: 50px;
        }

        & ul {
            gap: 15px;
        }
    }
    .category .wrapper .block {
        height: 299px;
        border-radius: 23px 23px 88px 23px;

        & img {
            height: 100%;
            width: 100%;
            left: 50%;
        }
    }
    .most .grid {
        & .line {
            grid-template-columns: repeat(1, 1fr);
            justify-items: start;
            gap: 25px;
        }

        & .line[data-count='1'] {
            grid-template-columns: repeat(1, 1fr);
        }

        & .line[data-count='2'] {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    .green-btn, .white-btn {
        font-size: 16px;
        line-height: 16px;
    }
    .tags .wrapper {
        gap: 10px;
        margin-bottom: 20px;
    }
    .tags .green-btn,
    .tags .white-btn {
        padding: 4px 18px;
        font-size: 14px;
    }
    .fix {
        padding: 10px;
    }
    .fix .price {
        font-size: 24px;
    }
    .fix .right {
        gap: 8px;
    }
    .fix .title {
        text-align: center;
        font-size: 15px;
        margin-bottom: 8px;
    }
    .posts .tags .white-btn {
        font-size: 14px;
        padding: 10px 14px;
    }
    .politic p,
    .politic a,
    .politic b,
    .politic ul li {
        font-size: 14px;
    }
    .offer .content {
        height: auto;
        min-height: auto;
    }
    .offer .price {
        font-size: 20px;
    }
    h2, .h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    * {
        font-size: 14px;
    }
    .haraks span {
        font-size: 14px;
    }
    .review .title {
        text-align: center;
        font-size: 20px;
    }
    .green-btn, .white-btn {
        padding: 10px 14px;
    }
    .arrows {
        margin-top: 10px;
    }
    .partners .back{
        height: 1031px;
    }
        
    .most .grid {
        display: flex;
        flex-direction: column;
        gap: 25px;

        & li::before {
            width: 55px;
            height: 55px;
        }

        & [data-count="3"] {
            width: 100%;
        }
    }
    .okomp .grid {    
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 50px
    }
    .authorPop .author {
        flex-direction: column;
        margin-bottom: 0;
    }
    .authorPop .top {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .authorPop .block {
        flex-direction: column!important;

        & .img {
            width: 100%;
        }
    }
    .custom {
        gap: 20px;

        & p,
        & a,
        & b,
        & cite,
        & td,
        & th,
        & figcaption,
        li {
            font-size: 14px;
            color: rgba(0, 0, 0, 1);
        }

        & h2 {
            font-size: 24px;
        }

        & h3 {
            font-size: 20px;
        }
        & .blockquote {
            padding: 30px 40px;
        }
        & .blockquote::before,
        & .blockquote::after {
            width: 25px;
            height: 25px;
        }
    }

    .detail_post .nav {    
        & a {
            font-size: 12px;
            color: rgba(0, 0, 0, 1);
        }
    }
    .detail_post .nav .nav_name {
        font-size: 18px;
    }
    .detail_post .author,
    .authorPop .author {   
        gap: 12px;
        & img {
            width: 80px;
            height: 80px;
        }
    
        & .name {
            font-size: 16px;
            margin-bottom: 4px;
        }
    
        & .author_post,
        & .desc {
            font-size: 13px;
        }
    }
    .detail_post .big {
        height: 230px;

        & h1 {
            top: 25%;
            font-size: 22px;
            left: 15px;
        }
    
        & .date {
            left: 15px;
            font-size: 14px;
        }
    }
    .posts .tags {
        grid-column-gap: 15px;
        grid-row-gap: 10px
    }
    .posts .white-btn {
        font-size: 12px;
        padding: 8px 14px;
    }
    .posts .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .posts .grid .block {
        padding: 10px;
    
        & .img {
            height: 132px;
        }

        & .text {
            height: 100px;
        }
    }
    .busket .block .prices {    
        & .sale {
            font-size: 14px;
            color: #83B5B2;
            text-decoration: line-through;
        }
    }
    
    .catlist .right.column {
        & .prices .pricess {
            flex-direction: row;
            gap: 6px;
            position: relative;
        }

        & .prices .sale {
            position: absolute;
            top: -10px;
            right: -10px
        }

        & .f-20 {
            font-size: 14px;
        }
    }
    .catlist .carusel {
        margin-bottom: 10px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .about .right {
        height: 223px;
        background-size: cover;
        background-image: url(../new_landing/img/about_360.png);
    }

    .about .right .imgs {
        grid-template-rows: 81px 81px;
        gap: 12px;
        width: 100%;
    }

    .about .right .img {
        padding: 0;
        background-color: rgba(230, 248, 247, 1);
        border-radius: 12px;
    }

    .about .right .img img {
        object-fit: contain;
    }
    header .logo {
        width: 140px;
    }

    #complainsForm {
        height: auto;
    }
    .fly.quest {
        top: 50%;
    }
    .page__404 .big-text {
        width: 80%;
    }
    .page__404 .logo {
        width: 80%;
    }
    .slider-offers .block .img {
        height: 230px;
    }
    .fix .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: baseline;
    }
    .fix .white-btn {
        width: 100%;
    }
    .fix .left {
        flex-direction: row;
    }
    .fix .stock {
        font-size: 14px;
        display: none;
    }
    .service form {
        padding: 20px;
        height: 920px;
    }
    .service .title {
        font-size: 20px;
        margin-bottom: 1em;
    }
    .slider-offers .block {
        padding: 5px;

        & .slide .specs {
            display: none;
        }
    }
    #sravnenie-offers .block .img {
        height: 200px;
    }
    #sravnenie-offers .block .stars span {
        width: 15px;
        height: 15px;
    }
    form input, form textarea {
        font-size: 14px;
        padding: 14px;
    }
    .videos .title {
        font-size: 18px;
    }
    .offer h1 {
        font-size: 18px;
    }
    .catlist .show_view {
        height: 60px;
        margin-bottom: 10px;
    }
    .catlist .offers .block .img {
        height: 162px;
    }
    .catlist .offers .block {
        & .white-btn {
            padding: 14px;
            font-size: 14px;
        }
    }
    .catlist .right.row .offers .block {
        display: block;
        & .icons {
            position: static;
            display: flex;
            gap: 20px;
            flex-direction: row;
            flex-grow: 1;
            justify-content: flex-end;
            /* flex-shrink: 0; */

            & button {
                flex-shrink: 0;
            }
        }
        & .mobile {
            margin-top: 10px;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        & .content {
            display: inline-block;
        }
        & .img {
            height: 89px;
            width: 84px;
            display: inline-block;
        }

        & .img .icons {
            display: none;
        }

        & .specs {
            gap: 8px;
        }

        & .review-in {
            margin-bottom: 8px;
        }

        & .flex-prices {
            margin-bottom: 5px;
        }

        & .flex-in {
            display: flex;
            align-items: center;
            gap: 12px;
    
            & .cost {
                color: var(--green-text);
                font-size: 14px;
            }
        }

        & .flex-prices button {
            display: none;
        }

        & .stars span {
            width: 10px;
            height: 10px;
        }

        & .name {
            margin-bottom: 5px;
            font-size: 14px;
        }
        & .price {
            font-size: 16px;
        }

        & .span {
            font-size: 12px;
        }

        & .specs span {
            font-size: 12px;
        }
        & .slide {
            display: none;
        }

    }
    .catlist .right.column .offers .block {
        & .f-20 {
            height: 100px;
        }

        & .stars span {
            width: 15px;
            height: 15px;
        }
        & .review-in {
            flex-direction: column;
            gap: 4px;
            justify-content: flex-start;
            align-items: flex-start;
        }
    }
    .review .wrapper {
        flex-direction: column;
        gap: 50px;

        & .text {
            width: 100%;
        }

        & .slick-review {
            width: 100%;
        }

        & button {
            width: 100%;
        }
    }
    .fly.videos figure {
        height: 300px;
    }
    .fly.videos {
        width:  90%;   
        
        & .title {
            padding-top: 30px;
        }

        & .player {
            justify-content: center;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }        
    }
    .busket .block .content {
        grid-template-columns: repeat(1, 1fr);
    }
    .busket .img {
        width: 100%;
        height: 160px;
    }
    .states-up .slider-offers .block .f-20 {
        height: 120px;
    }
    .states .shadow {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .states .row {
        height: 84px;
    }
    .states .value {
        font-size: 14px;
    }
    .empty .title {
        font-size: 20px;
    }
    .empty .text {
        font-size: 18px;
    }
    .empty h1 {
        margin-bottom: 30px;
    }
    .empty .wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .empty .wrapper img {
        margin: 20px auto 0 auto;
    }
    .fly.city .content {    
        & .link {
            font-size: 18px;
        }
    }
    .fly .over img {
        width: 60px;
        height: 60px;
    }
    .fly .over p {
        font-size: 20px;
    }
    .close-btn {
        width: 25px;
        height: 25px;
    }
    .fly {
        width: 90%;

        &.city {
            width: 100%;
            height: 100%;
            padding: 65px 20px;
        }
    }
    .fly .title {
        font-size: 16px;
    }
    .fly small {
        font-size: 10px;
        text-align: center;

        & a {
            font-size: 10px;
        }
    }
    .license .title {
        font-size: 20px;
    }
    .license .date {
        font-size: 16px;
    }
    header label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    header .bottom {
        position: relative;
    }

.license .block {
    display: flex;
    align-items: center;

    &::before {
        width: 40px;
        height: 40px;
    }

    &::after {
        width: 35px;
        height: 35px;
    }
}
    .prey .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .prey .block {
        width: 100%;
    }
    .about .right {
        height: 250px;
    }
    .about .container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
    .category .wrapper .block {
        height: 233px;
        border-radius: 23px 23px 88px 23px;
    }

    .category .upper a {
        display: none;
    }

    .category .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .category .upper,
    .category .desc {
        margin-bottom: 30px;
    }
    .section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    main {
        padding-top: 20px;
    }
    .main .grid .block {
        &.first {
            border-radius: 20px 20px 20px 87px;
        }
        &.second {
            height: 142px;
            border-radius: 20px 64px 20px 20px;
            padding-bottom: 16px;
        }
        &.third {
            height: 142px;
            border-radius: 20px;
        }
        & .title {
            font-size: 20px;
        }
        &.first .circle {
            left: 7%;
            bottom: 7%;
        }
    }
    .main .imgs {

        & .img {
            width: 70px;
        }

    }
    .main .f-14 {
        font-size: 12px;
    }
    .main .buttons {
        flex-direction: column;
        gap: 15px;

        & .white-btn {
            width: 100%;
        }

        & .green-btn {
            width: 100%;
        }
    }
    .main {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 30px;
    }
    .contacts .block {
        &::before {
            width: 35px;
            height: 35px;
        }
    }
    .contacts .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    header .links {
        gap: 10px;
    }
    header label {
        display: none;
    }
    header .buttons {
        margin-left:30px;
    }
    header .openMobileSearch {
        
        background-image: url(../new_landing/svg/search-normal.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
        margin-left: auto;
        background-color: transparent;
    }
    header .up .f-14 {
        font-size: 10px;
    }
    header .buttons {
        gap: 15px;
        margin-left: 15px;
    }
    header .bar.mobile {
        margin-left: 15px;
    }
    .prey .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .prey .container .line {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .prey {
        display: none;
    }

}

@media (max-width:390px) {
    .videos .title {
        font-size: 16px;
    }
    .empty img {
        width: 180px;
        height: 180px;
    }
    .yandex-map {
        height: 266px;
    }
    footer .column {
        gap: 8px;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .logo {
        width: 105px;
        height: 23px;
    }
    .f-18 {
        font-size: 14px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    h1, .h1 {
        font-size: 26px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    .f-14 {
        font-size: 12px;
    }
    header .logo {
        width: 85px;
        height: 23px;
    }
    header .buttons a {
        width: 18px;
        height: 18px;
    }
    header .openMobileSearch {
        width: 18px;
        height: 18px;
    }
    header .bar.mobile {
        width: 18px;
        height: 18px;

        &::before {
            width: 18px;
            height: 18px;
            margin-top: 1px;
        }
    }
    .haraks span {
        font-size: 14px;
    }
}

@media (max-width:400px) {
    header .links .mobile {
        display: none;
    }
}