@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;
	}

	#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;
	}
}

@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;
	}
}