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

@media ( min-width:993px) and (max-width:1199px){
.container {width:96%;margin:0 2%;position:relative;}
header{ margin-top:20px;}
.banner_text{ margin-top:70px;}
.review_text{ padding:15px;}
.container_programme {width:94%;margin:0 3%;position:relative; text-align:center;}
.block_width1{ width:46%;}
.block_width2{ width:36%;}
.block_width3{ width:46%;}
.mrt2 {left:18px;margin-top:-287px;}
.block_width4{ width:55%;}
.mrt4{ margin:57px 0 0 -17px;}
.mrt3 {margin: -169px 0 0 -124px;}
.mrt {margin-left:-98px;margin-top: 223px;}
.bg{ margin-left:50px; width:215px; height:215px;}
.text_detail{ top:80px;}
.text_detail p{ padding:10px 75px !important; line-height:24px; font-size:15px;} 
.text_detail .padding{padding:10px 100px !important;}
.text_detail .padding2{padding:10px 130px !important;}
.form { margin: -50px 0 70px;}
#form_popup h2{ font-size:26px;}
}
@media (max-width:1210px){
#form_popup{ width:35%;}
.tagline_section{ text-align:center;}
.tagline_section a.btn{ float:none; margin:20px auto 0;}

}
@media ( min-width:768px) and (max-width:992px){
.container {width:96%;margin:0 2%;position:relative;}
.container_programme {width:94%;margin:0 3%;position:relative; text-align:center;}
.block_section{ float:none; display:inline-block; margin:10px 0 !important; left:0px !important; width:100%;}
.bg{ margin-bottom:45px;}
.text_detail{ top:95px;}
.block_section h2{ top:40%;}
.programme_section h4{ text-align:center;}
.form{ margin:0px;}
.form a{ display:inline-block;}
.bg{ margin-top:30px;}
header{ margin-top:20px;}
.banner_text{ margin-top:70px;}
.banner_text h1{ font-size:47px;}
.btn{ margin:19px 0 37px;}
.tagline{ font-size:23px;}
.contact-traning_section{ padding:4% 0;}
.review_text{ padding:1.5%;}
.image{ margin-right:7px;}
.name h3{ font-size:17px;}
.name h4{ font-size:12px;}
.review_section p{ padding:12px 0 0 0; font-size:14px; line-height:24px;}
.review_section p br{ display:none;}
ul.list{ margin-top:5px;}
ul.list li{ font-size:14px; line-height:21px;}
.tagline_section, .review_section{ padding:35px 0;}
.review_box{ margin-top:35px;}
.detail{ margin:0px;}
.detail ul li{ font-size:15px; line-height:24px;}
.programme_section .text_detail p{ padding:30px 260px !important;}
#form_popup{ width:47%;}
#form_popup h2{ font-size:23px;}
}

@media ( max-width:767px) {
.container{width:94%;margin:0 3%;position:relative;}
.container_programme {width:94%;margin:0 3%;position:relative; text-align:center;}
.banner_text{ margin-top:40px;}
header{ margin-top:10px;}
.banner_text h1{ font-size:47px;}
.tagline_section, .review_section{ padding:35px 0;}
.review_box{ margin-top:35px;}
.tagline{ text-align:center; line-height:35px;}
.review_text{ padding:1.5%;}
.image{ margin-right:15px;}
.name h3{ font-size:17px;}
.name h4{ font-size:12px;}
.review_section p{ padding:12px 0 0 0; font-size:14px; line-height:24px;}
.review_section p br{ display:none;}
ul.list{ margin-top:5px;}
ul.list li{ font-size:14px; line-height:21px;}
.tagline_section, .review_section{ padding:35px 0;}
.review_box{ margin-top:35px;}
.review_img, .review_text{ width:100%; padding:10px; box-sizing:border-box;}
.review_img img{ width:100%;}
.banner_text .down-arrow{ margin-bottom:20px;}
.btn{ margin:15px 0 20px 0 !important;}
.review_person{ width:70%;}
.rating{ width:30%; float:right;}
footer{ padding:10px 0;}
.text_right, .social_icon{ width:100%; text-align:center; margin:5px 0;}
.trainer_article{margin-top:20px; padding-bottom:20px;}
.detail{ margin-top:10px;}
.trainer_article .detail{  text-align:left;}
.detail ul li{ font-size:15px; line-height:24px;}
.block_section{ float:none; display:inline-block; margin:10px 0 !important; left:0px !important; width:100%;}
.bg{ margin-bottom:45px;}
.text_detail{ top:95px;}
.block_section h2{ top:40%;}
.programme_section h4{ text-align:center;}
.form{ margin:0px;}
.form a{ display:inline-block;}
.bg{ margin-top:30px;}
#form_popup{ width:50%;}
#form_popup h2{ font-size:23px;}
}
@media ( max-width:705px) {
.banner_text h1{ font-size:35px;}
.trainer_bg{ padding:16% 0;}
#form_popup{ width:60%;}
}
@media ( max-width:595px){
.padding2{ padding:30px 70px !important;}
#form_popup{ width:70%;}
}
@media ( max-width:570px){
.modal, .detail{ width:100%;}
.review_section .logo{ display:none;}
.trainer_article{ text-align:center;}
.padding{ padding:30px 80px !important;}
}
@media ( max-width:520px){
.programme_section .text_detail p{ padding:10px 100px !important; font-size:15px; line-height:25px;}
.text_detail h3{ padding-bottom:10px;}
}
@media ( max-width:505px){
.banner_text h1{ font-size:28px;}
.banner_text h2{ font-size:22px; padding:15px 0;}
.btn{ width:235px; height:45px; line-height:48px;}
#form_popup{ width:80%;}

}
@media ( max-width:460px){
.programme_section h4, .tagline, .trainer_bg h2, .block_section h2{ font-size:24px;}
.review_section h2{ font-size:30px;}
#form_popup h2{ font-size:19px;}
#form_popup h3{ font-size:19px;}
}
@media ( max-width:420px){
.banner_text h1{ font-size:24px;}
.banner_text h2{ font-size:19px; }
.programme_section .text_detail p{ display:none;}
.text_detail a{ margin-top:35px;}
}
@media ( max-width:370px){
.bg{ width:210px; height:210px;}
.banner_text h1{ font-size:20px; font-weight:bold;}
.banner_text h2{ font-size:17px; font-weight:300;}
#form_popup{ width:90%;}
}