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


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 {
    display: none;
	}
    .mobil-btn {
        display: block;
    }

  .mobil-btn {
        display: block;
        width: 46px;
        height: 46px;

        /* margin-right: 20px; */
        position: absolute;
    }
    .mobil_nav {
        display: block !important;
        height: 40px;
    }


    .main-menu #menu.mobilenav {
        /* top: 47px !important; */
        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: #0d7fc3 !important;
        top: 10px !important;
        -webkit-transform: rotate(45deg);
        /* Chrome, Safari, Opera */
        transform: rotate(45deg);
    }
    .mid-animate {
        opacity: 0;
    }
    .bottom-animate {
        background: #0d7fc3 !important;
        top: 10px !important;
        -webkit-transform: rotate(-225deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-225deg);
    }
    .top-menu {
        top: 0px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #0d7fc3;
    }
    .mid-menu {
        top: 10px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #0d7fc3;
    }
    .bottom-menu {
        top: 20px;
        width: 100%;
        height: 3px;
        border-radius: 10px;
        background-color: #0d7fc3;
    }
    .menui {
        background: #0d7fc3;
        transition: 0.6s ease;
        transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
        margin-top: 5px;
        position: absolute;
    }


    .micon {
        position: relative;
        /* background: rgba(0, 0, 0, 0.21); */
        display: block;
        /* padding: 15px; */
        height: 46px;
        width: 46px;
        margin: 0px;
        top: 0px;
        right: 0px;
    }


.about-cont {
	flex-direction: column;

}
.box {
	width: 100%;
	margin-bottom: 30px;
}
.box .card_img img {
	width: 100%;
}

.variant {
    width: 48%;
}
.projects-descr {
    text-align: center;
}

.galleries .variant {
    width: 47%;
}

.foot_menu_l{width:100%; margin: 30px auto;}
.foot_menu_r{width: 100%}
.foot_menu{width:50%;}

.foot_menu ul li{
	text-align: center;
}

.scrolldown {
    bottom: 65px
}

	

/* 	
.fix-bg {
    background-attachment: initial !important;
} */
 
 
    .logo {
        padding: 0px 20px;
    }
 
 
 
 
    .footer .cont {
        display: block;
        padding-top: 15px;
    }
    .foot_menu {
        padding-bottom: 10px;
    }

.lang {
    display: none;
}
	
	
}


@media screen and (max-width: 640px) {
.head_primary {
		font-size: 26px;
		line-height: 34px;
		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;
}


.variant,
.galleries .variant {
    width: 100%;
}


}

@media screen and (max-width: 480px) {
.head_primary {
    font-size: 20px;}
/* .head_description{display: none;} */
.promotional-title{
	font-size: 20px;
	line-height: 26px;
}

.hero-slider-container ul li:before {
	height:8px;
}
.head_description {
    font-size: 12px;
    line-height: 1.2;
}
.next {
    width: 30px;
    height: 30px;
    right: 10px;
}
.prev {
    width: 30px;
    height: 30px;
    left: 10px;
}

.head_description .holder .btn,
.our-projects .holder .btn,
.promotional-block .holder .btn{
	font-size: 14px;
}

.promotional-block .holder .btn,
button, input[type="button"], input[type="submit"]{
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    padding: 0 30px;
}

.footer-branding{display: none;}
.footer-contact {
    width: 100%;
    border-left: none;
}

    .block_flex {
        flex-direction: column;
	}
	.section-title {
    font-size: 32px;
    line-height: 40px;
	}
	
	.post-title h1{
		font-size: 28px;
    line-height: 32px;
	}
}
@media screen and (max-width: 380px) {
.foot_menu_l {
    display: none;
}
}