/*1024-1219*/
@media screen and (max-width: 1219px) {

    .container {
        padding: 0 18px;
    }

    .first-screen .container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, min-content) 358px;
        position: relative;
    }

    .first-screen-title {
        margin-top: 0;
        margin-bottom: 74px;
    }

    .first-screen-description {
        margin-bottom: 41px;
    }

    .first-screen-image {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .info .container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, min-content);
        justify-items: center;
        text-align: center;
    }

    .info-title {
        max-width: 475px;
    }

    .info-description {
        max-width: 672px;
        margin-bottom: 40px;
    }

    .info-image {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        width: 302px;
        height: 240px;
    }

    .info-image img {
        width: 100%;
    }

    .advantages .container {
        grid-template-columns: repeat(2, minmax(130px, 220px));
        grid-column-gap: 54px;
        grid-row-gap: 80px;
        justify-content: center;
    }

    .advantage {
        display: grid;
        grid-template-rows: repeat(2, max-content);
        justify-items: center;
        padding: 0 1px;
        box-sizing: border-box;
        text-align: center;
    }

    .advantages .container {
        grid-template-columns: repeat(2, minmax(130px, 220px));
        grid-column-gap: 15px;
        grid-row-gap: 36px;
    }


    .product-details span {
        text-align: center;
    }

    .products-items {
        grid-template-columns: repeat(2, 263px);
        grid-column-gap: 29px;
        grid-row-gap: 80px;
        justify-content: center;
    }

    .order-image-animate {
        left: 18px;
    }

    .order-image {
        margin-right: 120px;
    }

    .order-image-dop {
        right: 60px;
    }
}

/*769-1023*/
@media screen and (max-width: 1023px) {

    .header {
        padding: 38px 0 17px 0;
    }

    .header .container {
        justify-content: normal;
    }

    .header .phone {
        display: none;
    }

    .logo {
        display: block;
        margin-right: 84px;
    }

    .first-screen {
        padding: 80px 0 62px 0;
    }


    .info {
        padding-bottom: 30px;
    }


    .advantages {
        padding-bottom: 123px;
    }

    .orders {
        padding: 120px 0;
    }

    .order-info-form {
        order: 1;
    }

    .order-image {
        order: 2;
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: -100px;
        right: 18px;
        max-width: 352px;
    }

    .order-image img {
        width: 100%;
    }

    .order-image-animate {
        position: absolute;
        top: 219px;
        left: 372px;
    }

    .order-image-dop {
        position: absolute;
        right: 108px;
        bottom: 384px;
    }

    .fix-block {
        display: none;
    }

}


/*719-768*/
@media screen and (max-width: 768px) {

    .first-screen-image {
        top: -80px;
        left: 166px;
    }


}

/*624-718*/
@media screen and (max-width: 718px) {
    .order-image img {
        display: none;
    }
}

/*579-623*/
@media screen and (max-width: 623px) {

    .first-screen .container {
        justify-items: center;
        text-align: center;
        grid-template-rows: repeat(3, min-content) 207px;
    }

    .first-screen-title {
        font-size: 32px;
        margin-bottom: 40px;
        width: 338px;
    }

    .first-screen-description {
        font-size: 16px;
    }

    .first-screen-btn {
        margin-bottom: 38px;
    }

    .first-screen-image {
        width: 250px;
        height: 207px;
        right: 0;
        left: 0;
        top: 0;
        margin: 0 auto;
    }

    .first-screen-image img {
        width: 100%;
    }


    .first-screen-image::before, .first-screen-image::after {
        width: 100px;
        height: 100px;
        bottom: calc(50% - 50px);
    }

    .title {
        font-size: 30px;
    }

    .description {
        font-size: 16px;
    }

    .info-description {
        max-width: 347px;
    }

    .order-image-animate {
        top: 219px;
        left: 372px;
    }

    .order-image-dop {
        right: 77px;
        bottom: 111px;
    }

    .logo-copyright span {
        display: none;
    }

    .logo-copyright-mob {
        display: block;
    }

    .footer .container {
        flex-direction: column;
    }

    .footer .logo {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .icon-social {
        display: block;
        margin-bottom: 40px;
    }

    .footer .phone {
        margin-left: 0;
        margin-bottom: 40px;
    }
}

/*375-578*/
@media screen and (max-width: 578px) {
    .header {
        padding: 34px 0 7px 0;
    }

    .menu {
        display: none;
    }

    .menu {
        position: fixed;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        background: #000000c9;
        z-index: 3;
    }

    .menu ul {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .menu ul li {
        margin: 15px 0;
    }

    .menu ul li a {
        font-size: 18px;
        font-family: GilroyBold, sans-serif;
    }

    .menu.open {
        display: flex;
        align-items: center;
    }

    .menu .close {
        display: block;
        width: 24px;
        height: 24px;
        fill: rgb(255, 255, 255);
        position: absolute;
        top: 20px;
        left: 20px;
    }


    .header .container {
        justify-content: space-between;
    }

    .header .logo {
        margin-left: 3px;
    }

    .burger {
        display: block;
    }

    .info {
        padding: 100px 0 30px 0;
    }

    .products {
        padding: 100px 0;
    }

    .products-title {
        margin-bottom: 65px;
    }

    .products-items {
        grid-template-columns: 263px;
    }

    .advantages {
        padding: 30px 0 100px 0;
    }

    .orders {
        padding: 100px 0 77px 0;
    }

    .order-image-dop {
        display: none;
    }

    .order-image-animate {
        left: 275px;
        top: 117px;
    }

    .footer {
        padding: 50px 0 50px 0;
    }

}

@media screen and (max-width: 375px) {
    .container {
        padding: 0 15px;
    }

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

    .advantage-description {
        font-size: 13px;
    }

    .order-form input, .btn-order {
        max-width: 344px;
    }


}

@media screen and (max-width: 368px) {
    .first-screen-title {
        width: 290px;
    }

    .advantages .container {
        grid-column-gap: 0;
    }

    .advantage-title {
        font-size: 16px;
    }

    .advantage-description {
        font-size: 12px;
    }

    .order-image-animate {
        display: none;
    }
}

@media screen and (max-height: 305px) {
    .fix-block {
        position: absolute;
    }
}