@media screen and (max-width:1023px){
    .collapse:not(.show){
      display: none!important;
    }
  }
  @media screen and (min-Width:1230px) and (max-width:1569px){
    a.custom-button{
      top: 15px;
    }
  }
  
  @media screen and (min-Width:1570px) and (max-width:2570px){
    .banner-header {
      justify-content: space-between;
      gap: 90px;
    }
    .banner-images {
      width: 100% !important;
    }
    .banner-text h1 {
      font-size: 40px;
    }
    .banner-text p {
      font-size: 20px;
    }
    a.custom-button {
      top: 0px;
      width: 21% !important;
      color: white !important;
    }
    .third {
      flex-basis: 50%;
    }
    #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){
    img.banner-images {
      width: 100% !important;
  }
  .banner-text h1 {
    font-size: 19px;
  }
  .banner-text p {
    font-size: 12px;
  }
  a.custom-button {
    background: #ff0000;
    width: 80% !important;
    color: white !important;
    border-radius: 3px;
    padding: 0px !important;
  }
  .banner-header {
    gap: 5px;
}
  a.custom-button {
    top: 0px;
    margin-top: 10px;
    width: 80% !important;
    padding: 6px !important;
  }
  .special{
    width:80%;
  }
  }
  @media screen and (max-width:768px){
    .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;
    }
  
    #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){
    .electronic-store-button {
      display: flex;
      align-items: center;
      padding: 2px;
      margin-left: 60px;
  }
    a.custom-button {
      top: 15px;
      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;
    }
  
    .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 {
    top: 15px;
    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;
   }
  
  .box-shadow{
    padding: 0%;
  }
  img.left{
    float: none;
  }
  #page-top {
    margin-left: unset;
  }
  body {
        padding-top: unset;
  }
  h3:after {
    display: none;
  
  }
  }