@charset "utf-8";
/* CSS Document */

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

.menu_container, .no_video_head{display:none;}

.mobile_nav{display:block;}

.grid figcaption h3{font-size:0.9em;}

.grid figcaption span{font-size:0.7em;}

.grid figcaption a {font-size:0.7em;}

.right, .right3{width:65%;}

.box{width: 70%;}

.popup{width: 70%;}

#boxes #dialog
{
	width:53%;	
	font-size: 14pt;
}

.api
{
	width:80%;	
}

}

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

.video_cover{padding:23% 17%;}

.home_logo h2{font-size:45px}

.slogan{font-size:18px;}

.grid{width:50%;}

.ad_left, .ad_left2, .crossfadeslider{display:none;}

.right, .right3, .left, .related, .left2, .pil_right, #contact_left, #contact_right, .table input[type=text], .table input[type=date], .table select{width:100%; float:none; clear:both;}

.no_video_head span{font-size:10px;}

.right h5{font-size:16px;}

.right p, .right3 p{font-size:18px;}

.inner_footer_bg, .inner_footer_sm, .inner_footer_bgr{width:50%;}
	
}

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

.container{width:100%;}
	
.video_cover{padding:29% 17%;}

.grid{width:50%;}

.grid figcaption h3{font-size:0.8em;}

.grid figcaption span{font-size:0.9em;}

.grid figcaption a {font-size:1em;}

#latest{display:none;}

.marquee {width: 100%; float:none; clear:both;}

.search{width:100%; float:none; clear:both; padding:10px 0;}

.logo_container img {float:none; clear:both;}

#boxes #dialog
{
	width:85%;	
	font-size: 12pt;
}

}

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

.video_cover{padding:37% 17%;}

.grid{width:100%; padding: 20px 11.5%;}

.box{width: 70%;}

.popup{width: 70%; padding:0;}

.flags{width:50%;}

.flags .btn{width:70%;}

.api
{
	width:95%;
	top:10px;
}

}

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

.video_cover{padding:48% 17%;}
	
.inner_footer_bg, .inner_footer_sm, .inner_footer_bgr{width:100%; margin-bottom:20px;}

.box{width: 85%;}

.popup{width: 85%; padding:0;}

.grid{width:100%; padding: 20px;}

}

@media screen and (max-width: 479px){
	
#title_area h1{font-size:30px;}

.home_logo h2{font-size:30px;}

.video_cover{padding:55% 17%;}

.grid figcaption a {font-size:0.7em;}
	
#boxes #dialog
{
	width:95%;	
	font-size: 12pt;
}

#boxes .window {
left: 2%;
}

}