/*=========================================== max width 1024px start =====*/
@media only screen and (max-width:1040px) {
.top-colum, .body-colum, .fotercolum {
	width:100%;
}
.center-div {
	width:100% !important;
}
.body-part {
	padding: 10px 20px;
}
.scl {
	position:absolute;
}
/*=========================================== max width 1024px end =====*/

/*=========================================== max width 800px start =====*/
@media only screen and (max-width:830px) {
/* index css start */
.menuwrap {
 position:relative;
}
.menu {
 float:right;
}
 .menu ul {
 width:200px;
 position:absolute;
 background-color:#b58063;
 right:-5px;
 top:35px;
 float:right;
 z-index:999;
 display:none;
}
.menu li {
 float:none;
 border-bottom:solid 1px #c48969;
}
.menu li a {
 padding:10px 15px;
}
.menushow {
 display:block;
}
/* index css end */	
.left-container {
 width:100%;
}
.right-container {
 width:100%;
 clear:both;
}
}
/*=========================================== max width 800px start =====*/


/*=========================================== max width 768px start =====*/
@media only screen and (max-width:785px) {
.colum4, .colum3 {
	margin:0 0 3% 4%;
	width:48%
}
.colum5, .colum6 {
	margin:0 0 3% 2%;
	width:32%;
}
}
/*=========================================== max width 768px end =====*/



/*=========================================== max width 640px start =====*/
@media only screen and (max-width:655px) {
.servcol {
	margin:0 0 15px 0;
}
}
}
 
/*=========================================== max width 640px end =====*/



/*=========================================== max width 480px start =====*/
@media only screen and (max-width:496px) {
.colum2, .colum3, .colum4, .colum5, .colum6 {
	margin:0 0 3% 0;
	width:100%;
}
.support {
	float:left;
}
.pnme {
	float:none;
}
.pnme span {
	display:none;
}
.pfdet {
	text-align:left;
}
.nav li {
	padding:5px;
	overflow:hidden;
}
.nav li a:hover {
	color:#000;
}
.weblogo {
	margin:2px 5px 0 5px;
}
.weblogo img {
	width:100%;
}
.body-part {
	padding:0 10px;
}
.scl {
	position:inherit;
}
.scl li {
	margin:0px 7px 5px 0;
	float:left;
	clear:none;
	width:50px;
	border-radius:inherit;
	background-color:transparent;
}
.scl li span {
	display:none;
}
.scl li:hover {
	margin:-10px 7px 5px 0;
	background-color:transparent;
}
.mnpic {
	clear:both;
	width:100%;
}
}
/*=========================================== max width 480px end =====*/


/*=========================================== max width 360px start =====*/
@media only screen and (max-width:365px) {
}
/*=========================================== max width 320px end =====*/


/*=========================================== max width 320px start =====*/
@media only screen and (max-width:325px) {
.support {
	margin:-3px 0 10px 0;
	background:url(../images/trans2.png) repeat scroll left top;
	width:inherit;
	overflow:hidden;
	height:auto;
	clear:both;
}
.spnber {
	margin: 25px 0 0 35px;
}
}
/*=========================================== max width 320px end =====*/