.spinner1 .fa-spinner, .spinner2 .fa-spinner, .spinner3 .fa-spinner { color:#fff; font-size:5em }
.spinner1 .spinner-new { width: 100px; height: 100px; position: absolute; top: calc(90% - 70px); left: calc(50% - 50px); }
.spinner2 .spinner-new { width: 100px; height: 100px; position: absolute; top: calc(50% - 70px); left: calc(50% - 50px); }
.spinner3 .spinner-newner { width: 100px; height: 100px; position: absolute; top: calc(50% - 10px); left: calc(50% - 50px); }


.playlist_block a.ng-isolate-scope { padding:0 !important; margin:0 !important; }
.now_playing div.played_text h3 { line-height:1.4em; padding-top:10px }
.now_playing div.played_text p { font-size:1.3em; line-height:1.4em; }
.playlist_block a.ng-isolate-scope { display:none; }
.now_playing .upnext.mCustomScrollbar { position:relative;  }
.clearqueuebtn { font-size:11px;float:right; position:absolute; top:0; right:0; }
#content-2 h4 { color:#fff; }

@media (max-width: 1366px) {
.screen_black { height: 360px; top: 25px; width: 632px;}
}

@media (max-width: 1159px) {
body{font-size:12px;}
#navigation ul.menu li a{padding:25px 15px;}
.img_icon_inline{display:block;}
.player_text h2, .banner_text h2, .scren_btmtext h2{font-size:35px;}
.player_text p, .sunfly_text ul, .banner_text p, .work_article p{font-size:12px;}
.scren_btmtext h3, .player_text h3, .banner_text h3{font-size:18px;}
.logo-bg h1.logo{padding:15px 0;}
#current_player{width:70%;}
}

@media (max-width: 1024px) {
.screen_black { height: 269px; top: 18px; left:18px; width: 474px;}
}

@media (max-width: 1023px) {
#navigation ul.menu li a{font-size:13px; padding:20px 5px;}
ul.useful-links li a{font-size:13px;}
ul.useful-links{padding: 13px 0 0;}
.logo-bg h1.logo{padding:5px 0;}
.player_text h2, .banner_text h2, .scren_btmtext h2{font-size:25px;}
.top_list{width:82%;}
.footer ul li a{padding:0 3px; font-size:11px;}
.player_text{top:10%;}
.currentsong{margin-top:25%; width:80%;}
}

@media (min-width: 768px) and (max-width: 991px) {
   .currentsong { top:0; margin-left:20px; }
   .outer_div { margin:0; float:left; }
}


@media (min-width: 767px) {
   .nav_padd ul li{ font-size:10px; display:block;}
}

@media (max-width: 767px) {

.close_slider { margin-top:10px; text-align:center; }
#innernav ul li .fa-stack { height:50px; }
.logo_inner{ margin:120px 0 0 15px; position:relative; width:60%; text-align:center; float:left;  }
.logo_inner #mainsslogo { width:100%; }
.tracknotice { position:relative; float:left; width:30%; margin-top:110px; left:15px; top:0; font-size:2em; line-height:1.2em; }
.work_article, .sunfly_text{margin:10px 0;}
.sunfly_text ul{margin-bottom:10px;}
.screen{position:relative; width:100%; top:0; left:0;}
.scren_btmtext{position:relative; width:100%; top:0; left:0;}
.player_text{position:relative; width:100%; top:0; left:0;}
.mob_nav{display:block; width:97px; border-radius:3px; margin:2px 0;   clear:both; border-top:#242424 1px solid; border-bottom:#242424 1px solid; background-color:#000;}
.mob_nav a{display:block; padding:10px 0; margin:0 6px; text-decoration:none; text-indent:-9999px; color:#FFF; font-weight:400; font-size:14px; position:relative; text-transform:uppercase;}
.mob_nav a:after{position:absolute; left:0; top:9px; content:'MENU'; text-indent:0;}
.mob_nav a:before{content: "\f0c9"; position:absolute; font-size:28px; color:#FFF; top:3px; right:2px; font-family: 'FontAwesome'; font-weight:normal; text-indent:0;}
.mob_nav.arrow_change{background-color:#ff0095; border-color:#ff0095;}
.mob_nav.arrow_change a:before{content: "\f00d";}
.mob_nav.arrow_change a:after{content:'CLOSE';}
#navigation ul.menu{text-align:left;}
#navigation{ background-color:#000;  width:100%; float:left; display:none; margin:0 0 10px 0; border-radius:4px; padding:5px 0;}
#navigation ul.menu li a{color:#FFF;}
ul.useful-links{padding: 5px 0 0; float:right; width:auto;}
.inv_nav{display:none;}
#navigation ul.menu li{display:block; width:100%; border-bottom:#222222 1px solid;}
#navigation ul.menu li:last-child{border:none;}
#navigation ul.menu li a{padding:8px;}
#navigation ul.menu li a:hover{color:#fff; background-color:#ff0095;}
.footer ul li{width:100%; display:block; border-bottom:#222222 1px solid;}
.footer ul li a{border:none; font-size:13px; padding:8px; display:block;}
.footer ul li a:hover{color:#fff; background-color:#ff0095;}
.logo_inner img{margin:0 auto;}
.advert_box{display:none;}
#upnext{position:relative; top:0; left:0;  width:100%; clear:both; padding-top:15px;}
#current_player{position:relative; top:0; left:0; width:70%;  float:left; padding-top:15px;}
.currentsong{ width: 100% !important; margin:0px !important; top:0px !important;}
.currentsong .para{ font-size:24px !important;}
#next_fotter{ display:none !important;}
.currentsong .paraShow{ height:240px !important;}
#player_box.isOpen{ width:320px !important;}
#innernav ul li{padding:0 4px !important;}
.search_current{position:relative; top:20px; left:0; width:auto;}
#innernav{padding:15px 0 0 0;}
.screen{margin-top:0;}
.full_screen_control .playing_box { display:block; }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .currentsong .paraShow{ height:100% !important;}
   .full_scrn .currentsong .full_screen .text-format { height:calc(100% - 40px) !important; }
   .full_screen_control .playing_box { display:none; }
   .full_scrn .currentsong .full_screen .full_screen_control { height:40px }
    
}

/*@media screen and (max-width: 767px) and (orientation: portrait) {
   .currentsong .paraShow { height:240px !important;}
   .full_scrn .currentsong .full_screen .text-format { height:calc(100% - 50px) !important; }
    
}*/

@media (max-width: 480px) {
.close_slider { margin-top:15px; text-align:center; font-size:24px; }
#innernav ul li .fa-stack { height:50px; }
.banner_text p, .divide_line, .banner_text h3{display:none;}
.banner_text a.start_profile_btn{font-size:12px;}
.scren_btmtext h2{padding-bottom:10px;}
.social_top{top:10px; right:10px;}
#innernav ul li{padding:0 5px;}
.player_padd{margin:0 5px !important;}
.font_style_box ul li strong{font-size:18px;}
ul.customize_tab{font-size:13px;}
.player_aud{width:100%;}
.playing_box{width:100%; padding:5px 0 0;}
.player_lirix{padding:0;}
.your_played, .last_played{padding-left:0;}
.solidcol_box span{margin:0 4px 0 0;}
.file_input_textbox{width: 193px;}
.font_style_box ul li span{font-size:12px;}
.font_style_box ul li{padding:4px 9px;}
.buysong{padding:10px 10px 0 0;}
.open_box_button{left:0;}
.slideup, .slidedown{ overflow-y:visible;max-height:300px !important}
.box_button{ top:41%;}
.browse_link a.activelnk{font-size:24px;}
.playing_box{padding-left:10px;}
.player_text{padding:25px 0;}
.screen_black { height: 253px; top: 17px; left:17px; width: 444px;}
.currentsong { top:180px !important; }
/*.full_scrn .currentsong { top:0 !important; }*/
aside#player_box { position:absolute; top:0; left:0; width:100%; height:95px; }
.full_scrn .currentsong{ width: 100% !important; margin:0px !important; top:0px !important;}

}

@media (max-width: 320px) {
.playlist_new .play_list ul li { margin:8px; }
.screen_black { height: 167px; left: 12px;  top: 12px;  width: 295px; }
#innernav ul li a { color:#fff; display:block; clear:both; height:40px; width:48px; }
#innernav ul li .fa-stack { display:block; clear:both; height:30px; margin-bottom:4px }
#innernav ul li .fa-lg { font-size:1em }
#innernav ul li .fa-stack-2x { font-size:3.2em }
#innernav ul li .fa-stack-1x { font-size:1.2em; top:6px; }
#innernav ul li{padding:0 5px; font-size:10px; }
aside#player_box { position:absolute; top:0; left:0; width:100%; height:75px; }
.logo_inner { margin-top:90px; height:40px }
.tracknotice { margin-top:80px; }
.currentsong { top:135px !important }
.full_scrn .currentsong{ width: 100% !important; margin:0px !important; top:0px !important;}
/*#upnext{ padding-top:5px;}
#current_player{ padding-top:5px;}*/

}

@media only screen and (min-width : 769px) and (max-width : 1060px) {
   .full_screen{height: 40% !important;}
   .currentsong .para {   font-size: 40px !important;}
}