@media screen and (max-width: 1180px) {
    .hero-top {
        flex-direction:column;
        align-items: flex-start;
        gap: 16px
    }

    .hero-top__right {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 480px
    }
}

@media screen and (max-width: 1240px) {
    .container-scroll {
        overflow-x:auto
    }

    .hero-bottom-card-3 img {
        display: none
    }
}

@media screen and (max-width: 1080px) {
    .why-bottom {
        display:flex;
        flex-direction: column;
        gap: 10px
    }

    .hide-1080 {
        display: none
    }

    .promo-grid {
        display: flex;
        flex-direction: column
    }

    .promo-card {
        order: 3
    }

    .lose-weight {
        order: 1;
        background: #dbff8c
    }

    .health {
        order: 2;
        background: #ffceff
    }

    .why-bottom-middle {
        order: 1
    }

    .why-bottom-block {
        order: 2;
        gap: 10px;
        width: 100%;
        padding-top: 0
    }

    .why-bottom-left {
        margin-top: 30px
    }

    .why-bottom-block div span .text {
        transform: translateY(1px)
    }

    .why-bottom-block-common img {
        width: 30px;
        margin-top: -3px
    }

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

    .find-content-middle {
        order: 1;
        margin-bottom: 30px
    }

    .find-content-right,.find-content-left {
        order: 2
    }

    .find-content-middle-block-circle {
        width: 119px;
        height: 119px
    }

    .find-content-middle-block img {
        width: 119px;
        height: 119px
    }

    .find-content-middle .elem {
        width: 81px;
        height: 81px
    }

    .find-content-block {
        display: flex;
        align-items: flex-start;
        flex-direction: row
    }

    .find-content-block h3 {
        margin-top: 0
    }

    .find-content-block {
        max-width: 500px;
        text-align: left
    }

    .find-content-block img {
        width: 40px;
        height: 40px;
        transform: translateY(5px);
        margin-right: 10px
    }

    .find-content-top {
        margin-bottom: 20px
    }

    .find-content-right {
        margin-top: 20px
    }

    .review-img {
        max-width: 600px !important
    }

    .blog-top div a {
        display: none
    }

    .show-1080 {
        display: flex;
        font-weight: 700;
        font-size: 16px;
        margin-top: 20px
    }

    .mission-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

    .for-who-content img {
        max-width: 335px;
        transform: translate(-50%,-165%)
    }

    .for-who-content {
        flex-direction: column
    }

    .for-who h2 {
        margin-bottom: 340px
    }

    .for-who-content h3 {
        text-align: left;
        margin-bottom: 4px
    }

    .for-who-content p {
        text-align: left
    }

    .for-who-content div:not(:last-child) {
        margin-bottom: 20px
    }

    .for-who-content-bottom {
        margin-top: 20px
    }

    .offer-card-1 {
        order: 3 !important
    }

    .offer-card-2 {
        order: 2 !important
    }

    .offer-card {
        order: 4
    }

    .tomatoes {
        order: 1
    }

    .overeat {
        order: 5
    }

    .balance {
        order: 6
    }

    .promo-card strong {
        font-size: 16px;
        font-family: "Montserrat",sans-serif
    }

    .promo-card span {
        font-size: 16px
    }

    .blog-bottom-block.blog-bottom-block-home p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width: 768px) {
    .hero-top__left-title img {
        display:none
    }

    .hero-top__left h1 {
        font-size: 22px;
        line-height: 100%
    }

    .pink-in-green {
        padding: 4px 20px;
        font-size: 22px
    }

    .hero-top__left-title div {
        display: flex;
        align-items: center;
        gap: 8px
    }

    .hero-top__left-title div span {
        transform: translateY(2px)
    }

    .pink-button {
        font-size: 16px
    }

    .hero-bottom-card-1,.hero-bottom-card-2 {
        max-width: 240px;
        min-width: 240px
    }

    .hero-bottom-card-1 img {
        max-width: 140px
    }

    .hero-bottom-card-3 {
        max-width: 340px;
        min-width: 340px;
        padding-bottom: 20px
    }

    .hero-bottom {
        display: flex;
        gap: 16px;
        height: 300px
    }

    .container-scroll {
        margin-top: 30px
    }

    .why {
        margin-top: 50px
    }

    .why-bottom-block .druk {
        font-size: 17px
    }

    .why-top h2 {
        font-size: 20px
    }

    .information-top-block-text {
        display: flex
    }

    .information-top-block {
        height: 36px;
        font-size: 18px;
        min-width: auto;
        width: auto
    }

    .information-block .druk {
        line-height: 127%
    }

    .information-block-txt {
        font-size: 16px
    }

    .information-top-block img {
        width: 62px
    }

    .information-block .druk {
        font-size: 16px
    }

    .information {
        padding-top: 20px;
        margin-top: 40px;
        padding-bottom: 159px;
        margin-bottom: 140px
    }

    .information-img-main {
        max-width: 335px;
        bottom: -107px
    }

    .hide-mobile {
        display: none
    }

    .information-top-container {
        top: -23px;
        overflow: hidden;
        width: 100%;
        left: 0;
        transform: none;
        padding-left: 0;
        padding-right: 0
    }

    .information-img-1,.information-img-2 {
        display: none
    }

    .information-top {
        margin-left: 0;
        width: 100%
    }

    .request-top-title {
        font-size: 16px
    }

    .pink strong {
        font-size: 16px !important;
        font-family: 'Montserrat',sans-serif !important
    }

    .lose-weight strong {
        font-size: 16px;
        font-family: 'Montserrat',sans-serif
    }

    .promo-card strong {
        font-size: 16px
    }

    .promo-card span {
        font-size: 16px
    }

    .desktop-btn {
        display: none
    }

    .promo-grid {
        gap: 10px
    }

    .mobile-btn {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .request-btn {
        margin-top: 20px
    }

    .request-top {
        margin-bottom: 30px
    }

    .experts {
        margin-top: 50px
    }

    .experts-block-title {
        font-size: 20px;
        text-align: left
    }

    .experts-block-title img {
        display: none
    }

    .experts-block p {
        text-align: left
    }

    .slider-container {
        margin-top: 30px
    }

    .keys-content-cards {
        overflow-x: scroll;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .keys-content-card {
        max-width: 240px;
        min-width: 240px
    }

    .container-desktop {
        padding: 0
    }

    .keys {
        margin-bottom: 50px
    }

    .find {
        margin-bottom: 50px !important
    }

    .find-content-block {
        max-width: 285px !important
    }

    .review-img {
        max-width: 336px !important
    }

    .review-title h2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left
    }

    .review-title p {
        text-align: left
    }

    .blog-bottom-block .badge {
        font-size: 14px
    }

    .blog-bottom-block img {
        width: 60px;
        height: 60px;
        align-self: flex-end
    }

    .blog-bottom-block {
        height: 314px
    }

    .blog-bottom-block span {
        font-size: 17px
    }

    .blog-bottom-block p {
        font-size: 16px;
        margin-top: 4px;
        font-weight: 400
    }

    .connect-block h1 {
        max-width: 335px
    }

    .connect-block {
        align-items: flex-start;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 60px;
        padding-top: 60px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .connect-block .left,.connect-block .right,.connect-block .right-icon {
        display: none
    }

    .connect-block .avatars {
        width: 140px;
        height: 60px
    }

    .connect-block .left-icon {
        left: 229px;
        top: 90px;
        width: 40px;
        height: 40px;
        transform: rotate(-121deg)
    }

    .connect-block button {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .connect {
        margin-top: 50px;
        padding-top: 0;
        padding-bottom: 60px
    }

    .mission-bottom {
        margin-bottom: 50px;
        margin-top: 30px
    }

    .for-who {
        margin-bottom: 50px
    }

    .for-who-content img {
        transform: translate(-50%,-151%)
    }

    .offer {
        margin-bottom: 50px
    }

    .offer-top {
        margin-bottom: 30px
    }

    .offer-card-3 {
        margin-bottom: 20px
    }

    .project {
        margin-bottom: 60px
    }

    .slider-container-reviews {
        height: 387px !important
    }

    .marquee-track {
        height: 36px;
        top: -18px
    }

    .blog-bottom-block.blog-bottom-block-home p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width: 1240px) {
    .container-scroll {
        overflow-x:scroll
    }

    .hero-bottom-card-3 img {
        display: none
    }
}

@media screen and (max-width: 1343px) {
    .swiper-pagination {
        display:none !important
    }

    .review .swiper-pagination,.slider-container-reviews .swiper-pagination {
        display: block !important
    }

    .slider-container {
        height: 487px;
        position: relative
    }

    .slider-container .swiper-button-next-experts,.slider-container .swiper-button-prev-experts {
        position: absolute !important;
        z-index: 10 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important
    }

    .slider-container .swiper-button-next-experts {
        right: 10px !important;
        left: auto !important
    }

    .slider-container .swiper-button-prev-experts {
        left: 10px !important;
        right: auto !important
    }

    .slider-container .mySwiper {
        position: relative;
        z-index: 1
    }

    .slider-container-reviews {
        height: 378px !important;
        margin-bottom: 100px;
        position: relative
    }

    .slider-container-reviews .swiper-button-next-reviews,.slider-container-reviews .swiper-button-prev-reviews {
        position: absolute !important;
        z-index: 10 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important
    }

    .slider-container-reviews .swiper-button-next-reviews,.slider-container-reviews .swiper-button-next-review {
        right: 10px !important;
        left: auto !important
    }

    .slider-container-reviews .swiper-button-prev-reviews,.slider-container-reviews .swiper-button-prev-review {
        left: 10px !important;
        right: auto !important
    }

    .slider-container-reviews .mySwiper-reviews {
        position: relative;
        z-index: 1
    }

    .review-block {
        height: 100%
    }

    .mySwiper-slide {
        max-width: 300px !important;
        padding-left: 20px;
        padding-right: 20px
    }

    .custom-arrow-desktop {
        display: none !important
    }

    .expert-card {
        height: 476px;
        width: 300px;
        flex-direction: column;
        gap: 0px;
        position: relative;
        overflow: hidden !important
    }

    .expert-photo {
        width: 300px;
        height: 280px
    }

    .expert-reviews {
        position: absolute;
        top: 233px;
        right: 20px;
        background: #fff;
        border-radius: 999px;
        padding-left: 10px;
        height: 27px
    }

    .expert-rating {
        height: 100%;
        display: flex;
        align-items: center
    }

    .expert-name {
        margin-top: 0
    }

    .expert-content {
        padding-left: 20px
    }

    .mySwiper-wrapper .expert-desc {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .mySwiper-wrapper .expert-name {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .review-block p {
        font-size: 16px
    }

    .review-block-top span {
        font-size: 16px
    }

    .review-bottom span {
        font-size: 16px
    }

    .review-bottom img {
        display: none
    }

    .mySwiper-slide-reviews {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .review .swiper-slide {
        box-sizing: border-box
    }

    .mySwiper-reviews-wrapper {
        padding-left: 20px
    }

    .mySwiper-reviews-wrapper .review-block p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .mySwiper-reviews {
        padding-right: 20px !important
    }

    .mySwiper {
        padding-right: 20px !important
    }
}

@media screen and (max-width: 767px) {
    .slider-container-reviews .swiper-button-next-reviews,.slider-container-reviews .swiper-button-prev-reviews,.slider-container-reviews .swiper-button-next-review,.slider-container-reviews .swiper-button-prev-review {
        display:none !important
    }

    .slider-container .swiper-button-next-experts,.slider-container .swiper-button-prev-experts {
        display: none !important
    }
}

@media screen and (max-width: 1200px) {
    .keys {
        margin-top:60px;
        padding-top: 50px;
        padding-bottom: 60px
    }

    .keys-star {
        display: none
    }

    .keys-marquee {
        display: none
    }

    .keys-content-card span {
        font-size: 16px
    }

    .keys-content-card p {
        font-size: 16px
    }

    .keys-content-card-1 {
        padding-bottom: 20px;
        background: url(//nutrisfera.ru/wp-content/themes/messia/includes/assets/css/partial/../../img/main-page/keys/card1-mob.webp) no-repeat;
        background-size: 100% 100%
    }

    .keys-content-cards {
        grid-template-columns: 1fr 1fr 1fr;
        height: 300px
    }

    .keys-content-top {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .keys-right-block {
        margin-bottom: 10px
    }

    .keys-right-block div {
        align-items: flex-start
    }

    .keys-right-block img {
        display: none
    }

    .keys-right-block div span {
        font-size: 20px
    }

    .keys-right-block div p {
        font-size: 20px
    }

    .keys-description {
        font-size: 16px
    }
}