@media screen and (max-width: 768px) {
.container, .container2 {
    width: 95%;
    width: calc(100% - 20px);
}

.container2 {
    margin-top:5px;
}

header {
    height: auto;
}

header .logo {
    float: left;
margin-top: 3px;
margin-bottom: 3px;
}

header .logo a {
height:50px;
}

header .logo a img {
    width:200px;
    height:auto;
}

header .cimen{
	float: left;
	padding:0;
	width:100%;
	height: 31px;
	overflow: hidden;
	margin:0;
}

.cimen ul {
    float: left;
}

.top-bar, .cent-bar{
	display:none;

}

.cent, .righ {
    width: 96%;
    padding: 10px;
    float: none;
}

.cent img{
	max-width:100%;
        height:auto;
}

.cimen ul li a {
    margin: 5px 5px;
}

.cent ul, .cent ol{
			padding-left: 20px;
			margin-top: 0px!important;
			margin-bottom: 0px!important;
			margin-left: 0px!important;
		}
.tomob{
	clear:both;
	float:left;
}

.inde1{
    width: 350px;
    float:none;
    max-width:100%;
    margin-bottom:0px;
    height:auto;
}

.inde2{
    width: 100%;
    float:none;
    padding:0px 0 0 0px;
    margin-bottom:10px;
}


}