/* ==========================================================================
	ipad
============================================================================= */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	body    { min-width:768px; max-width:1024px;}
	.back-top  { right:5%;}

}

/* ==========================================================================
	Mobile
============================================================================= */

@media only screen and (max-device-width: 767px) {
	* { line-height:1.5; }
	#cont { width: 99%; padding: 0 2%; margin:0 auto; }
	h2 { font-size:45px; }
	.mimg-scale {width:100%; height:auto;}
	.mclear { clear:both; width:1%; height:1%;}
	.logo {width:30%;}
	.logo img {width:100%;}
	.swireNewsimg {width:70%;}
    .nomob { display:none; }
    .nodsk { display:block; }
	
	.date { font-size:45px;margin:0 1% 0 0;}
	.headrow { margin:0 auto 0 auto; padding:15px 15px 0 15px; width:95%;  height:auto;}
	.row { margin:5% auto 0 auto;  padding:15px; width:95%; height:auto;}
	.row.fullwidth  { border-top:4px solid #e93830;}
	.tabs, .row.footer  { display:none; }
	.font-s { font-size:35px; line-height:normal; }

	.txt-large,.row.Subscription .subtitle  { font-size:60px;}
	.copyright,.readmore,.left_col .caption { font-size:45px; }
	
	#image_rotate { display:block; margin:-6% 1% 8% 0.2%; float:right; }
	#mMenu{ display:none; text-align:left; margin-bottom: 5%; font-size:45px; padding-bottom:10px;}

	.dskonly { display:none; }
	.mobonly { display:block; }	 
	.dskfloatleft, .dskfloatright, .dskfloatnone { float:none; clear:both; }	
	.videowrap { width:100%; }
	.videowrap img{ width:100%; }
	.videowrap .plybtn{ width:auto; }
	
	 /* ĦE Menu
	------------------------------------------------------------------------- */	
	ul#mtabs { width:100%;}
	ul#mtabs  li { display:none; width:94%; padding:3%; margin: 0 0 0 -4.2%; background:#eeede9; border-bottom: 3px solid #bbbab6;}
	ul#mtabs li.mtab { display:block; background:#dedbd6; }
	ul#mtabs  li.mblue { display:block; background:#042b78; }
	ul#mtabs  li.mhoverblue { display:block; background:#042b78; }
	ul#mtabs  li a:link, ul#mtabs li a:visited, ul#mtabs li a:hover, ul#mtabs li a:active{ color:#666;}
	ul#mtabs  li.mblue a:link, ul#mtabs li.mblue a:visited, ul#mtabs li.mblue a:hover, ul#mtabs li.mblue a:active{ color:#eec365;}
	ul#mtabs  li.mhoverblue a:link, ul#mtabs li.mhoverblue a:visited, ul#mtabs li.mhoverblue a:hover, ul#mtabs li.mhoverblue a:active{ color:#eec365;}
	ul#mtabs  li.mtab a:link, ul#mtabs li.mtab a:visited, ul#mtabs li.mtab a:hover, ul#mtabs li.mtab a:active{ color:#000;}
    ul#mtabs li.mnali { display:none; background:#fff; }

	
	 /* ĦE Footer
	------------------------------------------------------------------------- */

	.row.mfooter  { display:block; padding: 15px 15px 0 15px;}
	.row.mfooter .title { width:100%; height:auto; margin: -15% 0 0 -15px; padding: 1% 15px;background:#e5e4e0; 
		border-bottom:2px solid #000; 
	}
	.row.mfooter .title_a,  .row.mfooter .subtitle_a{font-size:45px; font-family: 'Raleway'; }
	.row.mfooter .title a  img{ width:200%; height:auto; margin-top:8px;}
	.row.mfooter .subtitle {
		width:100%; height:auto; margin: 0 0 0 -15px; padding: 2% 15px;background:#f2f1ef; 
	}
	.row.mfooter .subtitle_a a { margin: 2% 0%; line-height:1.8em; font-size:35px; }
	.row.mfooter .copyright { margin: 2% 0%; font-size:35px;}
	.mfloat-left { float:left; margin:3% 1.5%; line-height:1 }
	
	.back-top  { right:5%;}


   /* ĦE Homepage 
	------------------------------------------------------------------------- */
	.toprow { float:none;width:95%; margin:0 auto 0 auto; padding:0.3% 15px 15px 15px; display:none;}
	.toprow.img { padding:1% 15px 0 15px; display:block;}
	.toprow img{ width:100%; height:auto; margin-bottom:1%;}
	
	
	.twocenuries { display:none;}
	.lbox { width:100%; margin:3% auto; position:relative;}
	.lbox img { max-width:none;}
	.rbox, .sbox {  width:95%; margin:3% auto 8% auto; position:relative; text-align: left;}
	
	.rbox .type, .sbox .type { font-size:45px;}
	.sbox .subtitle, .rbox .subtitle { /*font-weight:bold;*/}
	
	.sbox .text, .rbox .text {
		font-size: 45px;
		color: #666;
		font-family: 'Roboto', sans-serif;

	}
	.threeItem .sbox .text, .threeItem .sbox .readmore { display: none}
	
	.threebox, .threebox.last { float:none; width:100%; margin:0 auto; background:#fff; }
	.threebox.last  { margin-bottom:-6%;}
	.threebox img, .threebox.last img{ width:100%; height:auto; margin-bottom:-1%;}
	
	.gray-sep { border-right:0;}
	
	.twoboxs, .twobox, .shortbox{
		float: none;
		width: 100%;
		height:auto;
		padding: 0;
	}
	.textboxs{
		margin:0 auto 8% auto;
		float: none;
		width: 95%;
		padding: 0 0 5% 0;
	}
	
	.shortbox {
		border-top:4px solid #e93830;
		margin: -2% 0 0 -15px;
		padding: 0 15px;
		min-height: 720px;
		height:auto;
	}
	
	.downimg  {  float:none; width:40%; margin:30px 0 0 0;}
	.downimg img {width:100%; height:auto;}
	.downbox { float:left; width:auto;  position: relative; margin:2% 3%} 
	.downbox .text { float:none; position:relative; font-size:40px; font-family: 'Raleway'; font-weight: bold; width:auto; display:inline-block; padding-right:15px; } 	
	
	.twobox img { width:100%; height:auto; margin-bottom:0;}
	.twotitle { width:95%; margin:3% auto 0 auto; line-height:1.2em; }
	.twotitle .title { margin-top: 0;}
	.twobox .subtitle { font-size:10px; line-height:1.2em;margin: 0 0 5% 0;}

	.longbox { float:none; width: 100%; background:#fff; position:relative;} 
	.longbox > .title {  border-top:4px solid #e93830; line-height:1.5 } 
	.longbox .textbox { width:100%; height:auto; border-bottom:1px solid #b3b3b3; font-size:45px; padding:2% 0 3% 0;}
	
	   /* ĦE Inside page 
	------------------------------------------------------------------------- */
	.breadcrumbs .link { width:80%; }
	.breadcrumbs .arrow { width:15%; margin-top:1.2%; margin-bottom:0;}
	.arrow img { width:15%; /*margin-right: -20%; margin-bottom:-20%*/ }
	
	.title.txt-large .txt { width:auto;}
	.title.txt-large .arrow { display:none; }	
	
	.mselmenu {display:block; width:98%; margin:0 auto 3% auto; font-size: 45px; display:none;}
	.mselmenu img { /*width:32px; height:18px; margin:16px 8px 0 0;*/
					position:absolute; height:40%; top:25%; right:2%; /*margin:5% 2% 5% 0;*/}
	.mselmenu a { color:#666; }
	.mselmenu .active { cursor:pointer; }
	.mselmenu .sub { display:none; background:#fff; border-bottom:1px solid #e7e3e0; cursor:pointer;}
	.mselmenu .sub:hover  a{  color:#fff; }
	.mselmenu .sub.last { border-bottom:0;}
	.mselmenu div { padding:2%;  }
	
	.row.igeneral { padding:0.3% 15px 15px 15px;  background:#fff; }	
		/* Left Column */
	.left_col { float:none; width:95%; margin:0% auto 3% auto; padding:0.3% 15px 15px 15px;  background:#fff;
				max-height:999999px;}
	.left_col .caption, .left_col .text { margin:0 auto; width:95%; }
	.left_col .location, .igeneral .location { /*margin:0 auto;*/ width:95%; font-size:45px; }
	.left_col img{ margin:0 auto; }
	.left_col .caption{ margin-bottom: 3%; font-size:12px; line-height:1em; }
	.left_col .location, .igeneral .location { margin-bottom: 3%;  }
	.left_col .text, .igeneral .text { font-size:45px; line-height:1.2em; padding-bottom:3%;}
	.left_col .title, .igeneral .title { font-size:60px; width:95% }
	
		/* Right Column */
	.selmenu {display:none;}
	.right_col { float:none; width: 100%; margin:0% auto 3% auto; padding:0; }
	
	.right_col .rightbox { float:none; width:97.5%; margin:0 auto; border-bottom:2px solid #8e8e8d; padding:3% 0; height:auto;}
	.right_col .rightbox  .content { width:100%; margin:0; padding-bottom:5%; line-height:1.5em;}
	.right_col .rightbox.withImg .content { height:194px; padding:0; }
	.right_col .rightbox  .content.active { background: #fff; }
	
	.right_col .rightbox  .content img{  float: right; width:194px; max-width:194px;}
	.right_col .rightbox  .content .textbox {  width:95%; padding:0; margin:0; }
	.right_col .rightbox.withImg .content .textbox { width: 68%; float: left; padding:0; margin:1%;}

	.right_col .rightbox  .content .textbox .title { font-family: 'Raleway'; font-size:45px; margin:0 0 0 2%;}
	.right_col .rightbox.withImg .content .textbox .title { font-family: 'Raleway'; font-size:45px; margin:0 0 0 2%;}
	.right_col .rightbox  .content .textbox .subtitle {  color:#d0121b; font-size:14px; margin:0 0 0 2%;}
	.right_col .rightbox .withImg .content .textbox .subtitle {  color:#d0121b; font-size:14px; margin:0; }
	
	.right_col .shortbox { margin-left:1%; width:95%; min-height: 720px; height:auto; margin:50px 0px 0px 0px}
	
    #mload { border: 16px solid #e0e0e0; border-top: 16px solid #052a78; /* Blue */ margin:0 auto;
             border-radius:50%; width:100px; height:100px; animation: spin 1.5s linear infinite; }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    
	   /* ĦE All Newswire 
	------------------------------------------------------------------------- */
	.toprow.nocontent { width:95%;}
	.row.threeItem { background: none;}
	.row.threeItem.first { margin-top:-7%;}
	.row.threeItem.mlast { margin-bottom:15%;}
	
	.ectoggle .echandle { padding:1% 0px 1% 2% !important;}
	.ectoggle .echandle .title { font-size: 50px !important; padding-left: 15px !important;}
	.ectoggle .echandle .subtitle { font-size: 35px !important; padding-left: 15px !important;}
	.ectoggle .echandle .ecimg { width:98% !important;}
	.ectoggle .echandle .ecinfo { width:90% !important; float: left !important;}
	
	.ectoggle .echandle.close, .ectoggle .echandle.open { background-image:none !important; padding-right:70px !important; }
	.ectoggle .echandle.close .ocbtn{ background:url(images/plus.png) no-repeat top right; background-size: 100%; b z-index:9999; margin: 15px 20px 0 0;}
	.ectoggle .echandle.open .ocbtn{ background:url(images/minus.png) no-repeat top right; background-size: 100%; z-index:9999; margin: 15px 20px 0 0; }
	
	.general { font-size: 45px;}
	#pgtitle { font-size: 60px !important;}
}