/* ------------------- MEDIA QUERIES ------------------- */
/* STYLE 01 DESKTOP - Desktop, iPad landscape */

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

/* ------------------- MEDIA QUERIES ------------------- */

/* STYLE 01 DESKTOP - desktop, notebook */
#modeScreen::after {
	content:"01 Desktop;
	position:fixed; z-index:1234;
	bottom:5px; left:8px;
	color:#F23670;
	font-weight:bold;
	background-color:rgba(0,0,0,0.2);
	padding:5px 10px;
	border-radius:2px;
	display: block;
}

/* STYLE 02 TABLET - iPad portait, Andriod tab */

@media screen and ( max-width:1000px ) {
  #modeScreen:after { content:"desktop 02"; }
	
  .wrapper,.wrapHead,.wrapFooter { padding: 0 15px;}
    
}

/* STYLE 03 TABLET - iPad portait, Andriod tab */

@media screen and ( max-width:980px ) {
#modeScreen:after { content:"Tablet 03"; }
	
	.wrapper,.wrapHead,.wrapFooter { width:740px; padding: 0 10px;}

	#nav-main a { width: 105px;}
	
	#header .logo-main { margin-left: 0;}
	
}


/* STYLE 04 MOBILE - iPhone5 landscape, Andriod tab, Andriod mobile */

@media screen and ( max-width:768px ) {
#modeScreen:after { content:"Tablet 04"; }
	
	.wrapper,.wrapHead,.wrapFooter { width: 100%;}
	
	#highlight { height: auto;}
  
	.col-xx-6 { width:50%!important;}
	
	#nav-main a {
  width: 98px; font-size: 22px;
  line-height: 2;
	margin: 0 6px;}

}


/* STYLE 05 MOBILE - iPhone4 landscape, Andriod mobile */

@media screen and ( max-width:600px ) {
#modeScreen:after { content:"Mobile 05";}
	
	.wrapHead { overflow: visible;}
	#header .logo-main { margin:10px 0 0 0;}
	#header .logo-main img { height:48px;}
		
	.top-share { width: 100%; padding:30px 0 20px 0; float: none; clear: both; text-align: center;}
	
	#nav-main { display: none;}
	/* Mobile */
	#nav-mobile { display: block; width: 100%; position: relative;}

	.menu {
			background-color: #7c471f;
			padding:11px 8px;
      display: inline-block;
      position: absolute;
      top: 22px;
      right: 0;
      overflow: hidden;
      cursor: pointer;
    }
	/* Sub Menu Mobile */
	#nav-mobile.open .subNavMenu { height:180px; }
	#nav-mobile.open .subNavMenu { min-height:240px; }
	#nav-mobile.open .subNavMenu { min-height: 240px;}
	#nav-mobile.open .subNavMenu.mobile { height:400px;}
	
	ul.slidesjs-pagination {
  position: relative;
  bottom: 0;
  margin: 5px 0;
  right: 0;
}
	
	#footer { margin: 10px 0;}
	#footer .wrapper { height: auto;}
	#footer p.copyright { padding: 5px 0; line-height: normal;}
	
}

/* STYLE 06 MOBILE - iPhone portait */

@media screen and ( max-width:480px ) {
#modeScreen:after { content:"Mobile 06";}
	
	.col-xx-12 { width: 100%!important;}
	
	ul.slidesjs-pagination li a { line-height: 2.3; font-size: 10px;}
	ul.slidesjs-pagination li { margin-bottom: 6px;}
}
 
/* STYLE 07 FIXED - iPhone4 portrait */

@media screen and ( max-width:320px ) {
#modeScreen:after { content:"07 iPhone portrait"; }

    
}