@media (min-width:1201px){
	/*==== lg ====*/
}
@media (min-width:1101px){
	.site-menu-mobile,
	.site-search.mobile{display: none;}
}


@media (max-width:1100px){
	.container{width: 900px;}

	.site-menu-mobile{display: block;}
	.site-menu{display: none;}
	.site-header{padding: 10px 0;}
	
	.banner-slide-wrapper{width: 1400px; margin-left: -700px;}
	.banner-slide .flex-caption p{font-size: 21px;}
	.banner-slide .flex-caption h3{font-size: 28px;}

	.content-wrapper{padding: 40px 0;}
	.widget-middle{padding: 40px 0; margin-top: 40px;}
	.widget-banner{margin-bottom: -40px;}

	.menu-wrapper{text-align: right;}
	.site-search.mobile{width: 32px; height: 32px; border: 1px solid #ebeeef; display: inline-block; text-align: center; margin-right: 15px; margin-top:7px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.site-search.mobile a{display: inline-block; height: 30px; background-position: center; background-repeat: no-repeat; margin-top: 0;}
	.site-menu-mobile{float: none; display: inline-block; margin-top:7px;}
	div.menu-wrapper{float: right; width: auto !important;}
	.menu-wrapper > *{float: left;}
}


@media (max-width:900px){
	.container{width: 750px;}	

	.site-header .row > div.col-xs-4{width: 80%;}
	.site-header .row > div.col-xs-8{width: 20%;}
	.site-logo img{height:45px; /*width: 290px;*/}

	.banner-slide-wrapper{width: 1200px; margin-left: -600px;}

	.widget-about > div > .row > div{width: 100%;}
	.widget-register{margin-top: 40px;}
	.widget-middle .row > div{width: 100%;}
	.widget-student{margin-bottom: 40px;}

	.site-sitemap li{padding-right: 10px;}
	.site-newsletter .form-group{width: 100%;}

	.course .row > div{width: 100%;}
	.course .widget-register{display: none;}
	.coursedetail > div > .row > div{width: 100%;}
	.course-detail-name{margin-top: 0;}

	.download > div > .row > div{width: 100%;}
	.download .widget-register{display: none;}

	.news > div > .row > div{width: 100%;}
	.news .widget-register{display: none;}
	.news-list-image img{width: 100%;}
	.news > div > .row > div{width: 100%;}
	.newsdetail > div > .row > div{width: 100%;}
	.news-detail-name{margin-top: 0;}

	.about > div > .row > div{width: 100%;}
	.about-image{display: none;}
	.widget-testi-image{width: 100%; height: auto;}

	.success .row > div{width: 100%; margin: 0;}
}


@media (max-width:750px){
	.container{width: 100%;}	

	.banner-slide-wrapper{width: 800px; margin-left: -400px;}
	.banner-slide .container{position: relative; border-bottom: 1px solid #F2F5F6;}
	.banner-slide .flex-caption{position: relative; margin-left: 0; bottom: 0; left: 0; text-align: left; margin: 20px auto;}
	.banner-slide .flex-caption p{margin-top: 0px;}
	.banner-slide .flex-caption h3{font-size: 19px;}
	.banner-slide .flex-caption .input-btn{float: left; margin-top: 2px; margin-right: 20px;}

	.site-footer .row > div{width: 100%;}
	.site-social,
	.site-footer-address{margin-bottom: 30px;}
	.site-footer{padding-top: 30px;}

	.banner-head-wrapper{width: 100%; left: 0; margin-left: 0;}
	.banner-head-wrapper,
	.banner-head .container{height: 160px;}
	.banner-head-pagename h1{font-size: 35px;}
	.banner-head-pagename h2{font-size: 16px;}
	.banner-head-pagename{margin-top: 20px;}

	.contact-middle > div{width: 100%;}
	.contact-form{margin-top: 30px;}
	.contact-head{margin-top:0; padding:10px 20px; margin-bottom: 30px;}
	.contact-head .row > div{width: 100%; border: none; border-bottom: 1px solid #cfdbde; height: auto; padding: 10px 0;}
	
	.download-list{margin-bottom:40px;}
	
	
	.widget-coursedownload a{text-align:center;padding:0; font-size:18px;}
	.widget-coursedownload a:before{display:none}
	
	.widget-course.pc,.on_pc{display:none;}
	
	.widget-course.mobile{display:block;margin-top:0; margin-bottom:30px;}
	.on_mobile{display:block; margin-bottom:30px;}
}


@media (max-width:700px){
	.download-list .row > div{width: 100%;}
	.download-list-download:after{display: none;}
	.download-list-download{float: left; margin-top: 10px;}
}


@media (max-width:620px){
	.breadcrumb{display: none;}
	.banner-head-wrapper,
	.banner-head .container{height: 100px;}
	.banner-head{border-bottom: 3px solid #f2d500;}
}


@media (max-width:600px){
	.widget-about .row > div{width: 100%;}
	.widget-about-list{margin-top: 25px;}
}


@media (max-width:500px){
	.banner-slide-wrapper{width: 600px; margin-left: -300px;}
	.banner-slide .flex-caption{width: 300px; text-align: center;}
	.banner-slide .flex-caption .input-btn{float: none; margin: 0 0 15px 0;}
	.banner-slide .flex-caption p,
	.banner-slide .flex-caption h3{display: inline-block; width: 100%;}

	.widget-student .owl-nav{display: none;}
	.widget-banner{padding: 25px 0 20px 0;}
	.widget-banner .owl-controls{margin-top: 20px;}

	.widget-register,
	.widget-coursedetail{padding: 20px;}

	.news-list .row > div{width: 100%;}
	.news-related-head{padding: 15px 20px;}
	.news-related-list{padding: 20px;}

	.contact-form-wrapper .row > div{width: 100%;}

	.search-form{width: 100%;}
}


@media (max-width:420px){
	.widget-testi-image{width: 205px; height: 205px;}
	div.logo-wrapper{width: 190px !important; overflow: hidden; overflow: hidden; float: left;}
	.site-logo{display: block; width: 290px;}
}


@media (max-width:400px){
	.banner-slide-wrapper{width: 500px; margin-left: -250px;}

	.content-wrapper{padding: 30px 0;}
	.widget-middle{padding: 30px 0; margin-top: 30px;}
	.widget-banner{margin-bottom: -30px;}

	.widget-news li,
	.widget-news li > div{display: inline-block; width: 100%;}
	.widget-news li{margin-bottom: 30px;}
	.widget-news-text{padding-left: 0;}
	.widget-news-image{margin-bottom: 15px;}
	.widget-news-image,
	.widget-news-image img{width: 100%;}

	.about-image{display: block; text-align: center; margin-top: 30px;}
	.widget-testi .owl-prev, 
	.widget-testi .owl-next{width: 50px;}
}