/* *** ADAPTIVE *** */

@media (max-width: 1399px) {
    .benefits-card:nth-child(2) {
        margin-left: 6.66%;
    }

    .benefits-card:nth-child(5) {
        margin-left: 2.47%;
    }

    .benefits-card:nth-child(6) {
        margin-left: 3.47%;
    }


    .benefits-decor_star-bej_1,
    .services-decor_star-yellow_7, .services-decor_star-yellow_8, .services-decor_tennis,
    .news-decor_star-pink_4, .news-decor_star-pink_5,
    .gallery-decor_star-blue_2, .gallery-decor_star-blue_3, .gallery-decor_star-blue_4, .gallery-decor_star-blue_5,
    .reviews-decor_star-oranj_3, .reviews-decor_star-oranj_4,
    .form-block-decor_star-bej_4, .form-block-decor_star-bej_5 {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    h1 {
        font-size: 50px;
    }

    h2, section .block-title {
        font-size: 40px;
        line-height: 1.3;
    }


    .benefits .view-content {
        gap: 30px;
    }

    .benefits-card {
        flex: 0 1 calc((100% - 30px) / 2);
        width: auto;
        margin-left: 0 !important;
    }

    .form-block .field--name-field-image .field__item:nth-child(3) img {
        display: none;
    }


    /* decor */
    .benefits-decor_castle {
        position: absolute;
        top: -60px;
        right: 30px;
        z-index: 2;
    }

    .benefits-decor_robot {
        position: absolute;
        top: 99px;
        left: 39px;
        width: 80px;
        height: 80px;

    }

    .benefits-decor_toy {
        display: none;
    }

    .services-decor_futbol {
        position: absolute;
        top: 124px;
        left: 69px;
    }

    .news-decor_mishka {
        position: absolute;
        top: 200px;
        right: -25px;
        width: 106px;
        height: 106px;
    }

    .news-decor_stethoscope {
        position: absolute;
        top: 144px;
        left: 91px;
    }

    .gallery-decor_vertushka {
        position: absolute;
        top: 0px;
        right: -50px;
        width: 103px;
        height: 103px;
    }

    .gallery-decor_balloon {
        position: absolute;
        top: -18px;
        left: -40px;
        width: 94px;
        height: 94px;
    }

    .reviews-decor_truba {
        position: absolute;
        top: -103px;
        left: 392px;
        width: 90px;
        height: 90px;
    }

    /* -------------------------------  */

}

@media (max-width: 1158px) {
    .gallery .photoswipe-gallery.field--name-field-gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
    }

    /* BIG PHOTO */
    .gallery .photoswipe-gallery.field--name-field-gallery .field__item:nth-child(1) {
        grid-column: 1 / -1;
        width: 100%;
        height: 300px;
        /* уменьшаем высоту — можешь задать свою */
        overflow: hidden;
    }

    /* Картинка внутри big photo */
    .gallery .photoswipe-gallery.field--name-field-gallery .field__item:nth-child(1) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* обрезает, но красиво */
        object-position: center;
        /* центрирует */
    }

    /* ОСТАЛЬНЫЕ ФОТО */
    .gallery .photoswipe-gallery.field--name-field-gallery .field__item:nth-child(n+2) {
        width: 100%;
        height: auto;
    }

    .gallery .photoswipe-gallery.field--name-field-gallery .field__item:nth-child(n+2) img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        /* квадратные */
        object-fit: cover;
    }
}

@media (max-width: 1024px) {
    h2, section .block-title {
        font-size: 30px;
    }



    /* DECOR */
    .benefits-decor_stripes-blue, .benefits-decor_stripes-green,
    .services-decor_star-yellow_5,
    .news-decor_star-pink_2,
    .gallery-decor_vertushka {
        display: none;
    }

    .services-decor_blocks {
        position: absolute;
        top: -58px;
        right: 16px;
    }

    .news-decor_mishka {
        position: absolute;
        top: 64px;
        right: -7px;
        width: 90px;
        height: 90px;
    }

    .gallery-decor_balloon {
        position: absolute;
        top: -51px;
        left: -21px;
        width: 94px;
        height: 94px;
    }
}


@media screen and (max-width: 991px) {


    header .col-logo {
        margin-right: auto;
    }

    .header-logo {
        display: none;
    }

    h1, h2, h3, h4, h5, h6, p, .views-field-title, .block-title {
        word-break: break-word;
    }

    h1 {
        font-size: 40px;
    }

    .slider {
        padding: 0 0 150px 0;
    }

    .field.field--name-field-image.field--type-image.field--label-hidden.field__items {
        display: none;
    }

    .form-block .form-type-checkbox input[type="checkbox"i] {
        margin-top: 3px;
    }

    .news .view-content .views-row,
    .view-news .view-content .views-row {
        flex: 0 1 calc((100% - var(--gap)) / 2);
    }

    .services .view-header p,
    .news .view-header h2,
    .news .view-header p {
        padding: 0;
    }

    .card-reviews {
        flex: 1 1 calc(50% - 15px);
        /* flex: 0 1 calc((100% - var(--gap)) / 2); */
    }

    .card-reviews:nth-child(2n+1) {
        text-align: left;
    }

    .card-reviews:nth-child(2n) {
        text-align: right;
    }

    .benefits::before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
    }

    .benefits::after {
        content: "";
        position: absolute;
        bottom: -100px;
        height: 100px;

    }

    .news::before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
    }

    .news::after {
        content: "";
        position: absolute;
        bottom: -100px;
        height: 100px;
    }

    .reviews::before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
    }

    .reviews::after {
        content: "";
        position: absolute;
        bottom: -100px;
        height: 100px;
    }

    footer::before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
    }

    .benefits {
        padding: 50px 0;
    }

    .services, .gallery, .form-block {
        padding: 150px 15px;
    }


    #offcanvasNav .nav .dropdown-menu {
        position: static;
        border: 0px solid;
        background: transparent;
        padding: 10px 0;
        border-bottom: 1px solid #BDBDBD;
    }

    #offcanvasNav li.nav-item {
        width: 100%;
    }

    .contact-item-label {
        color: var(--color-main);
    }

    /* DECOR */
    .benefits-decor_star-bej_4, .benefits-decor_star-bej_5, .benefits-decor_castle, .benefits-decor_robot,
    .services-decor_blocks, .services-decor_futbol, .services-decor_star-yellow_3,
    .news-decor_mishka, .news-decor_star-pink_1, .news-decor_stethoscope, .gallery-decor_balloon,
    .reviews-decor_palochka, .reviews-decor_truba, .gallery-decor_balloon, .form-block-decor_star-bej_3 {
        display: none;
    }

    .benefits-decor_star-bej_4 {
        top: -7px;
        left: -119px;
        width: 220px;
        height: 220px;
        z-index: 2;
    }

}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
        line-height: 1.5;
    }

    h2, section .block-title {
        font-size: 25px;
    }

    h4 {
        font-size: 18px;
    }

    .contact-item a {
        white-space: nowrap;
    }

    br {
        display: none;
    }

    .slider .field__item {
        border-radius: 10px;
        padding: 10px;
    }

    .slider .field__item img {
        border-radius: 10px;
    }

    form.webform-submission-form .form-item,
    form.webform-submission-form .form-actions {
        margin-bottom: 15px;
    }

    .ds-2col>.group-left {
        float: none;
        width: 100%;
    }

    .ds-2col>.group-right {
        float: none;
        width: 100%;
    }

    .view-taxonomy-term .views-row {
        max-width: 50%;
    }




}



@media screen and (max-width: 576px) {
    .gallery .photoswipe-gallery.field--name-field-gallery {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gallery .photoswipe-gallery.field--name-field-gallery .field__item {
        width: 100%;
        height: auto;
    }

    .gallery .photoswipe-gallery.field--name-field-gallery .field__item img {
        width: 100%;
        height: auto;
    }

    .benefits-card {
        flex: 0 1 100%;
    }

    .contact-item {
        word-wrap: break-word;
    }

    .news .view-content .views-row,
    .view-news .view-content .views-row {
        flex: 0 1 100%;
    }

    .news-card img {
        width: 100%;
        height: auto;
    }





    .card-reviews {
        /* flex: 1 1 100%; */
        flex: 0 1 100%;
        text-align: center;
    }

    /* убираем старое nth-child */
    .card-reviews:nth-child(2n),
    .card-reviews:nth-child(2n+1),
    .card-reviews:nth-child(3n),
    .card-reviews:nth-child(3n+1),
    .card-reviews:nth-child(3n+2) {
        text-align: center;
    }

    .form-block .block-title {
        font-size: 25px;
        line-height: 35px;
    }

    .footer_1 {
        margin-bottom: 30px;
    }

    /* /* --------------------------  */

}

@media screen and (max-width: 470px) {}