@media  screen and (max-width: 992px) {
.search-bar{
display: none;
}
.left-side{
max-width: 330px;
margin: auto;
}
.logo{
/*    width: 50%;*/
}
.right-info{
display: none;
}
.categories ul li:last-child{
display: none;
}
.categories ul li a{
margin: 0;
}
.buttons ul li{
margin: 0;
}
.gallery{
  text-align: center;
  margin-bottom: 10px;
}
}
/*992-end*/
@media  screen and (max-width: 768px) {
.menu label {
display: block;
padding: 5px;
background:#ddd;
color: #000;
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 #fff;
}
.menu-bg ul li a{
display: block;
border: none;
}
.menu-bg ul li a:hover{
cursor: pointer;
color: #ffffff;
}
.menu-bg{
display: none;
background: #ddd;
}
.menu{
text-align: left;
padding: 0;
background: none;
}

.left-side{
display: none;
}
.tabs label{
display: block;
margin:0;
}
.logo h1{
font-size: 30px;
}
.gallery{
text-align: center;
margin-bottom: 10px;
}
.categories ul li a{
padding: 7px;
font-size: 13px;
}
.promo{
margin-top: 0;
}
.categories-box2{
display: block;
}
.cate-box{
max-width: 210px;
margin: 5px;
display: inline-block;
padding: 5px;
}
.description{
max-height: 300px;
overflow: scroll;
}
.tittle{
  height: auto;
}
.tittle h1{
  font-size: 14px;
}
.promo ul li{
padding: 9px;
display: inline;
font-size: 10px;
font-weight: bold;
}
.promo ul li i{
  font-size: 12px;
}
.promo ul li img{
  max-width: 20px;
  position: relative;
  bottom: 2px;
}

.service-section{
  display: none;
}
}
/*768-end*/
@media  screen and (max-width: 469px) {
.buttons ul li a{
padding: 10px;
}
.categories ul li a{
  font-size: 7px;
}
.promo1{
  margin-top: 0;
}
.middle{
  margin-top: 7px;
  padding: 5px;
}
.gal-content{
  height: auto;
}
.cate-img{
  height: auto;
}
}
/*469-end*/