@media screen and (max-width:1023px){
    .collapse:not(.show){
        display: none !important;
    }
    
}
@media screen and (min-Width:1231px) and (max-width:1569px){
  a.custom-button{
    position: relative;
    top: 15px;
  }
}

@media screen and (min-Width:992px) and (max-width:1230px){
    img.banner-images {
      width: 100% !important;
  }
  .banner-text h1 {
    font-size: 19px;
  }
  .banner-text p {
    font-size: 12px;
  }
  a.custom-button {
    top: 12px;
    background: #ff0000;
    width: 80% !important;
    color: white !important;
    border-radius: 3px;
    padding: 0px !important;
  }
  .banner-header {
    gap: 20px;
  }
  a.custom-button {
    margin-top: 10px;
    width: 80% !important;
    padding: 6px !important;
  }
    #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;
      right: 15px;
    }
    .modal-content{
      width: 60%;
      left: 14%;
    }
    #page-top {
        margin-left: 17rem;
    }
  }
  @media screen and (max-width:992px){
    .banner-header {
      justify-content: space-between;
      gap: 90px;
    }
    .banner-images {
      width: 80%;
    }
    .banner-text h1 {
      font-size: 50px;
    }
    .banner-text p {
      font-size: 30px;
    }
    a.custom-button {
      width: 21% !important;
      color: white !important;
    }
    .third {
      flex-basis: 50%;
    }
      #sideNav {
        position: static;
        width: 100%;
        height: 100%;
    }
    /* .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: 0px;
    }
    #page-top {
        margin-left: unset;
    }
    body {
        /* font-family: 'Open Sans',serif; */
        padding-top: unset;
        /* color: #333; */
    }
    h3:after {
        display: none;
      
    }
    .book-pro-button {
        display: flex;
        align-items: center;
        padding: 2px;
        gap: 10px;
        margin-left: -15px;
    }
}
@media screen and (min-Width:350px) and (max-width:480px){
    a.custom-button {
      margin-top: 0px;
      width: 60% !important;
  }
  .banner-text h1 {
    font-size: 25px;
  }
  .banner-text p {
    font-size: 17px;
  }
  .third {
    flex-basis: 100%;
  }
      .book-pro-button{
        justify-content: center;
        margin-left: 25px;
    }
    .demo-btn{
      padding:11px 25px;
      bottom: 10px;
    }
    span.navbar-toggler-icon{
      margin-top: 0px;
    }
    .banner-header {
      gap: 55px;
  }
    .banner-images {
      width: 100%;
  }
  a.custom-button {
    margin-top: 0px;
  
  }
  }
  @media screen and (max-width:320px){
      .banner-header {
        gap: 0px;
    }
    .banner-text h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 20px;
      font-weight: bold;
      margin: 10px 0;
      line-height: 1.1;
      padding: 0px;
    }
    .banner-images {
      width: 100%;
    }
    .banner-text p {
      font-size: 12px;
    }
    a.custom-button {
    
      width: 75% !important;
      color: white !important;
    }
    .third {
      flex-basis: 80%;
    }
      #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;
        margin-inline:auto 5px;
        bottom: 10px;
      }
      .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: 0px;
    }
    .box-shadow{
      padding: 0%;
    }
    img.left{
      float: none;
    }
    #page-top {
      margin-left: unset;
  }
  body {
          padding-top: unset;
  }
  h3:after {
      display: none;
    
  }
  }