.mobil-btn {display: none;}
.micon {width: 40px;}
.top-menu, .mid-menu, .bottom-menu {height: 5px;}
.mid-menu{top:13px}
.bottom-menu{top:26px}

form.wpcf7-form input, form.wpcf7-form select {outline: none;}

@media screen and (max-width: 1280px) {
    .container {
        padding-left: 30px;
		padding-right: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .container.contact-container {
        max-width: 900px;
    }
    .topcont {
        max-width: 970px;
        margin: 0 auto;
    }
    .post_title {
        padding-top: 0;
    }
.projects-descr{width: 100%;}
 
}
@media screen and (max-width: 768px) {
#menu>ul.main-menu, .sign_reception{
    display: none;
	}
    .mobil-btn {
        display: block;
    }

  .mobil-btn {
display: flex;
    width: 100%;
	height:100%;
    position: relative;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    }
.mobil_nav {
        display: block !important;
        height: 55px;
    width: 100%;
    }


    .main-menu #menu.mobilenav {
        font-family: inherit;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        padding: 0;
        margin: 0;
    }
    .top-animate {
        background: #fff !important;
        top: 10px !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .mid-animate {
        opacity: 0;
    }
    .bottom-animate {
        background: #fff !important;
        top: 10px !important;
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg);
    }
    .top-menu {
        top: 0px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #fff;
    }
    .mid-menu {
        top: 10px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #fff;
    }
    .bottom-menu {
        top: 20px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #fff;
    }
    .menui {
        background: #fff;
        transition: 0.6s ease;
        transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
        margin-top: 5px;
        position: absolute;
    }
    .micon {
        position: relative;
        display: block;
        height: 46px;
        width: 46px;
        margin: 0px;
        top: 0px;
        right: 0px;
    }

    .logo a{
		font-size:14px;
    }
 
 .topnav {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
 }
 
 .top_adress, .top_worktime{
	 display: none;
 }


.section-hero-slider .hero-slider .hero {
    height: 300px;
}

 .about_block {
    margin-top: 10px;
    padding-bottom: 0;
}

 .about-us-block{
	 
    flex-direction: column;
 }
 
 .item-about {
    width: 100%;
	margin-bottom:20px;
}
 
 
 .about_section .post_content h2 {
    font-size: 20px;
}
 .teams{
    flex-direction: column;
 }
 
 .team_block {
    width: 100%;
    border-radius: 20px;
	margin-bottom: 20px;
 }
 
 
 
 
 .sidecont{
    flex-direction: column;
 }
 .sidebar,
 .single-cont {
    width: 100%;
    padding-right: 0px;
}
 
 
 
 
 
 .foot_menu_r,
 .foot_menu_l{
    width: 100%;
    flex-direction: column;	 
 }
 .foot_title,
 .about-foot,
 .foot_menu ul li{
	 text-align: center;
 } 
 .foot_title:after {
    left: 50%;
    transform: translateX(-50%);
 }
 
 
 
    .footer .cont {
        display: block;
        padding: 30px;
    }
    .foot_menu {
        padding-bottom: 30px;
    }
	
	
}


@media screen and (max-width: 640px) {
	.top_contacts{
		display: none;
	}
	.header .container {
    padding-left: 20px;
    padding-right: 20px;
}

.head_description{
	display: none;
}

	
.head_primary {
		font-size: 22px;
		line-height: 30px;
		padding-bottom: 0;
	}
/* .flex-contacts {
    flex-direction: column-reverse;
} */
.cont_left,
.cont_right {
    width: 100%;
    padding-left: 0px;
}

.cont_left{margin-top: 30px}


.footer-contact {
    flex-direction: column;
}
.footer-contact-block{width: 100%;}
.footer-contact-block .fa-contact{width: 30%;
	padding-right: 0px; 
    margin-right: 0px;
}
.footer-contact-block .mail,
.footer-contact-block .phone{width: 60%;}



.innerr {
    width: 90%;
	max-width:500px;
}



.logo a img {
    height: auto;
    width: 60px;
}




.footer-info .container {
    display: flex;
    flex-direction: column-reverse;
}
.footer-branding {
    width: 100%;
    padding: 10px 30px;
}
.footer-contact {
    width: 100%;
}


}
@media screen and (max-width: 480px) {

	.logo a img {
    height: auto;
    width: 50px;
}
.logo a {
    font-size: 12px;
    line-height: 18px;
}
	.post-title h1{
		font-size: 28px;
    line-height: 32px;
	}
}
@media screen and (max-width: 380px) {

span.bold {
    text-transform: uppercase;
    display: block;
    color: #008dd1;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.mobilenav li {
    padding: 15px 0;
}
.mobilenav li a {
    font-size: 20px;
}