form {
    width: 100%;
}
.smallradiorcslider{
    max-width: calc(100% - 30px);
}
.music_section .player-volume .rc-slider-player{
    width: 60%;
    margin-top: 1px;
}
.radioplayer_wrap  .radiorcslider {
     width: 100%;
}
.radioplayer_wrap  .radiorcslider #slider-radio,
.music_section .player-volume #slider-player{height: 4px;border: 0;}
.ui-slider .ui-slider-track {
    background-color: #ffffff;
    height: 4px;
    overflow: hidden;
}
.ui-slider .ui-slider-bg {
    background: #FF9800 !important;
    height: 100%;
}
.ui-slider .ui-slider-handle {
    width: 10px!important;
    height: 10px!important;
    background: #EE655C !important;
    border: solid 2px #EE655C !important;
    cursor: pointer !important;
    border-radius: 50%;
    touch-action: pan-x !important;
    top: -3px !important;
    outline: 0!important;
    margin-left: -3px !important;
    box-shadow: 0 0 4px 1px rgb(255 152 0 / 53%);
    padding: 0;
}
div#wlkmimgmodalbox {
    max-width: 100%;
    width: 700px;
    padding: 20px;
}
div#wlkmimgmodalbox img.wlkmimgbox {
    width: 100%;
}
img.wlkm-post-image {
    cursor: pointer;
}
.radioplayer_wrap  .mobileplayer{
    display:none;
}
#playercircleslider .rs-range-color  {
    background-color: #33B5E5;
}
#playercircleslider .rs-path-color  {
    background-color: #C2E9F7;
}
#playercircleslider .rs-handle  {
    background-color: #C2E9F7;
    padding: 7px;
    border: 2px solid #C2E9F7;
}
#playercircleslider .rs-handle.rs-focus  {
    border-color: #33B5E5;
}
#playercircleslider .rs-handle:after  {
    border-color: #33B5E5;
    background-color: #33B5E5;
}
#playercircleslider .rs-border  {
    border-color: transparent;
}
.add-n-news-section .add-container h2.wmlk-purchase {
    cursor: pointer;
}
.ui-slider-track{
    margin: 0!important;
}
.mobileplayer .ui-slider{
   width: 260px;
}
.mobileplayer .ui-slider .ui-slider-track {
   border-radius: 8px;
   height: 7px;
   background-color: #fff;
}
.mobileplayer  .ui-slider .ui-slider-handle {
     background-color: #fff!important;
     border: 1px solid #ccc!important;
     width: 20px!important;
     height: 20px!important;
     border-radius: 10px;
     box-shadow: none;
     top: -6px!important;
}
.mobileplayer .ui-slider .ui-slider-bg{
   background-color: rgb(166 166 166)!important;
   height:100%;
   border-radius: 10px;
}
.home form .ui-textinput-search-icon,
.home form .ui-textinput-clear-button {
    display: none;
}
.navigation.section.no-padding {
    margin-top: 10px;
}
.songsearch .ui-textinput{
    width: 100%;
}
.ui-loader {
    display: none;
}
.rangeslider  {
    background-color: #ffffff;
    height: 8px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}
.rangeslider  .rangeslider__fill {
    background: #FF9800 !important;
    height: 100%;
    border-radius: 10px;
}
.rangeslider  .rangeslider__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 17px!important;
  height: 17px!important;
  background: #EE655C !important;
  border: solid 2px #EE655C !important;
  cursor: pointer !important;
  border-radius: 50%;
  touch-action: pan-x !important;
  outline: 0!important;
  box-shadow: 0 0 4px 1px rgb(255 152 0 / 53%);
  padding: 0;
}

.mobileplayer .rangeslider .rangeslider__fill {
    background: #a1a1a1 !important;
}
.mobileplayer .rangeslider .rangeslider__handle {
    background: #ffffff !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: 0 0 4px 1px rgb(223 223 223 / 53%);
}


@media(max-width:767px){
    .radioplayer_wrap  #mainradioplayer {
        display:none;
    }
    .radioplayer_wrap  .mobileplayer{
        display:block;
    } 
    /*.music_section .player-volume {
        margin-top: 30px;
    }*/
    .music_section .player-volume,
    .smallradio .radio-volume{
        visibility: hidden !important;
        height: 0;
        margin: 0;
        padding: 0;
    }
    .mobileplayer .smallradio{
        align-items: center;
        height: 60px;
    }
    .mobileplayer .smallradio .radiotext{
        width: auto;
        margin-bottom: 0;
    }
    .smallradio > .radio-play-btn{
        margin-left: auto;
    }
}