@media all and (max-width:1067px){
    main {
        height: auto;
    }
}
@media all and (max-width:1024px){
.site-wrap{display:none}
.header_bottom_2{display:none!important}
.mobile_menu{display:block}
.header_top_mobile{display:flex;justify-content:center;height:95px;border-bottom:1px solid rgba(245,245,245,.2);margin-top:25px}
.overlay_mobile{background-color:rgba(0,0,0,.7);height:100%;position:fixed;width:100%;z-index:4}
.text_caption {margin-top: 30px;box-sizing:border-box;padding: 0px 45px;}
.flex-container{height:35vh}
footer{justify-content:center}
.container{padding:0 30px}
.services_row{justify-content:center}
.services_cart{margin-bottom:35px}
.we_best_block{flex-wrap:wrap;justify-content:center}
.we_best_cart{margin:20px 0}
.jobs{flex-wrap:wrap;justify-content:center}
.jobs_text_in>span:nth-child(3){text-align:center}
.contacts{flex-wrap:wrap;justify-content:center;text-align:center}
.form_bot{display:flex;flex-direction:column;justify-content:center;align-items:center}
.contacts_block{margin-left:0}
.header_top_fontawsome {color: white}
.menu-list ul li a span {color: white}
footer div:nth-child(1){text-align: center}
}
@media all and (max-width:768px){
.about_us_block{height:30vh}
.about_us_btn{left:-100px;width:130%;height:15vh;box-shadow:0 -40px 40px -11px #004360}
#about_us_btn{bottom:30px}
.services_block span{text-align:center}
.flex-title{font-size:5vw}
.flex-container{height:100vh}
#ymaps1566200115343755082{height: 300px !important}
.we_best_cart h4 {font-size:18px;}
}
@media all and (max-width:720px){
.main_h1{font-size:40px}
.main_h2{font-size:20px}
}
@media all and (max-width:600px){
.top_logo_size{width:200px;position:relative;left:80px}
}
@media all and (max-width:414px){
.about_us_block{height:70vh}
.about_us_btn{left:0;width:auto;height: 20vh}
.jobs_text_in h3{text-align:center}
.text_caption h3{text-align:center}
.contacts_block{margin-left:0}
footer div:nth-child(1){text-align:center;font-size:x-small}
.footer_menu{flex-wrap:wrap;justify-content:center}
.modal{top:55%;max-width:266px}
.loading {left:45%;top:53%}
.cube1,.cube2{left:45%}
.menu-list ul li {height: 70px}
.menu-list ul li:hover {height:70px}

}

@media all and (max-width:375px){
.about_us_block {height: 60vh}
.modal{top:55%;max-width:266px}
.top_logo_size{left:50px}
.main_h1{font-size:35px}
.services_block h3{text-align:center}
.modal{top:55%;max-width:266px}
.menu-list ul li a{font-size: 16px}
}

.mobile_menu_contacts ul li{
    padding-left: 0;
}