@media (max-width: 1139px) {
    .main-pink-2 {
        max-width: 840px;
    }
}

@media screen and (max-width: 1024px) {
    .main-pink {
        max-width: 1024px;
    }


    .main-pink-image {
        position: relative;
        grid-column: 1;
        left: 200px;
        grid-row: 3 / 5;
        width: 100%;
        height: 100%;


    }

    .circle-anime {
        position: relative;
        grid-column: 1;
        left: 200px;
        grid-row: 3 / 5;

    }

    .second-white {
        max-width: 1024px;
        grid-template-columns: 1fr;
        margin: 0;
        grid-row-gap: 40px;
    }

    .second-white-title {
        display: flex;
        text-align: center;
        max-width: 600px;
        margin-bottom: 20px;

    }

    .second-white__info {
        justify-self: center;
        max-width: 650px;
        text-align: center;
    }

    .second-white-image {
        grid-column: 1;
        grid-row: 3;
        justify-self: center;
        align-self: center;
        width: 100%;
    }

    .second-white-items {
        grid-column: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
        justify-items: center;

    }

    .second-white {
        max-width: 1024px;
    }



    .fourth-white {
        max-width: 1024px;
    }

    .strawberry-float-one {
        grid-column: 1;
        grid-row: 1;
        left: 40px
    }

    .strawberry-float-two {
        grid-column: 3;
        grid-row: 3;
        right: 0;
        top: 0;
    }
}

@media screen and (max-width: 899px) {
    .main-pink-2 {
        max-width: 570px;
    }
}
@media screen and (max-width: 768px) {
    .header-phone {
        display: none;
    }

    .header__menu {
        justify-self: end;
    }

    .main-pink {
        max-width: 768px;
    }



    .second-white-item {
        align-items: center;
    }

    .second-white-items {

    }

    .fourth-white-title {
        grid-column: span 2;
    }

    .fourth-white__info {
        grid-column: 1;
    }

    .choice {
        grid-column: 1;
    }

    .choice-input {
        grid-column: 1;
    }

    .fourth-white-button {
        grid-column: 1;
    }

    .fourth-white-image {
        grid-column: 2;
        grid-row: 3 / 10;
        width: 90%;
    }

    .strawberry-float-one {
        grid-column: 2;
        grid-row: 1;
        left: 100px;
    }

    .strawberry-float-two {
        grid-column: 2;
        grid-row: 2;
        left: 300px;
    }
}

@media screen and (max-width: 695px) {
    .header {
        grid-template-columns: 116px 1fr;

    }

    .header__menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 13;

    }

    .header__menu-list {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
    }

    .header__menu-item {
        margin: 15px 0;

    }
.header__menu-item a{
    font-size: 32px;
    color: aliceblue;
}

    .burger {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-self: end;
    }

    .line {
        display: block;
        width: 40px;
        height: 10px;
    }

    .line.first {
        border-top: 2px solid rgb(130, 19, 40);
        border-bottom: 1px solid rgb(130, 19, 40);
    }

    .line.second {
        border-top: 1px solid rgb(130, 19, 40);
        border-bottom: 2px solid rgb(130, 19, 40);
    }


    .header__menu.open {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .header__menu .close {
        display: block;
        position: fixed;
        top: 25px;
        left: 25px;
        color: aliceblue;

    }


}
@media screen and (max-width: 590px) {
    .main-pink-2 {
        max-width: 295px;
    }
    .fourth-white {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        margin: 0;
        justify-items: start;
    }
.fourth-white-image {
    display: none;
}
.strawberry-float-one {
    grid-column: 1;
    grid-row: 1;
    left: 410px;
}
.strawberry-float-two {
    grid-column: 1;
    grid-row: 4;
}
}
@media screen and (max-width: 486px) {
    .main-pink {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        margin: 0;
        gap: 40px;

    }

    .main-pink h1 {
        font-size: 32px;
        text-align: center;
        margin: 0;
    }

    .main-pink-info-text {
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
    }

    .button-main-pink {
        margin: 0 auto;
    }

    .main-pink-image {
        width: 100%;
        height: 100%;
        position: static;
        grid-column: 1;
        grid-row: 4;
        margin-bottom: 43px;
    }

    .circle-anime {
        /*width: 100%;
        height: 100%;*/
        grid-column: 1;
        grid-row: 4;
        position: static;
    }

    .second-white {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .second-white-title {
        grid-column: 1;
        font-size: 30px;
        margin-bottom: 40px;
    }

    .second-white__info {
        font-size: 16px;
    }

    .second-white-image {
        grid-column: 1;
        grid-row: 3;
        width: 90%;
        margin-bottom: 0;
    }

    .second-white-items {
        grid-column: 1;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        column-gap: 12px;
        justify-content: space-between;
        margin-top: 40px;
    }

    .digit-title {
        font-size: 18px;
    }

    .digit-text {
        font-size: 13px;
        text-align: center;
    }


}

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

    .main-pink-2-title {
        font-size: 30px;
        text-align: center;
    }



    .fourth-white-title {
        grid-column: 1;
        font-size: 30px;
    }

    .fourth-white__info {
        grid-column: 1;
        font-size: 16px;
    }

    .choice {
        grid-column: 1;
    }

    .choice-input {
        grid-column: 1;
        width: 343px;
        height: 60px;
    }

    .fourth-white-button {
        grid-column: 1;
        width: 343px;
    }

    .footer {
        position: relative;
        justify-items: center;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, minmax(min-content, 1fr));
        padding: 73px 15px 62px 15px;
        margin: 0 auto;
    }

    .footer .header-logo {
        grid-column: 1;
        grid-row: 1;

    }

    .footer__info-rights {
        grid-column: 1;
        grid-row: 4;

    }

    .footer .phone {
        grid-column: 1;
        grid-row: 2;

    }

    .footer__info-instagram {
        grid-column: 1;
        grid-row: 3;

    }
}