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

	.contact_information{

		padding: 50px 20px 10px 20px;

	}

	#map_section iframe{

		max-width: 100%;

		height: 350px;

	}

	.payment_option_title{

		width: 260px;

	}

	.payment_option_form{

		margin-left: 270px;

	}

}



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

	#teachers_info,

	#curriculum_intro_section{

		padding: 50px 50px;

		padding-bottom: 220px;

	}

	.tf_item_desc{

		height: 150px;

	}

	.logo_wrap{

		float: none;

		width: 200px;

	}

	.main_nav{

		margin-left: 210px;

	}

	.nav_menu li a{

		font-size: 11px;

		padding: 14px 9px;

	}

	#welcome-section{

		padding-top: 70px;

	}

	.block_caption h2{

		font-size: 22px;

		margin: 0 0 15px 0;

	}

	.block_caption p{	

		font-size: 12px;

	}



	.block_4_desc h3{

		font-size: 22px;

		margin: 35px 0 30px 0;

	}

	.btn_learn_more{

		font-size: 14px;

	}

	#section_block_3{

		margin-bottom: 50px;

		background: #f5f3ef;

		padding: 40px 40px;

	}

	.register_break span{

		font-size: 24px;

	}

	#section_block_4 {

	    margin-bottom: 50px;

	    background: #a17f50;

	    padding: 40px 15px;

	}

	.hc_desc h4{

		font-size: 10px;

	}

	.hc_desc p{	

		font-size: 10px;

	}

	.gold_box_column_1{

		width: 280px;

	}

	.gold_box_column_2{

		margin-left: 310px;

	}

	.tab-pane h2{

		font-size: 28px;

	}

	.gold_box_column_1 h2{

		font-size: 28px;

	}

	.contact_column{

		width: 30%;

		margin: 0 1.666% 30px 1.666%;

	}

	.contact_column_email{

		width: 30%;

	}

	.cc_clr{

		clear: both;

		display: block;

	}

	.cta_info{

		padding-right: 300px;

	}

	.cta_info p{

		font-size: 18px;

	}

	.btnJobVacancy{

		padding: 5px 25px;

		font-size: 20px;

	}

	

	.payment_option_title{

		width: 100%;

		float: none;

		margin-bottom: 15px;

	}

	.payment_option_form{

		margin-left: 0px;

	}

	.parent_details label{

		font-size: 14px;

	}

	.parent_details .form-control{

		font-size: 14px;

	}

	.reg_box{

		padding: 20px;

	}





}



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

	.tf_item_desc{

		padding: 10px;

		height: 145px;

	}

	.tf_item h2{

		font-size: 11px;

	}

	.tf_item p{

		font-size: 10px;

		margin-bottom: 10px;

	}

	.logo_wrap{

		float: none;

		z-index: 3454;

	}

	.nav_menu{

		display: none;

	}

	.branch_tab_content h1{

		font-size: 35px;

	}

	.branch_tab_content p{

		font-size: 14px;

	}

	.tablet_search{

		display: block;

		float: right;

		margin-right: 70px;

		margin-top: 10px;

		font-size: 20px;

		color: #cb9f64;

		text-decoration: none;

	}

	.tablet_search:hover{

		color: #fff;

	}

	.slicknav_menu {

		display:block;

	}

	.slicknav_nav{

		background: rgba(41, 70, 52, 0.95);

	    position: absolute;

	    top: 0;

	    height: auto;

	    right: 0;

	    left: 0;

	    padding: 10px 0;

	    z-index: 3453;

	}

	.slicknav_nav li, .slicknav_nav ul{

		text-align: center;

	}

	.slicknav_nav a:hover {

	    -webkit-border-radius: 0px;

	    -moz-border-radius: 0px;

	    border-radius: 0px;

	    background: #254130;

	    color: #cb9f64;

	}

	.slicknav_nav li:last-child{

		display: none;

	}

	.slider-caption h1{

		font-size: 35px;

	}

	.slider-caption p{

		font-size: 16px;

	}	

	.block_caption h2{

		font-size: 18px;

		margin: 0 0 12px 0;

	}

	.block_caption p{	

		font-size: 9px;

	}

	.block_caption{

		padding: 12px 15px;

		padding-right: 40px;

		min-height: 135px;

	}

	.block_cta{

		width: 20px;

		height: 20px;

		bottom: 20px;

		right: 20px;

		line-height: 18px;

		font-size: 12px;

	}

	#welcome-section{

		padding-bottom: 110px;

	}

	#section_block_1{

		margin-top: -70px;

	}

	#section_block_1{

		margin-bottom: 20px;

	}

	.block_4_desc h3{

		font-size: 18px;

		margin: 40px 0 30px 0;

	}

	.stat_item h3{

		font-size: 10px;

	}

	.stat_item p{

		font-size: 11px;

	}

	

	.register_break span{

		font-size: 20px;

	}



	#banner-section {

		background-attachment: initial!important;

		background-size: cover!important;

	}



	#banner-section.banner-leadership {

		background-position: -200px top!important;

	}



	#banner-section.banner-curriculum {

		background-position: -500px top;

	}



	#banner-section.banner-contact {

		background-position: -100px top;

	}



	#banner-section.banner-registration {

		background-position: -100px top;

	}

	

	#section_block_4 {

	    margin-bottom: 50px;

	    background: #a17f50;

	    padding: 40px 15px;

	}

	.hc_desc h4{

		font-size: 9px;

	}

	.hc_desc p{	

		font-size: 9px;

	}

	.hc_item{

		width: 29.3333%;

		margin: 0 2% 0 2%;

	}

	.br_enrol a{

		font-size: 14px;

	}

	.service-list li h3{

		font-size: 11px;

	}

	.service-list li p{

		font-size: 10px;

	}

	#service-section,

	#contact-section,

	#assessments-section,

	#our_leadership,

	#curriculum_intro_section,

	#teachers_info,

	#our_supporters{

		padding: 50px 50px;

		margin-bottom: 50px;

	}

	#curriculum_intro_section{

		padding-bottom: 170px;

	}

	.gold_box_column_1{

		width: 250px;

	}

	.gold_box_column_2{

		margin-left: 275px;

	}

	.gold_box{

		padding: 50px 50px;

	}

	.nav-tabs>li>a{

		font-size: 11px;

	}

	.tab-pane h2{

		font-size: 22px;

	}

	.tab-content{

		padding: 50px;

	}

	.about_img_thumb{

	}

	.column_half{

		margin-right: 6%;

		width: 47%;

		float: left;

		height: auto;

	}

	.nav_menu li ul li a:hover{

		background: none;

	}

	.slicknav_nav .slicknav_row:hover{

		background: #254130;

	}

	.slicknav_nav ul{

		margin: 0;

	}

	.slicknav_nav ul li:last-child{

		display: block;

	}

	.slicknav_nav ul li a{

		text-transform: uppercase;

		font-size: 14px;

	}



	.social-widget{

		margin-bottom: 20px;

		padding-top: 20px;

	}

	.social-widget ul{

		float: none;

		text-align: center;

	}

	.social-widget ul li{

		display: inline-block;

		float: none;

		margin: 0 6px;

	}

	.a_project_by{

		text-align: center;

	}

	#footer-top-section,

	#footer-bottom-section{

		padding: 40px 0;

	}

	.footer-top-widget h2{

		font-size: 22px;

	}

	.form_item .input_text{

		font-size: 16px;

		padding: 10px 15px;

		padding-right: 87px;

		height: 40px;

	}

	.form_item .input_submit{

		height: 40px;

		line-height: 40px;

		font-size: 16px;

	}

	#section_block_6{

		padding: 40px;

	}

	#section_block_6 ul{

		margin-bottom: 0;

	}

	.reg_info_column_1,

	.reg_info_column_2{

		float: none;

		width: 100%;

		margin-right: 0;

	}

	.intro_section h1{

		font-size: 32px;

		line-height: normal;

	}

	.section_header h1{

		font-size: 32px;

		line-height: normal;

	}

	.leadership_intro{

		margin-top: 80px;

	}

	.supporter_list li{

		width: 30%;

		margin: 1.666%;

	}

	.supporter_img{

		width: 90%;

		margin: 0 auto 10px;

	}

	.leadership_bio{

		padding: 6px 12px;

	}

	.lb_info h1{

		font-size: 14px;

	}

	.lb_info h3{

		font-size: 10px;

	}

	.lb_info{

		padding-right: 70px;

	}

	#our_leadership{

		margin-bottom: 0;

		padding-top: 0;

	}

	.fixedHeader{

		position: relative;

	}

	#contact-section{

		margin-bottom: 20px;

	}

	.contact_form p{

		padding: 0 40px;

		font-size: 14px;

	}	

	.cta_info{

		padding-right: 200px;

	}

	.cta_info p{

		font-size: 14px;

	}

	.btnJobVacancy{

		padding: 5px 20px;

		font-size: 14px;

	}

	.li_location{

		width: 17.5%;

	}

	.li_time{

		width: 17.5%;

	}

	.li_title{

		width: 30%;

	}

	.li_title h1{

		font-size: 16px;

	}

	.li_title h2{

		font-size: 12px;

	}

	.reg_online_tips{

		margin-right: 180px;

	}

	.btnRegister{

		height: 40px;

		line-height: 40px;

		margin-top: -20px;

		width: 150px;

	}

	.reg_box{

		padding: 20px;

	}

	.payment_option_form .form-group{

		margin-right: 0px;

	}

	.call_today p{

		margin-bottom: 15px;

		font-size: 14px;

	}

	.call_today a[href^="tel:"]{

		font-size: 14px;

	}
	.single-branche.postid-226 #banner-section, .single-branche.postid-227 #banner-section
	{
       background-position: left top!important;

	}
 
}



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

	.opt_levels_list li .label{

		display: inline-block;

		margin-bottom: 3px;

	}

	.opt_levels_list li a{

		line-height: normal;

	}

	#curriculum_intro_section{

		padding-bottom: 80px;

	}

	#quran_options_wrap{

		margin-top: -50px;

	}

	.std_structure{

	}

	.opt_time{

		float: none;

		width: 100%;

		margin-right: 0%;

	}

	.opt_days{

		float: none;

		width: 100%;

	}

	.fee_option_box_cta{

		float: none;

		width: 100%;

		padding-top: 15px;

		overflow: hidden;

	}

	.fee_option_col_1,

	.fee_option_col_2{

		width: 30%;

		margin-right: 3.333%;

	}

	#reg_section{

		padding: 30px;

	}

	.reg_box{

		padding: 20px;

	}

	.payment_option_title{

		font-size: 16px;

	}

	.reg_info_box{

		text-align: center;

	}

	.reg_online_tips{

		margin-right: 0;

		float: none;

		margin-bottom: 20px;

		border-right: none;		

		padding-bottom: 10px;

		border-bottom: 1px solid #d7d7d7;

		text-align: left;

	}

	.btnRegister{

		padding: 0 15px;

		position: relative;

		margin-top: 0;

		height: 40px;

		line-height: 40px;

		right: auto;

		top: auto;

		display: inline-block;

	}

	.location_info_wrap,

	.reg_info_box{

	    padding: 15px 25px;

	}

	.li_title{

		width: 100%;

		float: none;

		margin-bottom: 20px;

		margin-right: 0;

		border-right: none;

		padding-bottom: 10px;

		border-bottom: 1px solid #d7d7d7;

	}

	.li_location{

		width: 32%;

		margin-right: 3%;

	}

	.li_date{

		width: 37%;

		margin-right: 3%;

	}

	.li_time{

		width: 25%;

	}

	.tf_item{

		float: none;

		width: 100%;

		max-width: 400px;

		margin: 0 auto 25px;

	}

	.tf_item_desc{

		padding: 10px 15px;

		height: auto;

	}

	.cta_info{

		padding-right: 0;

	}

	.cta_info p{

		font-size: 14px;

		margin-bottom: 15px;

	}

	.btnJobVacancy{

		position: relative;

		padding: 5px 25px;

		font-size: 14px;

		float: none;

	}

	.flex-control-nav,

	.flex-direction-nav{

		display: none;

	}

	#map_section iframe{

		max-width: 100%;

		height: 250px;

	}

	.contact_column{

		width: 48%;

		margin: 0 1% 15px 1%;

		height: 80px;

	}

	.contact_column_email{

		width: 48%;



	}

	.gold_box_column_1{

		width: 190px;

	}

	.gold_box_column_2{

		margin-left: 210px;

	}

	.gold_box_column_1 h2{

		font-size: 25px;

	}

	.gold_box_column_1 p{	

		font-size: 12px;

	}

	.gold_box{

		margin-bottom: 40px;

	}

	.gold_box_column_2 ul li{

		font-size: 12px;

	}

	.slicknav_nav a{

		font-size: 14px;

	}

	.slider-caption h1{

		font-size: 24px;

	}

	.slider-caption p{

		font-size: 12px;

	}

	.slider-caption{

		bottom: 25px;

	}

	.btn_slider{

		width: 180px;

		text-align: center;

		height: 40px;

		line-height: 40px;

	}

	#welcome-section{

		padding-top: 40px;

	}	

	.block_caption{

		padding: 8px 15px;

		padding-right: 40px;

		min-height: 90px;

	}

	.block_caption h2{

		font-size: 12px;

		margin: 0 0 10px 0;

	}

	.block_caption p{	

		font-size: 8.5px;

		color: white;

	}

	.block_cta{

		width: 20px;

		height: 20px;

		bottom: 20px;

		right: 20px;

		line-height: 18px;

		font-size: 12px;

	}

	#welcome-section{

		padding-bottom: 100px;

	}

	#section_block_1{

		margin-top: -60px;

	}

	.block_4_desc h3{

		font-size: 20px;

		margin: 0 0 30px 0;

	}

	.block_4_desc{

		width: 100%;

	}

	.btn_learn_more{

		font-size: 14px;

		width: 130px;

		padding: 8px 15px;

	}	

	

	.register_break span{

		font-size: 16px;

	}

	

	#section_block_4 {

	    margin-bottom: 50px;

	    padding: 40px 15px;

	}

	.hc_desc h4{

		font-size: 8px;

	}

	.hc_desc p{	

		font-size: 8px;

	}

	.branch{

		float: none;

		width: 100%;

		margin: 0 0 20px 0;

	}

	.service_list_item{

		width: 46%;

		margin: 0 2% 30px 2%;

	}

	.clr{  

	  display: none;

	}

	.clr_even{

	    clear: both;

	}

	#service-section,

	#assessments-section,

	#contact-section,

	#teachers_info,

	#curriculum_intro_section,

	#our_leadership,

	#our_supporters{

		padding: 40px 40px;

		margin-bottom: 40px;

	}

	.section_header p{

		font-size: 16px;

	}

	#banner-section{

		margin-bottom: 40px;

		height: auto;

	}

	.intro_section{

		max-width: 100%;

		float: none;

		padding: 20px;

	}

	.intro_section h1{

		font-size: 30px;

	}	

	.section_header h1{

		font-size: 30px;

	}

	.nav-tabs>li>a{

		font-size: 10px;

	}	

	.tab-content{

		padding: 50px;

	}

	.column_half{

		margin-right: 0%;

		width: 100%;

		float: none;

	}

	.tab-pane h2{

		font-size: 25px;

	}	

	.branch_tab_content h1{

		font-size: 35px;

	}

	.branch_tab_content p{

		font-size: 14px;

	}

	.lb_info h1{

		font-size: 24px;

	}

	.lb_info h3{

		font-size: 12px;

	}

	.our_leadership_post .col-xs-6{

		float: none;

		width: 100%;

		margin: 0 0 45px 0

	}

	.leadership_bio_wrap{

		max-width: 450px;

	}

	#our_leadership{

		margin-bottom: 0;

		padding-top: 0;

	}

	.contact_form p{

		padding: 0 20px;

		font-size: 12px;

		margin-bottom: 30px;

	}









	

	#footer-top-section,

	#footer-bottom-section{

		padding: 30px 0;

	}

	#footer-top-section .col-xs-6{

		float: none;

		width: 100%;

	}

	.widget-newsletter{

		margin-bottom: 30px;

	}

	.form_item .input_text{

		font-size: 16px;

		padding: 10px 15px;

		padding-right: 87px;

		height: 40px;

	}

	.form_item .input_submit{

		height: 40px;

		line-height: 40px;

		font-size: 16px;

	}

	.supporter_list li{

		width: 46%;

		margin: 2%;

	}

	.supporter_img{

		width: 90%;

		margin: 0 auto 10px;

	}

	.contact_form .col-xs-6{

		float: none;

		width: 100%;

		margin: 0 0 15px 0;

	}

	.contact_form .form-group .col-xs-6:last-child{

		margin-bottom: 0;

	}

	

}



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

	.opt_levels_list li{

		padding-left: 20px;

		padding-right: 20px;

	}

	.opt_upper_level{

		padding: 30px 20px;

	}

	.opt_two_third,

	.opt_one_third{

		float: none;

		margin: 0;

		width: 100%;

	}

	.opt_img{

		margin-top: 0;

		display: none;

	}

	.opt_content{

		margin-bottom: 25px;

	}

	.fee_option_col_1,

	.fee_option_col_2{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.fee_option_box_cta{

		padding-top: 0;

	}

	#reg_section{

		padding: 20px;

	}

	.btn_confirm{

		display: block;

		width: 100%;

	}

	.payment_option_title{

		font-size: 14px;

	}

	.location_info_wrap,

	.reg_info_box{

	    padding: 15px 20px;

	}

	.li_title{

		width: 100%;

		float: none;

		margin-bottom: 20px;

		margin-right: 0;

		border-right: none;

		padding-bottom: 10px;

		border-bottom: 1px solid #d7d7d7;

	}

	.li_location{

		width: 32%;

		margin-right: 3%;

	}

	.li_date{

		width: 37%;

		margin-right: 3%;

	}

	.li_time{

		width: 25%;

	}

	.btnJobVacancy{

		display: block;

		text-align: center;

	}

	#map_section iframe{

		max-width: 100%;

		height: 200px;

	}

	.contact_column{

		width: 100%;

		margin: 0 0 25px 0;

		height: auto;

		float: none;

		border-bottom: 1px solid #a17f50;

		padding-bottom: 10px;

	}

	.contact_column_email{

		width: 100%;



	}

	.contact_column h3{

		font-size: 14px;

	}

	.contact_column p{

		font-size: 12px;

	}

	.lb_info h1{

		font-size: 16px;

	}

	.lb_info h3{

		font-size: 10px;

	}

	.intro_section h1{

		font-size: 24px;

		line-height: normal;

	}

	.column_right{

		float: none;

		width: 100%;

	}

	.column_left{

		float: none;

		width: 100%;

		margin-right: 0%;

	}

	.nav-tabs>li{

		float: none;

		width: 100%!important;

	}

	.column_half{

		margin-right: 0%;

		width: 100%;

		float: none;

		height: auto;

	}	

	.tab-content{

		padding: 50px;

	}

	.tab-pane h2{

		font-size: 25px;

	}

	.nav-tabs>li>a{

		font-size: 12px;

	}

	.gold_box_column_1{

		width: 100%;

	}

	.gold_box_column_2{

		margin-left: 0;

		width: 100%;

	}

	.slicknav_nav li:last-child{

		display: block;

	}

	.tablet_search{

		display: none;

	}

	.slider-caption h1{

		font-size: 22px;

		margin-bottom: 10px;

	}

	.slider-caption p{

		font-size: 11px;

		margin-bottom: 5px;

	}	

	.slider-caption{

		bottom: 20px;

	}

	.btn_slider{

		width: 140px;

		height: 30px;

		line-height: 30px;

		font-size: 12px;

	}

	.slider-caption{

		bottom: 30px;

	}		

	.block_caption h2{

		font-size: 20px;

		margin: 0 0 10px 0;

	}

	.block_caption p{	

		font-size: 10px;

	}

	.block_item{

		float: none;

		width: 100%;

		margin-bottom: 0;

	}

	#section_block_1{

		margin-top: 0;

	}

	#welcome-section{

		padding-bottom: 40px;

	}

	#section_block_1{

		margin-bottom: 10px;

	}

	.block_3,

	.block_4{

		height: 180px;

	}

	.block_4_desc{

		max-width: 200px;

	}

	.play_trailler{

		margin-top: 10px;

	}

	.stat_item{

		float: none;

		width: 100%;

		margin-bottom: 40px;

	}

	.stat_item:last-child{

		margin-bottom: 0;

	}

	.stat_item h3{

		font-size: 13px;

	}

	.stat_item p{

		font-size: 12px;

	}

	

	.register_break span{

		font-size: 14px;

		padding: 6px 15px;

	}

	.hc_item{

		float: none;

		width: 100%;

		max-width: 215px;

		margin: 0 auto;

		margin-bottom: 15px;

	}

	#service-section,

	#assessments-section,

	#contact-section,

	#teachers_info,

	#curriculum_intro_section,

	#our_leadership,

	#our_supporters{

		padding: 40px 20px;

		margin-bottom: 40px;

	}

	.section_header h1{

		font-size: 24px;

		

	}

	.section_header p{

		font-size: 14px;

	}

	.branch_tab_content h1{

		font-size: 24px;

	}

	.branch_tab_content p{

		font-size: 14px;

	}

	.section_heading_1{

		font-size: 24px;

	}







	.footer_nav h3{

		font-size: 8px;

	}

	.footer_nav ul li a{

		font-size: 9px;

	}

	.supporter_list li h2{

		font-size: 11px;

	}

	.supporter_list li p{

		font-size: 11px;

	}

	#our_leadership{

		margin-bottom: 0;

		padding-top: 0;

	}

	.footer-top-widget h2 {

	    font-size: 18px;

	}

	.reg_person_title_wrap{

		padding: 10px 15px;

	}

	.reg_person_title{

		margin-left: 50px;

	}

	.seperator{

		width: 200px;

	}

}



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

	

	.seperator{

		width: 150px;

	}

	.reg_person_title h1{

		font-size: 14px;

		line-height: normal;

	}

	.slider-caption{

		bottom: 5px;

	}

	.lb_info h1{

		font-size: 14px;

	}

	.lb_info h3{

		font-size: 9px;

	}

	.supporter_list li{

		width: 100%;

		margin: 0 0 20px 0;

		text-align: center;

	}

	.supporter_img{

		width: 120px;

		margin: 0 auto 10px;

	}

	.section_heading_1{

		font-size: 20px;

	}

	.branch_tab_content h1{

		font-size: 20px;

	}

	.branch_tab_content p{

		font-size: 12px;

	}

	.slider-caption h1{

		font-size: 18px;

		margin-bottom: 7px;

	}

	.slider-caption p{

		font-size: 10px;

		margin-bottom: 4px;

	}

	.btn_slider{

		width: 120px;

		height: 28px;

		line-height: 28px;

		font-size: 12px;

	}

	#footer-bottom-section .col-xs-3{

		width: 100%;

		margin-bottom: 15px;

	}		

	.block_caption h2{

		font-size: 14px;

		margin: 0 0 10px 0;

	}

	.block_caption p{	

		font-size: 9px;

	}

	.stat_item h3{

		font-size: 11px;

	}

	.stat_item p{

		font-size: 11px;

	}



	.service_list_item{

		width: 100%;

		margin: 0 0 30px 0;

		float: none;

	}

	.tab-pane h2{

		font-size: 18px;

	}

	.heading_brances{

		font-size: 35px;

	}



	#our_leadership{

		margin-bottom: 0;

		padding-top: 0;

	}

}