#main {
    padding-top: 150px;
    margin-bottom: 10em;
  }

  @media screen and (max-width:768px) {
    #main {
      padding-top: 175px;
      margin-bottom: 5em;
    }
  }

  @media screen and (max-width:576px) {
    #main {
      padding-top: 225px;
      margin-bottom: 5em;
    }
  }

  @media screen and (max-width:480px) {
    #iconFilter {
      font-size: 0px;
    }
  }

  .listVideos, .listToTry, .listVideos{
    font-size: 0em;
  }

 #aU,
 #aC,
 aZ {
     color: rgba(113, 113, 113, 0.3);
 }

 #AC {
     color: rgba(0, 0, 0, 0);
 }
 #iconFilter{
    opacity: 1; 
    background-color:#555;
 }
#pbookFilter, #phoneticFilter{
    max-height:500px;
}
#searchKey{
     width:6em;
}
#ARBtn{
    visibility: hidden;
}
.modal-header{
    background-color:#198754;
}
.modal-body{
   height:410px;
}