/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;  /*Scrollable contents if viewport is shorter than content. */
    }
.hide {
    display: none;
} 
.show {
    display: block;
}  
.mobile_table	{ display:none;} 
}
@media only screen and (max-width: 700px) {
.a_dark		{ overflow: hidden; display:none;}
.mobile_table	{ display:block;}
} 

.hide {
    display: none;
} 
.show {
    display: block;
}
.mobile_block	{ display:none;} 

@media only screen and (max-width: 700px) {
.a_dark		{ overflow: hidden; display:none;}
.mobile_block	{ display:block;}
}
.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 
nav				{	margin:3px 0 0 0; }	
nav2			{	margin:10px 0 0 20px; }
.material_nav	{	width:100%;
					background-color:#f3f3f3;}	
.material_nav 		ul li 			{	margin-right:40px;}	/*48*/				
.material_nav 		ul li.end		{	margin-right:-45px;}
.material_nav2	{	width:100%;
					background-color:#f3f3f3;}	
.material_nav2 		ul li 			{	margin-right:40px;}	/*48*/				
.material_nav2 		ul li.end		{	margin-right:-45px;}
.material		{	font-size:11px;}					
/* mobile */
@media only screen and (max-width: 700px) {
header			{ height:350px;}	
nav.right		{ float:left; clear:left;}
nav2.right		{ float:left; clear:left;}
ul.block-three, ul.block-two{ width:90%;}
.inner 			{ width:100%;}	
#bg 			{ display:none;}			
#footer ul.block-two li ul	{ display:none;}	
.mobile_gradient { display:block; background-image:url(../images/gr_line.jpg); 
					height:31px; width:100%;}
#black img { width:94%;}
#slider { height:100px;}																		
}
.form			{	position:fixed; top:50%; left:50%;
					width:260px; height:400px; padding:20px; background-color:#333333;
					margin-left:-130px; margin-top:-150px;}	
.a_navmobile a		{	color:#111111;}