/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {

.mofferframe { height: 470px;   }
.mofferframeselect { height: 470px;  }
	
/************************************************************************************
form new style
*************************************************************************************/
.formheader { width: 100%; }
.forminput {width: 325px; }
	
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

.anametop { position:relative; top:-90px; display: block; }
	
/************************************************************************************
form new style
*************************************************************************************/
.formtoR { text-align: left; } 

/************************************************************************************
S8
*************************************************************************************/
.tablewidth { width: 92% }
.logo3d {
	width: auto;
	height: 55px;
}

#photoheadline {
	font-size:45px;
	font-weight:bold;
	line-height:50%;
    height: 50px
}
	
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 76px
}

#topheight {
  clear: both;
  height: 77px
}

}

/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width: 480px) {

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	/*font-size: 16px;*/
	/*line-height: 160%;*/
}
	
.meitudes { font-size: 16px;line-height: 160%; }
	
.tdwidth{ width: 12%; }    
	
    
/************************************************************************************
form new style
*************************************************************************************/
.lablcol3 > input + div{ font-size: 14px; }
.lablcol2 > input + div{ font-size: 14px; }
    
.forminputframe { width: 100%;margin: 5px 0px; }
.formtoR { text-align: left; } 
.forminput {width: 100%; }

/************************************************************************************
SIMpaln most
*************************************************************************************/
.mofferframemain { width: 90%; margin: 10px 0px; margin-bottom: 30px; }
.mofferframe { width: 100%; height: 360px; border-radius: 15px; }
.mofferframeselect { width: 100%; height: 360px; border-radius: 15px;  }
	
/************************************************************************************
SIMpaln
*************************************************************************************/	
.displaypc { display: none;  }
.displaymob { display: inline-block; }
	
.anametop { position:relative; top:-60px; display: block; }

/**** form ****/
.formformat { float: none;width: 100%; }

.formalerttxt { padding-top: 0px; padding-left: 0px }

/*-- S8 --*/

.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
}	
	
/************************************************************************************
Content
*************************************************************************************/
#chlogo {
	padding: 0px 10px 0px 10px;
}

#pagefooter {
	height: 30px;
}


/*******************************************
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;
}


}

