@media (max-width: 1300px) {
    .intro-1 {
        max-width: 600px;
        height: 600px;
    }

    .description {
        margin-bottom: 30px;
    }

    .bid-btn {
        margin-bottom: 30px;
    }

    .slogan {
        margin: 0;
    }

    .adv-1 {
        top: 100px;
    }

    .adv-2 {
        top: 190px;
    }

    .adv-3 {
        left: 650px;
        top: 320px;
    }

    .adv-4 {
        left: 650px;
        top: 460px;
    }

    .advantages {
        height: 690px;
    }

    .rev {
        max-width: 200px;
    }

    .list-rev {
        margin: 0;
        gap: 20px;
    }

    .portfolio {
        height: 680px;
        padding: 0 30px;
    }

    .port {
        max-width: 1025px;
        margin: 0 auto;
    }

    .example-1 {
        width: 300px;
        height: 400px;
    }

    .example-2 {
        width: 280px;
        height: 180px;
    }

    .example-3 {
        width: 400px;
        height: 300px;
    }

    .example-4 {
        width: 400px;
        height: 300px;
        margin-top: -100px;
    }

    .example-5 {
        width: 260px;
        height: 345px;
    }

    .example-6 {
        width: 200px;
        height: 260px;
        margin-top: -60px;
    }
}

@media (max-width: 1200px) {
    .advantages {
        height: 640px;
    }
}

@media (max-width: 1140px) {
    .advantages {
        height: 595px;
    }

    .adv-1 {
        top: 90px;
    }

    .adv-3 {
        left: 600px;
    }

    .adv-4 {
        left: 600px;
        top: 440px;
    }

    .list-rev {
        font-size: 15px;
        gap: 10px;
    }

    .rev {
        padding: 15px;
        height: 250px;
    }

    .btn-serv {
        right: 60px;
    }

    .portfolio {
        padding: 0 30px;
    }
}

@media (max-width: 1100px) {
    .title-1 {
        font-size: 35px;
    }

    .number {
        font-size: 35px;
    }

    .adv-1 {
        font-size: 35px;
        left: 70px;
        top: 60px;
    }

    .adv-2 {
        top: 140px;
        left: 380px;
    }

    .adv-3 {
        font-size: 35px;
        top: 280px;
        left: 560px;
    }

    .adv-4 {
        top: 380px;
        left: 550px;
    }

    .title-2 {
        font-size: 35px;
    }

    .btn-serv {
        margin: 0;
    }

    .advantages {
        height: 560px;
    }

    .list-stages {
        gap: 150px;
    }

    .questions {
        max-width: 680px;
    }

    .rev {
        max-width: 180px;
        padding: 10px;
    }

    .name {
        margin: 0;
    }

    .bid-btn {
        max-width: 200px;
        max-height: 40px;
        background-position: 160px;
        padding: 10px;
    }

    .bottom-links {
        gap: 50px;
    }

    .portfolio {
        padding: 0 30px;
    }

    .example-5 {
        width: 240px;
        height: 310px;
    }

    .example-4 {
        width: 360px;
        height: 260px;
        margin-top: -110px;
    }

    .example-3 {
        width: 380px;
        height: 280px;
    }

    .example-6 {
        margin-top: -90px;
    }
}

@media (max-width: 1024px) {
    .advantages {
        height: 520px;
    }

    .intro-1 {
        padding: 40px;
    }

    .top-panel {
        margin-bottom: 50px;
    }

    .adv-1 {
        top: 40px;
        left: 50px;
    }

    .adv-2 {
        top: 100px;
        left: 350px;
        font-size: 18px;
        max-width: 450px;
    }

    .adv-3 {
        top: 230px;
        left: 500px;
    }

    .adv-4 {
        top: 330px;
        left: 480px;
        font-size: 18px;
        max-width: 410px;
    }

    .blue-box {
        padding: 40px;
    }

    .window {
        max-width: 450px;
        max-height: 290px;
        top: 105px;
        background-size: 100%;
    }

    .serv {
        margin-bottom: 13px;
    }

    .service-1 {
        padding-left: 480px;
    }

    .service-2 {
        padding-left: 475px;
    }

    .service-3 {
        padding-left: 465px;
    }

    .service-4 {
        padding-left: 455px;
    }

    .service-5 {
        padding-left: 440px;
    }

    .service-6 {
        padding-left: 425px;
    }

    .service-7 {
        padding-left: 410px;
    }

    .service-8 {
        padding-left: 380px;
    }

    .service-9 {
        padding-left: 335px;
    }

    .service-10 {
        padding-left: 285px;
    }

    .btn-serv {
        right: 40px;
        bottom: 40px;
    }

    .questions {
        padding: 0 70px;
    }

    .example-1 {
        width: 275px;
        height: 360px;
    }

    .example-3 {
        width: 360px;
        height: 250px;
    }

    .example-4 {
        width: 360px;
        height: 250px;
    }

    .example-5 {
        width: 230px;
        height: 305px;
    }

    .example-6 {
        margin-top: -60px;
    }

    .tit-2-dis {
        padding-left: 40px;
    }

    .portfolio {
        padding: 0 30px;
    }

    .title-2-cont {
        margin-right: 100px;
    }
}

@media (max-width: 970px) {
    .advantages {
        height: 480px;
    }

    .intro-1 {
        max-width: 500px;
        max-height: 500px;
        padding: 20px;
        background-size: 60px;
    }

    .title-1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .description {
        margin-bottom: 20px;
    }

    .intro-2 {
        padding-bottom: 350px;
    }

    .slogan {
        font-size: 15px;
    }

    .block {
        max-width: 150px;
    }

    .bid-btn {
        font-size: 15px;
        padding: 10px;
        margin-bottom: 15px;
    }

    .adv-1 {
        left: 40px;
        top: 30px;
    }

    .adv-3 {
        top: 200px;
        left: 450px;
    }

    .adv-4 {
        top: 300px;
    }

    .example-1 {
        width: 250px;
        height: 330px;
    }

    .example-3 {
        width: 330px;
        height: 220px;
    }

    .example-2 {
        width: 250px;
        height: 160px;
        margin-left: -15px;
    }

    .example-4 {
        width: 330px;
        height: 220px;
    }

    .example-5 {
        width: 200px;
        height: 260px;
    }

    .example-6 {
        margin-top: -70px;
    }

    .portfolio {
        height: 620px;
        margin-bottom: 30px;
    }

    .location {
        height: 400px;
    }

    .title-2-cont {
        margin-right: 60px;
    }

    .bottom-links {
        gap: 30px;
        font-size: 15px;
    }
}

@media (max-width: 910px) {
    .form{
        top: 30%;
    }
    .intro {
        flex-direction: column;
        background-color: #B3C7D8;
        border-radius: 0 0 50px 50px;
        background-image: url(../css/img/mokryi-met.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 220px;
        text-align: center;
        justify-content: center;
        padding-bottom: 70px;
        margin-bottom: 30px;
    }

    .intro-1 {
        max-width: 710px;
        background-color: transparent;
        margin: 0;
        height: 430px;
        background-position-x: 0;
        background-position-y: 0;
        border-radius: 0;
        margin: 0 auto;
    }

    .intro-2 {
        background-image: none;
        padding: 0;
        margin: 0 auto;
    }

    .bid-btn-media {
        display: none;
    }

    .description {
        margin-bottom: 40px;
    }

    .top-blocks {
        margin: 0 auto;
    }

    .main-content {
        padding: 0;
    }

    .advantages {
        height: 440px;
    }

    .adv-3 {
        left: 400px;
    }

    .adv-4 {
        left: 430px;
    }

    .list-stages {
        gap: 100px;
    }

    .btn-serv {
        margin: 0;
        bottom: 20px;
    }

    .service-7 {
        padding-left: 410px;
    }

    .service-8 {
        padding-left: 380px;
    }

    .service-9 {
        padding-left: 340px;
    }

    .service-10 {
        padding-left: 290px;
    }
}

@media (max-width: 880px) {
    .advantages{
        height: 420px;
    }
    .intro{
        margin-bottom: 60px;
    }
    .adv-1{
top: 15px;
left: 20px;
font-size: 30px;
    }
    .adv-2{
        font-size: 15px;
        top: 80px;
    }
    .adv-3{
        font-size: 30px;
        left: 340px;
        top: 150px;
    }
    .adv-4{
        font-size: 15px;
        max-width: 350px;
        top: 250px;
    }
    .serv{
        padding: 0;
        text-align: right;
    }
    .window{
        background-position: right top;
        background-size: cover;
        position: absolute;
        right: 30px;
        top: 30px;
        width: 350px;
        height: 250px;
        border-radius: 20px;
    }
    .blue-box{
        padding: 30px;
    }
    .services{
        padding: 0;
    }
    .btn-serv{
        right: 100px;
        bottom: 40px;
    }
    .questions{
        max-width: 600px;
        padding: 30px;
    }
    .title-2{
        font-size: 30px;
    }
    .block-2{
        margin-bottom: 0;
    }
    .reviews{
        padding: 0;
    }
    .portfolio{
        padding: 0;
    }
    .example-2{
        margin-left: 0;
    }
    .location{
        height: 350px;
    }
}

@media (max-width: 830px) {
    .advantages{
        height: 385px;
    }
    .adv-1{
        top: 0;
    }
    .adv-2{
        left: 300px;
    }
    .adv-3{
        left: 270px;
    }
    .adv-4{
        left: 385px;
    }
    .questions{
        max-width: 780px;
    }
    .block-2{
        background-position: right bottom;
    }
    .answer{
        max-width: 550px;
    }
    .indent-media{
        max-width: 450px;
    }
    .reviews{
        margin-bottom: 0;
    }
    .example-1{
        width: 225px;
        height: 300px;
    }
    .example-2{
        width: 200px;
        height: 120px;
    }
    .example-3{
        width: 300px;
        height: 200px;
    }
    .example-4{
        width: 280px;
        height: 200px;
    }
    .example-6{
        width: 160px;
        height: 200px;
    }
    .example-5{
        height: 240px;
    }
    .portfolio{
        height: 500px;
    }
    .list-stages{
        padding: 0;
        gap: 90px;
    }
    .contacts{
        padding: 30px 50px 50px;
    }
}

@media (max-width: 780px) {
    .advantages{
        height: 350px;
    }
    .adv-1{
        font-size: 25px;
        max-width: 250px;
        left: 120px;
    }
    .adv-2{
        max-width: 350px;
        left: 370px;
    }
    .adv-3{
        font-size: 25px;
        max-width: 250px;
        left: 370px;
    }
    .adv-4{
        top: 220px;
        left: 370px;
    }
    .serv{
        max-width: 300px;
    }
    .window{
        top: 80px;
    }
    .btn-serv{
        bottom: 30px;
    }
    .reviews{
        margin-bottom: 30px;
    }
    .portfolio{
        height: auto;
    }
    .bottom-links{
        flex-wrap: wrap;
        justify-content: center;
    }
    .ex{
        margin: 0;
        object-fit: contain;
        background-size: 100%;
        width: auto;
        height: auto;
    }
    .carousel-fade{
        display: block;
    }
}

@media (max-width: 735px) {
    .title-1{
        font-size: 24px;
    }
   .top-blocks{
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto;
   }
   .top-panel{
    margin: 0 0 35px auto;
    max-width: 300px;
   }
   .link:last-child{
    margin-bottom: 0;
   }
   .intro{
    background-image: url(../css/img/mokryi-metalliceskii-fon.jpg);
    background-position-y: 270px;
    margin-bottom: 20px;
   }
   .description{
    margin: 0 0 20px;
   }
   .intro-2{
    justify-content: right bottom;
    flex-direction: column;
    margin: 0 0 0 auto;
   }
   .number{
    font-size: 24px;
   }
   .btn-wh{
    max-width: 170px;
    font-size: 13px;
   }
   .intro-1{
    padding: 0;
   }
   .slogan{
    font-size: 15px;
    max-width: 280px;
   }
   .block{
    width: 300px;
   }
   .advantages{
    background-image: none;
   }
   .adv{
    position: static;
    max-width: 400px;
    text-align: center;
    margin: 0 auto 20px;
   }
   .advantages{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: auto;
   }
   .window{
    max-width: 300px;
    max-height: 200px;
    position: static;
    margin: 0 auto 20px;
   }
   .blue-box{
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: auto;
   }
   .serv{
    max-width: 100%;
    text-align: center;
    display: inline-block;
   }
   .btn-serv{
   position: static;
margin: auto;
   }
   .services{
    justify-content: center;
    margin: auto;
    justify-content: center;
    margin-bottom: 20px;
   }
   .quest{
    font-size: 17px;
   }
   .answer{
    font-size: 15px;
   }
   .questions{
    background-position: top right;
    padding: 20px;
   }
   .block-2{
    background-position: top right;
   }
   .ind-media{
    max-width: 65%;
   }
   .rev{
    height: auto;
   }
   .title-2{
    font-size: 24px;
   }
   .list-stages{
    gap: 45px;
    font-size: 13px;
   }
   .one{
    background-size: 30px;
    left: 0px;
   }
   .two{
    background-size: 30px;
    left: -35px;
   }
   .three{
    background-size: 30px;
    left: -35px;
   }
   .contacts{
    padding: 20px  30px 30px;
   }
   .links{
    font-size: 13px;
   }
   .loc-text{
    padding: 0 10px;
    text-align: center;
   }
}

@media (max-width: 410px) {
    .form{
        width: 100%;
        height: 100%;
        top: 0;
    }
    .form-example{
        justify-content: center;
    }
    .form-data{
        gap: 20px;
    }
    .location{
        height: 280px;
    }
    .stages{
        padding: 0 20px;
    }
    .block{
        width: 115px;
        margin: 0;
    }
    .intro{
        padding: 20px 5px 0;
    }
    .intro-2{
        margin: auto;
    }
    .slogan{
        font-size: 12px;
    }
    .intro-1{
        height: 415px;
    }
    .intro-2{
        margin-bottom: 20px;
    }
    .top-panel{
        gap: 10px;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }
}

@media (max-width: 375px){
    .slogan{
        font-size: 10px;
    }
    .block{
        width: 96px;
        height: 140px;
    }
    .intro-1{
        height: 400px;
    }
    .intro-2{
        margin-bottom: 20px;
    }
    .form{
        padding: 50px;
    }
    .rev{
        max-width: 150px;
    }
}

@media (max-width: 320px) {
    .one{
        left: -25px;
    }
    .rev{
        max-width: 150px;
    }
    .window{
        max-width: 260px;
    }
    .location{
        height: 200px;
    }
    .top-blocks{
        gap: 5px;
    }
   .top-panel{
    width: 150px;
   }
   .intro-1{
    margin-bottom: 10px;
   }
}