/*=========================================== max width 1024px start =====*/
@media only screen and (max-width:1020px) {
.body-colum, .fotercolum, .headercolum {
 width:100%;
}
.body-part {
 padding:0 15px;
}
.center-div {
 padding:0px 10px !important;
 width:100% !important;
}
 .menu {
 margin:30px 0 0 0;
 width:200px;
 position:absolute;
 right:10px;
 background-color:#2f2f2f;
 text-align:left;
 display:none;
}
.menu > ul {
 overflow:hidden;
 clear:both;
}
.menu > ul> li {
 overflow:hidden;
 display:block;
 border-bottom:solid 1px #3b3b3b;
 float:none;
}
.menu > ul> li:hover {
 background-color: #289380;
}
.menu > ul> li > a {
 padding:7px 10px;
 font-size:16px;
 overflow:hidden;
 display:block;
}
.menu > ul> li > a:hover {
 background:url(../../index.html) 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%;
}
}
/*=========================================== 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;
}
 .tpcol {
 background-color:#2f2f2f;
}
 .weblogo, .sptcol {
 background-image: none;
}
}
/*=========================================== 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 =====*/