@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 50px) and (max-width: 960px) {
.nav-mobile {display:block;}
.nav {width:100%;	padding:50px 0 0;}
.nav-list {display:none;}
.nav-item {width:100%;	float:none;}
.nav-item > a {	padding:15px;}
.nav-click {display:block;}
.nav-mobile-open {	border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
.nav-item:hover .nav-submenu {display:none;}
.nav-submenu {position:static;width:100%;}
}


@media only screen and (max-width:1162px) {
.home-section-main{ overflow:hidden;}
.main-fix.main-inner{ width:92%;}
.section-inner:before{ width:4%; background-size:100%; right:-4%;}
.section-inner:after{width:4%; background-size:100%;  left:-4%;}
.section-main-left{ width:69%;}
.section-main-right{ width:29%;}
}





@media only screen and (max-width:1024px) {

}


@media only screen and (max-width: 960px) {
.main-fix{ width:98%;}
ul.home-bottom-section li { margin-left: 5%; width: 30%;}
.nav{margin-top: -67px;}
.nav-item{ border-bottom:1px solid #012228;}
#header{ position:inherit;}
#section{ margin-top:0;}
.logo{ position:relative; z-index:999;}
.section-main-left{ width:63%;}
.section-main-right{ width:34%;}
.left-section-bottom-left{ width:100%; padding-bottom:20px;}
.left-section-bottom-right-dec{ min-height:inherit; text-align:center; width:100%;}
.left-section-bottom-right{ width:100%;}
.left-section-bottom-left-pic{ width:127px; margin:10px auto 0; float:none;}
.left-section-bottom-right-dec-btn a{ position:inherit;}
.left-section-bottom-right-dec-btn a{ margin:0 auto;}
.inner-pic{ float:none; width:280px; margin:0 auto;}
.lession-head, .lession-number{ font-size:17px;}
.lession-link a{ width:100%; font-size:12px; height:auto;}

.nav-submenu-item {border-top: 1px solid #012228;}


}

@media only screen and (max-width: 768px) {

.section-main-left{ width:100%;}
.section-main-right{ width:100%;}
}

@media only screen and (max-width: 640px) {
.home-content-bottom-main{ width:100%;}
.home-content-top h1, .heading h1{ font-size:28px;}
.home-content-top{ padding-top:30px;}
.home-content-bottom-main-left{ width:31%;}
.home-content-bottom-main-right{ width:66%;}
.home-content-bottom{ padding-top:170px;}

#section{ background:none;}
.photo-pic{ float:none; margin-top:-150px; text-align:center; padding:0; width:100%;}
ul.home-bottom-section li{ margin-left:0; width:100%; padding-bottom:20px;}
.home-section-main p, .home-content-top p, .or-learn, .home-content-bottom-main-right p, .contact-info, .section-main-left p, .section-main-right-seprate p, .field-area, .fiels-txtarea{ font-size:14px;}
ul.home-bottom-section li a{ font-size:11px;}
.home-section-one h1, .heading h1{ font-size:30px;}
.home-section-one h2{ font-size:17px;}
ul.footer-link li{ padding-bottom:10px;}


}

@media only screen and (max-width: 568px) {

.section-inner{ padding:20px;}


				
}


@media only screen and (max-width: 480px) {
.photo-pic {float: none; margin-top: -130px;}
.home-content-bottom {padding-top: 160px;}

}


@media only screen and (max-width: 360px) {
.section-bg {min-height: 930px;}
.photo-pic {margin-top: -100px;}
.home-content-bottom { padding-top:5px;}
.home-content-bottom-main-left{ width:100%; text-align:center;}
.home-content-bottom-main-right{ width:100%;}
.get-access{ margin:20px auto 20px;}
.home-section-one h1, .heading h1{ font-size:25px;}
.home-section-one h2{ font-size:13px;}
.inner-pic{ width:100%;}
ul.lession-month li{ width:100%;}
ul.lession-month li{ min-height:inherit; padding-bottom:20px;}
.lession-head{ min-height:inherit;}
.home-content-top p{ width:100%;}
.get-access{ font-size:15px;}
.contact-info{ padding-top:0;}
.home-content-top { padding-top: 14px;}
.home-content-bottom-main-left { float: none; margin: 0 auto 16px; text-align: center; width: 40%;}
}

@media only screen and (max-width: 320px) {

}