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



/*=========================================== max width 800px start =====*/
@media only screen and (max-width:830px) {
/* index css start */
.menuwrap {
	position:relative;
}
.menu {
	width:200px;
	position:absolute;
	background-color:#b58063;
	left:-200px;
	top:0;
}
.menu li {
	float:none;
	border-bottom:solid 1px #c48969;
}
.menu li a {
	padding:10px 15px;
}
.menushow {
	display:block;
}
.left-container {
	width:60%;
}
/* index css end */	
	
}
/*=========================================== 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) {
.left-container {
	width:100%;
}
.right-container {
	width:100%;
	clear:both;
}
.servcol {
	margin:0 0 15px 0;
}
.scl {
	margin: 10px 10px 0 0;
	float:left;
}

body{
	 background: url(../images/bg640x360.jpg) no-repeat scroll left top;
		background-attachment:fixed;
}

}
 
/*=========================================== 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;
}

body{
	 background: url(../images/bg480x320.jpg) no-repeat scroll left top;
		background-attachment:fixed;
}

}
/*=========================================== max width 480px end =====*/


/*=========================================== max width 360px start =====*/
@media only screen and (max-width:365px) {
	body{
	 background: url(../images/bg360x640.jpg) no-repeat scroll left top;
		background-attachment:fixed;
}

}
/*=========================================== max width 320px end =====*/


/*=========================================== max width 320px start =====*/
@media only screen and (max-width:325px) {
	body{
	 background: url(../images/bg320x480.jpg) no-repeat scroll left top;
		background-attachment:fixed;
}

}
/*=========================================== max width 320px end =====*/