.reset-padding{padding:0!important;}
.reset-margin{margin:0!important;}
.container960{max-width:960px;width:100%;}
.container1000{max-width:1000px;width:100%;}
.container1210{max-width:1210px;width:100%;}
.container1330{max-width:1330px;width:100%;}


/* media query */
@media (min-width:992px) and (max-width:1270px){	
	
}
@media (min-width:768px) and (max-width:991px){
	
}
@media (min-width:480px) and (max-width: 767px){
	
}
@media (min-width:320px) and (max-width: 479px){

}
@media (max-width: 767px){	
		
}
@media (max-width: 479px){
	
}
@media (max-width: 359px) {
	
}

.vspan_2 { height : 120px }
.vspan_4 { height : 240px }
.vspan_6 { height : 360px }
.vspan_8 { height : 480px }
.hspan_2 { width : 160px }
.hspan_8 { width : 640px }
.hspan_10 { width : 800px }
.hspan_12 { width : 960px }
#perc-content { margin : 0 auto }
#perc-container { margin: 0 auto; }
#content { margin : 0 auto }
#container { margin: 0 auto; }
.perc-horizontal > .perc-region { float : left }
.perc-horizontal > .clear-float { clear : both }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.perc-vertical > .perc-widget-puff { width:100%; }
.perc-row { float: none !important; display: block !important; }
.perc-col { float:left !important; }
.perc-clear { overflow:auto !important; height:100% !important; }