
@media screen and (max-width: 920px) {
	
	section { 	
		width: 73%;	
		 }
		 
	header .dri {
		border-left:0px;
		float:right;
		margin:24px 0 0;
		padding:0 8px 0 8px;
		width:auto;
	}
	
	#divID {
		width:300px;
		margin-left:0px;
		}
		
	#search-box-form .field {
		width:110px;
		font-size:13px;
		}

	#divID table {
		width:300px;
		}
			
	aside {
		margin-left:5px; 
		width:20%;
	}
	h1 {
		margin-left:10px;	
	}
	.m_img{width:50%;}
	
	#facebox {
	    margin-left: -330px;
	    width: 650px;
	}

 #player{
 	height:283px !important;
 	width:505px !important;
 	}

}

@media screen and (max-width: 705px) {
	
	section {
		width: 65%;
		}
	
	header .dri { 
		margin:19px 6px 0 15px; 
		float:left;
		width:110px;
 		}
		
	aside {
		width:28%;
		}
		
	aside ul {
		 width:93%;
	 	}
		
	#divID {
		float:right;
		margin:15px 6px 8px;
		}
		
	h1 {
		width:90%;
		margin:16px 0px 0 10px;
		}
		
	div.faq-pagination { 
		height:90px;
		text-align:left;
		padding-left:18%;
		}
			
	div.faq-pagination a { 
		margin-top:30px;
		}	
			
	div.faq-pagination>:first-child
		{
 	    bottom: -2px;
	    left: 38%;
	    position: absolute;
		} 
		
	div.faq-pagination>:last-child
		{
 	    top: 0px;
	    left: 40%;
		margin-top:0px;
	    position: absolute;
		} 
		
		
	#facebox {
		 margin-left: -230px;
	     width: 450px;
		 }
		
	#facebox div.content {
		 width: 400px;
		 height: 400px !important;
	   	 }
	 #facebox td.body {
		 border: 3px solid #696969;
		 }
  	 #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	 	 display:none;
	 	 }
	 #player{
	 	height:173px !important;
	 	width:310px !important;
	 	}
	#audioplayer_1{width:310px !important;}
		
}



@media screen and (max-width: 501px) {
	
	header{
		text-align:center; height:auto;
		}
	h1 {
		width:95%;
		}
		
	.mobile{clear:both;font-size:0;line-height:0;height:0;}
		
	section {
		width: 96%;
		border-left:0px solid #D3E1F9;
		border-top:1px solid #D3E1F9;
		margin:30px 0 0 0;
		padding-left:3%;
		padding-right:0px;
		padding-top:20px;
		}
	
	aside {
		width:95%;
		text-align:center;
		margin-top:0px;
		}
	
	aside ul {   
		 margin: auto;
    	 width: 200px;
		 background:#D3E1F9;
	 	}
		
	aside ul ul{   
		width: 198px;;
	 	}
	
	.nav {
		margin:auto;
		}
		
	.nav li li {
	    background:#F6F9FE;
		}
		
	.nav li ul {
		   padding: 1px;
		   margin-top:-4px;
		}
		
		.nav li li.selected, .nav li li.selected a {
		    background: none repeat scroll 0 0 #5C85FF;
		}
		

	.nav li {
		    padding: 4px 0 2px;
		}
	
	header .dri {
		margin:14px auto 0 auto;
		padding:0 8px 0 8px;
		width:95%;
		}
		
	#divID {
		width:290px;
		margin:15px auto 8px;
		float:none;
		}
		
	#search-box-form .field {
		padding: 3px 0 2px 25px;
		}

	#divID table {
		width:290px;
		}
		
	#divID select {
		width: 61px;
		}
	
	footer {
		text-align:center;
		margin:40px auto 0;
		width:99%;
		}
	
	footer li {
	    float: none;
		margin:0;
		}


	#facebox {
		top: -10px;
		margin-left: -160px;
		position: absolute;
		width: 300px;
		}	
	#facebox .popup {
		width: 300px;
		}
	#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
		display:none;
		}
	#facebox td.body {
		width: 320px;
		}
    #facebox-form-reg {
		width: 250px;
		}
	#facebox div.content {
		width: 250px;
		height: 200px !important;
		}
	#tld-checkboxes li {
	    padding-left: 6px;
		width: 76px;
		}
	#facebox .footer {
	    text-align: center;
		}
	.no_mobi{display:none;}
	#audioplayer_1, #audioplayer_2, #player{display:none !important;}
}

@media screen and (max-width: 480px) {
	.no_mobi{display:none;}
	#audioplayer_1, #audioplayer_2, #player{display:none !important;}
}
