@media only screen and (max-width: 320px) {
    ._Banner ._FormBox{width:300px;}
}
@media only screen and (min-width: 767px) {
    html.open-menu a#toggle, html.open-menu main#content{transform: translateX(0px);}
}


@media only screen and (min-width: 1170px) {
.wrap{width:1280px; margin:0 auto;}
header .login_register_top a, .callus_top{color:#fff; font-size:16px; padding:2px 10px; line-height:1;}
.header{text-align:left;}
.header .logo{width:136px; height:38px; line-height:20px; margin:9px 15px 9px 50px; padding:0; float:left;}
    
.sticky {transition:all 0.2s ease-in-out;}
.fixed {position:fixed; top:0; left:0; width:100%; box-shadow:0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.15); z-index: 10;}    
main#content {padding:0px; }
    
html.open-menu nav#menu{box-shadow:0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);}
#menu ul li ul:before {width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #3ab54a; content:""; position: absolute;left:50%; top:-10px; margin-left:-13px; display:block;}
#menu ul li > a > i{display:inline-block; transform:rotate(90deg); margin-left:5px;}
.fa-caret-right{ background-size:8px auto; width:8px; height:8px;}
#content h1, #content h2{font-size:30px; margin:60px 0 36px;}
.ItemBox {width:25%;}

._Banner{height:480px;}
._Banner ._bannerTxtBox {padding-top:90px; flex-flow:row wrap;}
._bannerTxt_ {width:50%; flex-flow:row wrap;}
._Banner  h1{margin-left:0px; margin-right:0px; font-size:32px; font-family:'Exo 2', sans-serif; line-height:1.4; color:#FFF;}
._Banner ._bnrTaglineTxt{margin-top:25px;}
._Banner ._bnrTaglineTxt h3{font-size:22px;}
._Banner ._bnrTaglineTxt li{font-size:18px; font-weight:500;}
._Banner ._inqueryForm {width:50%; margin:0px;}
._Banner ._FormBox{width:350px;}

._Container_row{padding:55px 0 15px; min-height:215px;}
._Container h2{margin:0 0 20px; font-size:28px; font-weight:400; text-align:center;}
._Container p{font-size:16px; padding:0 10% 10px; text-align:center;}

._Container ._whatLearn {padding:35px 0 25px; margin:0;}
._Container ._whatLearn  h3{margin:0 0 35px; font-size:28px;}
._Container ._cources{ margin:0 0 25px; padding:0 30px; flex-flow:row wrap;}
._Container ._cardBox{width:23.55%; margin-bottom:0px;}
._Container ._cardContainer{padding:15px 25px 15px 15px;}
._Container ._cardContainer_Title {font-size:18px; font-weight:400;}
._Container ._cardContainer_descr{font-size:16px; min-height:98px;}

._whatGetWrap h2{margin:0 0 35px;}
._whatGet {display:flex; padding:0 35px; flex-flow:row wrap;}
._whatGet ._items{margin-right:20px;}
._whatGet .item {margin:0 0 20px;}
._itemsImg {width:170px; height:140px; top:0px; left:0px;}
._itemsImg:after {width:3px; height:170px; background:#777; content:""; display:block; position:absolute; right:0px; top:0;}
._itemsImg img {width:100%; height:100%; display:block; border-radius:3px 0px 0px 3px;}
._whatGet ._itemsCard_details{margin-left:15px; padding:15px 5px;}
._whatGet ._itemsCard_title  p{font-size:20px;}
._whatGet ._itemsCard_description{font-size:16px; font-weight:400;}

._footerNav{margin:0px; padding:25px 0 10px; flex-flow:row wrap;}
._footerNav>ul {width:25%; margin:0 4.15%; padding:0;}
._footerNav li:first-child{padding-bottom:15px;}

/* --------- static pages -------------- */
.staticPage  .wrap {width:1024px; margin:0 auto;}

}

@media only screen and (max-width: 768px) {
	.header{ position:fixed; width:100%; z-index:95; height:56px;}
	.header ._logo{ margin-left:30px; margin-top:8px; font-size:14px;}
	.header ._india{font-size:8px;}
	a#toggle{ top:10px; z-index:99;}
	div#overlay{z-index:99;}
	#menu{z-index:99;}
	html.open-menu a#toggle, html.open-menu main#content{transform: translateX(0px);}
	html.open-menu div#overlay{width:calc(150%);}
	
	._callSupport, ._login{display:none;}
	
	
/* ================ statc pages =================== */
.StaticPage_wrap {width: 100%;}

}

@media only screen and (min-width: 1270px){
	.ItemBox {
		width: 25%;
	}
}