@media only screen and (max-width: 1300px)  { 
.parallax-box .htmlcss-left {left:-120px;}
.parallax-box .htmlcss-right {  }
}
@media only screen and (max-width: 1200px)  {
.block-photoshop .photoshop-left {	 display:none;	}
.block-photoshop .photoshop-right {	 display:none;	}
.parallax-box .htmlcss-left { display:none; }
.parallax-box .htmlcss-right { display:none; }
.block-photoshop,
.block-htmlcss{
	padding-left:0px;
	padding-right:0px;
	}

.block-banner .box_banner { background: none;}

.container { margin:0px !important; padding:0px;}
.row { margin:0px !important;  padding:0px;}
.tuition-man { display:none;}
}
@media only screen and (max-width: 1002px) {
.block-staff .staff-bottom { height:60px; bottom:0; background-position:0px 0px; position:absolute;  top:auto;  }
}
@media only screen and (max-width: 992px) {
.block-banner  .hide-on-biggest .sm-image { float:none; width:auto;}
.block-banner  .hide-on-biggest .sm-text { float:none; width:auto;}

#block-staff-more{
	margin-left: 15px;
	margin-right: 15px;
	}
#block-staff-more .question{
	font-size:4vw;
	}
#block-staff-more li.first{
	font-size:4vw;
	padding-left:13.5%;
	}
#block-staff-more li.second{
	font-size:7vw;
	padding-left:13%;
	}
#block-staff-more li.last{
	font-size:14vw;
	padding-left:10%;
	}
#block-staff-more li.last strong{
	font-size:20vw;
	}
 
.story-price { margin-bottom:30px;}
.story-item { width:100%;}

.block-camket .box_camket { margin:20px 10px 60px; }	
.block-camket .camket_box1 { float:none; margin:0px auto;}
.block-camket .camket_box2 { float:none; margin:0px auto;}

.box-tuition { margin:10px auto;}
#block-article #ball {display:none;}
}
@media only screen and (max-width: 910px) {
#block-navbar .navbar-sub li{
	padding:0px 15px;
}
}
@media only screen and (max-width: 854px) {
#block-navbar .navbar-sub li{
	padding:0px 10px;
}
.block-staff .staff-content {
	height: 550px;
	background-size: 1200px auto;
}
.block-staff .staff-content .first {
	width: 500px;
	height: 220px;
	top: 188px;
	left: -237px;
	background-size: 100% auto;
}
.block-staff .staff-content a {
	width: 128px;
	height: 40px;
	left: -125px;
}
.block-staff .staff-content a.staff-link-1 {
	top: 211px;
}
.block-staff .staff-content a.staff-link-2 {
	top: 260px;
}
.block-staff .staff-content a div {
    left: -112px;
    width: 500px;
    height: 220px;
}
.block-staff .staff-content a.staff-link-1 div {
    top: -23px;
    background-size: 100% auto;
}
.block-staff .staff-content a.staff-link-2 div {
    top: -72px;
    background-size: 100% auto;
}
}
@media only screen and (min-width: 820px) {
#mobile-menu{
	display:block !important;
}
	}
@media only screen and (max-width: 819px) {
.fullwidthbanner-container{
	width:100%;
	}
.navbar-header{
	float:none;
	}
#menu-expander{
	display:block;
}
#mobile-menu{
	display:none;
	background:#39393f;
	height:auto !important;
}
#block-navbar .navbar-sub ul {list-style:none; margin:0; padding:0; float:none;}
#block-navbar .navbar-sub ul li {  border-bottom:1px solid #999; color:#fff; float:none;}

.block-photoshop .price-title, 
.block-htmlcss .price-title, 
.block-wordpress .price-title{
	padding-right:0px;
	}
.div-box-price{
	bottom: auto;
	top:-80px;
	right:0px;
	}
	
.story-item .box-item-left,
.story-item .box-item-right{
	float:none;
	padding:0px;
	width:auto;
	}
.story-item .box-item-right{
	margin-top:20px;
	}	
.story-item .box-item-left .arrow,
.story-item .box-item-right .arrow{display:none;}
article.block{
	width:50%;
	}
}
@media only screen and (max-width: 768px) {
.block-title  { font-size:50px;}
.story-item .story-list  { padding-top:15px;}
	
#tuition-money1, #tuition-money2 ,#tuition-money3 , #tuition-money4, #tuition-money5 {display:none} 

#block-teacher .timeline {display:none;}
.block-article .article-mess {padding:10px 10px;}

#block-contact .contact-form-bg { height:auto !important;}
#block-contact .contact-form-bottom { bottom: -24px;}

.block-contact .contact-info { margin-bottom:50px;}
.block-contact .contact-form { text-align:center; margin-bottom:10px;}
.block-contact .contact-form .contact-form-text { text-align:center;}
.block-contact .contact-form .input_text { margin:0px auto;}
#block-contact .form-control {display:inline-block}
#block-contact .contact-form .input_text .form-control.selectbox {max-width:180px;}
.block-contact .contact-form .btn-default {display:inline-block}
.block-contact .contact-form .contact-form-note { text-align:center;}

.col-sm-5 {width: 41.66666667%; float:left} 
.col-sm-7 { width: 58.33333333%; float:left} 
.story-item .img-story { padding:0px;}

.block-payment .payment-title { margin:20px 10px 10px !important;}
.line-refund { width:100%}
.box-refund { padding:0px 10px;}
.payment-method .info { width:70%;}
.payment-method .box {margin-bottom:5px;}
}
@media only screen and (max-width: 767px) {
.block-commit .commit-text{
background: none;
padding-left: 0px;
}
.block-commit .commit-text-r{
background: none;
padding-right: 0px;
}
}
@media only screen and (max-width: 650px) {

.div-price .price-title { font-size:30px; line-height:30px; } 
.div-price .price-icon { background-size: 50px 50px; }
.block-htmlcss .price-icon { background-size: 65px 60px; }
.block-wordpress .price-icon { background-size: 65px 60px; }

.block-photoshop .price-title,
.block-htmlcss .price-title,
.block-wordpress .price-title{
	font-size:16px;
	}
.block-photoshop .price-title,
.block-htmlcss .price-title,
.block-wordpress .price-title{
	font-size:16px;
	padding-left:20px;
	}
.block-photoshop .price-title strong,
.block-htmlcss .price-title strong,
.block-wordpress .price-title strong{
	font-size:20px;
	}
}

@media only screen and (max-width: 600px){
.block-contact .img_contact{
	margin-left:auto;
	left:auto;
	right:0px;
	}
	}
@media only screen and (max-width: 540px) {
.block-staff .staff-content {
	background-size: 800px auto;
	height: 400px;
}
.block-staff .staff-content .first {
	height: 153px;
	left: -162px;
	top: 139px;
	width: 340px;
}
.block-staff .staff-content a {
	height: 29px;
	left: -86px;
	width: 88px;
}
.block-staff .staff-content a.staff-link-1 {
	top: 157px;
}
.block-staff .staff-content a.staff-link-2 {
	top: 189px;
}
.block-staff .staff-content a div {
	height: 153px;
	left: -75px;
	width: 340px;
}
.block-staff .staff-content a.staff-link-1 div {
	top: -18px;
}
.block-staff .staff-content a.staff-link-2 div {
	top: -50px;
}
article.block{
	width:100%;
	}
.block-tuition .discount_price .discount_icon{
	position:static;
	}
.block-tuition .price{
	padding-left:10px;
	padding-right:10px;
	font-size:39px;
	}
.block-tuition .box_price .note h4{
	font-size: 15vw;
	}
.block-tuition .box_price .note p {
    font-size: 5vw;
    letter-spacing: 2vw;
}
.block-tuition .box_price .gift a{
	width: 100%;
	}
}
@media only screen and (max-width: 480px) {
.block-banner .div-intro h1{
	font-size: 9vw;
	}
.block-banner .div-intro ul{
	font-size: 3.2vw;
	}
	
.block-title{ font-size:30px;}

.div-price .price-title {  }  
.story-item .box-item { padding:0;} 
.block-photoshop .story-item.second .box-item{
	background-image:none;
	}

.block-camket { background:none; border-bottom:1px solid #fff;}
.block-camket .block-camket-bg { background:none;}
.block-camket .camket_box1 {   background-size: 300px 345px; width:300px; height:345px;  font-size:20px;}
.block-camket .camket_box2 {   background-size: 300px 345px; width:300px; height:345px;  font-size:17px; margin-top:10px !important;}
.block-camket .camket_box1 .box-num{ font-size:150px; padding-top:50px;}
.block-camket .camket_box2 .box-info{ padding-top:50px;}

.teacher-top .box-teacher-top { width:100%;}

article.block { width:100%;}
article.block .article-picture img { width:100%}
article.block .featured img { width:100%}

.block-contact .img_contact{
	right:-65px;
	}
.block-contact .contact-form .form-row{
	padding-right:0px;
	}
.block-contact .contact-form .btn_image{
	width:auto;
	max-width:100%;
	}

footer .copyright { float:none; max-width:100%; font-size:12px; text-align:center; font-weight:bold;}
footer .footer-menu { display:none;}


.col-sm-5 {width:100% !important ; float:none !important ; } 
.col-sm-7 {width:100% !important ; float:none !important ; }  
.story-item .img-story { padding:0px; text-align:center}
}
@media only screen and (max-width: 479px) {
.story-item .story-header{
	margin-top:70px;
	padding-left:10px;
	}
.story-item .story-header .si-session {
	top: -90px;
	left: -61px;
	margin-left: 50%;
}
.story-item .story-header .si-title{
	font-size:7vw;
	padding-left:0px;
	}
.block-contact .contact-form .form-row{
	padding-left:0px;
}
.block-maps .email,
.block-maps .phone{
	font-size:30px;
	}
}
@media only screen and (max-width: 380px) { 
.story-item .story-header { width:100%}

.block-camket .camket_box1 {  background-size: 300px 345px; width:300px; height:345px;  font-size:20px;}
.block-camket .camket_box2 {  background-size: 300px 345px; width:300px; height:345px;  font-size:20px;}
.block-camket .camket_box1 .box-num{ font-size:100px; }
.block-camket .camket_box2 .box-info{ padding-top:100px;}
.col-md-4  {padding:0px;}

.col-sm-5 {width:100% !important ; float:none !important ; } 
.col-sm-7 {width:100% !important ; float:none !important ;}  

.block-tuition .div-button { text-align:center;}
.block-tuition .btn-default { width:100%}
.block-contact .contact-form .btn-default { width:100% }
.block-photoshop .start-dates { font-size:30px;}
}
@media only screen and (max-width: 359px) { 
.story-item .box-item .short{
	font-size:25px;
	}
}
@media only screen and (max-width: 300px) { 
.story-item .story-header { width:100%}
.story-item .story-header .si-session {left:0;}

.block-camket .camket_box1 {  background-size: 300px 345px; width:300px; height:345px;  font-size:20px;}
.block-camket .camket_box2 {  background-size: 300px 345px; width:300px; height:345px;  font-size:20px;}
.block-camket .camket_box1 .box-num{ font-size:100px; }
.block-camket .camket_box2 .box-info{ padding-top:100px;}
.col-md-4  {padding:0px;}

.col-sm-5 {width:auto !important; float:none !important} 
.col-sm-7 { width:auto !important; float:none !important}  
}