@media only screen and (max-width: 768px){
.container,
#sidebar,
.wpb_wrapper,
footer .widget_wrap,
footer .ass,
.about .wpb_column{
width: 100%;
}
.container{
padding: 0 10px;
}
footer{
padding: 0;
background: #007fc6;
}
.footer .widget_wrap{
margin: 10px 0;
}
footer .widget_wrap:first-child{
display: none;
}
footer .footer_coms{
font-size: 11px;
}
footer .footer_coms .f_message_left{
text-align: center;
}
.about{
display: block;
padding: 10px 0 30px 0;
height: auto;
background: #e48830;
}
.gallery{
padding: 10px 0 40px 0;
}
form{
margin-top: 30px;
}
} @media only screen and (max-width:1035px) and (min-width: 768px){
.container{
padding: 0 10px;
width: 100%;
}
.content-left,
.content{
max-width: 100%;
}
footer .widget_wrap {
width: calc(90%/3);
}
} @media only screen and (max-width:1035px){
#top_bg{
overflow: hidden;
}
.top-bar{
display: none;
}
.mt_menu{
display: block;
}
header{
max-height: 50px !important;
min-height: 50px !important;
}
header .header-nav{
display: none;
}
.logo{
float: left;
max-height: 50px;
line-height: 50px;
}
.content-left,
.content{
width: 100%;
}
#breadcrumbs,
#sidebar{
display: none;
}	
}