@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 .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 #fff;&: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 .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,.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:.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(https://best-pack.ru/static/new_landing/img/about_768.png.pagespeed.ce.6LgNAv5YWO.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:.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}.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(https://best-pack.ru/static/new_landing/img/about_360.png.pagespeed.ce.JhdiJNYTZ7.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}}