/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    ul.playlist li .playlist-title {
        max-width: 500px;
    }
}


/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .iconShare, .linkShare {display: block;width: 100%;text-align: center;}
    .iconShare {margin-bottom: 12px;}
    .linkShare input[type="text"] {width: 93%;}
    .playerFull ul.playlist li ul.playlist-btns, .playerFull .downloadTrack a, .playerFull .fullSocial {padding-left: 25px; padding-right: 25px;}
    ul.playlist li .playlist-title {max-width: 320px;}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
    .playerFull .fullSocial {float: none;display: block;text-align: center;}
    .playerFull ul.playlist, .playerFull .downloadTrack {width: 50%; text-align: center;border-bottom: 2px solid #0061AE;margin-bottom: 25px;}
    .playerFull ul.playlist li {width: 100%;}
    .playerFull .downloadTrack a {border-right: 0;}
    #fixplayer {box-shadow: none;}
    #fixplayer .player {height: 80px;}
    a#opcl-usbl {display: none;}
    #fixplayer #fixplayer-prokrutka {background-color: #07A4E4;}
    #fixplayer-prokrutka span#fixplayer-prokrutka-dlina {color: #FFF !important;}
    #fixplayer #fixplayer-lcd h2#fixplayer-title {color: #FFF !important;}
    #fixplayer #fixplayer-lcd {top: 10px;}
    #fixplayer-prokrutka span#fixplayer-prokrutka-proshlo {top: 9px !important;}
    #fixplayer #fixplayer-prokrutka span#fixplayer-prokrutka-dlina {top: 9px;right: 35px;}
    #fixplayer #fixplayer-prokrutka {top: 0px;}
    #fixplayer #fixplayer-lcd {color: #fff !important;}
    #fixplayer #fixplayer-pbtns {overflow: hidden;position: absolute;top: 40px;left: -67%;}
    #fixplayer a#fixplayer-pmod:before {content: "\f453";}
    #fixplayer a#fixplayer-pmod {background: none;}
    #fixplayer #fixplayer-cf, #fixplayer #fixplayer-fav_add, #fixplayer #fixplayer-download, #fixplayer #fixplayer-volume, #fixplayer.is-radio #fixplayer-cover {display: block !important;top: 56px;}
    a#fixplayer-like {top: 46px;}
    #fixplayer-download [class*="ion"] {top: -10px;position: relative;}
    a#fixplayer-pmod {top: 37px;right: 272px !important;}
    #fixplayer-cf {top: 50px !important;}
    a#fixplayer-pmod.repeat:before {content: "\f21c" !important;}
    a#fixplayer-pmod.shuffle:before {content: "\f221" !important;}
    a#fixplayer-pmod.stop:before {content: "\f24f" !important;}
    ul.playlist li .playlist-title {max-width: 300px;}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    aside {display: none;}
    #fixplayer .player {margin-left: 0;}
    nav {display: none;position: absolute;background:url(../images/bg_aside.png);z-index: 1;left: -35px;top: -35px;width: 280px;min-height: 100%;}
    .header {display: block;width: 100%;position: relative;text-align: center;padding: 10px 0px 20px;}
    .header > span {display: inline-block; font-size: 40px;color: #07A4E4;float: left;cursor: pointer;margin-top: -1px;}
    .logoBl, .searchBl, .uPanel {display: block;}
    .logoBl {width: 100%; margin-bottom: 20px;}
    a.logo {width: 40px;}
    .uPanel {width: 230px;text-align: right;float: right;position: absolute;top: 18px;right: 0px;}
    .uName {display: none;}
    .dropdown button [class*="ion"] {font-size: 34px;top: -4px;}
    .count {margin-right: 0;float: left;}
    .nav {padding: 15px 0;}
    .nav ul {float: none;width: 100%;}
    .nav ul li a {color: #fff;white-space: nowrap;padding: 12px 30px;border-bottom: 2px solid rgba(255, 255, 255, 0.1);line-height: 16px;text-transform: capitalize;transition: all 0.3s ease 0s;}
    .nav ul li a:hover {background: rgba(255, 255, 255, 0.03);color: #fff;}
    ul.playlist li .playlist-title {max-width: 380px;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
    ul.playlist li .playlist-title {max-width: 350px;}
    footer {text-align: center; display: block;padding: 0 35px 110px;}
    footer .col {display: block;width: 100%;}
    footer .col.link ul {text-align: center;float: none;}
    footer .col.link li {float: none;padding: 0 10px;display: inline-block;}
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    ul.playlist li .playlist-title {max-width: 230px;}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    a.logo {z-index: 1;position: relative;margin-left: -25px;}
    ul.playlist li .playlist-title {max-width: 190px;}
    .iconShare > span {margin-right: 0;top: 0;display: block;margin-bottom: 12px;}
    .linkShare input[type="text"] {width: 69%;}
    .full h1 {text-align: center;line-height: 28px;}
    .full h1 a {font-size: 14px;}
    .full h1 span {font-size: 22px;}
    li.track .trackDownload {display: none;}
    #fixplayer #fixplayer-lcd {left: 80px;}
    #fixplayer #fixplayer-pbtns {left: -45%;}
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-back, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-play, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-pause, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-next {width: 28px;}
    #fixplayer-pbtns > a#fixplayer-pbtns-next:before {font-size: 30px;}
    #fixplayer-pbtns > a#fixplayer-pbtns-pause:before {font-size: 30px;}
    #fixplayer-pbtns > a#fixplayer-pbtns-play:before {font-size: 30px;}
    #fixplayer-pbtns > a#fixplayer-pbtns-back::before {font-size: 30px;}
    a#fixplayer-pmod {right: 235px !important;}
    #fixplayer-cf {right: 280px;}
    a#fixplayer-download {right: 73px;}
    #fixplayer-volume {right: 120px;}
    .titleVideo [class*="ion"] {display: none;}
    .titleVideo {text-align: center;}
    .fullText {padding: 20px;}
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
    li.track em {display: none;}
    ul.playlist li .playlist-title {max-width: 190px;}
    ul.playlist li {padding: 20px 15px 15px;}
    #fixplayer #fixplayer-cf, #fixplayer #fixplayer-fav_add, #fixplayer #fixplayer-download, #fixplayer #fixplayer-volume, #fixplayer.is-radio #fixplayer-cover {display: none !important;}
    a#fixplayer-pmod {left: 25px !important;right: auto;}
    #fixplayer #fixplayer-pbtns {width: 120px;left: 0;top: 42px;}
    .share, .infoFull {padding: 12px 10px;text-align: center;}
    .middle {padding: 15px;}
    .infoFull .raiting {float: none;}
    .playerFull ul.playlist, .playerFull .downloadTrack {width: 100%;margin-bottom: 0;}
    .playerFull ul.playlist {border-right: none;}
    .playerFull .fullSocial {margin-top: 25px;clear: both;}
}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
    ul.playlist li .playlist-title {max-width: 140px;}
    .sectionName {padding: 20px 15px;}
}