@media(max-width:1170px) {
	.container {
		width: 100%;
		padding: 0 5%;
	}
	.position_abs {
		position: static !important
	}
	.banner_product {
		position: static
	}
	.responsive_menu {
		display: none
	}
}


@media(min-width:300px) and (max-width: 1024px) {
	.product_ctn {
		width: 100%;
	}

	.product_left {
		position: static
	}

	.product_right {
		width: 71%;
	}

	.header_inner {
		padding: 25px 0;
	}

	.header_inner {
		position: relative
	}

	.logo img {
		margin: 0 auto;
	}

	.top_contact_inr li i{
		width: 30px;
		font-size: 13px;
	}

	.top_contact_inr li{
		font-size: 13px;
	}

	.responsive_menu {
		display: inline-block;
		position: absolute;
		top: 30px;
		right: 30px
	}

	.menu {
		width: 100%;
	}

	.menu_inner {
		display: none;
		text-align: center;
		background: rgb(51,51,51);
		margin-top: 3%;
	}

	.menu_inner li {
		float: none;
		display: inline-block
	}
	.menu_inner li a {
		color: #fff;
	}

	.banner_ctn{
		width: 95%;
		top: 35%;
	}

	/*.banner_content {
		width: 55%;
	}*/

	.gallery_video iframe {
		width: 100%;
		height: 350px;
	}

	.news_center {
		width: 100%;
		display: inline-block
	}

	.news_image {
		display: none
	}

	.course_inr li{
		height: 300px;
	}

	.fancy_box li a em i{
		font-size: 20px;
	}

	.contact_inner li {
	    width: 50%;
	    display: block;
	}

	.rsli{
	    margin-top: 50px;
	}
}


@media(min-width: 300px) and (max-width:980px) {
	#slider-direction-nav {
		display: none
	}

	.logo img{
		width: 68px;
		height: 95px;
	}

	.logo{
		position: absolute;
		top: 0;
		left: 10%;
	}

	.menu li.about_page_left{
		display: none;
	}

	.menu{
		text-align: right;
	}

	.banner_ctn h2{
		font-size: 40px;
	}

	.course_inr li{
		min-height: 350px;
		height: auto;
	}

	.adm_frm{
		width: 80%;
	}
}


@media(min-width: 300px) and (max-width:800px) {
	.banner_product_inner {
		text-align: center;
	}
	.banner_product_inner li {
		float: none;
		display: inline-block;
		width: 42%;
		margin: 2%
	}
	.enquiry_form input[type="button"] {
		width: 25%;
	}
	.product_right {
		width: 100%;
		margin-top: 3%;
	}
	.about_page_left {
		width: 100%;
	}
	.about_page_right {
		width: 100%;
	}
	.address {
		width: 100%;
		float: none;
		margin-bottom: 5%;
	}
	.enquiry {
		width: 100%;
		float: none
	}
	.menu_inner li a {
		border-radius: 20px;
		color: #fff;
		display: block;
		font-family: opensans_semi;
		margin: 25px 0;
		padding: 10px;
		transition: all 0.5s ease-in-out 0s;
	}

	.logo{
		position: static;
	}

	.menu li{
		/*display: none;*/
	}

	.menu{
		position: absolute;
		top: 95px;
		width: 300PX;
		height: 450px;
		overflow: hidden;
		overflow-y: scroll;
		text-align: center;
		right: 0;
		background-color: #fff;
		box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.5);
		display: none;
	}

	.menu li{
		display: block;
		z-index: 5;
	}

	.menu li a::before{
		display: none;
	}

	.submenu{
		box-shadow: none;
		padding: 0px;
		text-align: center;
		margin-top: -20px;
		width: 100%;
	}

	.submenu li a{
		padding: 10px 15px;
		margin: 0px;
		text-align: center;
	}

	.menu li:hover .submenu{
		position: static;
	}

	i.menuIcon{
		display: block;
		cursor: pointer;
	}

	/*.banner_content {
		width: 75%;
	}
	.traninig_right p {
		font-size: 20px;
	}*/

	.banner_ctn h2{
		margin: 0;
		line-height: 1.2;
	}

	.about{
		text-align: center;
	}

	.about_lft{
		float: none;
		text-align: center;
		width: 100%;
	}

	.about_right{
		float: none;
		margin: 0 auto;
	}

	.about_lft img{
		width: 100%;
		text-align: center;
	}

	.about_lft .tittle h3{
		text-align: center;
	}

	.about_lft .tittle em{
		float: none;
	}

	.about_rht{
		float: none;
		text-align: center;
		width: 100%;
		padding-top: 30px;
	}

	.about_rht p{
		text-align: center;
	}

	.course_inr li{
		min-height: 200px;
		height: auto;
		float: none;
		width: 100%;
	}

	.course_lft{
		width: 100%;
		float: none;
	}

	.course_rht{
		width: 100%;
		float: none;
		padding: 30px 0px;
	}
}

@media(min-width: 300px) and (max-width: 768px){
	.banner_ctn h4{
		font-size: 15px;
	}

	.banner_ctn h2{
		font-size: 30px;
	}

	.banner_ctn p{
		font-size: 15px;
	}

	.vision_blog_inr li{
		width: 100%;
		min-width: 280px;
	}

	.footer ul{
		float: none;
		margin-bottom: 20px;
		width: 80%;
	}

	.adm_frm{
		width: 100%;
	}
}


 @media(min-width: 300px) and (max-width:640px) {
	.social {
		display: none
	}

	.top_contact{
		float: none;
		text-align: center;
	}

	.top_contact_inr li{
		float: none;
		display: inline-block;
	}

	/*.top_right {
		width: 65%;
	}
	.menu_inner {
		margin-top: 5%;
		padding: 25px 0 15px 0
	}
	.menu_inner li {
		display: block
	}
	.menu_inner li a {
		display: inline-block;
		padding: 10px 20px;
		margin: 10px 0
	}*/
	/*.banner_content {
		top: 30%;
	}*/
	.gallery_video iframe {
		height: 243px;
	}

	.banner_ctn{
		top: 25%;
	}

	.vision_blog{
		margin-top: -85px;
	}

	/*.view_icon h5{
		margin-top: 0;
	}*/
}

@media(min-width: 300px) and (max-width: 600px){
	.banner_ctn h4{
		font-size: 14px;
	}

	.banner_ctn h2{
		font-size: 22px;
	}

	.banner_ctn p{
		font-size: 14px;
	}

	.about_right{
		width: 80%;
	}


}

@media(min-width: 300px) and (max-width: 520px){
	.course_image{
		width: 100%;
	}

	.course_ctn{
		width: 100%;
	}

	.course_ctn a{
		float: left;
	}

	/*.view_icon h5{
		font-size: 12px;
	}*/

	.contact_inner li{
		width: 100%;
		margin-top: 40px;
	}

	.contact_inner li:first-child {
		margin-top: 0;
	}

	.idx_gallery_inr .wid_50{
		width: 100%;
	}

	.idx_gallery_inr .wid_25{
		width: 50%;
	}

	.fancy_box li{
		width: 49%;
	}

	.idx_gallery_inr li{
		padding: 5px;
	}
}


 @media(min-width: 300px) and (max-width:480px) {
	/*.contact_btn {
		width: 100%;
		text-align: center
	}
	.contact_btn a {
		display: block
	}
	.top_detail_left_inner li {
		float: none;
		text-align: center;
	}
	.banner_product_inner li {
		width: 65%;
	}
	.benefit_blog_inner {
		text-align: center
	}
	.benefit_blog_inner li {
		width: 45%;
		float: none;
		display: inline-block
	}
	.top_right {
		width: 45%;
	}
	.product_right {
		width: 100%;
		margin-top: 6%;
	}
	.banner_content {
		top: 30%;
		width: 90%;
	}
	.banner_content p {
		font-size: 13px;
	}
	.training_page_inner li {
		width: 100%
	}
	#slider-control-nav {
		display: inline-block !important
	}*/

	.menu{
		width: 100%;
	}

	.top_contact_inr li{
		display: block;
	}

	.top_contact_inr li i{
		line-height: 25px;
		width: 25px;
	}

	.top_contact_inr li em{
		border-right: none;
	}

	.banner_ctn h4{
		font-size: 13px;
	}

	.banner_ctn h2{
		font-size: 18px;
	}

	.banner_ctn p{
		font-size: 13px;
	}

	.banner_ctn em{
		width: 50px;
	}

	.tit_inr .fleft img{
		width: 80%;
	}

	.cour_point li{
		float: none;
		width: 100%;
		position:relative;
		padding: 10px 15px 10px 30px;
		line-height: 40px;
	}

	.cour_point li span{
		position: absolute;
		line-height: 15px;
	}

	.fancy_box li a em i{
		font-size: 15px;
		padding: 10px;
	}

	.adm_frm li{
		float: none;
		width: 100%;
	}

	
}


 @media(max-width:360px) {
	.menu_inner {
		margin-top: 10%;
	}
	.menu_inner li a {
		margin: 5px 0
	}
	.logo {
		width: 70%;
	}
	.banner_product_inner li {
		width: 95%;
	}
	.footer_left {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.footer_right {
		width: 100%;
		float: none;
		text-align: center
	}
	.benefit_blog_inner li {
		width: 90%;
	}
	.top_right {
		display: none
	}
	.enquiry_form li {
		display: block;
		padding: 0
	}
	.submit {
		width: 50%;
	}
	.banner_content {
		top: 30%;
		width: 100%;
		position: static;
		border-radius: 0;
	}

	.banner_ctn{
		top: 10%;
	}

	.vision_icon{
		width: 65px;
		height: 65px;
	}

	/*.vision_icon img{
		margin-top: 0;
	}*/

	.view_icon h5{
		margin-top: 0;
	}

	.vision_icon {
	    width: 60px;
	    height: 60px;
	}

	.vision_icon img{
		width: 60px;
		height: 60px;
		margin-top: 0;
	}	

	.vision_icon{
		top: 0px;
	}
}