.hidden-for-large{ display:none}
@media only screen and (min-width:992px) and (max-width:1160px){
.course-dtl{ height:350px;}	
}
@media only screen and (min-width:961px) and (max-width:1199px){
.banner-text-contr {top: 20%;}	
.banner-text-contr .text-panel h1{font-size:25px;}
.banner-text-contr .text-panel h1 .ux{font-size:22px;}
.banner-text-contr .text-panel .price-contr h4{ font-size:14px;}
.save-price h3{ font-size:18px;}
.save-price p{ font-size:14px}
.banner-text-contr .text-panel{margin-top:0; width:42%}
.special-offer-contr{ margin-top:-65px; padding: 55px 15px 10px;}
.offer-cont{height:auto; padding-top:5px}
.imgcontr img{ max-width:80%}

}
@media only screen and (min-width:769px) and (max-width:960px){
.contact{ font-size:13px;}
.banner-text-contr {top: 10%;}
.banner-text-contr .text-panel h1{ font-size:21px;}
.banner-text-contr .text-panel h1 .ux{font-size:18px;}
.banner-text-contr .text-panel .price-contr h4{ font-size:13px;}
.save-price h3{ font-size:17px; margin-top:10px;}
.save-price p{ font-size:10px;}
section h2{ font-size:22px}
.course-dtl{ margin-bottom:40px; height:265px}
.thank-txt{ width:auto!important; float:left}
.btn-form{ font-size:15px}
.banner-text-contr .text-panel{margin-top:0%; width:42%}
.special-offer-contr{ margin-top:-20px; padding: 55px 15px 10px;}
.offer-cont{height:auto; padding-top:5px}
.imgcontr img{ max-width:80%}
#rightPanel span {display: inline-block;}
.banner-text-contr .text-panel h1{ font-size:21px;}
.banner-text-contr .text-panel h1 .ux{font-size:18px; line-height:24px}	
}
@media only screen and (max-width:768px){
.banner-text-contr .text-panel1{margin-top:0%;}
.banner-text-contr .text-panel1 h1{ font-size:40px !important;}
.banner-text-contr .text-panel1 h1 .ux{font-size:20px; line-height:27px; margin-bottom:20px; padding-top:10px;}
.contact{ font-size:13px;}
.banner-text-contr {top: 10%;}
.banner-text-contr .text-panel .price-contr h4{ font-size:13px;}
.save-price h3{ font-size:17px; margin-top:0px;}
.save-price p{ font-size:10px;}
section h2{ font-size:22px}
.course-dtl{ margin-bottom:40px;}
.thank-txt{ width:auto!important; float:left}
.btn-form{ font-size:15px}
div[class="crop-height"] {position: relative;overflow: hidden;width: 100%;height:340px;}
.btn-hrdr {margin-top: 20px; width: 50%;}
.banner-text-contr .text-panel{margin-top:0; width:45%}
.special-offer-contr{ margin-top:-20px; padding: 55px 15px 10px;}
.offer-cont{height:auto; padding-top:5px}
.hidden-for-small{ display:none}
.visible-for-small{ display:block}
.imgcontr img{ max-width:80%}
#rightPanel span {display: block;}
.form{ width:100%}
.form, .form.fixed{ position:relative!important; margin-left:0; margin-top:0;}
.form-card{min-height:auto}
.form-card .form-inner{ padding:0 10px 10px;}
.form-card h2{ padding:22px 30px}
.form-card h2::before{ bottom:0;}
.testimonial{ margin:25px 15px; width:96%}
}

@media only screen and (max-width:767px){
.banner-text-contr .text-panel h1{ font-size:20px;}
.center{ width:320px; margin:0 auto;}	
body{ font-size:14px;}
.sml-cent{ text-align:center}
.banner{ position:relative; background-color:#0375BC; height:510px;}
.banner-text-contr .text-panel1{margin-top:20%; width:100%; right:0; position:relative;}
.banner-text-contr .text-panel1 h1{font-size:38px !important; color: #fff; margin-bottom:0px;}
.banner-text-contr .text-panel1 h1 .ux{ font-weight:500; font-style:normal; color:#fdd901; font-size:18px; text-transform:none; display:block; overflow:hidden; padding-top:30px; line-height:24px;}


.crop-height{position: relative;overflow: hidden;width: 100%;height:340px;}
.testimonial{ margin:0; width:100%}
.banner-small-img{ max-width:none; opacity:0.8; position:absolute; bottom:0; text-align:center;}
div[class="crop-height"] {position: relative;overflow: hidden;width: 100%;height: 342px;}
div[class="crop-height"] img {position: absolute;top: 0;right:-120px;}
.banner-text-contr {top:5%;}
.banner-text-contr .text-panel {width: 65%;}
.banner-text-contr .text-panel h1 { font-size:18px;}
.banner-text-contr .text-panel h1 .ux{font-size:16px; text-transform:none;line-height:20px;}
.banner-text-contr .text-panel .price-contr {padding: 5px 15px;}
.banner-text-contr .text-panel .price-contr .price{ padding:0 5px;}
.col-xs-12 {-moz-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
.btn-form{ font-size:14px; text-transform:uppercase; padding:8px 0; font-family:"lato-bold",Helvetica,Arial,sans-serif; background:#f27322; color:#fff;}
.course-dtl .btn{ position:relative;}
.course-dtl{ margin:0 0 20px 0; float:left; width:100%}
.testimonial{ padding-left:20px; padding-top:20px; text-align:center}
.testimonial .userImg {text-align: center; position:relative; display:inline-block;	margin-bottom:20px}
.testimonial .userImg img{height:100%; width:100%;	max-width:auto!important}
.testimonial p { margin-bottom:10px;}
.pL0{ padding-left:0;}
.pR0{ padding-right:0}
p.lead {font-size: 18px;}
.satisfaction{ padding-right:85px; background: rgba(0, 0, 0, 0) url("../images/satisfaction-mob.png")90% 50% no-repeat;}
.contact{ text-align:center; background:#edeef2; padding:10px 0; margin-top:15px;}
ul.contact-list li {padding: 2px 10px;margin-left:0px;}
.contact{font-size:14px;}
.banner-text-contr .text-panel .price-contr h4{font-size: 9px; margin:0;}
ul.contact-list li::after {font-size: 14px;top: 1px;}
ul.contact-list {margin-top:0px;}
.save-price h3{ font-size:14px; margin-top:0; margin-bottom:0}
.banner-text-contr .btn-form{ padding:5px; font-size:14px;}
header{padding: 15px 0 0 0;}
p.lead{ font-size:14px;}
section {padding: 15px 0;}
.section1, .section2 {text-align:center}
p {line-height: 1.1;}
.form-card p {font-size: 10px; margin-bottom: 10px;}
footer{ font-size:14px;}
.form1{ margin-top:20px;}
.form-card{ width:100%; padding:15px;}
.btn-form{padding: 8px 20px;}
.slick-slide{ padding:0!important}
.banner-text-contr{ position:relative; margin-top:-50px}
.banner-text-contr .text-panel{margin-top:25%; width:100%; min-height:230px}
#rightPanel {left: 0; margin-right: 0; padding-top:0px; position: relative; top: 0; width: 100%;}
.special-offer-contr{ margin-top:0; margin-bottom:0; padding:15px}
.special-offer-contr .imgcontr{ position:relative; left:auto; top:0%}
.regd-fix-panel{position:fixed; bottom:0; z-index:2; left:0; width:100%; padding:5px; background:#fff; overflow:hidden}
.btn-hrdr{ width:100%; margin-top:0; line-height: 2.3!important;}
.btn.btn-primary{padding: 8px 20px!important;}
.banner-text-contr .text-panel h1{background:rgba(255,255,255,0.8); padding:10px}
address{ margin-top:20px; padding:0 20px}
h2.secHead, li{ text-align:left; margin-bottom:5px;}
section h2.secHead{ margin-top:20px;}
.social-media ul li{ text-align:center;}
.course-dtl .btn{ left:0}
.form-register{ position:fixed; padding:0; bottom:0px; z-index:1; display:none}
.form-close{position:absolute; background:rgba(255,255,255,0.3); padding:5px; font-size:17px; font-weight:700; right:10px; z-index:1; width:40px;}
.form-close,.btn-fix-bottom{ display:block;}
.form-register{ width:100%}
.section3{ text-align:center}
.section2 .main-course .course-desc.first {
    border-right: none;
    margin-right:0;
    padding-right:0;
}
.section2 .main-course .course-desc.second {
    border-left:none;
    margin-left:0;
    padding-left:0;
}
.section2 .main-course .row, .section4 .row{margin-bottom:0}
.scrolltoform{ text-decoration:underline}
.popup_portlet{ width:90% !important;}
.popupBg{ padding:15px;}
.popupBg h1{ font-size:24px; line-height:30px;}
.popupBg .regInfo.topMargin{ margin-top:8% !important;}
.popupBg .regInfo{ font-size:16px; margin-top:1%;}
.btnYes,.btnNo{ width:100%; font-size:16px;}
}
@media only screen and (min-width:320px) and (max-width:450px){
	.popup_portlet{ width:90% !important;}
	.popupBg{ padding:10px;}
	.popupBg h1{ font-size:24px; line-height:30px;}
	.popupBg .regInfo.topMargin{ margin-top:12% !important;}
	.popupBg .regInfo{ font-size:16px; margin-top:1%;}
	.btnYes,.btnNo{ width:100%; font-size:16px;}
}
@media only screen and (min-width:640px) and (max-width:776px){
div[class="crop-height"] img {position: absolute;right: 0px; top: 0;}
}