/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
  /*responsive*/
@media screen and (max-width: 980px) {
   #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{left:21px;}
   .effect2, .effect4{margin-top: 15px;}
   .figimg{right: 30px!important;}
}
@media screen and (max-width: 800px) {
  #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{left:10px;}
   .logo{margin-left: 25px;}
}
@media screen and (max-width: 767px) {
.nav.nav-pills > li {text-align: center; width: 24%;}
.logo{margin-left: 35px;}
}
@media screen and (max-width: 480px) {
  .losp {display: none;}
}
@media screen and (max-width: 360px) {
  header .logo img{width: 99%;padding:10px 0;}
  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {height: 2px; left: 0; opacity: 1; position: absolute; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; width: 80%;}
.bhoechie-tab-content .nav.nav-pills > li{margin-left:12px;}
.subimg{margin:15px 15px!important;}
}