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

@media only screen and (max-device-width: 699px) {
 
 	/* • Common 
	------------- */	
	html body.en .adjust-sm-font-m {font-size:28px; max-height:999999px}
	html body.tc .adjust-sm-font-m {font-size:30px; max-height:999999px}
	html body.sc .adjust-sm-font-m {font-size:30px; max-height:999999px}

	html body.en body {font-size:14px; width:100%; max-height:999999px}
	html body.tc body {font-size:16px; width:100%; max-height:999999px}
	html body.sc body {font-size:14px; width:100%; max-height:999999px}

	html body.en table {font-size:26px; max-height:999999px}
	html body.tc table {font-size:26px; max-height:999999px}
	html body.sc table {font-size:26px; max-height:999999px}

	.grey-sm-txt	 { color:#333; font-size:20px; font-weight:bold;max-height:999999px}

	.menu-btn     { display:block;}
    #mobileNav    { display:block;}
	#calendar, #search, .subscribe {display:none;}
	.hidden-m	  { display:none; visibility:hidden;}

	.buttonBox.general {display:none}
	.page-container {margin-top: 50px}
	
	.error			{ font-size:24px; font-style:italic; line-height:normal; color:#e80033; padding:6px 10px 0px 10px;}
	
	/* • Back To Top
	----------------- */	
	#back-top span { width:100px; height:80px; display:block; margin-bottom:0px;
					 background: #212121 url(up-arrow.png) no-repeat center center;}

    #back-top i {font-size:50px; line-height:normal; padding-top:14px}
   

	/* • Inside Page top banner 
	---------------------------- */
	.section-banner   { display:none}
	.section-banner-m { display:block; color:#333; margin-top:180px; /*160*/ width:100%; }
	.section-banner-m h1 { display:none; color:#999; font-size:24px; line-height:normal; border-top:1px solid #e8e8e8; padding:40px 20px 0 20px; }

	.section-banner-m h2 { font-size:26px; line-height:normal; padding:0px 20px 0px 20px; display:none;}


	/* • Legend
	----------------- */
	.legend-blk { position:absolute; top:5px; left:0; width:100%;}
	.legend 	{ padding:10px 20px; font-size:25px; line-height:normal; color:#fff; font-weight:normal}
	.legend-blk-detail { width:100%; clear:both; display:table; margin-bottom:20px}


	/* • Dropdown selection box
	----------------------------------- */
    .styled-select { width:100%; height:60px; overflow:hidden;  padding:0px 15px; color:#fff; font-size:24px; cursor:pointer;
    	             font-family: "Lucida Grande","Myriad Set Pro", "Verdana", "Arial","sans-serif";
   					 background: url(images/icon-dropdown-arrow.png) no-repeat right;
   					 background-color:rgba(51, 51, 51, .8);
   					 border:none; 
   					 border-bottom:2px solid #880656;
   					 outline:none;
							  -webkit-appearance: none;
						   -webkit-border-radius: 0px;
   							  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                                      transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                     -webkit-transition-property: background-color, color;
                             transition-property: background-color, color;
                                      box-shadow: none !important;    }
	 .styled-select select:hover {color:#fff; background-color:#880656;  border-bottom: 2px solid #fff;}	

	/* iPhone */
	html.iphone body { font-size:30px;}
	html.iphone .general-content h1 { font-size:60px; color:#880656; padding-bottom:5px; line-height:normal; padding-bottom:15px; max-height:999999px} /* general-content.css */
	html.iphone .general-content h2 { font-size:40px; color:#880656; line-height:normal; padding-bottom:10px; max-height:999999px} /* general-content.css */
	html.iphone .list-item-row .item-col3 .col3-pos .item-title { font-size:40px; line-height:normal; color:#880656; border-bottom:1px solid #fff; padding-bottom:10px;  max-height:999999px}

}