@media (max-width: 2700px){
    .header{
        background-size: 40%;
        background-position-y: 200px;
        background-position-x: 1200px;
    }
    .header-main{
        background-size: 30%;
        background-position-x: 350px;
    }
}
@media (max-width: 2300px){
    .header{
        background-size: 45%;
        background-position-y: 200px;
        background-position-x: 1100px;
    }
    .header-main{
        background-size: 35%;
        background-position-x: 300px;
    }
    .card-price{
        max-width: 635px;
    }
}
@media (max-width: 2100px){
    .header{
        background-size: 45%;
        background-position-y: 200px;
        background-position-x: 1000px;
    }
    .header-main{
        background-size: 40%;
        background-position-x: 200px;
    }
}
@media (max-width: 2000px){
    .header-main{
        background-size: 50%;
        background-position-y: top;
        background-position-x: -100px;
    }
    .header{
        background-size: 40%;
        background-repeat: no-repeat;
        background-position-y: 280px;
    }
}
@media (max-width: 1800px){
    .header-main{
        background-size: 50%;
        background-position-y: top;
        background-position-x: -100px;
    }
    .header{
        background-size: 45%;
        background-repeat: no-repeat;
        background-position-y: 280px;
        background-position-x: 850px;
    }
}
@media (max-width: 1500px){
    .header-main{
        background-size: 50%;
        background-position-y: top;
        background-position-x: -100px;
    }
    .header{
        background-size: 55%;
        background-repeat: no-repeat;
        background-position-y: 280px;
        background-position-x: 560px;
    }
}
@media (max-width: 1400px) {
    .header{
        background-size: 62%;
        background-position-y: 300px;
        background-position-x: right;
    }
    .navigation-btn{
        margin-left: 20px;
    }
    .card-price{
        max-width: 545px;
    }
    .contact-icon-adress{
        padding-left: 10px;
    }
    .about-img-1{
        width: 520px;
    }
    .about-img-2{
        width: 520px;
    }
}
@media (max-width: 1200px) {
    .navbar-nav{
        width: 100%;
    }
    .navbar-light .navbar-nav .nav-link {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;!important;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        color: #A10714;
    }
    .header{
        background-size: 60%;
        background-position-y: bottom;
        background-position-x: right;
    }
    .about-end-content{
        flex-direction: column;
        text-align: center;
    }
    .about-card-content{
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
    }
    .about-img-1{
        margin-bottom: 30px;
    }
    .about-card{
        margin-bottom: 30px;
    }
    .icon-path1{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .price-duble-card{
        flex-direction: column;
        align-items: center;
    }
    .card-price{
        margin-bottom: 10px;
    }
    .form-message{
        margin-top: 0;
    }
    .contact-form{
        flex-direction: column-reverse;
    }
    .contact-form-adress{
        display: flex;
        justify-content: space-evenly;
    }
    .contact-icon-adress{
        padding-left: 0;
    }
}
@media (max-width: 1024px) {
    .nav-item{
        padding-top: 30px;
    }
    .header{
        background-size: 65%;
        background-position-y: bottom;
    }
    .topbar-content{
        height: 100%;
    }
    .topbar-pin{
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .topbar-nuber{
        margin-bottom: 50px;
    }
    .client-icon{
        padding-left: 0;
    }
    .about-card{
        margin-bottom: 30px;
    }
    .end-map{
        margin-top: 20px;
    }
    .top-pin{
        flex-direction: column;
        align-items: center;
    }
    .card-price{
        margin-bottom: 30px;
    }
    .service-i{
        margin-bottom: 30px;
    }
    .text-s{
        margin-top: 0;
    }
    .contact-icon-adress{
        padding-left: 0;
    }
}
@media (max-width: 990px) {
    .header-img{
        height: 740px;
    }
    .header{
        background-size: 50%;
        background-position-y: bottom;
    }
    .about-text{
        text-align: center;
    }
    .icon-1{
        margin-bottom: 30px;
    }
    .service-text{
        text-align: center;
    }
    .card-price{
        margin-bottom: 20px;
    }
    .footer-darck{
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .ftco-footer-social{
        margin-bottom: 30px;
    }
    .copyright{
        margin-bottom: 30px;
    }
    .logo-footer{
        text-align: center;
    }
    .footer-menu{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .footer-07{
        height: 100%;
    }
}
@media (max-width: 770px) {
    .race-body {
        width: 100%;
    }
    h1{
        font-weight: 600;
        font-size: 42px;
        line-height: 49px;
    }
    h2{
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
    h3{
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
    }
    h4{
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }
    .header-img{
        height: 780px;
    }
    .header-content{
        padding-top: 120px;
    }
    .header{
        padding-bottom: 100px;
        background-size: 70%;
        background-position-y: bottom;
    }
    .header-main{
        background-size: 60%;
    }
    .corona{
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
    }
    .icon-link{
        width: 33px;
        height: 33px;
    }
    .about-card{
        max-width: 90%;
    }
    .about-end-text{
        margin-top: 30px;
    }
    .card-price{
        max-width: 95%;
        margin-bottom: 30px;
    }
    .icon-about{
        margin: auto;
    }
    .top-pin{
        width: 100%;
    }
    .contact-link{
        flex-direction: column;
    }
    .contact-icon{
        margin-bottom: 30px;
    }
    .footer-cargo{
        flex-direction: column;
        text-align: center;
    }
    .footer-link{
        margin-bottom: 30px;
    }
    .footer-darck{
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .footer-end{
        height: 100%;
    }
}
@media (max-width: 576px) {
    .result-line-caption {
        word-wrap: break-word;
        padding-right: 15px;
    }
    #raceLocation .header-block {
        flex-wrap: wrap;
    }
    .header-block .race_info_form input, .header-block .race_info_form button {
        width: 100%;
    }
    #raceLocation .header-block .header-title {
        margin: 0;
    }
    #raceLocation .header-block .header-title span {
        text-align: center;
    }
    .footer-block {
        flex-wrap: wrap;
    }
    .footer-phone {
        margin: 10px 0;
    }
    .race_info_form input, .race_info_form button {
        width: 49%;
    }
    .navbar-brand{
        margin-right: 0;
    }
    .navbar-toggler-icon{
        width: 20px;
        height: 20px;
    }
    .topbar-icon{
        padding: 0;
    }
    .corona{
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
    .header-main{
        background-size: 82%;
    }
    .header-img{
        height: 870px;
    }
    .header{
        padding-bottom: 110px;
        background-size: 100%;
        background-position-y: bottom;
        background-position-x: center;
    }
    .about-card-content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-content{
        height: 100%;
        padding-top: 70px;
        padding-bottom: 70px;

    }
    .corona{
        margin-bottom: 25px;
    }
    .service-card{
        padding-right: 20px;
        padding-left: 20px;
    }
    .card-price{
        margin-bottom: 30px;
    }
    .contact-link{
        text-align: center;
    }
    .about-content-text{
        flex-direction: column;
    }
    .contact-form-adress{
        padding-top: 30px;
        flex-direction: column;
    }
    .contact-link{
        padding-top: 0;
    }
    .footer-item{
        margin-right: 0;
    }
    .footer-link{
        margin-bottom: 40px;
    }
    .footer-menu{
        flex-direction: column;
    }
}
@media (max-width: 400px){
    .header{
        padding-bottom: 100px;
        background-size: 90%;
        background-position-y: bottom;
        background-position-x: center;
    }
    .race_info_form input, .race_info_form button {
        width: 100%;
    }
}
@media (max-width: 376px){
    .header{
        padding-bottom: 120px;
        background-size: 90%;
        background-position-y: bottom;
        background-position-x: center;
    }
}