@media screen and (max-width:1023px){
  .collapse:not(.show){
    display: none!important;
  }
}

@media screen and (min-Width:1570px) and (max-width:2570px){
  #sideNav{
    width: 26%;
  }
  div.backing{
    width: 100%;
  }
  .logo1 img{
    width:66%;
  }
  .header-content{
    padding: 15px 0;
  }
  .modal-content{
    width: 100%;
    left: 14%;
  }
}

@media screen and (min-Width:992px) and (max-width:1230px){
  #sideNav{
    width: 27%;
  }
  #page-top img{
    width: 76%;
  }
  a.nav-link.js-scroll-trigger{
    font-size: 13px;
  }
  .header-sec h1{
    font-size: 18px;
  }
  .book-pro-button{
    font-size: 11px;
  }
  .modal-content{
    width: 60%;
    left: 14%;
  }
}

@media screen and (max-width:768px){
  #sideNav {
    position: static;
    width: 100%;
    height: 100%;
    flex-direction: row-reverse;
}
/* .header-sec{
  margin-top:15px;
} */
.header-sec h1{
  font-size: 22px;
}
div.backing{
  width:100%;
}
.scrollbar{
  overflow-y: hidden;
}
h3{
  text-align: center;
}
.logo1{
  margin-bottom: 15px;
}
.modal-content{
  width: 100%;
  left: 0;
}
.demo-btn{
  padding:3px 25px;
}
span.navbar-toggler-icon{
  margin-top: 15px;
}
}

@media screen and (min-Width:350px) and (max-width:480px){
    .book-pro-button{
      justify-content: center;
      margin-left: 25px;
  }
  .demo-btn{
    padding:11px 25px;
  }
  span.navbar-toggler-icon{
    margin-top: 15px;
  }
}

@media screen and (max-width:320px){
  #page_sidebars .box-shadow h3{
    padding-left: 20px;
  }

  #post_cat_form .box-shadow h3{
    padding-left: 10px;
  }

  #theme_plugin1 .box-shadow h3{
    padding-left: 15px;
  }

   .demo-btn{
     margin-left: 27px;
     padding: 11px 13px;
   }
  .book-pro-button{
     font-size: 13px;
   }
   #sideNav {
     position: static;
     width: 100%;
     height: 100%;
 }
 .header-sec h1{
   font-size: 18px;
 }
 .modal-content{
   width: 100%;
   left: 0;
 }
 .demo1-btn{
   padding:2px 12px;
 }
 span.navbar-toggler-icon{
  margin-top: 15px;
}
.box-shadow{
  padding: 0%;
}
img.left{
  float: none;
}
}
