@media only screen and (max-width: 1199px) {
.navigation ul {
    padding: 23px 0 0 0;
}
.btns-cont {
    margin-top: 25px;
}
.banner {
    height: auto;
    padding-bottom: 100px;
}
.offer {
    height: auto;
}
ul.social-icons {
    width: 47%;
}
.footer a {
    font-size: 13px;
}
.footer p {
    font-size: 13px;
}
.offer-text {
    text-align: center;
}
.school {
    height: auto;
    padding: 60px 0;
}
.works-img {
    position: static;
    width: 100%;
}
.works {
    padding: 50px 0 0 0;
}
.works-text {
    text-align: center;
}
.navigation ul li a {
    font-size: 14px;
    padding: 10px 16px;
}
a.join {
    width: 100%;
	    line-height: 40px;
}
a.join img {
    float: right;
}
a.login {
       line-height: 20px;
    margin: 5px 0 0 0px;
    float: left;
    width: 100%;
    text-align: center;
}
}
@media only screen and (max-width: 991px) {
	
	.booklogin {
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: none;
	}
	.booklogin .secleft,.booklogin .secright{padding:0;width:100%}
	.booklogin .secleft p {
    font-size: 16px;
    color: #fff;
	}
	.booklogin .secright h2 {
    color: #fff;
    margin-top: 30px;
	}
	.booklogin .secright a.join {
    width: 86%;
margin-bottom:30px;
	}
	a.backbtn
	{
		margin-bottom:20px;
		float:none;
		margin:0 auto;
		}
.footer p {
        text-align: center;
    float: none;
}
.navigation {
    display: none;
}
.btns-cont {
    display: none;
}
#menulink {
	display:block;
}
}
@media only screen and (max-width: 767px) {
	.contactitem{border:none;}
	.quotationss .owl-prev {
    left: 77.8%;
}


.bookjoinin{    height: 0;}

.bookjoinin .secleft{    width: 100%;}

.bookjoinin .secleft input, select{    width: 100% !important;}


.label-control {
    color: #ffffff;
   
    width: 100%;
    padding: 3px 0px;    font-size: 14px;}



.bookjoinin .secright {
    float: left;
    width: 100%;
}


.bookjoinin .secright.joi {
    padding-top: 0  !important;}
    
    
    .bookjoinin .secright textarea{    width: 100%;    font-size: 14px;
}









	.quotationss .owl-prev, .quotationss .owl-next {
    height: 30px;
    width: 30px;
    font-size: 9px;
    padding-top: 10px;
}
ul.social-icons {
    width: 100%;
    margin: 5px 0;
    float: left;
}
.footer p {
        text-align: left;
}
.whatwedo ul li {
    width: 100%;
    display: inline-block;
    margin: 14px auto;
}
.target::before,.target::after{
	content:none;
	}
	.whatwedo a.join {
    width: 75%;
    line-height: 40px;
}
.avatar {
    right: 10px;
}

.button-ton{ display:none;}

}
@media only screen and (max-width: 400px) {
.banner-text h1 {
    font-size: 30px;
    line-height: 26px;
}
.banner-anchor a {
    font-size: 18px;
}
.avatar {
    top: 320px;
}

.button-ton{ display:none;}

}