@media screen and (min-width: 1200px) and (max-width: 1400px) {
    header nav .logo{
        width: 15%;
    }
    header nav .links ul li a{
        font-size: 15px;
    }
    header nav .lang_button button{
        margin-left: 20px;
        padding: 12px;
    }
    header nav .lang_button button a{
        font-size: 15px;
    }
    header .slide .carousel-inner .item_1 h1{
        top: 14%;
        text-align: center;
        font-size: 46px;
    }
    header .slide .carousel-inner .item_1 h3{
        left: 19%;
        font-size: 27px;
    }
    header .slide .carousel-inner .item_2 h2{
        top: 6%;
        left: 17%;
        font-size: 46px;
    }
    header .slide .carousel-inner .item_2 p{
        width: 75%;
        top: 32%;
        left: 15%;
    }
    .why_choose_us .items .item i{
        font-size: 50px;
    }
    .why_choose_us .items .item p{
        font-size: 16px;
    }
    .car_park .item .card img{
        height: 224px;
    }
    .car_park .item .isuzu_1 img{
        height: 200px;
    }
    .car_park .item .foton img{
        height: 200px;
    }
    .about h3{
        font-size: 36px;
    }
    .about h4{
        font-size: 20px;
    }
    .about h5{
        font-size: 36px;
    }
    .order .row{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .order form{
        width: 59%;
        padding: 18px;
    }
    .order form input{
        padding: 16px 16px;
    }
    .order form button{
        padding: 18px 12px;
        font-size: 20px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px){
    header nav .logo{
        width: 16%;
    }
    header nav .links ul{
        width: 100%;
    }
    header nav .links ul li a{
        font-size: 15px;
    }
    header nav .lang_button{
        width: 25%;
    }
    header nav .lang_button form{
        width: 55%;
    }
    header nav .lang_button form select{
        width: auto;
    }
    header nav .lang_button button{
        width: 100%;
        margin-left: 22px;
        padding: 8px;
    }
    header nav .lang_button button a{
        font-size: 15px;
    }
    header .slide .carousel-inner .item_1 h1{
        top: 12%;
        text-align: center;
        font-size: 36px;
    }
    header .slide .carousel-inner .item_1 h3{
        font-size: 24px;
        left: 17%;
    }
    header .slide .carousel-inner .item_2 h2{
        width: 87%;
        font-size: 36px;
        top: 6%;
        left: 8%;
    }
    header .slide .carousel-inner .item_2 p{
        width: 77%;
        top: 30%;
        left: 12%;
    }
    .services{
        padding: 70px 0px;
    }
    .services h2{
        line-height: 0;
        margin-bottom: 60px;
    }
    .services .box .left h4{
        font-size: 22px;
    }
    .services .box .left p{
        line-height: 20px;
    }
    .services .box .right{
        width: 51%;
    }
    .why_choose_us h2{
        line-height: 0px;
    }
    .why_choose_us h3{
        font-size: 20px;
        line-height: 29px;
    }
    .why_choose_us .items .item i{
        font-size: 50px;
    }
    .why_choose_us .items .item p{
        font-size: 16px;
    }
    .car_park{
        padding: 70px 0px;
    }
    .car_park .container{
        display: flex;
    }
    .car_park .row{
        width: 50%;
        flex-direction: column;
        align-items: center;
    }
    .car_park .item{
        width: 96%;
    }
    .about h2{
        line-height: 21px;
    }
    .about h4{
        font-size: 18px;
    }
    .about h5{
        margin-top: 190px;
    }
    .order{
        padding: 70px 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    header nav .logo{
        width: 21%;
        padding: 0px 0px 19px 0px;
    }
    header nav .links ul{
        padding: 0px;
    }
    header nav .links ul li a{
        font-size: 14px;
    }
    header nav .lang_button button{
        padding: 0px;
        margin-left: 10px;
    }
    header nav .lang_button button a{
        font-size: 13px;
    }
    header nav .lang_button form select{
        width: 60%;
    }
    header .slide{
        height: 432px;
    }
    header .slide .carousel-inner .item_1 h1{
        width: 70%;
        text-align: center;
        font-size: 40px;
        left: 15%;
    }
    header .slide .carousel-inner .item_1 h3{
        width: 50%;
        font-size: 22px;
        text-align: center;
        top: 63%;
    }
    header .slide .carousel-inner .item_2 h2{
        width: 74%;
        font-size: 40px;
        top: 12%;
    }
    header .slide .carousel-inner .item_2 p{
        width: 75%;
        font-size: 22px;
        top: 52%;
        left: 13%;        
    }
    .services {
        padding: 40px 0px;
    }
    .services h2{
        margin-bottom: 40px;
    }
    .services .box{
        width: 100%;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .services .box:nth-child(2), .services .box:nth-child(4){
        flex-direction: column-reverse;
    }
    .services .box .left{
        width: 80%;
    }
    .services .box .right{
        width: 80%;
    }
    .why_choose_us h2{
        margin-bottom: 40px;
    }
    .why_choose_us h3{
        font-size: 20px;
        margin-bottom: 40px;
    }
    .why_choose_us .items{
        width: 50%;
        flex-direction: column;
        align-content: space-between;
    }
    .why_choose_us .items .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .why_choose_us .items .item p{
        font-size: 20px;
    }
    .car_park{
        padding: 40px 0px;
    }
    .car_park .container{
        display: flex;
        justify-content: space-between;
    }
    .car_park .row{
        width: 50%;
        flex-direction: column;
    }
    .car_park .item{
        width: 100%;
    }
    .car_park .item .isuzu_1 img{
        height: 163px;
    }
    .about h2, .about h3{
        margin-bottom: 18px;
    }
    .about h4{
        font-size: 18px;
        line-height: 25px;
    }
    .order{
        padding: 40px 0px;
    }
    footer ul li a{
        font-size: 18px;
    }
    .fa-instagram{
        width: 35px;
        height: 35px;
        font-size: 35px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px){
    header nav .logo{
        width: 14%;
        padding: 0px 0px 10px 0px;
    }
    header nav .links{
        width: 65%;
    }
    header nav .links ul{
        padding: 0px;
    }
    header nav .links ul li a{
        font-size: 12px;
    }
    header nav .lang_button{
        width: 28%;
    }
    header nav .lang_button button{
        padding: 3px 6px;
        margin-left: 14px;
    }
    header nav .lang_button button a{
        font-size: 10px;
    }
    header nav .lang_button form select{
        width: 100%;
        padding: 0;
        font-size: 12px;
    }
    header .slide{
        height: 324px;
    }
    header .slide .carousel-inner .item_1 h1{
        width: 70%;
        text-align: center;
        font-size: 28px;
        left: 15%;
    }
    header .slide .carousel-inner .item_1 h3{
        width: 50%;
        font-size: 18px;
        text-align: center;
        top: 63%;
    }
    header .slide .carousel-inner .item_2 h2{
        width: 74%;
        font-size: 28px;
        top: 12%;
    }
    header .slide .carousel-inner .item_2 p{
        width: 75%;
        font-size: 18px;
        top: 52%;
        left: 13%;        
    }
    .services {
        padding: 40px 0px;
    }
    .services h2{
        font-size: 28px;
        margin-bottom: 40px;
    }
    .services .box .left h4{
        font-size: 18px;
    }
    .services .box{
        width: 100%;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .services .box:nth-child(2), .services .box:nth-child(4){
        flex-direction: column-reverse;
    }
    .services .box .left{
        width: 80%;
    }
    .services .box .right{
        width: 80%;
    }
    .services .box #chartdiv{
        width: 456px!important;
    }
    .why_choose_us h2{
        font-size: 28px;
        margin-bottom: 40px;
    }
    .why_choose_us h3{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .why_choose_us .items{
        width: 50%;
        flex-direction: column;
        align-content: space-between;
    }
    .why_choose_us .items .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .why_choose_us .items .item p{
        font-size: 18px;
    }
    .why_choose_us .items .item i{
        font-size: 56px;
    }
    .car_park{
        padding: 40px 0px;
    }
    .car_park .container{
        display: flex;
        justify-content: space-between;
    }
    .car_park .row{
        width: 50%;
        flex-direction: column;
    }
    .car_park h2{
        font-size: 28px;
    }
    .car_park .item{
        width: 100%;
    }
    .car_park .item .card img {
        width: 100%;
        height: 180px;
    }
    .car_park .item .isuzu_1 img{
        height: 180px;
    }
    .about h2, .about h3{
        margin-bottom: 0px;
        font-size: 28px;
    }
    .about h5{
        font-size: 28px;
    }
    .about h4{
        font-size: 18px;
        line-height: 25px;
    }
    .order{
        padding: 40px 0px;
    }
    .order h2{
        font-size: 28px;
        margin-bottom: 28px;
    }
    .order form{
        padding: 20px;
    }
    .order form input{
        font-size: 18px;
        padding: 20px 19px;
    }
    .order form input::placeholder{
        font-size: 18px;
    }
    .order form button{
        padding: 15px 20px;
        font-size: 18px;
    }
    footer ul li a{
        font-size: 12px;
    }
    .fa-instagram{
        width: 35px;
        height: 35px;
        font-size: 35px;
    }
}

@media screen and (min-width: 320px) and (max-width: 575px){
    header nav .logo{
        width: 18%;
        padding: 0px 0px 10px 0px;
    }
    header nav .links{
        display: none;
    }
    header nav .links ul{
        padding: 0px;
    }
    header nav .links ul li a{
        font-size: 12px;
    }
    header nav .lang_button {
        width: 48%;
    }
    header nav .lang_button button{
        padding: 1px 7px;
        margin-left: 14px;
    }
    header nav .lang_button button a{
        font-size: 10px;
    }
    header nav .lang_button form select{
        width: 100%;
        padding: 0;
        font-size: 12px;
    }
    header .slide{
        height: 180px;
    }
    header .slide .carousel-inner .item_1 h1{
        width: 70%;
        text-align: center;
        font-size: 18px;
        left: 15%;
    }
    header .slide .carousel-inner .item_1 h3{
        width: 80%;
        font-size: 12px;
        text-align: center;
        top: 63%;
        left: 11%;
    }
    header .slide .carousel-inner .item_2 h2{
        width: 100%;
        font-size: 18px;
        top: 12%;
        left: 0%;
        text-align: center;
    }
    header .slide .carousel-inner .item_2 p{
        width: 100%;
        font-size: 12px;
        text-align: center;
        top: 52%;
        left: 0%;        
    }
    .services {
        padding: 20px 0px;
    }
    .services h2{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .services .box h4, .services .box .left h4{
        font-size: 16px;
    }
    .services .box p, .services .box .left p{
        font-size: 14px;
    }
    .services .box{
        width: 100%;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .services .box:nth-child(2), .services .box:nth-child(4){
        flex-direction: column-reverse;
    }
    .services .box .left{
        width: 80%;
    }
    .services .box .right{
        width: 80%;
    }
    .services .box #chartdiv {
        width: 253px !important;
        margin: 0;
    }
    .why_choose_us h2{
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 20.41px;
    }
    .why_choose_us h3{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .why_choose_us .items{
        width: 100%;
        flex-direction: column;
    }
    .why_choose_us .items .item{
        width: 100%;
        margin-bottom: 10px;
    }
    .why_choose_us .items .item .self{
        padding: 10px;
        display: flex;
        justify-content: space-between;
    }
    .why_choose_us .items .item p{
        font-size: 16px;
    }
    .why_choose_us .items .item i{
        font-size: 56px;
    }
    .car_park{
        padding: 20px 0px;
    }
    .car_park .row{
        flex-direction: column;

    }
    .car_park h2{
        font-size: 28px;
    }
    .car_park .item{
        width: 100%;
    }
    .car_park .item .item_info{
        top: 5px;
        left: 23px;
        padding: 8px;
    }
    .car_park .item .card img {
        width: 100%;
        height: 180px;
    }
    .car_park .item .isuzu_1 img{
        height: 180px;
    }
    .about h2, .about h3{
        margin-bottom: 0px;
        font-size: 28px;
    }
    .about h5{
        font-size: 28px;
    }
    .about h4{
        font-size: 14px;
        line-height: 18px;
    }
    .order{
        padding: 40px 0px;
    }
    .order h2{
        font-size: 28px;
        margin-bottom: 28px;
    }
    .order form{
        padding: 20px;
    }
    .order form input{
        font-size: 18px;
        padding: 20px 19px;
    }
    .order form input::placeholder{
        font-size: 18px;
    }
    .order form button{
        padding: 15px 20px;
        font-size: 18px;
    }
    footer ul li a{
        font-size: 12px;
    }
    footer .contact{
        width: 100%;
    }
    footer .map{
        display: none;
    }
    .fa-instagram{
        width: 35px;
        height: 35px;
        font-size: 35px;
    }
}