@media only screen and (max-width: 480px) {

    /*----------------------login page start ---------------------*/
    .form-section-outer {
        margin: 20px 20px;
    }
    /*----------------------login page end---------------------*/

  }

  
  @media screen and (max-width: 992px) {
    .left-sidebar{
      left: -266px
    }   
    .content-section{
      width: 100% !important;
      margin-left: 0px !important;
    }
    .left-width{
      width: 266px !important;
      left: 0px;
      z-index: 99;
      top: 75px;

    }
    .left-sidebar{
      top: 75px;
    }
    .left-width .list-unstyle li a span{
      display: block !important;
    }
    .gates-check{
      gap: 10px !important;
      flex-wrap: wrap;
    }
    .gate-button{
      margin-top: 10px;
    }
  }