/* Media Query */
@media only screen and (max-width: 600px){
    .navbar-collapse{
      overflow: scroll;
    }
    }
  
    @media only screen and (max-width: 991px){
      .navbar-collapse{
        background-color: white;
        height: 370px;
      }
  
    }

    @media only screen and (max-width: 480px){
      a.topp{
        margin-left: 10px;
        font-size: 12px;
        text-decoration: none;
        color: white;
      }
      .h-ban{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        padding-top: 70px;
        font-family: 'myfont2';
      }
      .sec9{
        background-color: #F8F1FF;
        padding-top: 30px;
        min-height: 750px;
      }
      .inbox1{
        min-height: 400px;
        /* background-color: gray; */
        margin: 15px 0px;
        padding: 10px;
      }
      .inbox2{
        min-height: 400px;
        /* background-color: gray; */
        margin: 15px 0px;
        text-align: center;
      }
      .inbox8 {
        /* background-color: gray; */
        min-height: 250px;
        margin: 15px 0px;
      }
    .inbox9 {
      /* background-color: gray; */
      min-height: 250px;
      margin: 15px 0px;
      padding: 10px;
    }
    .inbox12 {
      /* background-color: gray; */
      min-height: 300px;
      margin: 15px 0px;
    }
    .inbox16 {
      /* background-color: gray; */
      min-height: 250px;
       margin: 15px 0px;
      padding: 10px;
    }
    #gender1{
      display: none;
    }
    #gender11{
      display: block;
    }
    /*#ndis1{*/
    /*  display: none;*/
    /*}*/
    #ndis11{
      display: block;
    }
    .inboxc6 {
      /* background-color: gray; */
      min-height: 400px;
      margin: 15px 0px;
  }
  .inboxa6 {
    /* background-color: gray; */
    min-height: 300px;
    margin: 15px 0px;
    padding: 10px;
}
  }