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

.mainwrap {
	padding:0px;
}
.menu {
	width:200px;
	position:absolute;
	right:10px;
	top:30px;
	background-color:#20479F;
	text-align:left;
	display:none;
}
.menu > ul {
	overflow:hidden;
	clear:both;
}
.menu > ul> li {
	overflow:hidden;
	display:block;
	border-bottom:solid 1px #3b3b3b;
}
.menu > ul> li:hover {
	background-color: #e60000;
}
.menu > ul> li > a {
	padding:7px 10px;
	font-size:16px;
	text-shadow:none;
	overflow:hidden;
	display:block;
}
.menu > ul> li > a:hover {
	background:url(../images/bg1.png) repeat scroll left top;
}
.menuicon {
	display:block;
}
}

/*=========================================== max width 1024px end =====*/



/*=========================================== max width 800px start =====*/
@media only screen and (max-width:830px) {
}
/*=========================================== max width 800px start =====*/


/*=========================================== max width 768px start =====*/
@media only screen and (max-width:785px) {
.colum2 {
	margin: 0 0 5% 0;
	width:100%;
}
.colum4, .colum3 {
	margin:0 0 3% 4%;
	width:48%
}
.colum5, .colum6 {
	margin:0 0 3% 2%;
	width:32%;
}
.body-colum {
	padding:15px 0 0 0;
}
.left-side, .right-side {
	width:100%;
}
.weblogo img {
	width:100px;
}
.tpcol {
	clear:none;
	background-color:#20479F;
}
.sptcol, .scl {
	background-image:none;
	overflow:hidden;
	padding:0;
	height:auto;
}
.scl {
	padding:0 10px 5px 0;
}
.scl li img {
	width:35px;
}
.sptcol {
	margin:0 0 0 105px;
}
}
/*=========================================== max width 768px end =====*/


/*=========================================== max width 480px start =====*/
@media only screen and (max-width:496px) {
.colum3, .colum4, .colum5, .colum6 {
	margin:0 0 3% 0;
	width:100%;
}
.mainpic {
	width:100%;
	clear:both;
}
.mainpic img {
	width:100%;
}
.mainwrap {
	overflow:hidden;
	clear:both;
}
.pnme {
	float:none;
}
.pnme span {
	display:none;
}
.pfdet {
	text-align:left;
}
.hd1 {
	font-size:24px;
}
}
/*=========================================== max width 480px end =====*/



/*=========================================== max width 300px start =====*/
@media only screen and (max-width:320px) {
.scl li {
	margin: 0 15px 10px 0;
}
.support p {
	font-size: 23px;
}
.support span {
	font-size: 15px;
}
}
/*=========================================== max width 300px end =====*/