@media only screen and (max-width: 767px) {
  .center {
    width: 80% !important;
  }

  .center #volume-container {
    width: 100% !important;
    margin: 20px auto;
  }

  .center #volume-container #volume-slider {
    width: 100% !important;
    max-width: none !important;
  }
}

a {
  text-decoration: none;
}


.genos-title {
  font-family: "Genos", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 40px;
}

#radio_channel{
  font-family: "Genos", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;    
}

#header{
  width: 100%;
  text-align: center;
}
.buttonat {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#player-container #play-pause {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    cursor: pointer;
    text-indent: -999999px;
    height:100px;
    width: 100px;
    padding: 12px 18px;
    background-image: url('images/play.png');
    background-repeat: no-repeat!important;
    background-position: center;
    background-size:85%;
    background-repeat:no-repeat;
    background-position:center;
    background-color: white;
    border-radius: 50%;
}
.play {
  background-image: url('images/play.png');
}
.pause {
   background-image: url('images/pause.png')!important;
}

.center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
}
#play_now{
    text-align:center;
    font-size: 24px;
    padding-bottom: 15px;
    margin-top:20%;
    
}

#volume-container {
    display: block;
    margin: 20px auto;
    width: 30%;
}

#volume-slider {
    width: 100%;
}
        
.folder-button {
  background-color: #eee;

  margin: 5px 5px 5px 5px; /* Adjust the margin as per your preference */
  border: none;
  border-radius: 0px;
  cursor: pointer;
  text-align: center;
  width: 80px;
  height: 80px;

}

.folder-button > img{
    margin-left: -7px;  
}

.folder-button:hover {
    background-color: #888;
}

.active {
    background-color: #aaa;
}