/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {

.topmainsliderpc { height: 350px; }
	
.pagetablewidth { width: 96%; }
	
.anametop { position:relative; top:-90px; display: block; }
    
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton { height: 55px; }
.logo3d { width: auto;height: 35px; }
.languageicon { padding-top: 20px; }
#topheight { clear: both;height: 55px; }
	
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
/************************************************************************************
dl app
*************************************************************************************/
	
.topmainsliderpc { height: 280px; }
	
.mainpagepromocol1photo { line-height: 0%; }
.mainpagepromocol1photomob { display: none; }
	
.languageicon { padding-top: 20px; }
	
/************************************************************************************
3supreme
*************************************************************************************/
.boxbigtitle { font-size:  18px; }

/************************************************************************************

*************************************************************************************/
.logo3d {
	width: auto;
	height: 40px;
}

#photoheadline {
	font-size:45px;
	font-weight:bold;
	line-height:50%;
    height: 50px
}
	
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 60px
}

#topheight {
  clear: both;
  height: 60px
}
	
}




/************************************************************************************
smaller than 480
*************************************************************************************/

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

html, body, div, table, ul, li, tbody, td, tr, br, img, span, sup {
}

.anametop { position:relative; top:-60px; display: block; }
    
.displaymob { display: inline-block; }    
    
.detailcolL { width: 25%; }
.detailcolR { width: 72%; }

    
/************************************************************************************
Staycation
*************************************************************************************/
.stctulset { font-size: 20px; }
	
/************************************************************************************
content size
*************************************************************************************/
.contentcol1 { font-size: 16px; }
	
/************************************************************************************
3supreme
*************************************************************************************/
.iconmy3app { width: 30px;vertical-align: -9px; }	
.pageorderpgbut { font-size: 16px; }
	
	
/************************************************************************************

*************************************************************************************/
.pagetablewidth { width: 94%; }

.topmainsliderpc { display: none; }
.topmainslidermob { width: 100%;height: auto;background-size: 100%;background-position: center; display: inline-block;line-height: 0%; }
	
.mainpagepromocol1 { width: 99%;margin-bottom: 25px; }
.mainpagepromocol1photo { width: 100%;height: auto;line-height: 0%;background-image: url(space.png) !important }
.mainpagepromocol1photomob { display: inline; }
.mainpagepromocol1content { width: 100%;height: auto; }
.mainpagepromocol1centerframe { width: 90%;padding: 15px 0px 15px 0px; }
.boxbigtitle { font-size:  20px;padding-bottom: 5px;line-height: 120%; }
.boxbigcontent { font-size: 15px; }

	
.languageicon { padding-right: 15px; padding-top: 16px; }
	
	
sup { font-size: 10px; }

.logo3d {
	width: auto;
	height: 40px;
	margin: 5px 0px 0px 10px;
}

#photoheadline {
	font-size:18px;
	font-weight:bold;
	height: 50px
}

/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 51px;
  background:#FFFFFF;
}
	
#topheight { clear: both;height: 52px; }	
	
/****** TOP MAIN *******/


/************************************************************************************
Content
*************************************************************************************/

/****** Content *******/
#chlogo {
	float: left;
	padding: 10px 10px 0px 8px;
}

#chlogoen {
	float: left;
	padding: 10px 10px 0px 8px;
}
	
#copyright {
	width: 90%;
	text-align: left;
}

#pagefooter {
	height: 70px; padding: 10px 0px 0px 0px;
}

#pagefooteren {
	height: 70px; padding: 10px 0px 0px 0px;
}


/*******************************************
TOP
*******************************************/

#topheader {
	width: 100%;
	background: #ffffff;
	clear:both;
	text-align: left;
	padding: 0px 0px 0px 0px;
}


/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}


}