/* ==|== media queries ======================================================

	@media only screen and (max-width: 959px) {}
	@media only screen and (min-width: 768px) and (max-width: 959px) {}
	@media only screen and (max-width: 767px) {}
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	@media only screen and (max-width: 479px) {}

   ========================================================================== */
   @media only screen and (max-width: 1600px) 
	{
		#feature_slider .slide p, #feature_slider .slide ul { font-size:20px; text-shadow: 1px 1px 5px #333;}
	}
	@media only screen and (max-width: 1230px) 
	{
		#feature_slider .slide p	{ font-size:20px;}
		#feature_slider .slide ul { font-size:18px; }
		#feature_slider .slide h2 { font-size:40px;}
	}
	
	
	@media only screen and (max-width: 1060px) 
	{
		.ser_vice_box { max-width:700px;}
		#feature_slider .slide p	{ font-size:18px;}
		#feature_slider .slide ul { font-size:18px; }
		#feature_slider .slide h2 { font-size:36px; padding-top:30px;}
	}
	@media only screen and (max-width: 970px) 
	{
		.about_us {width:90%;}
		.chapters {width:90%;}
		.home {width:90%;}
		.testimonial_page {width:90%;}
		.tutor {width:90%;}
		.tafseer, .maintafseer {width:90%;}
	}
	
	
	@media only screen and (max-width: 934px) 
	{
		.cont_body {width:100%; }
		.key_message article { margin:0px 10px 30px;}
		.s_search {width:90%;}
		.about_us {width:90%;}
		.c_certificate{width:710px;}
		.chapters {width:90%;}
		.home {width:90%;}
		.testimonial_page {width:90%;}
		.tutor {width:90%;}
		.tafseer, .maintafseer {width:90%;}
		.share_follow3 {max-width: 69%; margin: 10px auto 20px auto;}
		.key_message { text-align:center;}
		.key_message article { float:none; display:inline-block;}
	}
	
	@media only screen and (max-width: 920px) 
	{
		#feature_slider .slide p	{ font-size:18px;}
		#feature_slider .slide ul { font-size:16px; }
		#feature_slider .slide h2 { font-size:36px; padding-top:30px;}
	}
	
	@media only screen and (max-width: 890px) 
	{
		.header_logo {top:10px; left:10px; width: 40px; height: 40px; background-position:-110px 0px; background-size:150px auto; }	
	}
	
	@media only screen and (max-width: 800px) 
	{
		.ser_vice_box { max-width:465px;}
		.fix_ground_box p { font-size:14px; line-height:16px;}
		.fix_ground_box h3 { margin:0px;}
		.items div {width: 470px;}
		.fix_ground_box section.art_wrap { height:180px;}
		.fix_ground_box section.art_wrap article { height:175px; width:124px;}
		.art_wrap .prev, .art_wrap .next { top:245px;}
		.chained{ height:200px;}
		.fix_ground_box { background-color:#0a5197;}
		footer .cont_body { width:100%;}
		footer { padding:0px 20px;}
	}
	
	@media only screen and (max-width: 767px) 
	{
		.qe_launch_bar { padding-top:50px; background:url("../../images/MainPortal/backgrounds/quran-edit_1.jpg") 50% 0% repeat-x fixed; margin-top:0px;}
		.qe_launch_bar a { width: 260px; padding: 10px 15px 5px;}
		.c_certificate{width:580px;}
		.mleft {margin-left: 10px;}
		#feature_slider {
    display: none; }
		
	}
	
	@media only screen and (max-width: 725px) 
	{
	footer .subscribefooter {left: 0px; top: 170px;}	
	footer .socialfooter {left: 25px; top:340px}
	footer .cont_body {height:400px}
	}
	
	@media only screen and (max-width: 700px) 
	{
		.switch_site {padding: 0px;}
		.switch_site a {padding: 9px 2px;}
		.switch_site a:hover, .switch_site a.active  {padding: 9px 3px;}
		
	}
	
	@media only screen and (max-width: 673px) 
	{
	.studentreg select{ width:93%;}
	.studentreg input[type="text"], .studentreg input[type="email"], input[type="password"], .studentreg textarea{width:90%; } 
	}
	
	@media only screen and (max-width: 655px) 
	{
		.main_nav a {padding: 7px 10px 7px 10px;}
		header section div.cont_body { background-size:100px auto;}
		.main_nav > nav > ul > li div { width:400px;}
		.main_nav > nav > ul > li div img { display:none;}
		.main_nav li div section:nth-of-type(3) { display:none;}
		
		.main_nav li div section:nth-of-type(2) { border:0px;}
		.main_nav > nav > ul > li:nth-of-type(2) div { right:auto; left:-88px;}
		.main_nav > nav > ul > li:nth-of-type(2) div em{ left:7px;}
		.main_nav > nav > ul > li:nth-of-type(3) div { right:auto; left:-88px;}
		.main_nav > nav > ul > li:nth-of-type(3) div em{ left:7px;}
		.main_nav li div.islamic {min-height: 50px;}
	}
	
	@media only screen and (max-width: 610px) 
	{
	input[type="text"], input[type="password"], input[type="email"], textarea, .adv_search{ width:80%; display:block; margin:0 auto 10px;}
	.contact_page select { width:84%;}
	.search_page select { width:50%;}
	.search_page .adv_search label { width:30%;}
	.search_page .checkdiv { width:354px;}
	.c_certificate {width:290px;}
	.c_certificate .key_elements{float: initial; margin: 0 auto;}
	.c_certificate .mleft {margin-left:inherit;}
	.studentreg	input[type="text"], input[type="email"], input[type="password"], textarea {display:initial;}
	.studentreg select{ width:94%;}
	}
	
	@media only screen and (max-width: 583px) 
	{
	.tutormain .logo {float: left; margin-top: 10px; margin-bottom: 10px;}
	}
	
	@media only screen and (max-width: 570px) 
	{
		.fix_ground_box { overflow:hidden; padding-top:0px; }
		.dome_box { display:none;}
		.fix_ground_box h3 { display:block; background:url(../../images/MainPortal/par_top.png) center top no-repeat; padding-top:90px;}
		.fix_ground_box a.bigButton { font-size:16px; padding:10px; font-weight:bold;}
		.ser_vice_box { width:100%; max-width:100%;}
		footer p { width:70%;}
	
		
	}
	
	@media only screen and (max-width: 530px) 
	{
		.switch_site a { display:none;}
		.switch_site a#news_alert { display:block;}
		.ads_sec img { max-width: 90%;}
		footer { background:url(../../images/MainPortal/footer.png) repeat; height:auto; padding-bottom:40px;}
		footer .cont_body section div {height: 250px;}
		footer .cont_body img.footer_logo { display:none;}
	}
	
	@media only screen and (max-width: 510px) 
	{
		.main_nav li div.menu_bar1 section li { padding:0px;}
		.main_nav li div.menu_bar1 section li:hover section li { padding:0px;}
		.main_nav li div section a.down_arrow { background-position:top 10px right 10px;}
		.main_nav li div.menu_bar1 { padding:0px;}
		
		.main_nav { padding:0px; right:auto; left:61px; top:11px; background-position:-600px -600px; }
		.main_nav span { display:block; width:40px; height:40px; background:url(/public/images/MainPortal/brand_box.png) no-repeat -631px -175px;}
		.main_nav nav { background-image:none; background:#4565a6; position:absolute; top:44px; left:-288px; padding:0px; height:auto; z-index:10000;}
		.main_nav nav li { display:block; float:none; clear:both; background:#0d2e61;}

		.main_nav a { background-image:none; padding:4px !important; padding-left:20px !important; display:block; height:auto; width:auto !important; background:#0d2e61;}
		.main_nav a:hover { background:#728fcb;}
		.main_nav li div section a {padding-left:40px !important; background:#294a84;}
		.main_nav li li li a {padding-left:60px !important; background:#4061a0;}
		.main_nav li div section li { width:230px;}
		.main_nav li div, .main_nav li div section li section { visibility:visible; position:static; opacity:1; padding:0px; border:0px; width:auto !important;}
		.main_nav li div section { margin:0px; float:none; clear:both; border:none; width:auto !important;}
		.main_nav li:hover div { border:0px;}
		.main_nav li div em,
		.main_nav li div p,
		.main_nav li div section:nth-of-type(3),
		.main_nav li div section li section li img { display:none;}
		.main_nav li .search_box { width:180px; margin-bottom:15px; margin-top:15px;}
		.main_nav li section { display:none;}
		
		.main_nav li .searchclick{top: 10px;}
		.main_nav li .searchclick:hover {background:none; }
		.main_nav li div.islamic {min-height: 0px;}
		.main_nav li div.menu_bar1 section li section li { padding:0px;}
		header section { background-position:top center;}
		header section div.cont_body { height:65px;}
		#uvTab { display:none;}
	}
	
	@media only screen and (max-width: 460px) 
	{
	.studentreg select {width:95%;}
		
	}
	
	@media only screen and (max-width: 412px) 
	{
		
	.tutor .downloading span{margin:0px;}
	.grid_layout .container .column .taf_con {height: 63px;}
	.grid_layout .container .column .taf_con span {top: 40px;}
	}
	
	@media only screen and (max-width: 400px) 
	{
		.qe_launch_bar a { width:270px; padding: 10px 0px 5px;   margin: 0px 5px 30px 5px;}
		
		.contact_page select { width:85%;}
		.search_page .checkdiv { width:254px;}
		.studentreg select {width:95%;}
		.fix_ground_box h3 { font-size:22px;}
	}
	
	@media only screen and (max-width: 364px) 
	{
	.tutormain .benefit {width: 100%;}
	.tutor .downloading a {padding: 5px 0px; width: 100%; margin: 10px 0px;}
	}
	
	@media only screen and (max-width: 360px) 
	{
	.chapters .sum_box {width:180px;}
	.home .sum_box {width:180px;}
	}
	
	@media only screen and (max-width: 350px) 
	{
		footer .cont_body {height: 430px;}
		footer .subscribefooter {width: 230px;}
		footer .subscribefooter input[type="email"] {width: 85%;}
		footer .subscribefooter input[type="button"] {width: 93%;}
		footer .socialfooter {left: 0px;top: 360px;}
	}