/*Smartphones(portrait and landscape)-------*/
@media screen and (max-width: 480px){
body{background:#c9d1fd !important;}
#body-content{padding:0;}
#body-header{ margin:0; padding:0;}
.logo{ width:100%; text-align:center; border-bottom:1px solid #ccc; margin:0; padding:10px 0;}
.logo img{ float:left; margin-left:10px;}
.logo span{display:block; float:right; position:absolute; top:33px; right:10px;}
.social-icon{ width:100% !important; text-align:center !important; padding-bottom:0px !important; background:#f1f1f1;}
.social-icon a{ display:none;}
.social-icon h4{ display:none; width:80%; font-size:12px; text-align:right; position:absolute; top:16px; right:0;}

#body-banner{background:#0272c8; }
.form-container{width:100% !important; font-size:12px; margin:0; padding:0 !important; float:left;}
.form-element{border-radius:0; background:#c9d1fd;}
.form-container input[type="text"]{border:1px solid #999;} .form-container input[type="password"]{border:1px solid #999;}
.heading-content{ float:left; width:100% !important; background:#06317f; margin:0; padding:10px; position:absolute; z-index:1; display:none;}
h1{font: bold 30px 'Roboto Condensed', 'sans-serif';}
h2{font:normal 22px/25px 'Roboto Condensed', 'sans-serif' !important;}
.small{ width:97% !important;}
.small.captcha{width:97% !important;}
.form-element p label{line-height:10px; padding:3px 0;}
.form-container h1{border-radius:0; text-align:left; padding:15px 10px !important;}
.form-container .shadow{background:none; display:none;}
.containerLeft{width:100%; float:left; background:#c9d1fd; }
.left-box{ width:100% !important; margin:0px !important; padding:0px 10px 20px; border:none; border-radius:0; border-bottom:1px solid #999; }

.banner-lft img{display:none;}
h4{ padding-right:10px;}

.containerRight{ width:100%; background:#c9d1fd; margin-top:0; }
.ppc-marquee-box{width:90% !important; margin:0;}
.containerRight h3{ width:97%; padding-left:10px; display:block;}
h6{padding:0 10px 10px 0 !important;}
h3{padding-top:10px;}

.ppc-marquee-box{ width:91% !important; float:left; /*height:150px !important;*/ margin:2% !important; overflow:hidden; background:#f1f1f1; border:1px solid #CCC;}
.speak-content{ width:100%; background: none;}
.speak-content p{padding:50px 0 0 10px !important;}
.speak-content p.author{font-weight:bold; color:#444; margin:0; font-style:italic; text-align:right; padding:0 20px 0 0 !important; }
.speak-content li span {float: left;padding: 15px 0;margin: 0;width: 100%;display: block;background: url(../images/chatImage/quote.png) 0px 12px no-repeat;}

#body-footer p{ padding:10px;}
.listitem{ margin:0; padding:30px 10px;}
.listitem li{line-height:30px; margin:0; padding:0 33px; font-size:16px;}
.mob-btn{width:95% !important;}

/*-------Online-speaking----------*/
#body-banner.orange{ background:#fbdaa0 !important; }
.online-speak{ width:100%; background:#a15803; margin:0; padding:0 0 20px 0; display:none;	}
h1.white{font: bold 30px 'Roboto Condensed', 'sans-serif'; padding:10px !important;}
h2{font: normal 22px/28px 'Roboto Condensed', 'sans-serif'; padding:10px 10px 0 0 !important;}
.form-element.light-orange{background:#fee7c0;}
.form-element p label{ color:#000;}
.social-icon{display: none}

/*-------Speak-englsih----------*/
.speak {display:none;} .banner-inner{margin:0;}
.form-element.theme02{ background:#c9d1fd;}
.form-element.theme02 input[type="text"]{padding:5px 6px; border:1px solid #999;}
.form-element.theme02 input[type="password"]{padding:5px 6px; border:1px solid #999;}
.form-container.border-left{border:none;}
.large{width:97% !important;}
.form-container h1.light-gray{background:#00913a !important; color:#fff; margin:0; border-radius:0;}

/*-------Learn-englsih----------*/
.left02{ background:#0675a9; width:100% !important; margin:0; padding:10px; display:none;}
.img-lft-bg{background:; width:100%;} 
h6{font-size:14px; padding:5px 0 8px; font-weight:normal;}
h2.sub{font: normal 24px 'Roboto Condensed', 'sans-serif'; color:#fff; padding:30px 0 0 0px !important;} 
.form-container.border-none{width:100%; margin:0;}
.form-element.theme03{ border-radius:0; margin-bottom:0px; float:left; background:#c9d1fd;}
.form-container h1.light-blue{padding:10px; margin:0; border-radius:0; background:#06F !important; color:#fff; }
.left-box .orderList{ margin:0; padding:10px 16px;}
#body-footer{ width:100%; background:#fff; border-top:1px solid #e1e0e0; display:block; font-size:13px;}
.ILTSheading-content{display:none;}
.form-element.theme05{ background:#fccaca;}
.hide{display:none;}
.hide02{display:block;}

/*---------Crak jack css start------------------*/
.textcontent{ margin:0; padding:0; width:100%;}
.contt-inner{ width:100%; }
.bullet{margin:12px;}
.crackjack img{ display:none;}
/*---------Crak jack css end------------------*/

}

@media screen and (max-width: 320px){
.ppc-marquee-box{width:89% !important;}
.mob-btn{width:94% !important;}
/*.small{ width:61% !important;}
.small.captcha{width:61% !important;}*/
}

@media screen and (max-width: 360px){
/*.small{ width:72.8%;}
.small.captcha{width:72.8%;}*/
}

@media screen and (max-width: 640px){
.logo {float:left;width:100% !important; text-align:center; padding-bottom:10px !important;}
.social-icon{width:97% !important; border-top:1px solid #ddd !important; float:left !important; padding:10px 10px 0px;}
.dark-blue{background:none !important; background-color:#01306a !important;}
.banner-lft img{display:none !important;}
.ppc-marquee-box{width:590px; float:left; margin-left:15px;}
.mob-btn{width:94%;}
.lft{float:left; width:100%;}
h3{padding-left:15px !important;}
h2{padding:10px 0 0 0px;}

.left-box{ border:none; border-bottom:1px solid #999; width:100% !important; border-radius:0;}
.container-btn{width:87%;}
.form-container{width:100% !important; font-size:12px; margin:0; padding:0;}
.border-left{border:none !important;}
.speak{float:left !important; width:100% !important; margin:10px;}
.listitem{padding-left:0 !important;}
.form-element.theme02{border-radius:0 !important;}
.large{width:98%;}
.btn{width:96.5%;}
.heading{padding-left:10px;}
.left02{width:100% !important; float:left !important; margin:10px!important;}
.heading02{padding-left:0px;}
.ILTSheading-content{float:left !important; width:98.2% !important; margin:0 !important; padding:10px;}

.small{ width:98%;}
.small.captcha{width:98%;}
.form-element p label{line-height:10px; padding:3px 0;}
.heading-content{float:left !important; width:98.2% !important; margin:0 !important; padding:10px;}
.heading-content h2{padding:10px 0;}
.online-speak{float:left !important; width:98.2% !important; margin:0 !important; padding:10px;}
.online-speak h2{padding:10px 0;}

/*---------Crak jack css start------------------*/
.textcontent{ margin:0; padding:0; width:100% !important;}
.contt-inner{ width:100% !important; }
.bullet{margin:12px;}
.crackjack img{ display:none;}
.left-box p{padding:0 18px 0 0;}
.btn.orange{width:94%;}
/*---------Crak jack css end------------------*/
}

@media screen and (max-width: 1024px){
.banner-lft{display:block; /*width:370px;*/}
.dark-blue{background:none !important; background-color:#01306a !important;}
.logo {float:left;width:20%; text-align:center; padding-bottom:10px !important; padding-top:10px;}
.social-icon{width:70%;float:right; padding:10px 10px 0px;}
.banner-lft img{display: block;width: 80%; max-width: 500px;}
.left02 {float: right;width: 47%;margin: 10px 0px 0px -100px;}
/*h2{padding:10px 0 0 10px;}*/
.speak{float: right;width: 57%;z-index: 100;}
.heading-content{float: right;width: 57%;z-index: 100;}
.online-speak{float: right;width: 46%;z-index: 100; margin:0!important;}
h1.white{font-size:30px !important;}
.heading{padding-left:0px; width:100%;}
.listitem{padding:0px !important;}
.heading02{width:100% !important;}
.form-container{float:left; width:100% !important; margin-top:0 !important; }
.theme02{ border-radius:0 !important;}
.border-left{border-left:none !important;}
.large{width:98%;}
.btn{width:96.8%;}
.lft{width:100% !important; margin:0; padding:0;}
.containerRight{width:100% !important; border:none;}
.ppc-marquee-box{width:92%; float:left;}
.ILTSheading-content{float:right; width:57%;}
.form-container .shadow{ background:none;}
.sm all{width:88%;}
.small.capt cha{width:88%;}
.small{ width:97.7%;}
.small.captcha{width:97.7%;}
.form-element p label{line-height:10px; padding:3px 0;}
.mob-btn{width:97%;}
.lft h3{ padding-left:10px;}
.testimonial{padding-left:10px !important;}

/*---------Crak jack css start------------------*/
.textcontent{ margin:0; padding:0; width:50%;}
.bullet{margin:12px;}
ul{padding-bottom:0;}
/*---------Crak jack css end------------------*/
}