.mcontent ul{ padding:0 30px;}
.mcontent ol{ padding:0 30px;}

.mtab{ float:left; width:200px; margin-right:12px;}
.mtab h3{ color:#3779ba; font-size:15px; font-weight:bold;}
.mtab a{ color:#7f7f7f;}
.stab{ background:#F2F2F2; padding:5px; min-height:187px;}
.stab ul li{ line-height:25px; font-size:13px;}

.font-blue{width:100%; padding:5px 0; margin:0;}
.font-blue h2{width:100%; padding:5px 0; margin:0; color:#295887; font-size:16px; font-weight:bold;} 
.font-blue p{width:100%; padding:5px 0; margin:0; color:#393939; font-size:14px; ;}

.font-red{width:100%; padding:5px 0; margin:0; color:#da0a09; font-size:16px; font-weight:bold;}

.consulate{     border: 1px solid #D7ECFC;
    background: #EAF5FE none repeat scroll 0% 0%;
    width: 97%;
    margin-bottom: 0px;
}


prolist {
    border: 1px solid #D7ECFC;
    background: #EAF5FE none repeat scroll 0% 0%;
    width: 100%;
    margin-bottom: 0px;
}


.innerLink ul{ display:none;margin-left:15px;}
.innerLink:hover ul{display:block !important;cursor:pointer !important; }

.Ractive{color:#17385b !important; font-weight:bold;}

.map_ul{ margin:0 12px; padding:0; list-style:none;}
.map_ul li{ margin:8px 0 6px 0;}

/*Button-starts*/
.button_example{
border:1px solid #005d93; -webkit-border-radius: 1px; -moz-border-radius: 1px;border-radius: 1px; font-size:15px; font-family: "Calibri"; padding: 2px 10px 2px 10px; margin-right:5px; text-decoration:none; display:inline-block; font-weight:bold; color: #FFFFFF ;
 background-color:#2192d1 ;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2192d1), to(#2192d1));
 background-image: -webkit-linear-gradient(top, #2192d1, #2192d1);
 background-image: -moz-linear-gradient(top, #2192d1, #2192d1);
 background-image: -ms-linear-gradient(top, #2192d1, #2192d1);
 background-image: -o-linear-gradient(top, #2192d1, #2192d1);
 background-image: linear-gradient(to bottom, #2192d1, #2192d1);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2192d1, endColorstr=#2192d1);
 cursor:pointer;
}

.button_example:hover{
 border:1px solid #005d93; color:#FFFFFF;
 background-color: #6bbed2; background-image: -webkit-gradient(linear, left top, left bottom, from(#6bbed2), to(#50abc4));
 background-image: -webkit-linear-gradient(top, #6bbed2, #50abc4);
 background-image: -moz-linear-gradient(top, #6bbed2, #50abc4);
 background-image: -ms-linear-gradient(top, #6bbed2, #50abc4);
 background-image: -o-linear-gradient(top, #6bbed2, #50abc4);
 background-image: linear-gradient(to bottom, #6bbed2, #50abc4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6bbed2, endColorstr=#50abc4);
}
/*end-buttons*/ 

/*dont change*/
* html #exestylepopupdiv {position:absolute;} 
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image: url(../images/exitbg.png);margin:0; overflow-y:auto;}/*dont change*/

#exestylepopup {
		position:absolute;
		*filter:alpha(opacity=60); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		height:auto;
		min-height:120px;
		width:455px;
		top:188px; left:380px;
		background:rgba(20,59,102,0.6);	
		color:#FFFFFF;
		border:#004F9D solid 1px;
}

.closep{
	color:#fff !important;/*#cee0f4 */
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
}


.web
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
margin:0 0 15px 0;
}
.web td  
{
font-size:13px;
border:1px solid #D9E9F4;
padding:3px 3px 3px 10px;

}
.web th 
{
font-size:15px;
text-align:left;
padding:3px 0px 3px 10px;
color:#ffffff;
background-color:#316191;
border:1px solid #316191;
border-right:1px solid #224586;
}
.#web tr.alt td 
{
color:#000000;
background-color:#316191;
}
#GovlinksTable{
	width:700px;	
}
.web h4{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:0px;
	color:#316191;	
	margin-top:9px;
	margin-bottom:9px;	
}
.web a{
	color:#036;
	text-decoration:none;
}

.web a:hover{
	color:#C30;	
}
.web tr:nth-child(even)
{
	background-color:#F4F8FB;
}


div.pagination_div
{
padding: 3px;
margin: 3px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; line-height:1.5em;
text-align:right;
}

div.pagination_div a
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #d58e26;
font-weight:normal;
text-decoration: none; /* no underline */
color: #000000;
}
div.pagination_div a:hover, div.pagination_div a:active
{
border: 1px solid #d58e26;
font-weight:bold;
color: #000;
background-color:#dfc89e;
}
div.pagination_div span.current
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ff0000;
font-weight: bold;
background-color: #ffaf3c;
color: #000;
}
div.pagination_div span.disabled
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}

.youtube_img{ width:200px;}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.onebyone, table.onebyone thead, table.onebyone tbody, table.onebyone th, table.onebyone td, table.onebyone tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.onebyone thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	table.onebyone td { 
		/* Behave  like a "row" */
		position: relative;
		
	}
	
	table.onebyone td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		width: 100%; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/



.videowrapper iframe {
    width: 50%;
    height: 50%;
}	

.youtube_img{
width:100%;
}	
	
	.mtab{float:none; width:auto; text-align:center;}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}
<!--<![endif]-->