/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1024px) {
/* embedded videos */
.video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; }
.wrapper { padding: 0 15px; }
.trainingL { width: 43%; }
.promotion { min-height: 1000px; }
.promotionTextM { padding: 300px 0 0; }
.contact::after { margin: 0; }
* {
    background-attachment: scroll !important;
    background-position: center center !important;
}
}
 @media screen and (max-width: 1023px) {
.logo { top: 43px; }
.trainingL { margin: 0 100px 0 0; }
.contact:after { background: none; }
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 767px) {
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust: none; }
/* embedded videos */
.video embed, .video object, .video iframe { min-height: 250px; }
.top, .footer { display: none; }
.top-bg {
    height: 439px;    
}
/*.promotion {
	background: url(../images/promotion-img-m.jpg) fixed;
	background-size: cover;
	background-position: 100% center;
	 
}*/
 
.logo img { width: auto; }
.logo {  top: -47px; }
.training::after { background: none; }
.trainingL.trainingR, .trainingL { float: none; width: auto; }
.trainingL.trainingR { border-bottom: #e6e6e6 solid 1px; }
.trainingL.trainingR, .trainingL { padding-right: 0; margin-right: 0; }
.wrapper { padding: 0 45px; }
.promotion:after { background: url(../images/promotion-bg1-m.png) no-repeat center top; background-size: 100%; }
.contact-l, .contact-l.contact-r { width: auto; float: none; }
.promotionTextM { padding: 200px 0 0; }
.promotion { min-height: 735px; }
.contact-main-m { border-bottom: solid 1px #fff; padding: 0 0 20px 0; margin: 0 0 45px 0px; }
.contact-l.contact-r { padding-left: 0; }
.contact { padding-bottom: 50px; padding-top: 45px;}
.contact-m { float: left; width: 50%; box-sizing: border-box; }
.contact-m.contact-m-R { float: right; width: 48%; }
.contact-main-m p { clear: both; }
.training { 
    margin: 0 0 50px;
}

}

@media screen and (max-width: 667px) {
.logo img {
    width: 258px;
}

}
@media screen and (max-width: 627px) {
.top-bg {
    height: 308px;
}
}
@media screen and (max-width: 600px) {
.top-bg {
    height: 382px;
}
}
@media screen and (max-width: 568px) {
p { 
    line-height: 23px; 
}
.contact h3 { font-size: 18px; }
.top-bg {
    height: 441px;
}
.logo {
 
    height: auto;
	  top: -26px;
} 
.logo img {
    width: 196px;
}
.top-bg {
    height: 315px;
}

}
@media screen and (max-width: 480px) {
.contact h3 { font-size: 14px; }
}
 @media screen and (max-width: 479px) {
.contact-m, .contact-m.contact-m-R { width: auto; float: none; padding-right: 0; margin-right: 0; }
.wrapper { padding: 0 15px; }
.contact-l.contact-r { padding-left: 0; }
.promotionTextM {
    padding: 100px 0 0;
}
.logo img {
    width: 58%;
}

}
@media screen and (max-width: 375px) {
 
}
@media screen and (max-width: 320px) {
 
.top-bg {
    height: 308px;
}

}
@media screen and (max-width: 240px) {
.promotionTextM {
    padding: 100px 0 0;
}
.promotionTextM p { 
    line-height: 20px;
}
h2 { 
    font-size: 24px;
}
.logo img {
    width: 90%;
}

.logo { 
    top: -18px;
}
}