@media screen and (max-width: 768px) {
.suvarea {
    width: auto;
    margin: 0 4px;
}
.coarea {
    width: 100%;
}
.mearea {
width: 96%;
clear:both;
background: #313131;
margin:0;
}
.marea {
    background: #FFF;
    padding: 5px 5px 5px 5px;
}
.coarea li {
    margin: 7px 0px;
}
#topsearch {
    clear:both;
    float:none;
    margin:0;
}
.hrarea {
    clear:both;
    float:none;
    margin-bottom: 10px;
}
.tmarea ul li a {
    font-size: 10px;
    font-weight: normal;
    padding: 13px 5px 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.tmarea {
	overflow: hidden;
}
.coarea h1 {
    font-size: 16px;
    line-height: 16px;
}
.larea {
    margin: 5px 0 5px 0px;
    padding: 3px 5px;
}
.larea img {
    float: none;
    clear:both;
    display:block;
    margin: 0 auto;
    max-width:200px;
}

.side-menu {
	display:block;
	clear:both;
}

.logo-side-menu {
	clear:both;
}
}