@media (min-width: 1680px) {
    .about-us .garage {
        left: 8%;
        top: 3%;
    }
    .about-us .sec-vorota {
        width: 60%;
    }
    .about-us .main-block .square-small-red {
        height: 20%;
    }
    .about-us .main-block .square-big-red {
        height: 32%;
        right: 4%;
    }
    .about-us .main-block .square-black .about-us-text {
        font-size: 18px;
    }
    .what-markizy-square-black-text {
        font-size: 18px;
    }
    .about-us .main-block {
        height: 80%;
        width: 45%;
    }
    .about-us .main-block .square-small-red {
        top: 2%;
    }
    .about-us .main-block .square-big-red {
        bottom: 4%;
    }
    .about-us .sec-vorota {
        height: 75%;
    }
    .certificates {
        height: 90vh;
    }
    .certificate-left-element-rectangle {
        top: 2%;
        left: 5%;
    }
    .our-advantages {
        width: 60%;
    }
    .our-advantages-block {
        width: 40%;
    }
    #carousel-2 {
        width: 70%;
    }
    .products-row-column {
        height: 24vw;
    }
    .second .products-row-column {
        height: 26vw;
    }
}
@media (max-width: 3850px) {
    .markizy-options {
        bottom: 7%;
    }
    .products-row-column {
        height: 14vw;
        width: 25vw;
    }
    .second .products-row-column {
        height: 14vw;
    }
    .products-row.pergoly .products-row-column {
        height: 450px;
    }
    .products-row-column img {
        width: 40%;
    }
    .what-markizy-square-black-text {
        font-size: 26px;
    }
}
@media (max-width: 3600px) {
    .markizy-options {
        bottom: 40px;
    }
    .products-row-column {
        height: 550px;
        width: 800px;
    }
    .second .products-row-column {
        height: 530px;
    }
    .products-row.pergoly .products-row-column {
        height: 450px;
    }
}
@media (max-width: 2600px) {
    .what-markizy-square-black-text {
        font-size: 20px;
    }
}
@media (max-width: 2050px) {
    .markizy-options {
        bottom: 9%;
    }
    .products-row-column {
        height: 510px;
        width: 700px;
    }
    .second .products-row-column {
        height: 520px;
    }
}
@media (max-width: 1800px) {
    .products-row-column {
        height: 500px;
        width: 600px;
    }
    .second .products-row-column {
        height: 520px;
    }
    .what-markizy-square-black-text {
        font-size: 14px;
    }
}
@media (max-width: 1540px) {
    .products-row-column {
        height: 510px;
        width: 550px;
    }
    .second .products-row-column {
        height: 520px;
    }
}
@media (max-width: 1450px) {
    .about-us .main-block .square-small-red {
        height: 18%;
    }
    .restaurant div {
        position: absolute;
        left: -12%;
    }
    .restaurant hr {
        bottom: -40px;
    }
}
@media (max-width: 1400px) {
    .products-row-column {
        height: 550px;
        width: 500px;
    }
    .second .products-row-column {
        height: 520px;
    }
}
@media (max-width: 1300px) {
    .about-us .main-block {
        width: 70%;
        height: 95%;
    }
    .about-us .main-block .square-big-red {
        bottom: 6%;
        right: 4%;
    }
    .about-us .main-block .square-small-red {
        height: 19%;
    }
    .about-us .garage {
        left: 9%;
        top: 0;
    }
    .what-markizy-square-black {
        width: 56%;
    }
    .products-row-column {
        height: 550px;
        width: 40%;
    }
    .second .products-row-column {
        height: 520px;
    }
}
@media (max-width: 1150px) {
    #carousel-1 .slider-text {
        font-size: 28px;
        line-height: 40px;
    }
    .header-bottom .navigation ul li {
        padding: 0 5px;
    }
    #carousel-markizy .carousel-markizy-slider-text {
        font-size: 28px;
        line-height: 40px;
    }
    .about-us {
        height: 52vw;
    }
    .about-us .main-block {
        top: 9%;
        left: 6%;
        width: 90%;
    }
    .about-us .main-block .square-black .about-us-text {
        padding: 3%;
    }
    .about-us .sec-vorota {
        width: 80%;
    }
    .our-advantages {
        width: 90%;
    }
    .what-markizy {
        height: 45vw;
    }
    .what-markizy-square-big-red {
        height: 26%;
    }
    .container > .seo-content {
        width: 100%;
    }
    .products-row-column {
        height: 560px;
        width: 40vw;
    }
    .second .products-row-column {
        height: 520px;
    }
}
@media (max-width: 990px) {
    .carousel-1-wrapper {
        height: 35vw;
    }
    .carousel-markizy-wrapper {
        height: 35vw;
    }
    #carousel-1 .info-text {
        bottom: 12%;
    }
    .about-us {
        height: 54vw;
    }
    .about-us .main-block {
        width: 100%;
        left: 0;
        top: 0;
    }
    .about-us .sec-vorota {
        display: none;
    }
    .garage {
        display: none;
    }
    .about-us .main-block .square-big-red {
        bottom: 0;
        right: 0;
        width: 18%;
    }
    .about-us .main-block .square-small-red {
        width: 11%;
    }
    .about-us .main-block .square-black {
        left: 4%;
        width: 92%;
        height: 85%;
    }
    .what-markizy {
        height: 50vw;
    }
    .what-markizy-right-products {
        right: 5%;
    }
    .video {
        width: 70vw;
    }
    .video-square-black {
        bottom: -20%;
    }
    .products-row-column {
        height: 590px;
        width: 40vw;
    }
    .second .products-row-column {
        height: 550px;
    }
    .products-row-column-text {
        width: 60%;
    }
    .products-row-column img {
        width: 38%;
    }
}
@media (max-width: 930px) {
    .products-row-column {
        height: 610px;
    }
    .second .products-row-column {
        height: 570px;
    }
}
@media (max-width: 860px) {
    .about-us {
        height: 63vw;
    }
    .what-markizy {
        height: 54vw;
    }
    .what-markizy-right-products img {
        right: -5%;
        top: -5%;
        height: 110%;
        width: auto;
    }
    .what-markizy-square-black {
        width: 62%;
    }
    .products-row-column {
        height: 500px;
        width: 70vw;
    }
    .second .products-row-column {
        height: 530px;
    }
    .products-row.pergoly .products-row-column {
        height: 410px;
    }
    .products-row-column-text {
        width: 50%;
    }
    .products-row-column img {
        width: 45%;
    }
    .products div:nth-child(1) div:nth-child(2) .products-row-column-text {
        background-color: #242424;
    }
    .products div:nth-child(2) div:nth-child(1) .products-row-column-text {
        background-color: #c01011;
    }
    .products div:nth-child(2) div:nth-child(2) .products-row-column-text {
        background-color: #242424;
    }
}
@media (max-width: 830px) {
    .products-row-column {
        width: 70vw;
    }
    .shop div {
        position: absolute;
        left: -12%;
    }
    .shop hr {
        bottom: -40px;
    }
}
@media (max-width: 800px) {
    .carousel-1-wrapper {
        height: 38vw;
    }
    .carousel-markizy-wrapper {
        height: 38vw;
    }
    #carousel-1 .slider-text {
        top: 10%;
    }
    .about-us {
        height: 68vw;
    }
    .what-markizy {
        height: 58vw;
    }
    .what-markizy-square-black {
        width: 66%;
    }
    .products-row-column {
        height: 500px;
        width: 600px;
    }
    .second .products-row-column {
        height: 530px;
    }
}
@media (max-width: 720px) {
    .carousel-1-wrapper {
        height: 42vw;
    }
    .carousel-markizy-wrapper {
        height: 42vw;
    }
    #carousel-1 div img {
        width: auto;
    }
    #carousel-1 .info-text {
        bottom: 15%;
    }
    #carousel-1 .slider-text {
        top: 10%;
    }
    #carousel-markizy .carousel-markizy-slider-text {
        top: 10%;
    }
    .about-us {
        height: 74vw;
    }
    .our-advantages-block {
        width: 100%;
    }
    .what-markizy {
        height: 65vw;
    }
    .what-markizy-square-black {
        width: 74%;
    }
    .video-wrapper {
        height: 48vw;
    }
    .video {
        width: 90vw;
    }
    .video-square-black {
        bottom: -20%;
    }
    .video-square-red {
        height: 36%;
    }
    .video-square-black {
        bottom: -60%;
        right: -4%;
        height: 25%;
    }
    .products-row-column {
        height: 530px;
        width: 600px;
        margin-top: 7%;
    }
    .second .products-row-column {
        height: 530px;
    }
    .products-row-column-text {
        width: 50%;
    }
    .products-row-column img {
        width: 48%;
    }
    .flex-block {
        width: 100%;
        margin: 0 0 20px 0;
    }
}
@media (max-width: 650px) {
    .carousel-1-wrapper {
        height: 45vw;
    }
    .carousel-markizy-wrapper {
        height: 45vw;
    }
    .about-us {
        height: 80vw;
    }
    .about-us .main-block .square-big-red {
        height: 20%;
    }
    .about-us .main-block .square-small-red {
        height: 15%;
    }
    .about-us .main-block .square-black .about-us-text {
        font-weight: 300;
    }
    .about-us .main-block .square-black .about-us-text {
        padding-top: 0;
    }
    #carousel-2 .owl-nav div.owl-next {
        right: -13%;
    }
    .what-markizy {
        height: 65vw;
    }
    .what-markizy-square-black {
        position: absolute;
        top: 2%;
        left: 2%;
        height: 95%;
        width: 96%;
        border-radius: 6px;
    }
    .what-markizy-right {
        display: none;
    }
    .what-markizy-left {
        display: none;
    }
    .products-row.pergoly .products-row-column {
        height: 440px;
    }
}
@media (max-width: 600px) {
    .carousel-1-wrapper {
        height: 49vw;
    }
    .carousel-markizy-wrapper {
        height: 49vw;
    }
    .about-us {
        height: 90vw;
    }
    .our-advantages {
        width: 100%;
    }
    #carousel-2 {
        width: 70%;
        height: 550px;
    }
    #carousel-2 .owl-item img {
        width: 100%;
    }
    #carousel-2 .owl-stage-outer {
        height: 470px;
        border-bottom: 4px #c01011 solid;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        background-color: white;
    }
    #carousel-2 .owl-nav div.owl-prev {
        left: 0;
    }
    #carousel-2 .owl-nav div.owl-next {
        right: -3%;
    }
    #carousel-2 div.under-article {
        position: relative;
        background-image: none;
        background-color: white;
        width: 93%;
    }
    #carousel-2 div.under-article:hover {
        background-image: none;
        height: 0;
    }
    #carousel-2 div.under-article {
        max-width: 100%;
    }
    .under-article-more {
        margin-top: 15%;
        height: 35px;
        width: 100%;
        text-align: center;
        bottom: 8%;
    }
    .under-article-more > div {
        display: block;
        margin-left: 30%;
        height: 100%;
        width: 135px;
        border: 2px #c01011 solid;
        border-radius: 20px;
    }
    .under-article-more > div > div {
        padding-top: 8px;
        color: #c01011;
    }
    .what-markizy {
        height: 70vw;
    }
    .what-pergoly {
        height: 80vw;
    }
    .products-row-column {
        height: 550px;
        width: 90vw;
    }
    .second .products-row-column {
        height: 530px;
    }
    .products-row.pergoly .products-row-column {
        height: 430px;
    }
}
@media (max-width: 570px) {
    .carousel-1-wrapper {
        height: 54vw;
    }
    .carousel-markizy-wrapper {
        height: 54vw;
    }
    .about-us {
        height: 98vw;
    }
    .area-of-use-image {
        margin-top: 10%;
    }
    .products-row-column-text {
        width: 50%;
    }
    .products-row-column img {
        width: 48%;
    }
    .what-pergoly {
        height: 85vw;
    }
    .products-row.pergoly .products-row-column {
        height: 450px;
    }
}
@media (max-width: 530px) {
    .carousel-1-wrapper {
        height: 58vw;
    }
    .carousel-markizy-wrapper {
        height: 58vw;
    }
    .about-us {
        height: 120vw;
    }
    .what-markizy {
        height: 80vw;
    }
    .what-pergoly {
        height: 90vw;
    }
    .products-row-column {
        height: 105vw;
    }
    .products-row-column {
        height: 560px;
    }
    .second .products-row-column {
        height: 500px;
    }
}
@media (max-width: 500px) {
    .carousel-1-wrapper {
        height: 62vw;
    }
    .carousel-markizy-wrapper {
        height: 62vw;
    }
    .about-us {
        height: 135vw;
    }
    #carousel-2 {
        height: 490px;
    }
    #carousel-2 .owl-stage-outer {
        height: 400px;
    }
    .under-article-more > div {
        margin-left: 25%;
    }
    #carousel-2 div.under-article:hover {
        background-image: none;
        height: 0;
    }
}
@media (max-width: 480px) {
    .carousel-1-wrapper {
        height: 66vw;
    }
    .carousel-markizy-wrapper {
        height: 66vw;
    }
    .about-us {
        height: 145vw;
    }
    #carousel-1 .slider-text {
        width: 100%;
        top: 7%;
        font-size: 24px;
        line-height: 36px;
    }
    #carousel-1 .owl-dots {
        display: none;
    }
    #carousel-1 .info-text {
        bottom: 4%;
    }
    #carousel-markizy .carousel-markizy-slider-text {
        width: 100%;
        top: 7%;
        font-size: 16px;
    }
    #carousel-markizy .owl-dots {
        display: none;
    }
    #carousel-2 {
        height: 460px;
    }
    #carousel-2 .owl-stage-outer {
        height: 370px;
    }
    .under-article-more {
        bottom: 20%;
    }
    .under-article-more > div {
        margin-left: 21%;
    }
    .under-article-more > div > div {
        padding-top: 8px;
        color: #c01011;
    }
    .what-markizy-square-black-line {
        display: none;
    }
    .what-markizy-square-black-text {
        padding-top: 20px;
    }
    .what-markizy {
        height: 90vw;
    }
    .products-row-column {
        height: 570px;
    }
    .second .products-row-column {
        height: 520px;
    }
    .products-row-column-text {
        width: 50%;
    }
    .products-row-column img {
        width: 48%;
    }
    .what-pergoly {
        height: 110vw;
    }
}
@media (max-width: 450px) {
    .carousel-1-wrapper {
        height: 78vw;
    }
    .carousel-markizy-wrapper {
        height: 78vw;
    }
    .about-us {
        height: 180vw;
    }
    .about-us .main-block .square-big-red {
        height: 12%;
        bottom: 5%;
    }
    .about-us .main-block .square-small-red {
        height: 8%;
    }
    .about-us .main-block .square-black {
        top: 3%;
    }
    .certificates {
        height: 57vw;
    }
    .certificates-text {
        top: 2%;
        color: #fff;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .certificates-line-top {
        display: none;
    }
    .certificate-right-element-img {
        right: 0;
        top: 12%;
        width: 80%;
        height: auto;
    }
    .certificate-left-element-img {
        left: 0;
        top: 12%;
        width: 80%;
        height: auto;
    }
    .certificate-left-element-rectangle {
        height: 29%;
        width: 25%;
        left: -10%;
    }
    .certificate-right-element-rectangle {
        top: 0;
        right: -10%;
        position: absolute;
    }
    .article {
        line-height: 25px;
    }
    .what-markizy {
        height: 120vw;
    }
    .video-wrapper {
        height: 56vw;
    }
    .video {
        width: 98vw;
    }
    .video-square-red {
        display: none;
    }
    .video-square-black {
        display: none;
    }
    .what-pergoly {
        height: 130vw;
    }
    .products-row-column {
        height: 580px;
    }
    .second .products-row-column {
        height: 510px;
    }
    .products-row.pergoly .products-row-column {
        height: 430px;
    }
    .products-row.pergoly .products-row-column .markizy-options {
        bottom: 13%;
    }
    .products-row.pergoly .products-row-column {
        height: 450px;
    }
}
@media (max-width: 430px) {
    .products-row-column {
        height: 590px;
    }
    .second .products-row-column {
        height: 540px;
    }
    .what-pergoly {
        height: 160vw;
    }
}
@media (max-width: 420px) {
    .products-row-column {
        height: 610px;
    }
    .second .products-row-column {
        height: 550px;
    }
    .products-row-column-text {
        width: 60%;
    }
    .products-row-column img {
        width: 38%;
    }
    .what-pergoly {
        height: 175vw;
    }
    .products-row.pergoly .products-row-column {
        height: 470px;
    }
}
@media (max-width: 380px) {
    .carousel-1-wrapper {
        height: 82vw;
    }
    .carousel-markizy-wrapper {
        height: 82vw;
    }
    .about-us {
        height: 180vw;
    }
    .what-markizy {
        height: 130vw;
    }
    #carousel-1 .slider-text {
        top: 4%;
        font-size: 18px;
    }
    .about-us .main-block .square-big-red {
        display: none;
    }
    .about-us .main-block .square-small-red {
        display: none;
    }
    .our-advantages-block {
        margin-bottom: 5vw;
    }
    .our-advantages-block-img {
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .our-advantages-block-line {
        display: none;
    }
    .area-of-use {
        margin-bottom: 10%;
    }
    .about-us .main-block .square-black {
        left: 2%;
        right: 2%;
        width: 96%;
    }
    #carousel-2 {
        width: 95%;
        height: 520px;
    }
    #carousel-2 .owl-stage-outer {
        height: 435px;
    }
    .under-article-more {
        bottom: 3%;
    }
    .under-article-more > div {
        margin-left: 24%;
    }
    .under-article-more > div > div {
        padding-top: 8px;
        color: #c01011;
    }
    .container .seo-content {
        width: 90%;
    }
    .what-markizy-square-black-title {
        font-size: 24px;
    }
    .products-row-column {
        height: 550px;
    }
    .second .products-row-column {
        height: 540px;
    }
    .markizy-options {
        bottom: 10%;
    }
    .second .kovshevye {
        height: 480px;
    }
    .products-row-column-text {
        width: 103%;
    }
    .products-row-column img {
        display: none;
    }
    .what-pergoly {
        height: 190vw;
    }
    .products-row.pergoly .products-row-column {
        height: 410px;
    }
}
@media (max-width: 350px) {
    .carousel-1-wrapper {
        height: 90vw;
    }
    .carousel-markizy-wrapper {
        height: 90vw;
    }
    .about-us {
        height: 240vw;
    }
    #carousel-1 .slider-text {
        top: 4%;
        font-size: 18px;
    }
    .area-of-use-image {
        margin: 10%;
    }
    .area-of-use-image img {
        width: 90%;
        height: 90%;
    }
    #carousel-2 {
        width: 95%;
        height: 480px;
    }
    #carousel-2 .owl-stage-outer {
        height: 400px;
    }
    .under-article-more {
        bottom: 10%;
    }
    .under-article-more > div {
        margin-left: 23%;
    }
    .under-article-more > div > div {
        padding-top: 8px;
    }
    .video-wrapper {
        height: 62vw;
    }
    .what-markizy {
        height: 180vw;
    }
    .second .products-row-column {
        height: 560px;
    }
    .second .kovshevye {
        height: 520px;
    }
    .products-row-column-text {
        width: 103%;
    }
    .what-pergoly {
        height: 240vw;
    }
}
@media (max-width: 310px) {
    .what-markizy {
        height: 230vw;
    }
    .what-pergoly {
        height: 300vw;
    }
}
@media (max-width: 270px) {
    .what-markizy {
        height: 230vw;
    }
    .what-pergoly {
        height: 340vw;
    }
}

/* Адаптивные стили */

/* На экранах меньше 600px: один блок в ряду */
@media (max-width: 600px) {
    .flex-block {
        flex-basis: 100%; /* 100% ширины, чтобы блок занимал всю строку */
        max-width: 100%; /* Ограничиваем ширину до 100% */
    }
    #page .hero-slider .form-box form .input-box {
        flex-basis: 100%; /* 31% ширины для трех блоков */
        max-width: 100%;
    }
    #page .hero-slider .form-box form .submit-box {
        width: 100%;
    }
    #page .hero-slider .form-box {
        width: inherit;
    }
}

/* На экранах от 601px до 900px: два блока в ряду */
@media (min-width: 601px) and (max-width: 900px) {
    .flex-block {
        flex-basis: 48%; /* 48% ширины, чтобы два блока вмещались в строку */
        max-width: 48%;
    }
    #page .hero-slider .form-box form .input-box {
        flex-basis: 100%; /* 31% ширины для трех блоков */
        max-width: 100%;
    }
}

/* На экранах больше 900px: три блока в ряду */
@media (min-width: 901px) {
    .flex-block {
        flex-basis: 31%; /* 31% ширины для трех блоков */
        max-width: 31%;
    }
}