/*=========================================== 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;
}
 .menu li a:hover {
 background:url(../images/blackbg2.png) repeat;
}
 .menushow {
 display:block;
}
 .social {
 margin: 5px 0;
}
 .left-side {
 width:100%;
}
/* 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%;
}
.tpsprt {
	margin: 0 0 10px 0;
	float:left;
}
.tpsprt li {
	clear:both;
	margin:0px;
}
}
/*=========================================== max width 768px end =====*/


/*=========================================== max width 480px start =====*/
@media only screen and (max-width:496px) {
.colum2, .colum3, .colum4, .colum5, .colum6 {
	margin:0 0 3% 0;
	width:100%;
}
.nav {
	overflow:hidden;
	clear:both;
	text-align:center;
	float:none;
}
.nav li {
	padding:5px;
	margin:0px;
	float:none;
	overflow:hidden;
	display:block;
}
.nav li a:hover {
	color:#000;
}
.weblogo img {
	width:100%;
}
}
/*=========================================== max width 480px end =====*/