@media only screen and (max-width: 1500px) {
#logo{
		width: 120px;
		
	}
}
@media only screen and (max-width: 1400px) {
	.menu{
		right: 30px;
		top:  10px ;
	}
	.Feedback{
	right: 120px;
    top: 33px;
	}
	.leng {
		width: 90px;
			right: 2px;
			top: 80px;
			
		
	}
}
@media only screen and (max-width: 1400px) {
	.contact_title div{
		width: 90%;
	}
	.footer_arrow{
		width: 90%;
	}
	nav>ul>li>a{
		padding: 12px 15px;
	}
	.leng {
		width: 76px;
		right: 18px;
		top: 80px;


	}
}
@media only screen and (max-width: 1350px) {
	.logo{
		margin-left: 3% !important;
	}
}

@media only screen and (max-width: 1220px) {

	#nav-bar{
		display: block;
	}
	#baner {
    height: 350px;
}
.logo{
	margin-top: 7px;
}
	nav>ul{
		display: none;
	}
	nav{
		background-color: #fff;
		width: 100%;
		height: 70px;
	}
	#form{
		width: 700px;
		margin: 120px auto;
	}
	#contacts_auto{
		margin-top: 210px;
	}
	.form3{
		margin-top: 60px;
	}
	.form_text{
		width: 100%;
	}
	footer{
		height: 940px;
	}
.send{
	top: -30px;
	right: -100px;
}
}
@media only screen and (max-width: 1000px) {
	#logo{
		width: 100px;
		left: 10%;
	}
	.menu{
	right: 15px;
    top: 0px;
	}
	.Feedback{
	right: 110px;
    top: 21px;
    font-size: 15px;
	}
	.menu_image_rgba>ul>li>a{
		font-size: 25px;
		width: 300px;
	}
	.menu_image_rgba>ul>li{
		font-size: 20px;
		width: 280px;
		text-align: left;
	}
	.leng {
		width: 76px;
		right: 2px;
		top: 75px;


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

.footer-contacts {
   
    left: 10px;
    top: 260px;
    
}
footer ul{
	display: none!important;
}

}
@media only screen and (max-width: 800px) {
	.leng {
		width: 76px;
		right: 2px;
		top: 130px;


	}

#form{
		width: 380px;
		margin: 120px auto;
	}
	.form_text{
		width: 87%;
	}
.send{
	top: -30px;
	right: -30px;
}

.Feedback{
	right: 30px;
    top: 80px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 10px;
	}
.Course_booking{
	   width: 350px;
	    height: 400px;
}
.Course_a_Cont{
	width: 342px;
}
.Course_booking_button{
	width: 233px;
	height: 30px;
	margin-left: 53px;
}
.form2{
	margin-top: 200px;
}
#logo_footer2 {
    left: 95px;
    top: 40px;
	}
	.text_Cont{
		width: 87%;
	}
}
@media only screen and (max-width: 600px) {
	#logo{
		width: 80px;
		left: 10%;
	}

	.header-overlay_x h1::before{
		display: none !important;
	}
	.header-overlay_x h1::after {
		display: none !important;
	}
	.fa-window-close {
   
    right: 0px;
    top: -44px;
   
}
}