@media  screen and (max-width: 768px) {
.menu label {
display: block;
padding: 5px;
background:#222;
border-bottom: 1px solid #fff;
color: #fff;
font-weight: bold;
}
.menu label:before{
font-family: fontawesome;
content: "\f550";
padding-right: 5px;
}
.menu-bg ul li {
width: 100%;
display: block;
border: none;
border-bottom: 1px solid #ddd;
}
.menu-bg ul li a:hover{
cursor: pointer;
color: #ffffff;
}
.menu-bg{
display: none;
}
.menu{
text-align: left;
padding: 0;
}
.service-section{
	display: none;
}
.left-side{
display: none;
}
.right-side{
	display: none;
}
.footer{
display: none;
}
.banner{
height: 100%}
}
@media  screen and (max-width: 992px) {
.search-bar{
display: none;
}
.right-info{
display: none;
}  
.left-box:nth-child(2) , .left-box:nth-child(3){
display: none;
}
.description{
max-height: 200px;
overflow: scroll;
}
}