/*--------------------- Copyright (c) 2018 -----------------------
[Master Stylesheet]
Project: Miraculous - Online Music Store Html Template
Version: 1.0.0
Author: Kamleshyadav
 -------------------------------------------------------------------
[Table of contents]
1. Body
2. Normal Css
3. Loader Css
4. Nav Css / .ms_sidemenu_wrapper
5. Header Css / .ms_header
6. Banner Css / .ms-banner
7. Recent Music Css / .ms_rcnt_slider
8. Weekly Top 15 Css / .ms_weekly_wrapper
9. Featured Artists Css / .ms_featured_slider
10.New Released Css / .ms_releases_wrapper
11.Featured Album css / .ms_fea_album_slider
12.Top Genres Css / .ms_genres_wrapper
13.Live Radio Css / .ms_radio_wrapper
14.Footer Css / .ms_footer_wrapper
15.Player Css / .ms_player_wrapper
16.Album Single Css / .ms_album_single_wrapper
17.Artist Single Page / .ms_album_single_wrapper.ms_artist_single
18.Free Music Page / .ms_weekly_wrapper.ms_free_music
19.Station Page Css / .ms_top_artist
20.Download Page Css / .ms_free_download
21.Purchase Page Css / .ms_free_download.ms_purchase_wrapper
22.History Page Css / .ms_top_artist
23.AddToPlaylist Page Css / .ms_top_artist
24.Modal Css Start
25.Edit Profile Page Css / .ms_profile_wrapper
26.Plans Css / .ms_account_wrapper
27.Upload Page Css / .ms_upload_wrapper
28.Language Popup Css
29.Blog Page Css / .ms_blog_wrapper
30.Blog Single Page Css / .ms_blog_single_wrapper
31.Sidebar Css / .ms_sidebar
-------------------------------------------------------------------*/
        
        @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&display=swap');
        body {
            margin: 0;
            font-family: 'Josefin Sans', sans-serif;
            font-size: 16px !important;
            font-weight: 400;
            line-height: 24px;
            color: #777777 !important;
            background-color: #14182a !important;
        }
        /* Let's get this party started */
        
         ::-webkit-scrollbar {
            width: 6px;
        }
        /* Track */
        
         ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 3px #1b2039;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
        /* Handle */
        
         ::-webkit-scrollbar-thumb {
            height: 10em;
            border: 0.2em solid rgba(0, 0, 0, 0);
            /* Transparent border together with `background-clip: padding-box` does the trick */
            background-clip: padding-box;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            background: #2b2a2a;
            /*-webkit-box-shadow: inset 0 0 3px #28a745;*/
            -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);
        }
        
         ::-webkit-scrollbar-thumb:window-inactive {
            background: #2b2a2a;
        }
        /*====Normal Css Start====*/
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            margin-bottom: 0;
            font-family: inherit;
            font-weight: 600;
            line-height: 1.2;
            color: #28a745;
        }
        
        a {
            color: #28a745;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        a:hover {
            text-decoration: none;
        }
        
        a:focus,
        button:focus {
            outline: none;
        }
        
        .ms_color {
            color: #28a745 !important
        }
        
        .form-control {
            height: 40px;
            padding: 0px 20px;
            font-size: 16px;
            line-height: 40px;
            color: #777777;
            background-color: #fff;
            border-radius: 5px;
            border: 1px solid transparent;
        }
        
        .form-control:focus {
            box-shadow: 0px 0px 10px rgba(59, 200, 231, 0.55);
            border: 1px solid #3bc8e7;
        }
        
        select.form-control:not([size]):not([multiple]) {
            height: 40px;
        }
        
        .btn {
            font-size: inherit !important;
            border-radius: 18px !important;
            padding: 7px 12px !important;
            line-height: 1 !important;
        }
        
        .padder_top100 {
            padding-top: 100px !important;
        }
        
        .padder_top80 {
            padding-top: 80px !important;
        }
        
        .padder_top90 {
            padding-top: 90px !important;
        }
        
        .el-dialog__header {
            border: 1px solid #CBCCCD !important;
        }
        
        .profile-nav a {
            color: #fff !important;
        }
        
        .padder_top5 {
            padding-top: 5px;
        }
        
        .padder_top10 {
            padding-top: 10px;
        }
        
        .padder_top20 {
            padding-top: 20px;
        }
        
        .padder_top110 {
            padding-top: 110px;
        }
        
        .padder_top50 {
            padding-top: 50px;
        }
        
        .padder_top55 {
            padding-top: 55px;
        }
        
        .padder_top60 {
            padding-top: 60px;
        }
        
        .padder_top70 {
            padding-top: 70px;
        }
        
        .padder_top15 {
            padding-top: 15px;
        }
        
        .padder_bottom70 {
            padding-bottom: 70px;
        }
        
        .padder_bottom20 {
            padding-bottom: 20px;
        }
        
        .padder_top30 {
            padding-top: 30px;
        }
        
        .marger_top20 {
            margin-top: 20px;
        }
        
        .marger_top15 {
            margin-top: 15px;
        }
        
        .marger_bottom30 {
            margin-bottom: 30px;
        }
        
        .marger_bottom100 {
            margin-bottom: 100px;
        }
        
        .marger_bottom25 {
            margin-bottom: 25px;
        }
        
        .marger_top100 {
            margin-top: 100px;
        }
        
        .marger_top60 {
            margin-top: 60px;
        }
        
        .ms_relative_inner {
            position: relative;
        }
        
        .marger_top20 {
            margin-top: 20px;
        }
        
        .padder_bottom60 {
            padding-bottom: 60px !important;
        }
        
        .padder_bottom30 {
            padding-bottom: 30px !important;
        }
        
        .marger_bottom60 {
            margin-bottom: 60px;
        }
        
        .padding_right40 {
            padding-right: 40px;
        }
        /*====Loader Css Start====*/
        
        body.loaded .ms_loader {
            display: none;
        }
        
        .ms_loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000000;
            background-color: #1b2039;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .ms_inner_loader .ms_loader {
            background-color: #14182a;
        }
        
        .ms_inner_loader .ms_loader .bar {
            background: #3bc8e7;
        }
        
        .ms_loader .wrap {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        
        .ms_loader .wrap .lines {
            background: linear-gradient(to top, #f85032 0%, #db1ba8 82%, #db1ba8 100%);
        }
        
        .ms_loader .wrap .lines:nth-child(1) {
            -webkit-animation: lines 1s 0.1s ease-in-out infinite alternate;
            animation: lines 1s 0.1s ease-in-out infinite alternate;
        }
        
        @-webkit-keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(2) {
            -webkit-animation: lines 1s 0.2s ease-in-out infinite alternate;
            animation: lines 1s 0.2s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(3) {
            -webkit-animation: lines 1s 0.3s ease-in-out infinite alternate;
            animation: lines 1s 0.3s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(4) {
            -webkit-animation: lines 1s 0.4s ease-in-out infinite alternate;
            animation: lines 1s 0.4s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(5) {
            -webkit-animation: lines 1s 0.5s ease-in-out infinite alternate;
            animation: lines 1s 0.5s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(6) {
            -webkit-animation: lines 1s 0.6s ease-in-out infinite alternate;
            animation: lines 1s 0.6s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(7) {
            -webkit-animation: lines 1s 0.7s ease-in-out infinite alternate;
            animation: lines 1s 0.7s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(8) {
            -webkit-animation: lines 1s 0.8s ease-in-out infinite alternate;
            animation: lines 1s 0.8s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(9) {
            -webkit-animation: lines 1s 0.9s ease-in-out infinite alternate;
            animation: lines 1s 0.9s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(10) {
            -webkit-animation: lines 1s 1s ease-in-out infinite alternate;
            animation: lines 1s 1s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(11) {
            -webkit-animation: lines 1s 1.1s ease-in-out infinite alternate;
            animation: lines 1s 1.1s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        
        .ms_loader .wrap .lines:nth-child(12) {
            -webkit-animation: lines 1s 1.2s ease-in-out infinite alternate;
            animation: lines 1s 1.2s ease-in-out infinite alternate;
        }
        
        @keyframes lines {
            0% {
                height: 0;
            }
            100% {
                height: 35px;
            }
        }
        /*====Nav Css Start====*/
        
        .ms_sidemenu_wrapper {
            position: fixed;
            width: 80px;
            background-color: #1b2039;
            height: 100%;
            z-index: 10000;
            top: 0;
            bottom: 0;
            box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
        }
        
        .ms_logo {
            width: 100%;
            display: inline-block;
            text-align: center;
        }
        
        .ms_logo span {
            width: 100%;
            display: none;
            font-size: 18px;
            color: #ffff;
            text-transform: capitalize;
        }
        
        .ms_logo_inner {
            align-items: center;
            justify-content: center;
            display: flex;
            min-height: 77px;
        }
        
        .ms_nav_wrapper {
            padding: 0px 0px;
            position: absolute !important;
            left: 0;
            top: 101px;
            right: 0;
            bottom: 70px;
        }
        
        .form-control {
            display: block !important;
            width: 100% !important;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size: 14px !important;
            line-height: 1.42857143 !important;
            color: #555 !important;
            background-color: #fff !important;
            background-image: none !important;
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
        }
        
        .table th,
        .table td {
            padding: 8px !important;
        }
        
        .modal-content.modal-content .ms_nav_wrapper ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .ms_nav_wrapper ul li {
            width: 100%;
            display: block;
        }
        
        .ms_nav_wrapper ul li a {
            color: #cdcdcd;
            text-transform: capitalize;
            width: 100%;
            display: block;
            padding: 9px 0px;
            position: relative;
            text-align: center;
            font-size: 14px;
        }
        
        .ms_nav_wrapper ul li a:after {
            position: absolute;
            height: 2px;
            background-color: #252b4d;
            bottom: 0px;
            left: 20px;
            right: 20px;
            content: "";
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .ms_nav_wrapper ul li:last-child a:after {
            display: none;
        }
        
        .ms_nav_wrapper ul li a:hover,
        .ms_nav_wrapper ul li a.active {
            background-color: #2cc8e5;
            background-position: 0px 0px;
            color: #ffffff;
        }
        
        .ms_nav_wrapper ul li a:hover:after,
        .ms_nav_wrapper ul li a.active:after {
            background-color: #3bc8e7;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }
        
        .ms_nav_wrapper ul.nav_downloads {
            margin-top: 40px;
        }
        
        .ms_nav_wrapper ul.nav_playlist {
            margin-top: 40px;
        }
        
        .ms_nav_wrapper ul>li>a>span.icon {
            margin-right: 10px;
            display: inline-block;
            -webkit-transform: translate(0, -2px);
            -moz-transform: translate(0, -2px);
            -ms-transform: translate(0, -2px);
            transform: translate(0, -2px);
        }
        
        .ms_nav_wrapper span.nav_icon>.icon {
            width: 25px;
            height: 25px;
            display: inline-block;
            vertical-align: middle;
            background-image: url(../images/svg/icon.svg);
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            display: inline-block;
        }
        
        .ms_nav_wrapper ul li a span.nav_icon {
            margin-right: 0;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_discover,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_discover {
            background-position: 0px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_albums,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_albums {
            background-position: -30px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_artists,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_artists {
            background-position: -60px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_genres {
            background-position: -90px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_tracks,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_tracks {
            background-position: -120px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_music,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_music {
            background-position: -150px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_station,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_station {
            background-position: -180px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_download,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_download {
            background-position: -210px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_purchased,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_purchased {
            background-position: -240px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_favourite,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_favourite {
            background-position: -270px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_history,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_history {
            background-position: -300px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_fe_playlist,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_fe_playlist {
            background-position: -328px -28px;
        }
        
        .ms_nav_wrapper ul li a:hover span.nav_icon>.icon.icon_c_playlist,
        .icon.icon_genres,
        .ms_nav_wrapper ul li a.active span.nav_icon>.icon.icon_c_playlist {
            background-position: -360px -28px;
        }
        
        span.nav_text {
            display: block;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 10px;
            left: 100%;
            background-color: #32353d;
            padding: 0px 12px;
            white-space: nowrap;
        }
        
        .shop_body.sidebar_hide .wx_sidebar_wrapper .wx_sidebar_nav ul>li>a>.nav_text:after {
            content: "";
            position: absolute;
            top: 10px;
            left: -5px;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-right: 5px solid #32353d;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_discover {
            background-position: 0px 0px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_albums {
            background-position: -30px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_artists {
            background-position: -60px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_genres {
            background-position: -90px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_tracks {
            background-position: -120px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_music {
            background-position: -150px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_station {
            background-position: -180px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_download {
            background-position: -210px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_purchased {
            background-position: -240px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_favourite {
            background-position: -270px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_history {
            background-position: -300px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_fe_playlist {
            background-position: -328px 2px;
        }
        
        .ms_nav_wrapper span.nav_icon>.icon.icon_c_playlist {
            background-position: -360px 2px;
        }
        
        .ms_sidemenu_inner {
            width: 80px;
            background-color: #1b2039;
            height: 100%;
            z-index: 1;
        }
        
        .ms_nav_close {
            width: 55px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            position: absolute;
            right: -24px;
            top: 50%;
            background-color: #1b2039;
            border-radius: 100%;
            cursor: pointer;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            z-index: -1;
        }
        
        .ms_nav_close i {
            color: #cdcdcd;
            font-size: 20px;
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
        }
        
        .ms_sidemenu_wrapper.open_menu {
            width: 200px;
        }
        
        .ms_logo_open {
            display: none;
        }
        
        .ms_sidemenu_wrapper.open_menu .ms_logo_open {
            display: block;
        }
        
        .ms_sidemenu_wrapper.open_menu .ms_logo {
            display: none;
        }
        
        .ms_sidemenu_wrapper.open_menu .ms_sidemenu_inner {
            width: 200px;
        }
        
        .ms_sidemenu_wrapper.open_menu span.nav_text {
            opacity: 1;
            display: inline-block;
            visibility: visible;
            position: relative;
            left: auto;
            top: 0;
            background-color: transparent;
            vertical-align: bottom;
        }
        
        .ms_sidemenu_wrapper.open_menu a {
            text-align: left;
            padding: 9px 20px;
        }
        
        .ms_sidemenu_wrapper.open_menu span {
            display: inline-block;
        }
        
        .ms_sidemenu_wrapper.open_menu .ms_nav_close i {
            transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
        }
        /*==== Header Css Start ====*/
        
        .ms_content_wrapper {
            position: relative;
            margin-left: 160px;
            margin-right: 80px;
        }
        
        .ms_header {
            position: fixed;
            background-color: #1b2039;
            padding: 20px 50px;
            right: 0;
            left: 60px;
            top: 0;
            z-index: 1000;
            backface-visibility: hidden;
        }
        
        .ms_top_search {
            max-width: 600px;
            position: relative;
            display: flex;
            display: inline-block;
            width: 100%;
            float: left;
        }
        
        .search_icon {
            position: absolute;
            right: 0;
            top: 0;
            height: 36px;
            line-height: 37px;
            background-color: #28a745;
            border-radius: 0px 5px 5px 0px;
            padding: 0px 38px;
            cursor: pointer;
        }
        
        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            margin: 2px 0 !important;
            white-space: nowrap !important;
            justify-content: flex-end !important;
        }
        
        .ms_top_search .form-control {
            display: inline-block;
            height: 40px;
            padding: 0px 20px;
            font-size: 15px;
            line-height: 45px;
            color: #777;
            border: none;
            border-radius: 5px;
        }
        
        .ms_top_trend {
            float: left;
            line-height: 40px;
            padding-left: 50px;
        }
        
        .ms_top_trend a {
            color: #fff;
        }
        
        .ms_top_right {
            line-height: 40px;
            display: flex;
            place-content: flex-end;
        }
        
        .ms_top_right .ms_top_lang {
            color: #ffffff;
            text-transform: capitalize;
            display: inline-block;
            position: relative;
            cursor: pointer;
            padding-right: 23px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .ms_top_right .ms_top_lang:hover {
            color: #3bc8e7;
        }
        
        .ms_top_right .ms_top_lang:after {
            position: absolute;
            background-color: #cdcdcd;
            height: 30px;
            width: 2px;
            content: "";
            right: 6px;
            top: 6px;
        }
        
        .ms_btn {
            background-color: #3bc8e7;
            color: #fff;
            height: 30px;
            display: inline-block;
            text-transform: capitalize;
            width: 100px;
            text-align: center;
            line-height: 32px;
            border-radius: 20px;
            margin-left: 15px;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }
        
        .ms_btn:hover {
            color: #ffffff;
            box-shadow: 0px 0px 20px 0px #3bc8e7;
        }
        
        .ms_top_right .ms_top_lang img {
            margin-left: 15px;
            margin-right: 6px;
        }
        
        ul.ms_lang_box {
            padding: 5px 0px;
            margin: 0px;
            list-style: none;
            background-color: #3bc8e7;
            width: 100%;
            max-width: 120px;
            line-height: initial;
            position: absolute;
            top: 100%;
            opacity: 0;
            border-radius: 4px;
            transform: translateY(25px);
            -webkit-transform: translateY(25px);
            -moz-transform: translateY(25px);
            -ms-transform: translateY(25px);
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .ms_top_right .ms_top_lang:hover ul.ms_lang_box {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            opacity: 1;
        }
        
        ul.ms_lang_box li {
            width: 100%;
            display: block;
        }
        
        ul.ms_lang_box li a {
            color: #ffffff;
            width: 100%;
            display: block;
            padding: 5px 15px;
        }
        
        ul.ms_lang_box li a:hover {
            padding-left: 20px;
        }
        
        ul.ms_lang_box:after {
            content: "";
            position: absolute;
            top: -8px;
            right: 2px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
        }
        /*====Banner Css Start====*/
        
        .ms-banner {
            padding: 0px 0px 40px;
        }
        
        .ms_banner_img {
            text-align: center;
            max-width: 511px;
            width: 100%;
            float: left;
        }
        
        .ms_banner_text {
            width: calc(100% - 511px);
            float: left;
            padding-top: 135px;
        }
        
        .ms_banner_text .ms_banner_btn .ms_btn {
            height: 40px;
            width: 100%;
            margin-right: 25px;
            line-height: 45px;
            margin-left: 0;
            max-width: 150px;
            font-weight: 600;
        }
        
        .ms_banner_text h1 {
            font-size: 45px;
            font-weight: bold;
            color: #fff;
        }
        
        .ms_banner_text p {
            margin: 15px 0px 40px;
            line-height: 30px;
        }
        /*====Recent Music Slider====*/
        
        .ms_rcnt_slider {
            position: relative;
        }
        
        .ms_heading {
            width: 100%;
            display: inline-block;
            margin-bottom: 30px;
        }
        
        .ms_heading h1 {
            font-size: 40px;
            font-family: 'IBM Plex Sans', sans-serif;
            color: white;
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
            text-transform: capitalize;
        }
        
        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #28A745 !important;
            background-color: #14182a !important;
            border-color: #28A745 #28A745 #28A745 !important;
            font-size: 26px;
            padding-left: 52px;
        }
        
        .nav-tabs .nav-link {
            font-size: 26px !important;
            padding-left: 52px !important;
            padding-right: 52px !important;
        }
        
        .veiw_all {
            float: right;
            position: relative;
            top: 0px;
            right: 0px;
        }
        
        .veiw_all a {
            color: #fff;
            text-transform: capitalize;
        }
        
        .veiw_all a:hover {
            color: #3bc8e7;
        }
        
        .ms_heading h1:after {
            width: 100px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: 0;
            left: -15px;
            z-index: 0;
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
        }
        
        .ms_rcnt_box {
            text-align: center;
        }
        
        .ms_rcnt_box_img {
            position: relative;
            overflow: hidden;
            border-radius: 34px;
            box-shadow: 0 5px 35px 0px rgba(0, 0, 0, .1);
            transition: 1s box-shadow;
            padding: 1px;
        }
        
        .ms_rcnt_box_img::before,
        .ms_rcnt_box_img::after {
            display: block;
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #438c1c;
            border-radius: 34px;
            z-index: -1;
            -webkit-animation: 1s clockwise infinite;
            animation: 1s clockwise infinite;
        }
        
        .ms_rcnt_box_img:after {
            background: #F3CE5E;
            -webkit-animation: 2s counterclockwise infinite;
            animation: 2s counterclockwise infinite;
        }
        
        @-webkit-keyframes clockwise {
            0% {
                top: -5px;
                left: 0;
            }
            12% {
                top: -2px;
                left: 2px;
            }
            25% {
                top: 0;
                left: 5px;
            }
            37% {
                top: 2px;
                left: 2px;
            }
            50% {
                top: 5px;
                left: 0;
            }
            62% {
                top: 2px;
                left: -2px;
            }
            75% {
                top: 0;
                left: -5px;
            }
            87% {
                top: -2px;
                left: -2px;
            }
            100% {
                top: -5px;
                left: 0;
            }
        }
        
        @keyframes clockwise {
            0% {
                top: -5px;
                left: 0;
            }
            12% {
                top: -2px;
                left: 2px;
            }
            25% {
                top: 0;
                left: 5px;
            }
            37% {
                top: 2px;
                left: 2px;
            }
            50% {
                top: 5px;
                left: 0;
            }
            62% {
                top: 2px;
                left: -2px;
            }
            75% {
                top: 0;
                left: -5px;
            }
            87% {
                top: -2px;
                left: -2px;
            }
            100% {
                top: -5px;
                left: 0;
            }
        }
        
        @-webkit-keyframes counterclockwise {
            0% {
                top: -5px;
                right: 0;
            }
            12% {
                top: -2px;
                right: 2px;
            }
            25% {
                top: 0;
                right: 5px;
            }
            37% {
                top: 2px;
                right: 2px;
            }
            50% {
                top: 5px;
                right: 0;
            }
            62% {
                top: 2px;
                right: -2px;
            }
            75% {
                top: 0;
                right: -5px;
            }
            87% {
                top: -2px;
                right: -2px;
            }
            100% {
                top: -5px;
                right: 0;
            }
        }
        
        @keyframes counterclockwise {
            0% {
                top: -5px;
                right: 0;
            }
            12% {
                top: -2px;
                right: 2px;
            }
            25% {
                top: 0;
                right: 5px;
            }
            37% {
                top: 2px;
                right: 2px;
            }
            50% {
                top: 5px;
                right: 0;
            }
            62% {
                top: 2px;
                right: -2px;
            }
            75% {
                top: 0;
                right: -5px;
            }
            87% {
                top: -2px;
                right: -2px;
            }
            100% {
                top: -5px;
                right: 0;
            }
        }
        
        .ms_rcnt_box_img img {
            width: 100%;
            border-radius: 33px;
        }
        
        .ms_rcnt_box_text {
            text-align: left;
            margin-top: 20px;
        }
        
        .ms_rcnt_box_text h3,
        .w_top_song .w_tp_song_name h3 {
            font-size: 16px;
            margin-bottom: 5px;
        }
        
        .ms_rcnt_box_text h3 a,
        .w_top_song .w_tp_song_name h3 a {
            color: #ffffff;
        }
        
        .ms_rcnt_box_text p,
        .w_top_song .w_tp_song_name p {
            color: #dedede;
            font-size: 14px;
            margin: 0px;
        }
        
        .ms_rcnt_box_text h3 a:hover,
        .w_top_song .w_tp_song_name h3 a:hover {
            color: #3bc8e7;
        }
        
        .ms_rcnt_slider .swiper-container {
            margin: 0px 0px;
        }
        
        .slider_nav_next {
            background-image: url(../images/svg/right_arrow.svg);
            right: -40px;
            left: auto;
            position: absolute;
            top: 52%;
            width: 20px;
            height: 20px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 9px 15px;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .slider_nav_prev {
            background-image: url(../images/svg/left_arrow.svg);
            left: -40px;
            right: auto;
            position: absolute;
            top: 52%;
            width: 20px;
            height: 20px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 9px 15px;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next:focus,
        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev:focus,
        .slider_nav_prev:focus,
        .slider_nav_next:focus {
            outline: none;
        }
        
        .ms_releases_wrapper .slider_nav_prev,
        .ms_releases_wrapper .slider_nav_next {
            top: 91%;
            width: 14px;
            height: 20px;
            margin-top: -22px;
            background-size: 7px 12px;
            right: -40px;
        }
        
        .ms_box_overlay {
            position: absolute;
            border-radius: 10px;
            background-image: -moz-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgba(32, 167, 196, 0) 100%);
            height: 100%;
            width: 100%;
            left: 0;
            top: 100%;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }
        
        .ms_rcnt_box .ms_play_icon,
        .ms_genres_box .ms_play_icon {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 10;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        
        .ms_rcnt_box .ms_play_icon:after,
        .ms_genres_box .ms_play_icon:after {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.5);
            top: 0;
            left: 0;
            content: "";
            border-radius: 100%;
            z-index: -1;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            opacity: 0;
        }
        
        .ms_rcnt_box .ms_play_icon:hover:after,
        .ms_genres_box .ms_play_icon:hover:after {
            opacity: 1;
        }
        
        .ms_rcnt_box .ms_play_icon img,
        .ms_genres_box .ms_play_icon img {
            display: inline-block;
            line-height: 40px;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            opacity: 0;
            cursor: pointer;
            -webkit-transform: scale(5);
            -moz-transform: scale(5);
            -ms-transform: scale(5);
            -o-transform: scale(5);
            transform: scale(5);
            position: relative;
            -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
            -moz-transition: -moz-transform 0.3s, opacity 0.3s;
            -o-transition: -o-transform 0.3s, opacity 0.3s;
            transition: transform 0.3s, opacity 0.3s;
            color: rgba(50, 50, 50, 0.9);
        }
        
        .ms_rcnt_box:hover .ms_box_overlay {
            top: 0;
        }
        
        .ms_rcnt_box:hover .ms_play_icon img,
        .ms_genres_box:hover .ms_play_icon img {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
        
        .ms_more_icon {
            position: absolute;
            top: -10%;
            right: 20px;
            cursor: pointer;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
        
        .ms_rcnt_box:hover .ms_more_icon,
        .ms_genres_box:hover .ms_more_icon {
            top: 10px;
        }
        
        .ms_main_overlay {
            opacity: 0;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
        
        .ms_rcnt_box:hover .ms_main_overlay {
            opacity: 1;
        }
        
        ul.more_option {
            padding: 0px;
            margin: 0px;
            position: absolute;
            top: 5px;
            right: 50px;
            background-color: #fff;
            max-width: 172px;
            width: 100%;
            list-style: none;
            padding: 25px 0px 13px 20px;
            text-align: left;
            border-radius: 10px;
            z-index: 100;
            visibility: hidden;
            opacity: 0;
            transform: translateX(-15px);
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
        
        ul.more_option:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 9px;
            right: -9px;
            border-top: 9px solid transparent;
            border-bottom: 9px solid transparent;
            border-left: 9px solid #fff;
        }
        
        ul.more_option.open_option {
            opacity: 1;
            right: 50px;
            visibility: visible;
            transform: translateX(0px);
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
        }
        
        ul.more_option li {
            width: 100%;
            display: block;
        }
        
        ul.more_option li a {
            text-align: left !important;
            color: #777777;
            padding-bottom: 10px;
            display: block;
            font-size: 13px;
        }
        
        ul.more_option li a:hover,
        .ms_rcnt_box:hover .ms_rcnt_box_text h3 a {
            color: #3bc8e7;
        }
        
        ul.more_option li a .opt_icon {
            padding-right: 10px;
        }
        
        ul.more_option li a .opt_icon .icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            background-image: url(../images/svg/icon.svg);
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        ul.more_option li a .opt_icon .icon_fav {
            background-position: -453px -4px;
        }
        
        ul.more_option li a .opt_icon .icon_queue {
            background-position: -483px -4px;
        }
        
        ul.more_option li a .opt_icon .icon_dwn {
            background-position: -513px -4px;
        }
        
        ul.more_option li a .opt_icon .icon_playlst {
            background-position: -543px -4px;
        }
        
        ul.more_option li a .opt_icon .icon_share {
            background-position: -573px -4px;
        }
        
        ul.more_option li a:hover .opt_icon .icon_fav {
            background-position: -453px -33px;
        }
        
        ul.more_option li a:hover .opt_icon .icon_queue {
            background-position: -483px -33px;
        }
        
        ul.more_option li a:hover .opt_icon .icon_dwn {
            background-position: -513px -33px;
        }
        
        ul.more_option li a:hover .opt_icon .icon_playlst {
            background-position: -543px -33px;
        }
        
        ul.more_option li a:hover .opt_icon .icon_share {
            background-position: -573px -33px;
        }
        /*====Weekly Top 15 Music =====*/
        
        .ms_weekly_wrapper {
            padding-top: 50px;
        }
        
        .ms_weekly_wrapper .ms_heading {
            margin-bottom: 10px;
        }
        
        .ms_weekly_box {
            float: left;
            width: 100%;
            padding: 20px 0px 20px 0px;
            position: relative;
        }
        
        .weekly_left {
            float: left;
        }
        
        .weekly_right {
            float: right;
            position: relative;
        }
        
        .weekly_left span.w_top_no {
            font-size: 50px;
            font-weight: bold;
            color: #dedede;
            display: inline-block;
            float: left;
            width: 50px;
            line-height: 50px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .w_top_song {
            float: left;
            padding-left: 40px;
        }
        
        .w_top_song .w_tp_song_img {
            width: 50px;
            float: left;
            position: relative;
            overflow: hidden;
        }
        
        .w_top_song .w_tp_song_name {
            width: calc(100% - 50px);
            float: left;
            padding-left: 20px;
        }
        
        .w_top_song .w_tp_song_img img {
            border-radius: 5px;
            max-width: 100%;
        }
        
        .w_song_time {
            padding-right: 40px;
            color: #fff;
        }
        
        .weekly_right .ms_more_icon {
            top: -10%;
            right: 0;
        }
        
        .ms_divider {
            float: left;
            width: 100%;
            border: 0;
            height: 2px;
            background: #252b4d;
            background-image: -webkit-linear-gradient(left, #252b4d, #252b4d, #161a2d);
            background-image: -moz-linear-gradient(left, #252b4d, #252b4d, #161a2d);
            background-image: -ms-linear-gradient(left, #252b4d, #252b4d, #161a2d);
            background-image: -o-linear-gradient(left, #252b4d, #252b4d, #161a2d);
        }
        
        .ms_weekly_box ul.more_option.open_option {
            opacity: 1;
        }
        
        .ms_weekly_box ul.more_option {
            right: 30px;
            top: 12px;
        }
        
        .w_top_song .ms_song_overlay {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.7);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            opacity: 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .ms_play_icon {
            position: absolute;
            top: -40%;
            left: 50%;
            cursor: pointer;
            width: 30px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .ms_weekly_box:hover .w_top_song .ms_song_overlay,
        .ms_weekly_box.ms_active_play .w_top_song .ms_song_overlay,
        .ms_release_box:hover .w_top_song .ms_song_overlay,
        .ms_release_box.ms_active_play .w_top_song .ms_song_overlay {
            opacity: 1;
        }
        
        .ms_weekly_box:hover .ms_play_icon,
        .ms_weekly_box.ms_active_play .ms_play_icon,
        .ms_release_box:hover .ms_play_icon,
        .ms_release_box.ms_active_play .ms_play_icon {
            top: 50%;
        }
        
        .ms_weekly_box:hover .w_tp_song_name h3 a,
        .ms_weekly_box.ms_active_play .w_tp_song_name h3 a,
        .ms_release_box:hover .w_tp_song_name h3 a,
        .ms_release_box.ms_active_play .w_tp_song_name h3 a {
            color: #3bc8e7;
        }
        
        .ms_weekly_box:hover .weekly_left span.w_top_no,
        .ms_weekly_box.ms_active_play .weekly_left span.w_top_no {
            color: #3bc8e7;
        }
        
        .ms_bars {
            height: 20px;
            left: 50%;
            position: absolute;
            top: 50%;
            width: 24px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
        
        .bar {
            background: #fff;
            bottom: 1px;
            height: 3px;
            position: absolute;
            width: 2px;
            animation: sound 0ms -800ms linear infinite alternate;
        }
        
        @keyframes sound {
            0% {
                opacity: .35;
                height: 3px;
            }
            100% {
                opacity: 1;
                height: 28px;
            }
        }
        
        .bar:nth-child(1) {
            left: 1px;
            animation-duration: 474ms;
        }
        
        .bar:nth-child(2) {
            left: 5px;
            animation-duration: 433ms;
        }
        
        .bar:nth-child(3) {
            left: 9px;
            animation-duration: 407ms;
        }
        
        .bar:nth-child(4) {
            left: 13px;
            animation-duration: 458ms;
        }
        
        .bar:nth-child(5) {
            left: 17px;
            animation-duration: 400ms;
        }
        
        .bar:nth-child(6) {
            left: 21px;
            animation-duration: 427ms;
        }
        
        .bar:nth-child(7) {
            left: 25px;
            animation-duration: 441ms;
        }
        
        .bar:nth-child(8) {
            left: 29px;
            animation-duration: 419ms;
        }
        
        .bar:nth-child(9) {
            left: 33px;
            animation-duration: 487ms;
        }
        
        .bar:nth-child(10) {
            left: 37px;
            animation-duration: 442ms;
        }
        /*====Featured Artists Css Start====*/
        
        .ms_featured_slider,
        .ms_releases_wrapper {
            position: relative;
            margin: 40px 0px 0px 0px;
        }
        /*====Advertisment Css Start====*/
        
        .ms_advr_wrapper {
            text-align: center;
            margin-top: 50px;
            margin-bottom: 10px;
        }
        
        .ms_advr_wrapper.ms_advr2 {
            margin: 31px 0px 58px;
        }
        /*====New Released Css Start====*/
        
        .ms_releases_wrapper .w_top_song {
            padding-left: 0px;
            padding-left: 20px;
            position: relative;
        }
        
        .ms_releases_wrapper {
            margin-top: 50px;
            margin-bottom: 9px;
            display: inline-block;
            width: 100%;
        }
        
        .ms_release_slider.swiper-container {
            padding-top: 6px;
        }
        
        .ms_releases_wrapper .ms_divider {
            height: 2px;
            -webkit-border-radius: 50%;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(22, 26, 45, 0.27);
            background-image: none;
            background: rgba(37, 43, 77, 0.75);
        }
        
        .ms_release_box {
            padding-top: 20px;
        }
        
        .slider_dot {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            background-color: #3bc8e7;
            top: -26px;
            left: 38px;
            border-radius: 100%;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .slider_dot:after {
            position: absolute;
            content: "";
            width: 6px;
            height: 6px;
            background-color: #14182a;
            top: 2px;
            left: 2px;
            border-radius: 100%;
        }
        
        .ms_releases_wrapper .swiper-button-next3,
        .ms_releases_wrapper .swiper-button-prev3 {
            top: 91%;
            width: 14px;
            height: 20px;
            margin-top: -22px;
            background-size: 7px 12px;
            right: 0;
        }
        
        .swiper-slide.swiper-slide-active .slider_dot,
        .ms_release_box:hover .slider_dot {
            box-shadow: 0px 0px 10px rgb(255, 255, 255);
        }
        
        .ms_releases_wrapper .swiper-slide.swiper-slide-active .w_top_song .w_tp_song_name h3 a {
            color: #3bc8e7;
        }
        
        .ms_releases_wrapper .swiper-slide.swiper-slide-active .w_top_song .ms_song_overlay {
            opacity: 1;
        }
        
        .ms_releases_wrapper .swiper-slide.swiper-slide-active .ms_play_icon img {
            opacity: 0;
        }
        
        .ms_releases_wrapper .swiper-slide.swiper-slide-active .ms_play_icon {
            top: 50%;
        }
        
        .ms_releases_wrapper .swiper-slide.swiper-slide-active .ms_play_icon:after {
            position: absolute;
            content: url(../images/svg/sound.svg);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 25px;
            height: 25px;
        }
        /*====Featured Album Slider Css Start====*/
        
        .ms_fea_album_slider {
            position: relative;
            margin: 52px 0px 0px 0px;
        }
        /*====Top Genres Css Start====*/
        
        .ms_genres_wrapper {
            margin: 50px 0px 0px 0px;
        }
        
        .ms_genres_box {
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
            border-radius: 10px;
        }
        
        .ms_genres_box img {
            width: 100%;
            border-radius: 10px;
        }
        
        .ms_genres_box:hover .ms_box_overlay {
            top: 0;
        }
        
        .ms_genres_box:hover .ms_main_overlay {
            opacity: 1;
        }
        
        .ovrly_text_div {
            position: absolute;
            width: 100%;
            bottom: -40%;
            padding: 0px 20px;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }
        
        .ovrly_text_div span.ovrly_text1 a,
        .ovrly_text_div span.ovrly_text2 a {
            color: #fff;
            text-transform: capitalize;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .ovrly_text_div span.ovrly_text1 a:hover,
        .ovrly_text_div span.ovrly_text2 a:hover {
            letter-spacing: 1px;
        }
        
        span.ovrly_text2 {
            float: right;
        }
        
        .ms_genres_box:hover .ovrly_text_div {
            bottom: 20px;
        }
        
        .ms_genres_box .ms_box_overlay_on {
            position: absolute;
            left: 0;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            border-radius: 10px;
            background-image: -moz-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
        }
        
        .ms_box_overlay_on .ovrly_text_div {
            bottom: 20px;
        }
        
        .ms_genres_box:hover .ms_box_overlay_on {
            opacity: 0;
            top: 100%;
        }
        /*====Live Radio Css Start==== */
        
        .ms_radio_wrapper {
            position: relative;
            margin: 30px 0px 0px 0px;
        }
        
        .ms_radio_slider {
            position: relative;
        }
        /*====Footer Css Start====*/
        
        .ms_footer_wrapper {
            background-image: url(../images/footer_bg.png);
            background-size: cover;
            position: relative;
            z-index: 1;
            margin-bottom: 75px;
            padding-top: 50px;
        }
        
        .ms_footer_wrapper:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: "";
            top: 0;
            left: 0;
            z-index: -1;
            background-image: -webkit-linear-gradient( -90deg, rgb(20, 24, 42) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -moz-linear-gradient( -90deg, rgb(20, 24, 42) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -ms-linear-gradient( -90deg, rgb(20, 24, 42) 0%, rgba(32, 167, 196, 0) 100%);
            background-color: rgba(20, 24, 42, 0.3);
        }
        
        .ms_footer_inner {
            padding: 0px 80px 2px 160px;
        }
        
        .footer_box {
            margin-top: 35px;
            padding-right: 55px;
        }
        
        .ms_footer_logo {
            text-align: center;
            padding-left: 80px;
            padding-bottom: 25px;
        }
        
        .ms_footer_logo span {
            display: block;
            width: 100%;
            color: #fff;
            text-transform: capitalize;
            font-size: 18px;
            font-weight: 600;
            margin-top: 5px;
        }
        
        h1.footer_title {
            font-size: 18px;
            text-transform: capitalize;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 18px;
        }
        
        h1.footer_title:after {
            width: 100px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: 0;
            left: -15px;
            z-index: 0;
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
        }
        
        .footer_box p {
            color: #ffffff;
            line-height: 25px;
            margin: 0px;
        }
        
        .footer_box.footer_app p {
            margin-bottom: 5px;
        }
        
        .footer_box a.foo_app_btn {
            display: inline-block;
            padding: 10px 15px 10px 0px;
        }
        
        .footer_box a.foo_app_btn img {
            border-radius: 5px;
        }
        
        .footer_box.footer_subscribe p {
            margin-bottom: 15px;
        }
        
        .footer_box.footer_subscribe .form-group {
            margin-bottom: 20px;
        }
        
        .footer_box.footer_subscribe .ms_btn {
            height: 40px;
            line-height: 42px;
            width: auto;
            padding: 0px 22px;
            margin-left: 0px;
        }
        
        .footer_box.footer_contacts ul.foo_con_info {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li {
            width: 100%;
            display: inline-block;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_icon {
            width: 40px;
            height: 40px;
            display: inline-block;
            text-align: center;
            line-height: 40px;
            float: left;
            border-radius: 5px;
            background-image: -moz-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_data {
            width: calc(100% - 40px);
            float: left;
            padding-left: 20px;
            margin-bottom: 3px;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_data span {
            display: block;
            line-height: 25px;
            color: #ffffff;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_data span.con-title {
            text-transform: capitalize;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_data span a {
            color: #ffffff;
        }
        
        .footer_box.footer_contacts ul.foo_con_info li .foo_con_data span a:hover {
            color: #3bc8e7;
        }
        
        .foo_sharing {
            width: 100%;
            display: inline-block;
            margin-top: 10px;
        }
        
        .share_title {
            display: inline-block;
            color: #fff;
            text-transform: capitalize;
            float: left;
            line-height: 33px;
        }
        
        .foo_sharing ul {
            padding: 0px;
            margin: 0px;
            float: left;
            padding-left: 25px;
        }
        
        .foo_sharing ul li {
            display: inline-block;
            margin-right: 5px;
        }
        
        .foo_sharing ul li a {
            width: 30px;
            height: 30px;
            display: inline-block;
            color: #fff;
            text-align: center;
            line-height: 35px;
            border-radius: 5px;
            background-image: -moz-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
        }
        
        .foo_sharing ul li a:hover {
            box-shadow: 0 0 18px 0 #3bc8e7;
        }
        
        .footer_box.footer_subscribe input.form-control {
            width: 93%;
        }
        
        .ms_copyright {
            text-align: center;
            margin-top: 40px;
            width: 100%;
            display: inline-block;
            padding: 0px 0px 0px 80px;
        }
        
        .ms_copyright p {
            color: #ffffff;
            margin: 0px;
            padding: 20px 0px;
        }
        
        .ms_copyright p a {
            color: #3bc8e7;
        }
        
        .footer_border {
            width: 250px;
            height: 1px;
            margin: 0 auto;
            z-index: 0;
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
        }
        /*====Player Css Start====*/
        
        .ms_player_wrapper {
            background-image: url(../images/player_bg.jpg);
            background-size: cover;
            position: fixed;
            bottom: 0px;
            width: 100%;
            z-index: 10000;
            box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }
        
        .ms_player_close i {
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }
        
        .main_class .ms_footer_wrapper {
            margin-bottom: 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .ms_player_wrapper.close_player {
            bottom: -75px;
        }
        
        .ms_player_wrapper.close_player .ms_player_close i {
            position: relative;
            top: 11px;
            transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
        }
        
        .ms_player_close {
            position: absolute;
            top: -26px;
            right: 8px;
            background-color: #1b2039;
            width: 55px;
            height: 27px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            line-height: 34px;
            z-index: 1;
            cursor: pointer;
            border-radius: 25px 25px 0px 0px;
        }
        
        .ms_player_wrapper:after {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            background-color: rgba(27, 32, 57, 0.6);
            content: "";
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        
        .player_left {
            width: auto;
            position: absolute;
            border-radius: 0px 12px 12px 0px;
            background-image: -moz-linear-gradient( 180deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -webkit-linear-gradient( 180deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            background-image: -ms-linear-gradient( 180deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgb(32, 167, 196) 100%);
            box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
            float: left;
            z-index: 10;
        }
        
        .play_song_img {
            width: 50px;
            float: left;
        }
        
        .play_song_name span.que_img {
            width: 50px;
            float: left;
        }
        
        .play_song_name span.que_img img {
            border-radius: 5px;
        }
        
        .play_song_name .que_data {
            width: calc(100% - 50px);
            padding-left: 15px;
            float: left;
        }
        
        .play_song_name h3 {
            font-size: 16px;
            color: #fff;
        }
        
        .play_song_img img {
            border-radius: 5px;
        }
        
        .play_song_name a {
            color: #dedede;
            font-size: 15px;
        }
        
        span.play-left-arrow {
            float: right;
            width: 20px;
            height: 20px;
            text-align: center;
            border: 1px solid #fff;
            color: #fff;
            line-height: 20px;
            border-radius: 100%;
            cursor: pointer;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
        }
        
        .ms_play_song {
            display: inline-block;
            float: left;
            width: 300px;
            padding: 13px 0px 15px 30px;
            height: 75px;
        }
        
        .play_song_options {
            float: left;
            position: relative;
            top: 30px;
            margin-right: 50px;
            display: none;
        }
        
        .play_song_options ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transform: translateX(-10%);
            -webkit-transform: translateX(-10%);
            -moz-transform: translateX(-10%);
            -ms-transform: translateX(-10%);
            -o-transform: translateX(-10%);
        }
        
        .play_song_options ul li {
            float: left;
        }
        
        .play_song_options ul li a {
            color: #fff;
            text-transform: capitalize;
            font-size: 15px;
            padding: 8px 20px;
            border-right: 2px solid #cdcdcd;
        }
        
        .play_song_options ul li:first-child a {
            padding-left: 0px;
        }
        
        .play_song_options ul li:last-child a {
            border-right: none;
        }
        
        .ms_icon {
            width: 25px;
            height: 25px;
            display: inline-block;
            vertical-align: middle;
            background-image: url(../images/svg/icon.svg);
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transform: scale(0.9);
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            display: inline-block;
        }
        
        i.ms_icon.icon_share {
            background-image: url(../images/svg/share.svg);
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            position: relative;
            top: 5px;
        }
        
        .play_song_options ul li a .icon_download {
            background-position: -212px -30px;
        }
        
        .song_optn_icon {
            margin-right: 5px;
        }
        
        .play_song_options ul li a .icon_fav {
            background-position: -270px -30px;
        }
        
        .play_song_options ul li a .icon_playlist {
            background-position: -357px -30px;
        }
        
        .player_left.open_list .play_song_options {
            display: block;
        }
        
        .player_left.open_list .play_song_options ul {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
        }
        
        .player_left.open_list span.play-left-arrow {
            transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
        }
        
        .audio-player a,
        .audio-player a:hover {
            text-decoration: none
        }
        
        .audio-player.is_hidden {
            top: 100%
        }
        
        .audio-player.is_hidden .hide_player {
            bottom: 100%
        }
        
        .audio-player:hover .hide_player {
            bottom: 100%
        }
        
        .hide_player {
            position: absolute;
            bottom: -25px;
            right: 0;
            background: #333;
            color: #ccc;
            padding: 6px 10px;
            line-height: 1;
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease
        }
        
        .hide_player:hover {
            color: #fff
        }
        
        .hide_player:active,
        .hide_player:focus {
            color: #ccc
        }
        
        .touchevents .hide_player {
            bottom: 100%!important
        }
        
        .no-flexbox .audio-player {
            display: none
        }
        
        .flex-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        
        .jp-controls.flex-item {
            -ms-flex-preferred-size: 150px;
            flex-basis: 150px
        }
        
        .jp-progress-container.flex-item {
            -ms-flex-preferred-size: 350px;
            -ms-flex-positive: 2;
            flex-grow: 2;
            -ms-flex-negative: 2;
            flex-shrink: 2;
            max-width: 630px;
            width: 100%;
            margin-top: 3px;
        }
        
        .jp-now-playing.flex-item {
            -ms-flex-preferred-size: 145px;
            flex-basis: 145px
        }
        
        .jp-toggles.flex-item {
            -ms-flex-preferred-size: 130px;
            flex-basis: 106px;
            text-align: center;
        }
        
        .jp-volume-controls.flex-item {
            -ms-flex-preferred-size: 155px;
            flex-basis: 80px;
            margin-left: 40px;
        }
        
        .jp-playlist {
            display: none
        }
        
        .jp-toggles.flex-item button {
            margin: 8px 10px 0px 10px;
        }
        
        .jp-gui.jp-interface.flex-wrap {
            position: relative;
            top: 1px;
        }
        
        .jp-interface .jp-controls button,
        .jp-interface .jp-toggles button,
        .jp-interface .jp-volume-controls button {
            background: 0 0;
            border: 0;
            outline: 0;
            color: #7b7c8b;
            line-height: 24px;
            font-weight: 600;
            -webkit-transition-delay: 0;
            -o-transition-delay: 0;
            transition-delay: 0;
            -webkit-transition-property: all;
            -webkit-transition-duration: .2s;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-property: all;
            transition-property: all;
            -o-transition-duration: .2s;
            transition-duration: .2s;
            -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
            font-size: 20px;
            padding: 0 0px
        }
        
        .jp-interface .jp-controls .jp-play i,
        .jp-interface .jp-controls .jp-previous i,
        .jp-interface .jp-controls .jp-next i {
            font-size: 23px;
            color: #fff
        }
        
        .jp-interface .jp-controls .jp-play i {
            padding-left: 5px;
            padding-top: 5px
        }
        
        .jp-audio.jp-state-playing .jp-play i {
            padding-left: 0
        }
        
        .jp-audio.jp-state-playing .jp-play i.ms_play_control {
            background-position: 1021px 0px !important;
        }
        
        .jp-progress-container,
        .jp-volume-bar-container {
            height: 3px;
            padding: 0;
        }
        
        .jp-progress,
        .jp-seek-bar,
        .jp-play-bar,
        .jp-volume-bar,
        .jp-volume-bar-value {
            height: 3px;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
        }
        
        .jp-progress {
            margin: 0px;
            background-color: #fff;
            border-radius: 15px;
        }
        
        .jp-seek-bar,
        .jp-volume-bar {
            cursor: pointer;
            background-color: #fff;
            border-radius: 10px;
        }
        
        .jp-play-bar {
            float: left;
            position: relative;
            background-color: #3bc8e7;
            border-radius: 5px;
            overflow: visible!important;
        }
        
        .jp-volume-bar-value {
            float: left;
            position: relative;
            background-color: #aaa
        }
        
        .jp-progress .bullet,
        .jp-volume-bar .bullet {
            position: absolute;
            content: "";
            top: -6.5px;
            right: -7px;
            height: 15px;
            width: 15px;
            background: #3bc8e7;
            border-radius: 50%;
            box-shadow: 0px 0px 15px rgb(255, 255, 255);
        }
        
        .jp-time-holder {
            position: relative;
            top: 0;
            color: #979797;
            font-size: 12px
        }
        
        .jp-time-holder .jp-current-time {
            position: absolute;
            left: 0;
            top: 10px;
            color: #fff;
        }
        
        .jp-time-holder .jp-duration {
            position: absolute;
            right: 0;
            top: 10px;
            color: #fff;
        }
        
        .jp-track-name {
            color: #fff;
            font-size: 16px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            max-width: 100%;
            padding-right: 30px;
        }
        
        .jp-artist-name {
            color: #dedede;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            max-width: 140px;
        }
        
        .jp-toggles button {
            margin: 0 3px
        }
        
        .jp-toggles button:hover {
            color: #fff
        }
        
        .jp-state-looped .jp-toggles .jp-repeat,
        .jp-state-shuffled .jp-toggles .jp-shuffle,
        .jp-interface .jp-toggles .playlist-is-visible.jp-show-playlist {
            color: #00c85f
        }
        
        .jp-volume-controls button {
            float: left
        }
        
        .jp-volume-controls .jp-volume-bar {
            margin-left: 40px;
            margin-top: 17px;
        }
        
        .jp-volume-bar,
        .jp-volume-bar-value {
            border-radius: 5px
        }
        
        .jp-state-no-volume .jp-volume-controls {
            display: none
        }
        
        .jp-playlist {
            position: absolute;
            right: 0;
            bottom: -2%;
            background: #1b2039;
            padding: 40px 0px 25px 0px;
            width: 350px;
            box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
            border-radius: 12px 0px 0px 12px;
            z-index: 10;
        }
        
        .jp-playlist ul {
            padding: 0;
            margin: 0;
            max-height: 345px;
        }
        
        .jp-playlist li {
            list-style: none;
            float: left;
            width: 100%;
            position: relative;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .jp-playlist li:hover {
            background-color: #2ec8e6;
        }
        
        .jp-playlist li a {
            color: #fff;
            display: block;
            padding: 10px 20px;
            outline: 0;
            border-bottom: none;
            float: left;
            width: 100%;
        }
        
        .jp-playlist li:last-child a {
            border-bottom: 0
        }
        
        .jp-playlist li a:hover,
        .jp-playlist li a:focus,
        .jp-playlist li a:active {
            color: #fff;
            text-decoration: none
        }
        
        .jp-playlist li a span.jp-artist {
            color: #dedede;
            width: 100%;
            display: block;
            font-size: 15px;
            line-height: 1;
        }
        
        .player_mid {
            position: relative;
            width: 100%;
        }
        
        .jp_queue_cls {
            position: absolute;
            right: 13px;
            top: 10px;
            color: #fff;
            font-size: 13px;
            cursor: pointer;
        }
        
        .jp-type-playlist {
            padding-left: 390px;
            padding-right: 80px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .jp-volume-wrap {
            margin-top: -3px;
        }
        
        .jp_queue_wrapper {
            float: right;
            padding-right: 117px;
            margin-top: 26px;
        }
        
        .jp_queue_wrapper span.que_text {
            background-color: #2ec8e6;
            height: 30px;
            display: inline-block;
            line-height: 33px;
            padding: 0px 21px;
            color: #fff;
            text-transform: capitalize;
            border-radius: 20px;
            cursor: pointer;
            z-index: 1;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .jp_queue_wrapper span.que_text i {
            width: 12px;
            height: 12px;
            text-align: center;
            background-color: #fff;
            color: #3bc8e7;
            border-radius: 50%;
            line-height: 12px;
            font-size: 11px;
        }
        
        .jp-playlist h2 {
            text-align: center;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            padding-bottom: 20px;
        }
        
        .jp-playlist span.que_img {
            width: 50px;
            float: left;
        }
        
        .jp-playlist span.que_img img {
            border-radius: 5px;
        }
        
        .jp-playlist .que_data {
            width: calc(100% - 50px);
            float: left;
            padding-left: 20px;
            line-height: 30px;
        }
        
        .jp-playlist li.jp-playlist-current {
            background-color: #252b4d;
        }
        
        .jp-playlist .action {
            overflow: auto;
            right: 15px;
            position: absolute;
            left: auto;
            top: 22px;
            top: 50%;
            opacity: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .jp-playlist li.jp-playlist-current .action,
        .jp-playlist li:hover .action {
            opacity: 1;
        }
        
        .jp-playlist li:hover .action .que_close {
            background-color: #252b4d;
        }
        
        .que_more {
            padding-right: 10px;
            cursor: pointer;
        }
        
        .que_more:hover ul.more_option {
            opacity: 1;
            visibility: visible;
        }
        
        .jp-playlist.find_li ul li:last-child ul.more_option {
            top: auto;
            bottom: 100%;
        }
        
        .que_close {
            width: 20px;
            height: 20px;
            background-color: #3bc8e7;
            display: inline-block;
            text-align: center;
            border-radius: 100%;
            line-height: 19px;
            cursor: pointer;
        }
        
        .jp_queue_btn {
            text-align: center;
            padding-top: 40px;
            padding-bottom: 50px;
        }
        
        div#playlist-wrap span#myPlaylistQueue {
            margin-top: 23px;
            position: relative;
            top: 45px;
        }
        
        .jp_queue_btn a {
            height: 30px;
            background-color: #3bc8e7;
            color: #fff;
            display: inline-block;
            padding: 0px 32px;
            line-height: 32px;
            text-transform: capitalize;
            border-radius: 20px;
            margin: 0px 10px;
        }
        
        .jp_quality_optn.custom_select {
            margin-left: 17px;
        }
        
        .jp-type-playlist .nice-select span.current {
            color: #fff;
            text-transform: capitalize;
        }
        
        .jp-type-playlist .nice-select {
            background-color: transparent;
            border-radius: 20px;
            border: solid 1px #fff;
            font-size: 15px;
            height: 30px;
            line-height: 32px;
        }
        
        .jp-type-playlist .nice-select:after {
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-bottom: none;
            border-right: none;
            margin-top: -1px;
            right: 17px;
            width: 6px;
            height: 6px;
        }
        
        .jp-type-playlist .nice-select.open:after {
            margin-top: -6px;
        }
        
        .jp-type-playlist .nice-select .option:hover,
        .jp-type-playlist .nice-select .option.focus,
        .nice-select .option.selected.focus {
            background-color: #eee;
            position: relative;
        }
        
        li.option.selected.focus:after {
            position: absolute;
            content: "\f00c";
            font: normal normal normal 14px/1 FontAwesome;
            top: 8px;
            right: 8px;
            width: 20px;
            height: 20px;
            background-color: #3bc8e7;
            text-align: center;
            line-height: 20px;
            color: #fff;
            border-radius: 100%;
            font-size: 10px;
        }
        
        .jp-type-playlist .nice-select .list {
            top: auto;
            left: auto;
            right: 0;
            bottom: 189%;
            margin-bottom: 0px;
            width: 150px;
            border-radius: 5px 5px 0px 0px;
            text-transform: uppercase;
            font-size: 12px;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .17);
            -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .17);
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .17);
            -o-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .17);
            -ms-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .17);
        }
        
        .jp-type-playlist .nice-select .option {
            line-height: 35px;
            min-height: 35px;
            border-bottom: 1px solid #eded;
        }
        
        .jp-interface .ms_play_control {
            background: url(../images/svg/play_icon.svg) !important;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
            background-color: transparent;
            cursor: pointer;
        }
        
        button.jp-previous .ms_play_control {
            background-position: 0px 0px !important;
        }
        
        button.jp-play .ms_play_control {
            background-position: 941px 0px !important;
        }
        
        button.jp-next .ms_play_control {
            background-position: 869px 0px !important;
        }
        
        .jp-controls.flex-item {
            position: relative;
            top: 4px;
        }
        
        button.jp-mute {
            position: relative;
            top: 0px;
            height: 30px;
        }
        
        button.jp-mute .ms_play_control {
            background-position: 220px 0px !important;
            border: 1px solid #fff;
            border-radius: 100%;
        }
        
        button.jp-shuffle .ms_play_control {
            background-position: 140px 0px !important;
            border: 1px solid #fff;
            border-radius: 100%;
        }
        
        button.jp-repeat .ms_play_control {
            background-position: 60px 0px !important;
            border: 1px solid #fff;
            border-radius: 100%;
        }
        
        button.jp-repeat .ms_play_control:hover {
            background-position: 20px 0px !important;
            background-color: #fff !important;
        }
        
        button.jp-shuffle .ms_play_control:hover {
            background-position: 100px 0px !important;
            background-color: #fff !important;
        }
        
        .jp-volume-bar {
            position: relative;
        }
        
        .jp-volume-bar-value {
            position: absolute;
            bottom: 0;
        }
        
        .jp-playlist ul.more_option {
            overflow: inherit;
        }
        
        .jp-playlist ul.more_option li.jp-playlist-current {
            background-color: transparent;
        }
        
        .jp-playlist ul.more_option li:hover {
            background-color: transparent;
        }
        
        .jp-playlist ul.more_option li a:focus {
            color: #777;
        }
        
        .jp-playlist ul.more_option li a {
            padding-bottom: 0;
        }
        
        .jp-playlist ul.more_option {
            top: 90%;
            right: 30px;
            text-align: center;
        }
        
        .jp-playlist ul.more_option li {
            width: auto;
            display: inline-block;
            float: none;
        }
        
        .jp-playlist ul.more_option li a {
            text-align: left !important;
            color: #777777;
            display: block;
            font-size: 13px;
            padding: 12px 5px 0px 5px;
        }
        
        .jp-playlist ul.more_option li a .opt_icon {
            padding-right: 0px;
        }
        
        .jp-playlist ul.more_option:after {
            top: -8px;
            right: 13px;
            border-top: transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
        }
        /*====Album Single Css Start====*/
        
        .ms_album_single_wrapper {
            position: relative;
            z-index: 10;
            padding: 140px 80px 0px 159px;
        }
        
        .ms_album_single_wrapper:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: "";
            top: 0;
            left: 0;
            z-index: -1;
        }
        
        .album_single_img {
            width: 240px;
            float: left;
        }
        
        .album_single_data {
            padding-bottom: 50px;
            display: inline-block;
            width: 100%;
            position: relative;
        }
        
        .album_single_img img {
            border-radius: 10px;
            box-shadow: 0px 0px 10px 0px rgba(4, 4, 4, 0.4);
        }
        
        .album_single_text {
            width: calc(100% - 240px);
            float: left;
            padding-left: 35px;
            padding-top: 28px;
        }
        
        .album_single_text h2 {
            font-size: 22px;
            color: #fff;
            padding-bottom: 10px;
        }
        
        .album_single_text p.singer_name {
            color: #fff;
            font-size: 15px;
            margin-bottom: 5px;
        }
        
        .album_feature a.album_date {
            display: block;
            color: #dedede;
            margin-bottom: 5px;
        }
        
        .album_btn a.ms_btn {
            height: 40px;
            line-height: 42px;
            width: auto;
            margin-left: 0px;
            padding: 0px 39px;
            font-size: 16px;
            margin-right: 20px;
            position: relative;
            vertical-align: middle;
        }
        
        span.pause_all {
            opacity: 0;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
        }
        
        .album_btn a.ms_btn img {
            margin-right: 10px;
            vertical-align: middle;
            position: relative;
            top: -2px;
        }
        
        span.play_all {
            vertical-align: middle;
        }
        
        a.ms_btn.play_btn {
            width: 150px;
            padding: 0px;
        }
        
        a.ms_btn.play_btn span.play_all {
            width: 151px;
            position: relative;
            overflow: hidden;
            padding: 0px;
        }
        
        .album_btn {
            margin-top: 19px;
            display: inline-block;
        }
        
        a.ms_btn.play_btn.btn_pause span.pause_all {
            opacity: 1;
            z-index: 1000;
        }
        
        a.ms_btn.play_btn.btn_pause span.play_all {
            display: none;
        }
        
        .album_more_optn {
            right: 0;
            top: 30px;
            cursor: pointer;
        }
        
        .album_single_data ul.more_option {
            top: 25px;
            right: 35px;
        }
        
        .album_more_optn img {
            transform: scale(1.3);
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
        }
        
        .album_list_wrapper {
            width: 100%;
        }
        
        .ms_album_single_wrapper .ms_view_more {
            width: 100%;
        }
        
        .ms_content_wrapper.ms_album_content {
            padding-top: 52px;
        }
        
        .album_list_wrapper>ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .album_list_wrapper>ul>li {
            display: inline-block;
            width: 16%;
            color: #2ec8e6;
            position: relative;
            text-transform: capitalize;
            top: auto;
            right: auto;
        }
        
        .album_list_wrapper>ul>li>a {
            color: #fff;
            margin-top: 10px;
            display: inline-block;
            position: relative;
        }
        
        .album_list_wrapper>ul:hover>li>a {
            color: #2ec8e6;
        }
        
        ul.album_list_name {
            position: relative;
            padding-bottom: 10px;
        }
        
        ul.album_list_name:after {
            position: absolute;
            left: 0;
            top: 100%;
            content: "";
            float: left;
            width: 100%;
            border: 0;
            height: 1px;
            background: rgba(59, 200, 231, 0.61);
            background-image: -webkit-linear-gradient(left, rgba(59, 200, 231, 0.71), #3bc8e7db, rgba(22, 26, 45, 0.8));
            background-image: -moz-linear-gradient(left, #252b4d, #252b4d, #161a2d);
            background-image: -ms-linear-gradient(left, #252b4d, #252b4d, #161a2d);
            background-image: -o-linear-gradient(left, #252b4d, #252b4d, #161a2d);
        }
        
        .ms_icon1 {
            background: url(../images/svg/play_icon.svg);
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
            background-color: transparent;
            cursor: pointer;
        }
        
        .ms_icon1.ms_fav_icon {
            background-position: -552px 6px;
        }
        
        .album_list_wrapper>ul:hover .ms_icon1.ms_fav_icon,
        ul.play_active_song .ms_icon1.ms_fav_icon {
            background-position: -592px 6px;
        }
        
        .ms_icon1.ms_active_icon {
            background-position: -632px 8px;
        }
        
        .album_list_wrapper>ul:hover .ms_icon1.ms_active_icon,
        ul.play_active_song .ms_icon1.ms_active_icon {
            background-position: -672px 8px;
        }
        
        .play_hover {
            background: url(../images/svg/play_icon.svg);
            width: 35px;
            height: 35px;
            background-repeat: no-repeat;
            display: inline-block;
            background-color: transparent;
            cursor: pointer;
            background-position: -191px 0px;
            position: absolute;
            left: -8px;
            top: -30px;
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -o-transform: scale(0.7);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .play_no {
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        
        .album_list_wrapper>ul:hover .play_hover {
            opacity: 1;
            top: 0;
            visibility: visible;
        }
        
        .album_list_wrapper>ul:hover .play_no {
            opacity: 0;
            visibility: hidden;
        }
        
        ul.play_active_song>li>a {
            color: #2ec8e6;
        }
        
        ul.play_active_song .play_no {
            opacity: 0;
            visibility: hidden;
        }
        
        ul.play_active_song .play_hover {
            opacity: 1;
            visibility: visible;
            top: 0;
            background-position: -708px 0px;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }
        
        .ms_test_wrapper {
            position: relative;
            margin-right: 0px;
        }
        
        .ms_test_top {
            display: inline-block;
            width: 100%;
        }
        
        .ms_test_top .ms_test_img {
            width: 50px;
            float: left;
        }
        
        .ms_test_top .ms_test_name {
            width: calc(100% - 50px);
            float: left;
            padding-left: 20px;
        }
        
        .ms_test_top .ms_test_name h3 {
            font-size: 16px;
            color: #ffffff;
        }
        
        .ms_test_top .ms_test_name span.cmnt_time {
            color: #dedede;
            font-size: 15px;
        }
        
        .ms_test_box p {
            margin: 0px;
            color: #dedede;
            line-height: 25px;
            margin-top: 10px;
            font-weight: 300;
        }
        
        .ms_test_top .ms_test_img img {
            border-radius: 5px;
        }
        
        .ms_cmnt_wrapper {
            width: 100%;
            display: inline-block;
            margin-top: 50px;
        }
        
        .ms_input_group {
            width: 36%;
            float: left;
            padding-right: 63px;
        }
        
        .ms_input_group1 {
            width: 48%;
            float: left;
        }
        
        .ms_input_group2 {
            width: 13%;
            float: right;
        }
        
        .ms_input_group1 .ms_input textarea.form-control {
            height: 100px;
            resize: none;
        }
        
        .ms_input_group2 .ms_input {
            margin-top: 28px;
        }
        
        .ms_input_group2 .ms_input button.ms_btn {
            border: none;
            width: auto;
            padding: 5px 29px;
            height: 40px;
            cursor: pointer;
        }
        
        .album_list_wrapper ul.more_option {
            right: 160px;
            top: 15px;
        }
        /*====Artists Css Start====*/
        
        .ms_top_artist {
            margin-top: 50px;
        }
        
        .ms_top_artist .container-fluid {
            padding-left: 0px;
            padding-right: 0px;
        }
        
        .ms_content_wrapper.ms_artist_content {
            padding-top: 0px;
        }
        /*====Artist Single Page Css Start====*/
        
        .about_artist {
            font-size: 15px;
            color: #dedede;
            line-height: 30px;
        }
        
        .about_artist a:hover {
            color: #2cc8e5;
            letter-spacing: 1px;
        }
        
        .ms_view_more {
            text-align: center;
            margin-top: 55px;
        }
        
        .ms_view_more a.ms_btn {
            height: 40px;
            line-height: 45px;
            padding: 0px 46px;
            width: auto;
            margin: 0px;
        }
        /*====Free Music Page Css Start====*/
        
        .ms_weekly_wrapper.ms_free_music .weekly_right {
            position: absolute;
            right: 0px;
        }
        
        .ms_weekly_wrapper.ms_free_music .w_song_time {
            padding-right: 30px;
            color: #fff;
        }
        
        .ms_weekly_wrapper.ms_free_music .weekly_right .ms_more_icon {
            top: 0;
            right: auto;
            padding-right: 20px;
            position: relative;
        }
        
        .ms_weekly_wrapper.ms_free_music .ms_icon1.dwnload_icon {
            background-position: -752px 0px;
            position: relative;
            top: 10px;
        }
        
        .ms_weekly_wrapper.ms_free_music ul.more_option {
            right: 85px;
            top: 28px;
        }
        
        .ms_weekly_wrapper.ms_free_music .w_top_song {
            padding-left: 0px;
        }
        /*====Station Page Css Start====*/
        
        span.ms_frequency {
            position: absolute;
            top: 40px;
            left: 30px;
            text-transform: uppercase;
            color: #ec1e2a;
            font-weight: 600;
        }
        /*====Download Page Css Start====*/
        
        .ms_free_download .album_list_wrapper {
            width: 100%;
            margin-top: -3px;
        }
        
        .ms_free_download .album_list_wrapper>ul>li {
            width: 14%;
        }
        
        .ms_icon1.ms_cross_icon {
            background-position: -792px 0px;
            position: relative;
        }
        
        .ms_free_download .album_list_wrapper .ms_close {
            width: 20px;
            height: 20px;
            background-color: #2ec8e6;
            display: inline-block;
            line-height: 20px;
            border-radius: 100%;
            text-align: center;
        }
        
        .ms_free_download {
            margin-top: 60px;
        }
        /*====Purchase Page Css Start====*/
        
        .ms_free_download.ms_purchase_wrapper .ms_view_more {
            width: 98%;
        }
        
        .ms_free_download .album_list_wrapper table {
            width: 100%;
        }
        
        .ms_free_download .album_list_wrapper table tr {
            position: relative;
        }
        
        .ms_free_download .album_list_wrapper table tr th {
            color: #2ec8e6;
            font-weight: 600;
            position: relative;
            padding-bottom: 10px;
        }
        
        .ms_free_download .album_list_wrapper table tr td {
            color: #ffffff;
        }
        
        .ms_free_download .album_list_wrapper table tr th:after {
            position: absolute;
            left: 0;
            top: 100%;
            content: "";
            float: left;
            width: 100%;
            border: 0;
            height: 1px;
            background: rgba(59, 200, 231, 0.61);
        }
        
        .ms_free_download.ms_purchase_wrapper .album_list_wrapper>ul>li {
            width: 12%;
        }
        /*====History Page Css Start====*/
        
        .hstry_clear.ms_btn {
            float: right;
        }
        
        .hstry_clear.ms_btn a {
            color: #fff;
        }
        /*====AddToPlaylist Page Css Start====*/
        
        .create_playlist {
            width: 252px;
            height: 252px;
            background-color: #343e69;
            border-radius: 10px;
            position: relative;
            cursor: pointer;
        }
        
        .create_playlist i.ms_icon.icon_playlist {
            position: absolute;
            top: 50%;
            left: 50%;
            background-position: -355px -25px;
            width: 30px;
            height: 30px;
            cursor: pointer;
            transform: scale(1) translate(-50%, -50%);
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
        }
        /*====Modal Css Start====*/
        
        .modal-content {
            padding: 24px;
            border: none;
            border-radius: 10px;
            background: #28a745;
        }
        
        .modal {
            overflow: hidden;
        }
        
        .modal-dialog {
            max-width: 930px;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) !important;
            -webkit-transform: translate(-50%, -50%) !important;
            -moz-transform: translate(-50%, -50%) !important;
            -ms-transform: translate(-50%, -50%) !important;
            -o-transform: translate(-50%, -50%) !important;
        }
        
        @media (min-width: 576px) {
            .modal-dialog {
                max-width: 500px;
                margin: 0 !important;
            }
        }
        
        .centered-modal .modal-dialog {
            margin: auto;
        }
        
        .modal-body {
            padding: 0;
        }
        
        .ms_register_img {
            width: 368px;
            float: left;
        }
        
        .ms_register_form {
            width: calc(100% - 368px);
            float: left;
            padding-left: 50px;
            text-align: center;
        }
        
        .modal-dialog.login_dialog .modal-content .ms_register_form {
            padding-top: 25px;
        }
        
        .ms_register_form .form-control {
            padding: 3px 30px 0px 20px;
        }
        
        .fa_icon {
            background-image: url(../images/svg/play_icon.svg);
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
        }
        
        .modal-dialog button {
            position: absolute;
            right: -12px;
            z-index: 1;
            top: -15px;
            /*width: 30px;*/
            height: 30px;
            /*background-color: #fff;*/
            opacity: 1;
            border-radius: 100%;
            cursor: pointer !important;
        }
        
        .modal-footer {
            display: none !important;
        }
        
        .modal-title {
            color: #0a0c15 !important;
            font-size: 23px !important;
        }
        
        i.fa_icon.form_close {
            background-position: -832px 0px;
        }
        
        .close:hover,
        .close:focus {
            opacity: 1;
            outline: none;
        }
        
        .ms_register_form h2 {
            font-size: 24px;
            color: #fff;
            text-align: center;
            padding-bottom: 10px;
            margin-bottom: 30px;
            position: relative;
            display: inline-block;
            text-transform: capitalize;
        }
        
        .ms_register_form h2:after,
        .ms_lang_popup .modal-content h1:after {
            width: 100px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: 0;
            left: 50%;
            z-index: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #fff, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
        }
        
        .ms_register_form .form-group {
            position: relative;
            margin-bottom: 20px;
            display: inline-block;
            width: 100%;
        }
        
        .ms_register_form .form-group span.form_icon {
            position: absolute;
            right: 0;
            top: 5px;
        }
        
        i.fa_icon.form-user {
            background-position: 0px -40px;
        }
        
        i.fa_icon.form-envelope {
            background-position: -38px -40px;
        }
        
        i.fa_icon.form-lock {
            background-position: -80px -40px;
        }
        
        .ms_register_form a.ms_btn,
        .ms_lang_btn a.ms_btn {
            background-color: transparent;
            height: 40px;
            border: 1px solid #fff;
            margin-left: 0px;
            padding: 0px 31px;
            line-height: 40px;
            width: auto;
            margin-top: 10px;
        }
        
        .ms_register_form a.ms_btn:hover,
        .ms_lang_popup .modal-content.add_lang .ms_lang_btn a.ms_btn:hover {
            background-color: #ffffff;
            color: #22bed7;
        }
        
        .ms_register_form p {
            text-align: center;
            color: #fff;
            font-style: italic;
            margin-top: 20px;
            margin-bottom: 0px;
            font-weight: 300;
            text-transform: capitalize;
        }
        
        .ms_register_form p a {
            color: #fff;
            font-weight: 600;
            position: relative;
        }
        
        .ms_register_form p a:after,
        .popup_forgot a:after {
            width: 0px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: -8px;
            left: 50%;
            z-index: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #fff, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        .ms_register_form p a:hover:after,
        .popup_forgot a:hover:after {
            width: 140%;
        }
        
        .modal-open .ms_main_wrapper {
            -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -o-filter: blur(2px);
            -ms-filter: blur(2px);
            filter: blur(2px);
        }
        
        .ms_register_form .remember_checkbox {
            float: left;
            font-size: 15px;
            color: #fff;
            font-weight: 400;
            position: relative;
            padding-left: 21px;
            width: 100%;
            display: block;
            text-align: left;
        }
        
        .ms_register_form .remember_checkbox label input {
            display: none;
        }
        
        .ms_register_form .remember_checkbox label .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            height: 12px;
            width: 12px;
            text-align: center;
            line-height: 15px;
            border-radius: 2px;
            background-color: #fff;
        }
        
        .ms_register_form .remember_checkbox label input:checked~.checkmark:after {
            display: block;
        }
        
        .ms_register_form .remember_checkbox label .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            top: 2px;
            left: 4px;
            width: 4px;
            height: 7px;
            border: solid #767676;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .ms_register_form .remember_checkbox label {
            cursor: pointer;
        }
        
        .popup_forgot {
            margin-top: 25px;
        }
        
        .popup_forgot a {
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            letter-spacing: 1px;
            position: relative;
        }
        
        div#myModal1 p {
            margin-top: 10px;
        }
        
        @media all and (-ms-high-contrast:none) {
            .modal-open {
                -ms-overflow-style: auto;
            }
            *::-ms-backdrop,
            .modal-open {
                -ms-overflow-style: auto;
            }
        }
        /*====Clear All Modal====*/
        
        .ms_clear_modal .modal-dialog,
        .ms_save_modal .modal-dialog {
            max-width: 500px;
        }
        
        .ms_clear_modal .modal-dialog .modal-body h1,
        .ms_save_modal .modal-dialog .modal-body h1 {
            font-size: 18px;
            color: #fff;
        }
        
        .ms_clear_modal .modal-dialog .modal-content,
        .ms_save_modal .modal-dialog .modal-content {
            padding: 25px;
            text-align: center;
        }
        
        .clr_modal_btn {
            margin-top: 15px;
        }
        
        .clr_modal_btn a {
            height: 30px;
            background-color: #fff;
            display: inline-block;
            padding: 0px 17px;
            line-height: 34px;
            text-transform: capitalize;
            font-size: 13px;
            border-radius: 15px;
        }
        
        .clr_modal_btn a:hover {
            color: #3bc8e7;
        }
        /*====Save Modal Css Start====*/
        
        .save_modal_btn {
            padding: 20px 0px;
        }
        
        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        
        .save_modal_btn a {
            background-color: #fff;
            display: inline-block;
            padding: 0px 15px;
            border-radius: 20px;
            height: 35px;
            line-height: 39px;
            text-transform: capitalize;
            font-size: 14px;
            border: 1px solid #fff;
        }
        
        .save_modal_btn a:hover {
            color: #fff;
            background-color: transparent;
        }
        
        .ms_save_email {
            padding: 0px 40px;
            border-top: 1px solid #fff;
            padding-top: 20px;
        }
        
        .ms_save_email h3 {
            font-size: 15px;
            color: #fff;
            text-transform: capitalize;
            padding-bottom: 15px;
        }
        
        .ms_save_email .save_input_group {
            margin-bottom: 15px;
        }
        
        .ms_dnt_have {
            color: #fff;
        }
        
        .ms_dnt_have a {
            color: #fff;
        }
        
        button.save_btn {
            position: relative;
            border-radius: 30px;
            width: 100px;
            border: 1px solid #fff;
            margin-top: 15px;
            height: 35px;
            line-height: 33px;
            background-color: transparent;
            color: #fff;
            transition: all 0.3s ease-in-out;
        }
        
        button.save_btn:hover {
            background-color: #fff;
            color: #3bc8e7;
        }
        /*====Edit Profile Css Start====*/
        
        .ms_profile .ms_top_btn {
            float: right;
            text-align: left;
            width: 56.3%;
            position: relative;
        }
        
        .ms_main_wrapper.ms_profile .ms_header {
            padding: 20px 50px 10px;
        }
        
        .ms_profile .ms_top_btn .ms_btn {
            margin-left: 0px;
            position: relative;
            top: 2px;
        }
        
        .ms_admin_name {
            float: right;
            line-height: 30px;
            font-size: 15px;
            color: #fff;
            text-transform: capitalize;
            position: relative;
            padding-right: 19px;
        }
        
        .ms_admin_name:after {
            content: "";
            position: absolute;
            top: 23px;
            right: 0px;
            bottom: auto;
            left: auto;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #fff;
        }
        
        .ms_admin_name:hover {
            color: #3bc8e7;
        }
        
        .ms_admin_name:hover:after {
            border-top: 4px solid #3bc8e7;
        }
        
        .ms_admin_name:before {
            position: absolute;
            background-color: #282c41;
            height: 30px;
            width: 2px;
            content: "";
            left: -21px;
            top: 6px;
            display: none;
        }
        
        .v-modal {
            background: none !important;
            opacity: 1 !important;
            display: none !important;
        }
        
        .vld-overlay .vld-background {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            background: #4f515e !important;
            opacity: 0.7;
        }
        
        .ms_main_wrapper.ms_profile .ms_top_right .ms_top_lang:after {
            right: 19px;
        }
        
        .ms_admin_name span {
            margin-right: 10px;
        }
        
        .ms_main_wrapper.ms_profile .ms_top_lang {
            padding-right: 34px;
        }
        
        .dropdown-menu .dropdown-item {
            font-size: 16px !important;
            color: #ffffff !important;
        }
        
        .dropdown-menu .dropdown-item:hover {
            color: #97a1b5 !important;
            background: none !important;
        }
        
        .dropdown-menu {
            position: absolute;
            top: 62px !important;
            left: 0px;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 10rem;
            padding: 20px !important;
            font-size: 1rem;
            color: #ffffff;
            text-align: left;
            list-style: none;
            background-color: #1b2039 !important;
            background-clip: padding-box;
            border: none !important;
            border-radius: 0.25rem;
        }
        
        .ms_admin_name span.ms_pro_name {
            width: 60px;
            height: 60px;
            display: inline-block;
            border-radius: 100%;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            line-height: 84px;
            margin-left: 10px;
            position: relative;
            top: 1px;
        }
        
        .ms_admin_name img {
            width: 50px;
            height: 50px;
            margin-left: 7px;
            margin-top: -5px;
        }
        
        .ms_profile_box {
            background-color: #1b2039;
            width: 61%;
            margin: 0 auto;
            text-align: center;
            padding: 50px 0px;
            display: inline-block;
            border-radius: 15px;
            margin-bottom: 10px;
        }
        
        .ms_pro_form {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 15px;
        }
        
        .ms_pro_form .form-group {
            width: 44%;
            display: inline-block;
            padding: 0px 12px;
            text-align: left;
        }
        
        .ms_profile_wrapper,
        .ms_account_wrapper {
            text-align: center;
            margin-top: 60px;
            padding-left: 80px;
        }
        
        .ms_pro_form .form-group {
            margin-bottom: 25px;
        }
        
        .ms_pro_form .form-group label {
            font-size: 16px;
            color: #3bc8e7;
            margin-bottom: 5px;
        }
        
        .ms_pro_img {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }
        
        .ms_pro_img img {
            width: 155px;
            height: 155px;
            border-radius: 100%;
            border: 2px solid #fff;
        }
        
        .ms_pro_form .ms_btn {
            height: 40px;
            width: 140px;
            line-height: 43px;
            margin-left: 15px;
        }
        
        .ms_profile_wrapper h1,
        .ms_account_wrapper h2 {
            font-size: 26px;
            color: #fff;
            font-weight: 400;
            margin-bottom: 30px;
        }
        
        .pro_img_overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, .6);
            border: 2px solid #fff;
            opacity: 0;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
        }
        
        .ms_pro_img:hover .pro_img_overlay {
            opacity: 1;
        }
        
        .pro_img_overlay i.fa_icon.edit_icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            background-position: -110px -39px;
        }
        
        ul.pro_dropdown_menu {
            background-color: #fff;
            max-width: 150px;
            width: 100%;
            right: 0;
            top: 157%;
            position: absolute;
            padding: 0px;
            list-style: none;
            padding: 10px 15px;
            line-height: 1;
            border-radius: 6px;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }
        
        ul.pro_dropdown_menu:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: -9px;
            right: 34px;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #fff;
        }
        
        ul.pro_dropdown_menu.open_dropdown {
            visibility: visible;
            opacity: 1;
        }
        
        ul.pro_dropdown_menu li {
            width: 100%;
            display: inline-block;
        }
        
        ul.pro_dropdown_menu li a {
            width: 100%;
            display: block;
            padding: 5px 0px;
            color: #222;
        }
        
        ul.pro_dropdown_menu li a:hover {
            color: #3bc8e7;
        }
        /*====Plans Css Start====*/
        
        .ms_plan_box {
            background-color: #fff;
            border-radius: 15px;
            padding-bottom: 50px;
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            overflow: hidden;
            position: relative;
        }
        
        .ms_plan_box .ms_plan_header {
            padding: 40px 0px 50px;
            position: relative;
            overflow: hidden;
            z-index: 1;
            border-radius: 15px;
        }
        
        .ms_plan_box .ms_plan_header:after {
            position: absolute;
            width: 606px;
            height: 606px;
            z-index: -1;
            content: "";
            border-radius: 100%;
            top: -417px;
            right: -215px;
            background-color: #2ec8e6;
            box-shadow: inset 0px 3px 17px 0px rgba(0, 0, 0, 0.35);
        }
        
        .ms_plan_img {
            width: 100px;
            height: 100px;
            background-color: #fff;
            display: inline-block;
            line-height: 97px;
            border-radius: 100%;
            box-shadow: 0px 0px 10px 0px rgba(4, 4, 4, 0.1);
        }
        
        .ms_plan_box h3.plan_heading {
            font-size: 22px;
            color: #202020;
            padding-bottom: 7px;
            position: relative;
            display: inline-block;
            margin-bottom: 25px;
            padding-top: 35px;
        }
        
        .ms_plan_box h3.plan_heading:after {
            width: 100px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: 0;
            left: 50%;
            z-index: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
        }
        
        .plan_dolar {
            width: 89px;
            height: 89px;
            display: inline-block;
            border: 2px solid #3bc8e7;
            line-height: 99px;
            font-size: 40px;
            border-radius: 100%;
            font-weight: 600;
            color: #3bc8e7;
            position: relative;
            background-color: #fff;
            z-index: 1;
        }
        
        .plan_price {
            width: 100%;
            display: inline-block;
            margin-bottom: 30px;
            position: relative;
        }
        
        .plan_dolar sup {
            font-size: 25px;
        }
        
        .plan_price:before,
        .plan_price:after {
            width: 50%;
            height: 2px;
            content: "";
            position: absolute;
            top: 50%;
            right: 8px;
            z-index: 0;
            background-image: -webkit-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
            background-image: -moz-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
            background-image: -ms-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
            background-image: -o-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }
        
        .plan_price:before {
            left: 8px;
            background-image: -webkit-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
            background-image: -moz-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
            background-image: -ms-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
            background-image: -o-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
        }
        
        .ms_plan_box ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .ms_plan_box ul li {
            color: #777;
            font-weight: 600;
            font-size: 18px;
            margin-bottom: 10px;
        }
        
        .ms_plan_btn {
            position: absolute;
            left: 50%;
            bottom: -50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            opacity: 0;
            visibility: hidden;
            transition: all 0.7s ease-in-out;
            -webkit-transition: all 0.7s ease-in-out;
            -moz-transition: all 0.7s ease-in-out;
            -ms-transition: all 0.7s ease-in-out;
            -o-transition: all 0.7s ease-in-out;
        }
        
        .ms_plan_box a.ms_btn {
            height: 40px;
            line-height: 40px;
            width: 150px;
            margin-left: 0px;
            margin-top: 20px;
        }
        
        .ms_plan_box:hover .ms_plan_btn,
        .ms_plan_box.paln_active .ms_plan_btn {
            opacity: 1;
            visibility: visible;
            bottom: 50px;
        }
        
        .ms_plan_box.paln_active,
        .ms_plan_box:hover {
            padding-bottom: 110px;
        }
        
        .ms_plan_box.paln_active {
            position: relative;
            top: -35px;
        }
        
        .ms_account_wrapper .ms_heading {
            margin-bottom: 70px;
        }
        
        .ms_account_wrapper .ms_acc_overview .ms_heading {
            margin-bottom: 35px;
        }
        
        .ms_account_wrapper .ms_heading h1:after {
            left: 48%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }
        
        .ms_acc_overview {
            width: 73%;
            background-color: #1b2039;
            border-radius: 15px;
            padding: 50px 0px;
            text-align: center;
            margin: 30px auto 10px auto;
        }
        
        .ms_acc_ovrview_list {
            width: 50%;
            display: inline-block;
        }
        
        .ms_acc_ovrview_list ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
        
        .ms_acc_ovrview_list ul li {
            text-align: left;
            width: 100%;
            display: block;
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 16px;
            text-transform: capitalize;
        }
        
        .ms_acc_ovrview_list ul li span {
            text-align: left;
            float: right;
            width: 30%;
            color: #3bc8e7;
        }
        
        .ms_acc_ovrview_list a.ms_btn {
            margin-left: 0px;
            height: 40px;
            line-height: 42px;
            padding: 0px 33px;
            width: auto;
            margin-top: 15px;
        }
        /*====Upload Page Css Start====*/
        
        .ms_upload_wrapper {
            text-align: center;
            padding-left: 80px;
        }
        
        .ms_upload_box {
            background-color: #1b2039;
            width: 56%;
            margin: 0 auto;
            text-align: center;
            padding: 50px 0px;
            display: inline-block;
            border-radius: 15px;
        }
        
        .ms_upload_box h2 {
            font-size: 26px;
            color: #ffffff;
        }
        
        .ms_upload_box img {
            margin: 40px 0px 50px;
            cursor: pointer;
        }
        
        .ms_upload_btn a.ms_btn {
            margin-left: 0px;
            height: 40px;
            line-height: 43px;
            width: 210px;
            margin: 0px 10px;
        }
        
        .ms_upload_box span {
            font-size: 18px;
            color: #fff;
            text-transform: capitalize;
            margin: 19px 0px 10px;
            display: inline-block;
            font-weight: 600;
        }
        
        .ms_upload_box p {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            margin: 0px;
        }
        
        .ms_upload_box .ms_heading h1 {
            font-size: 22px;
        }
        
        .ms_upload_box .ms_heading h1:after {
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }
        /*====Language Popup Css Start====*/
        
        .ms_lang_popup .modal-content h1 {
            color: #fff;
            font-size: 22px;
            text-transform: capitalize;
            text-align: center;
            margin-bottom: 15px;
            padding-bottom: 10px;
            position: relative;
        }
        
        .ms_lang_popup .modal-content p {
            color: #fff;
            font-size: 16px !important;
            text-align: center;
            margin-bottom: 30px;
        }
        
        .ms_lang_popup .modal-content ul.lang_list {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .ms_lang_popup .modal-content ul.lang_list li {
            width: 50%;
            float: left;
            padding: 10px 20px;
            border: 1px solid rgba(255, 255, 255, 0.25);
            border-width: 1px 1px 1px 0px;
            margin-bottom: -1px;
            margin-right: -1px;
        }
        
        .ms_lang_popup .modal-content {
            padding: 30px 0px;
        }
        
        .lang_list label {
            cursor: pointer;
            color: #fff;
            font-size: 16px;
            position: relative;
            font-weight: 500;
            width: 100%;
            text-transform: capitalize;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        
        .lang_list label input[type="checkbox"] {
            display: none;
        }
        
        .lang_list label input[type="checkbox"]+.label-text {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: absolute;
            right: 0;
            top: 5px;
            width: 14px;
            height: 14px;
            background-color: #fff;
            border: 1px solid #fff;
            border-radius: 50%;
        }
        
        .lang_list label input[type="checkbox"]:checked+.label-text:before {
            content: "\f00c";
            color: #1b2039;
            -webkit-animation: tick 150ms ease-in;
            animation: tick 150ms ease-in;
            top: -2px;
            position: absolute;
            font-size: 12px !important;
            left: 0px;
            top: 0px;
            font: normal normal normal 14px/1 FontAwesome;
            background-color: #ffffff;
            border-radius: 50%;
        }
        
        @-webkit-keyframes tick {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            90% {
                -webkit-transform: scale(1.4);
                transform: scale(1.4)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes tick {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            90% {
                -webkit-transform: scale(1.4);
                transform: scale(1.4)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .ms_lang_popup .modal-dialog {
            max-width: 500px;
            width: 100%;
        }
        
        .ms_lang_btn {
            display: inline-block;
            width: 100%;
            text-align: center;
            margin-top: 20px;
        }
        
        .ms_lang_btn a.ms_btn {
            cursor: default;
            opacity: 0.2;
        }
        
        .ms_lang_popup .modal-content.add_lang .ms_lang_btn a.ms_btn {
            opacity: 1;
            cursor: pointer;
        }
        /*==== Blog Page Css Start ====*/
        
        .ms_blog_wrapper {
            padding-top: 60px;
            position: relative;
        }
        
        .ms_blog_wrapper .ms_blog_section {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
        }
        
        .ms_blog_img img {
            border-radius: 10px;
            width: 100%;
        }
        
        .ms_blog_content {
            padding: 20px;
            color: #ffffff;
            background-color: #1b2039
        }
        
        .ms_blog_section .ms_box_overlay_on {
            position: absolute;
            left: 0;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            border-radius: 10px;
            background-image: -moz-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
        
        .ms_blog_section:hover .ms_box_overlay_on {
            opacity: 0;
            top: 100%;
        }
        
        .ms_blog_section:hover .ms_main_overlay {
            opacity: 1;
        }
        
        .ms_blog_section:hover .ms_box_overlay {
            top: 0;
        }
        
        .ms_blog_section:hover .ovrly_text_div {
            bottom: 20px;
        }
        
        .ms_blog_section span.ovrly_text1 {
            color: #ffffff;
        }
        
        .ms_blog_section.blog_active span.ovrly_text1 a {
            font-size: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        
        .ms_blog_section span.ovrly_text1 a {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        /*==== Blog Single Page Css Start ====*/
        
        .ms_blog_single_wrapper {
            padding-top: 60px;
        }
        
        .blog_single_img img {
            width: 100%;
            border-radius: 10px;
        }
        
        .blog_single_content {
            color: #ffffff;
            padding-top: 30px;
        }
        
        .blog_single_content .ms_blog_title {
            font-size: 22px;
            margin-bottom: 10px;
            text-transform: capitalize;
        }
        
        .ms_post_meta ul {
            padding: 0;
            margin-bottom: 15px;
        }
        
        .ms_post_meta ul li {
            display: inline-block;
            text-transform: capitalize;
        }
        
        .blog_single_content p {
            margin-bottom: 20px;
        }
        
        .blog_single_content blockquote {
            font-size: 18px;
            padding: 20px 20px 20px 65px;
            background-color: #1b2039;
            margin-bottom: 40px;
            margin-top: 35px;
            display: inline-block;
            position: relative;
        }
        
        .blog_single_content blockquote:before {
            background-image: url(../images/svg/quote.svg);
            position: absolute;
            width: 40px;
            height: 40px;
            top: -15px;
            left: 16px;
            content: "";
        }
        
        .blog_single_content ul {
            padding: 0;
        }
        
        .blog_comments {
            padding-top: 50px;
        }
        
        .blog_comments ol {
            list-style: none;
            padding: 0;
        }
        
        .blog_comments h1 {
            font-size: 22px;
            text-transform: capitalize;
        }
        
        .ms_comment_section {
            position: relative;
            margin-top: 30px;
            padding: 20px;
            background-color: #1b2039;
            color: #ffffff;
        }
        
        .ms_comment_section .comment_img {
            position: absolute;
            top: 20px;
            left: 20px;
        }
        
        .ms_comment_section .comment_img img {
            border-radius: 100%;
        }
        
        .ms_comment_section .comment_info {
            padding-left: 120px;
        }
        
        .ms_comment_section .comment_info .comment_head p {
            float: right;
        }
        
        .ms_comment_section .comment_info .comment_reply {
            float: right;
            text-transform: capitalize;
        }
        
        .ms_comment_section .comment_info .comment_reply:hover {
            color: #3bc8e7;
        }
        
        .comment_info:after,
        .comment_head:after {
            content: "";
            width: 100%;
            display: table;
        }
        
        .comment_head h3,
        .comment_head p {
            font-size: 14px;
            display: inline-block;
            text-transform: capitalize;
        }
        
        .blog_comments_forms {
            padding-top: 60px;
        }
        
        .blog_comments_forms h1 {
            font-size: 22px;
            text-transform: capitalize;
            margin-bottom: 30px;
        }
        
        .comment_input_wrapper {
            margin-bottom: 30px;
        }
        
        .comment_input_wrapper input.cmnt_field,
        .comment_input_wrapper textarea#comment {
            width: 100%;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #3bc8e7;
            font-size: 14px;
            color: #ffffff;
        }
        
        .comment_input_wrapper input.cmnt_field:focus,
        .comment_input_wrapper textarea#comment:focus {
            outline: none;
        }
        
        .comment_input_wrapper textarea#comment {
            height: 100px;
            resize: none;
        }
        
        .comment-form-submit input#comment-submit {
            margin-left: 0px;
            border: none;
            width: auto;
            padding: 0px 25px;
            cursor: pointer;
            height: 35px;
            line-height: 39px;
        }
        /*====Sidebar Css Start====*/
        
        .widget.widget_search {
            position: relative;
        }
        
        .widget.widget_search button.search_btn.search_icon {
            border: none;
            color: #fff;
            font-size: 13px;
            top: 1px;
            height: 38px;
            line-height: 39px;
        }
        
        .ms_sidebar .widget {
            display: inline-block;
            width: 100%;
        }
        
        .widget.widget_categories {
            margin-top: 40px;
        }
        
        .widget.widget_recent_entries {
            margin-top: 35px;
        }
        
        .widget.widget_tag_cloud {
            margin-top: 30px;
        }
        
        h2.widget-title {
            font-size: 18px;
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
            text-transform: capitalize;
            width: 100%;
            margin-bottom: 20px;
        }
        
        h2.widget-title:after {
            width: 100px;
            height: 5px;
            content: "";
            position: absolute !important;
            bottom: 0;
            left: -25px;
            z-index: 0;
            background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -moz-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -ms-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
            background: -o-radial-gradient(50% 50%, ellipse closest-side, #3bc8e7, rgba(255, 42, 112, 0) 60%);
        }
        
        .widget ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        .widget.widget_categories ul li {
            margin-bottom: 6px;
        }
        
        .widget.widget_categories ul li:last-child {
            margin-bottom: 0px;
        }
        
        .widget.widget_categories ul li a {
            color: #fff;
            position: relative;
            padding-left: 20px;
        }
        
        .widget.widget_categories ul li a:after {
            position: absolute;
            width: 8px;
            height: 8px;
            background-color: #3bc8e7;
            content: "";
            left: 0;
            top: 3px;
            border-radius: 100%;
        }
        
        .widget.widget_categories ul li a:hover {
            color: #3bc8e7;
        }
        
        .widget.widget_recent_entries ul li {
            margin-bottom: 10px;
            width: 100%;
            display: inline-block;
        }
        
        .widget.widget_recent_entries ul li:last-child {
            margin-bottom: 0px;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_img {
            float: left;
            width: 50px;
            margin-right: 15px;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_img img {
            border-radius: 4px;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_data {
            width: calc(100% - 75px);
            float: left;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_data h4 {
            margin: 0px;
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_data span {
            font-size: 13px;
            margin-top: 3px;
            display: inline-block;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_data h4 a {
            color: #fff;
        }
        
        .widget.widget_recent_entries ul li .recent_cmnt_data h4 a:hover {
            color: #3bc8e7;
        }
        
        .widget.widget_tag_cloud ul li {
            display: inline-block;
        }
        
        .widget.widget_tag_cloud ul li a {
            background-color: #3bc8e7;
            color: #fff;
            padding: 0px 13px;
            display: block;
            margin-bottom: 10px;
            height: 32px;
            line-height: 33px;
            border-radius: 20px;
            border: 1px solid #3bc8e7;
        }
        
        .widget.widget_tag_cloud ul li a:hover {
            color: #ffffff;
            box-shadow: 0px 0px 20px 0px #3bc8e7;
        }
        /*====Media Css Start====*/
        
        @media(max-width:1825px) {
            .ms_top_trend {
                padding-left: 20px;
            }
            .ms_profile .ms_top_btn {
                width: 67.3%;
            }
        }
        
        @media(max-width:1800px) {
            .jp-volume-controls.flex-item {
                margin-left: 25px;
            }
            .jp-progress-container.flex-item {
                max-width: 600px;
            }
            body {
                font-size: 15px;
            }
            .ms_profile .ms_top_btn {
                width: auto;
                display: flex;
                place-content: flex-end;
            }
            .ms_admin_name {
                margin-left: 14px;
            }
            .ms_profile .ms_top_btn .ms_btn {
                margin-top: 6px;
            }
            .ms_profile .ms_top_right .ms_top_lang:after {
                display: none;
            }
            .ms_admin_name:before {
                display: none;
            }
            .ms_upload_wrapper {
                padding-top: 50px;
            }
            .ms_free_download .album_list_wrapper>ul>li {
                width: 13%;
            }
            .ms_main_wrapper.ms_profile .ms_top_lang {
                padding-right: 15px;
            }
            .ms_main_wrapper.ms_profile .ms_top_trend {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                width: 35%;
            }
        }
        
        @media(min-width:1400px) and (max-width:1800px) {
            ul.more_option {
                max-width: 135px;
                padding: 10px 0px 10px 12px;
            }
            ul.more_option li a {
                padding-bottom: 0;
                font-size: 11px;
                line-height: 24px;
            }
        }
        
        @media(max-width:1700px) {
            .ms_top_search {
                max-width: 20%;
            }
            .ms_top_trend {
                padding-left: 35px;
            }
            .jp-progress-container.flex-item {
                max-width: 50%;
            }
            .jp-type-playlist {
                padding-right: 80px;
            }
            .jp_queue_wrapper {
                padding-right: 40px;
            }
            .w_top_song {
                padding-left: 20px;
            }
            .ms_rcnt_box_text h3,
            .w_top_song .w_tp_song_name h3 {
                font-size: 14px;
            }
            .footer_box {
                padding-right: 20px;
            }
        }
        
        @media(max-width:1600px) {
            .ms_weekly_wrapper.ms_free_music .weekly_right {
                right: 0;
            }
            .ms_top_right .ms_top_lang:after {
                display: none;
            }
            span.ovrly_text1 a {
                font-size: 13px;
            }
            .ovrly_text_div {
                padding: 0px 10px;
            }
            span.ovrly_text2 a {
                font-size: 13px;
            }
            .ms_header {
                padding: 20px 30px;
            }
            .ms_top_right .ms_top_lang {
                padding-right: 5px;
            }
            .ms_profile .ms_top_btn {
                text-align: right;
            }
            .ms_profile_box {
                width: 80%;
            }
            .jp-progress-container.flex-item {
                max-width: 45%;
            }
            .ms_play_song {
                width: 310px;
            }
            .jp-type-playlist {
                padding-left: 340px;
            }
            .ms_releases_wrapper .w_top_song {
                padding-left: 10px;
            }
            .album_list_wrapper>ul>li>a {
                font-size: 14px;
            }
            .ms_free_download.ms_purchase_wrapper .album_list_wrapper ul.more_option {
                right: 65px;
                top: 15px;
                width: 200px;
            }
            .ms_input_group2 .ms_input button.ms_btn {
                padding: 5px 25px;
                height: 37px;
            }
            .ms_profile .ms_top_btn {
                width: auto;
            }
            .ms_profile .ms_top_btn {
                text-align: left;
            }
            .ms_top_artist ul.more_option li a .opt_icon {
                display: none;
            }
            .ms_top_artist ul.more_option {
                max-width: 111px;
            }
            .weekly_left span.w_top_no {
                font-size: 40px;
            }
            .w_top_song {
                padding-left: 10px;
            }
            .ms_weekly_box ul.more_option {
                right: 30px;
                top: 11px;
            }
            .ms_top_trend {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                width: 35%;
            }
            .album_list_wrapper ul.more_option {
                right: 105px;
            }
            .ms_input_group {
                padding-right: 53px;
            }
            .ms_input_group1 {
                width: 45%;
            }
            .ms_input_group2 {
                width: 16%;
            }
        }
        
        @media(max-width:1400px) {
            .ms_genres_wrapper.ms_genres_single {
                margin-top: 50px;
            }
            .ms_top_artist ul.more_option {
                padding: 10px;
                font-size: 11px;
                right: 40px;
            }
            .ms_top_artist ul.more_option li a {
                padding-bottom: 5px;
                font-size: 11px;
                line-height: 19px;
            }
            .ms_admin_name:before {
                left: -14px;
            }
            .ms_input_group2 .ms_input button.ms_btn {
                padding: 5px 14px;
                margin-left: 19px;
            }
            .ms_banner_img {
                max-width: 470px;
            }
            .ms_banner_text {
                width: calc(100% - 470px);
            }
            .ms_banner_text h1 {
                font-size: 29px;
            }
            .ms_play_song {
                width: 281px;
                padding: 15px 0px 15px 25px;
            }
            .weekly_left span.w_top_no {
                width: 70px;
            }
            .w_top_song {
                padding-left: 0px;
            }
            .w_top_song .w_tp_song_name {
                padding-left: 15px;
            }
            .w_song_time {
                padding-right: 30px;
            }
            .ms_releases_wrapper .w_top_song {
                padding-left: 0px;
            }
            .ms_genres_box {
                margin-bottom: 20px;
            }
            .jp-type-playlist {
                padding-left: 300px;
                display: inline-block;
                width: 89%;
                padding-right: 0;
            }
            .jp-volume-controls.flex-item {
                margin-left: 30px;
            }
            .knob-container .knob-wrapper-outer .knob-wrapper .round {
                top: 16rem;
                left: 17rem;
                right: 18rem;
            }
            .knob-container .knob-wrapper-outer .knob-wrapper {
                width: 55px;
            }
            .footer_box {
                padding-right: 0px;
            }
            .ms_weekly_box {
                padding: 20px 0px 20px 0px;
                border-bottom: 1px solid #252b4d;
            }
            .ms_weekly_inner .ms_divider {
                display: none;
            }
            .ms_weekly_box ul.more_option {
                right: 27px;
                top: 11px;
            }
            .jp_queue_wrapper {
                padding-right: 15px;
                margin-top: 22px;
            }
            .jp-progress-container.flex-item {
                max-width: 31%;
            }
            .ms_free_download.ms_purchase_wrapper .album_list_wrapper>ul>li {
                font-size: 14px;
            }
            .ms_free_download .album_list_wrapper>ul>li {
                width: 13%;
            }
            .ms_album_single_wrapper {
                padding-left: 160px;
            }
            .album_list_wrapper>ul>li>a {
                font-size: 13px;
            }
            .album_list_wrapper {
                width: 100%;
            }
            .album_list_wrapper ul.more_option {
                font-size: 12px;
                padding-left: 12px;
            }
            .slider_nav_prev {
                left: 0;
            }
            .slider_nav_next {
                right: 0;
            }
            .ms_footer_inner {
                padding: 0px 80px 2px 140px;
            }
            .ms_content_wrapper {
                margin-left: 140px;
                margin-right: 60px;
            }
            .ms_weekly_wrapper .col-lg-4.col-md-12 {
                padding-right: 20px;
                flex: 0 0 100%;
                max-width: 100%;
            }
            .ms_releases_wrapper .slider_nav_prev,
            .ms_releases_wrapper .slider_nav_next {
                right: 0px;
            }
            .ms_input_group2 .ms_input button.ms_btn {
                font-size: 13px;
            }
            .ms_input_group2 {
                width: 19%;
            }
            .ms_input_group {
                padding-right: 47px;
            }
            .ms_input_group1 {
                width: 45%;
            }
        }
        
        @media(max-width:1200px) {
            .ms_main_wrapper.ms_profile .ms_top_trend {
                width: 25%;
            }
            .ms_content_wrapper {
                margin-right: 50px;
            }
            .ms_rcnt_box_text h3,
            .w_top_song .w_tp_song_name h3 {
                font-size: 14px;
            }
            .ms_admin_name:before {
                display: none;
            }
            .ms_rcnt_box .ms_play_icon:hover:after,
            .ms_genres_box .ms_play_icon:hover:after {
                opacity: 0;
            }
            .ms_free_download.ms_purchase_wrapper .album_list_wrapper>ul>li {
                width: 11%;
            }
            .ms_header {
                padding: 15px 20px 15px 30px;
            }
            .ms_top_search {
                max-width: 25%;
            }
            .ms_banner_img {
                max-width: 50%;
            }
            .ms_banner_text h1 {
                font-size: 27px;
            }
            .ms_banner_text {
                width: calc(100% - 50%);
                padding-top: 85px;
            }
            .ms-banner {
                padding: 0px;
                padding-bottom: 30px;
            }
            .ms_banner_text .ms_banner_btn .ms_btn {
                max-width: 125px;
            }
            .jp-type-playlist {
                padding-left: 270px;
                width: 87%;
            }
            .knob-container .knob-wrapper-outer .knob-wrapper {
                width: 50px;
            }
            .jp-progress-container.flex-item {
                max-width: 20%;
            }
            .knob-container .knob-wrapper-outer .knob-wrapper .round {
                top: 13rem;
                left: 15rem;
                right: 18rem;
            }
            .jp-toggles.flex-item {
                flex-basis: 120px;
            }
            .jp-volume-controls.flex-item {
                flex-basis: 55px;
            }
            .ms_play_song {
                width: 250px;
                padding: 10px 0px 10px 15px;
                height: 70px;
            }
            .jp-track-name {
                font-size: 13px;
            }
            .play_song_options {
                top: 23px;
            }
            .play_song_options ul li a {
                font-size: 14px;
                padding: 8px 10px;
            }
            .footer_box {
                font-size: 14px;
            }
            .ms_footer_inner {
                padding: 0px 30px 0px 127px;
            }
            .footer_box.footer_contacts ul.foo_con_info li .foo_con_icon {
                width: 35px;
                height: 35px;
                line-height: 35px;
            }
            .weekly_left span.w_top_no {
                font-size: 25px;
            }
            .w_top_song .w_tp_song_img {
                width: 45px;
            }
            .w_top_song .w_tp_song_name {
                width: calc(100% - 45px);
            }
            .weekly_left span.w_top_no {
                width: 40px;
            }
            .ms_sidemenu_wrapper {
                width: 90px;
            }
            .ms_rcnt_box .ms_play_icon img,
            .ms_genres_box .ms_play_icon img {
                width: 30px;
                height: 30px;
            }
            .ms_more_icon {
                top: 0;
            }
            .ovrly_text_div {
                bottom: 0;
            }
            .ms_genres_box:hover .ovrly_text_div {
                bottom: 0;
                display: none;
            }
            .ms_upload_box h2 {
                font-size: 22px;
            }
            .ms_weekly_wrapper {
                padding-right: 15px;
            }
            .ms_weekly_box {
                padding: 25px 0px 20px 0px;
                border-bottom: 1px solid #252b4d;
            }
            .ms_weekly_inner .ms_divider {
                display: none;
            }
            .ms_content_wrapper.padder_top80 {
                padding-top: 70px !important;
            }
            .ms_weekly_wrapper.ms_free_music .weekly_right {
                right: 0;
                bottom: 23px;
                left: auto;
            }
            .ms_weekly_wrapper.ms_free_music ul.more_option {
                right: -13px;
                top: 17px;
            }
            .ms_weekly_wrapper.ms_free_music ul.more_option:after {
                display: none;
            }
            .album_single_text {
                padding-top: 0;
            }
            a.ms_btn.play_btn {
                width: 130px;
                padding: 0px;
                font-size: 14px;
                line-height: 44px;
                padding: 0px 20px;
            }
            .w_top_song .w_tp_song_name h3 {
                font-size: 14px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                width: 85px;
            }
            .slider_nav_next {
                right: 0;
            }
            .slider_nav_prev {
                left: 0px;
            }
            .ms_radio_wrapper {
                margin: 30px 0px 0px 0px;
            }
            .ms_featured_slider,
            .ms_releases_wrapper {
                margin: 40px 0px 0px 0px;
            }
            .ms_fea_album_slider {
                margin: 52px 0px 0px 0px;
            }
            .ms_footer_wrapper {
                padding-left: 26px;
            }
            .album_single_data ul.more_option {
                top: 0;
            }
            .album_list_wrapper ul.more_option {
                right: 100px;
            }
            .ms_weekly_wrapper .col-lg-4.col-md-12 {
                padding-right: 0;
            }
            .ms_top_trend {
                width: 30%;
            }
            .ms_top_artist {
                padding: 0px 10px;
            }
        }
        
        @media(min-width:992px) and (max-width:1200px) {
            .ms_top_artist .col-lg-2.col-md-6 {
                flex: 33.33%;
                -ms-flex: 33.33%;
                max-width: 33.33%;
            }
        }
        
        @media(max-width:1024px) {
            .ms_main_wrapper.ms_profile .ms_top_trend {
                display: none;
            }
            .ms_profile_wrapper,
            .ms_account_wrapper {
                padding-left: 90px;
            }
            .ms_admin_name:before {
                display: none;
            }
            .jp-toggles.flex-item button {
                margin: 5px 7px 0px 7px;
            }
            .ms_player_close {
                top: -27px;
            }
            .ms_player_wrapper.close_player {
                bottom: -70px;
            }
            .ms_rcnt_box .ms_play_icon:after,
            .ms_genres_box .ms_play_icon:after {
                display: none;
            }
            .weekly_left span.w_top_no {
                width: 50px;
            }
            .ms_rcnt_box_text h3,
            .w_top_song .w_tp_song_name h3 {
                font-size: 13px;
            }
            .ms_rcnt_box_text p,
            .w_top_song .w_tp_song_name p {
                font-size: 12px;
            }
            .album_list_wrapper ul.more_option {
                right: 80px;
            }
            .ms_top_right .ms_top_lang:after {
                display: none;
            }
            .ms_cmnt_form .ms_input_group {
                width: 35%;
                padding-right: 23px;
            }
            .ms_input_group1 {
                width: 40%;
            }
            .ms_input_group2 {
                width: 25%;
            }
            .ms_input_group2 .ms_input button.ms_btn {
                margin-left: 20px;
            }
            .ms_blog_wrapper {
                margin-right: 25px;
            }
            .album_inner_list {
                width: 778px;
                overflow: scroll;
                overflow-y: hidden;
                overflow-x: scroll;
            }
            .ms_album_single_wrapper .album_inner_list {
                width: 762px;
            }
            .ms_album_single_wrapper .album_list_wrapper {
                width: 120%;
                padding-bottom: 10px;
            }
            .album_single_data ul.more_option {
                top: -5px;
            }
            .foo_sharing ul {
                padding-left: 0px;
            }
            .jp_quality_optn.custom_select {
                margin-left: -3px;
            }
            .ms_free_download .album_list_wrapper {
                width: 1000px;
                margin-top: -3px;
                padding-bottom: 15px;
            }
            .album_inner_list::-webkit-scrollbar {
                height: 4px;
            }
            .album_inner_list::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 3px #3bc8e7;
            }
            .album_inner_list::-webkit-scrollbar-thumb {
                background-color: #3bc8e7;
                outline: 2px solid #3bc8e7;
            }
        }
        
        @media(min-width:991px) and (max-width:1199px) {
            ul.more_option {
                max-width: 98px;
                padding: 10px 0px 10px 12px;
            }
            .jp-playlist ul.more_option {
                top: 90%;
                right: 30px;
                text-align: center;
                max-width: 180px;
                padding: 2px 10px;
            }
            .jp-playlist ul.more_option li a .opt_icon {
                display: block;
            }
            ul.more_option li a .opt_icon {
                display: none;
            }
            ul.more_option li a {
                padding-bottom: 0;
                font-size: 11px;
                line-height: 21px;
            }
            .ms_player_wrapper.close_player {
                bottom: -72px;
            }
        }
        
        @media(max-width:992px) {
            .padder_top90 {
                padding-top: 50px !important;
            }
            .w_top_song .w_tp_song_name {
                padding-left: 12px;
            }
            .ms_top_right .ms_top_lang {
                top: 8px;
            }
            .ms_profile .ms_top_btn .ms_btn {
                margin-top: 8px;
            }
            .ms_main_wrapper.ms_profile .ms_top_lang {
                top: 18px;
            }
            .ms_admin_name span.ms_pro_name {
                top: 0px;
            }
            .ms_nav_wrapper ul.nav_playlist {
                margin-bottom: 10px;
            }
            .ms_rcnt_box_img img {
                width: 100%;
            }
            .ms_free_download.ms_purchase_wrapper .album_list_wrapper>ul>li {
                width: 11%;
                font-size: 10px;
            }
            .ms_free_download.ms_purchase_wrapper .album_list_wrapper>ul>li>a {
                font-size: 12px;
            }
            .ms_banner_text {
                width: 100%;
                padding-top: 20px;
                padding-left: 30px;
                text-align: center;
            }
            .ms_banner_img {
                max-width: 100%;
            }
            .jp-type-playlist {
                width: 74%;
                padding-bottom: 10px;
                padding-left: 0;
                margin: 0 auto;
                display: block;
            }
            .ms_play_song {
                width: 100px;
                padding: 13px 0px 10px 15px;
                height: 70px;
            }
            .jp_queue_wrapper {
                padding-right: 25px;
                margin-top: 20px;
            }
            .jp-track-name {
                font-size: 13px;
            }
            .play_song_name span.que_img {
                width: 40px;
            }
            .play_song_name span.que_img img {
                max-width: 100%;
            }
            .play_song_name .que_data {
                display: none;
            }
            .jp-gui.jp-interface.flex-wrap {
                top: 0px;
            }
            .jp-type-playlist .nice-select .list {
                bottom: 175%;
            }
            .ms_top_search .form-control {
                height: 30px;
                line-height: 47px;
            }
            span.search_icon {
                height: 30px;
                line-height: 32px;
            }
            .ms_header {
                padding: 15px 30px 10px;
            }
            .ms_top_trend {
                display: none;
            }
            .ms_player_close {
                top: -27px;
            }
            .ms_register_popup div.modal {
                padding-right: 15px !important;
                padding-left: 15px !important;
            }
            .ms_register_img {
                width: 50%;
            }
            .ms_register_form {
                width: calc(100% - 50%);
                padding-left: 30px;
            }
            .ms_register_popup .modal-content {
                padding: 55px 30px;
            }
            .ms_upload_box {
                width: 80%;
            }
            .ms_upload_box h2 {
                font-size: 20px;
            }
            .ms_blog_img img {
                width: 100%;
            }
        }
        
        @media(max-width:991px) {
            .ms_blog_wrapper .ms_blog_section {
                margin-bottom: 30px;
            }
            .ms_genres_box:hover .ovrly_text_div {
                bottom: 20px;
                display: block;
                padding: 0px 10px;
            }
            .ms_header {
                padding: 10px 30px 10px;
            }
            .ms_top_right {
                line-height: 1;
                padding-right: 50px;
            }
            .ms_album_single_wrapper .album_inner_list {
                width: 100%;
            }
            .ms_footer_wrapper {
                padding: 0px 27px;
            }
            .ms_copyright {
                padding: 0px 0px 50px 0px;
            }
            .ms_top_artist ul.more_option {
                max-width: 150px;
            }
            .ms_top_artist ul.more_option li a {
                font-size: 13px;
            }
            .ms_logo_inner {
                min-height: 120px;
            }
            .ms_nav_wrapper {
                top: 140px;
            }
            .ms_upload_wrapper {
                padding-left: 0px;
            }
            .ms_profile_box {
                margin-bottom: 0;
            }
            .ms_profile_wrapper,
            .ms_account_wrapper {
                padding-left: 0;
            }
            .ms_top_artist .container-fluid {
                padding-right: 0;
            }
            .ms_blog_single_wrapper {
                margin-right: 0px;
            }
            .ms_blog_wrapper {
                margin-right: 0;
            }
            .ms_input_group1 {
                width: 54%;
            }
            .ms_cmnt_form .ms_input_group {
                width: 44%;
            }
            .foo_sharing ul {
                padding-left: 20px;
            }
            .ms_cmnt_wrapper {
                padding-left: 16px;
            }
            .ms_test_wrapper {
                padding-left: 20px;
            }
            .album_inner_list {
                width: 98%;
                padding-left: 3px;
            }
            .ms_free_download .album_list_wrapper {
                width: 145%;
                margin-top: -3px;
                padding-bottom: 15px;
            }
            .ms_free_download {
                padding-left: 15px;
            }
            .ms_footer_logo {
                padding-left: 0;
                padding-top: 40px;
            }
            .ms_footer_inner {
                padding: 0px 30px 0px 8px;
            }
            .ms_profile .ms_top_right {
                text-align: center;
            }
            .ms_profile .ms_top_btn {
                text-align: center;
                width: auto;
                margin-top: 0px;
                float: none;
                margin-left: 0;
                justify-content: center;
                display: inline-block;
            }
            .ms_main_wrapper.ms_profile .ms_header {
                padding: 10px 35px 10px;
            }
            .ms_main_wrapper.ms_profile .ms_nav_close {
                right: 40px;
                top: 37px;
            }
            ul.pro_dropdown_menu li a {
                text-align: left;
            }
            .ms_acc_overview {
                margin-bottom: 20px;
                width: 100%;
            }
            .ms_album_single_wrapper {
                padding-left: 40px;
                padding-right: 40px;
            }
            .album_single_data {
                width: 100%;
            }
            .album_btn a.ms_btn {
                height: 40px;
                line-height: 45px;
                padding: 0px 25px;
                font-size: 12px;
            }
            .album_single_text {
                padding-left: 30px;
            }
            .play_song_options ul li a {
                font-size: 10px;
            }
            .album_list_wrapper span.opt_icon {
                display: none;
            }
            .album_list_wrapper ul.more_option li a {
                padding-bottom: 4px;
            }
            .album_list_wrapper ul.more_option {
                right: 90px;
            }
            .album_single_data ul.more_option {
                top: -6px;
                right: 35px;
            }
            .ms_cmnt_form .ms_input_group {
                padding-right: 20px;
            }
            .ms_input_group2 .ms_input button.ms_btn {
                margin-left: 0;
                padding: 5px 14px;
                font-size: 15px;
            }
            .ms_input_group2 {
                width: 100%;
            }
            .album_btn a.ms_btn {
                height: 40px;
                line-height: 45px;
                padding: 0px 20px;
                font-size: 12px;
                width: auto;
            }
            .ms_plan_box .ms_plan_header:after {
                width: 100%;
                height: 100%;
                border-radius: 0;
                top: 0;
                left: 0;
                right: 0;
                background-color: #2ec8e6;
                box-shadow: inset 0px 3px 17px 0px rgba(0, 0, 0, 0.35);
            }
            .ms_plan_box .ms_plan_header {
                padding: 40px 0px 40px;
                border-radius: 15px 15px 0px 0px;
            }
            .ms_plan_box {
                margin-bottom: 30px;
            }
            .ms_plan_box.paln_active {
                top: 0px;
            }
            .ms_acc_ovrview_list {
                width: 85%;
            }
            /** Menu Resposive Css **/
            .ms_nav_close {
                width: auto;
                height: auto;
                line-height: 1;
                position: fixed;
                right: 20px;
                top: 25px;
                background-color: transparent;
                transform: none;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
            }
            .ms_content_wrapper.padder_top80 {
                padding-top: 50px !important;
            }
            .ms_nav_close i {
                color: #fff;
            }
            .ms_nav_close i:hover {
                color: #3bc8e7;
            }
            .ms_nav_close .fa-angle-right:before {
                content: "\f0c9";
            }
            .ms_top_right .ms_top_lang {
                float: left;
                position: relative;
                top: 8px;
            }
            .ms_top_btn .ms_btn {
                margin-left: 0px;
            }
            .ms_sidemenu_wrapper {
                width: 250px;
                left: -250px;
                transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
            }
            .ms_sidemenu_wrapper.open_menu .ms_nav_close .fa-angle-right:before {
                content: "\f00d";
            }
            span.nav_text {
                opacity: 1;
                display: inline-block;
                visibility: visible;
                position: relative;
                left: auto;
                top: 0;
                background-color: transparent;
                vertical-align: bottom;
                padding: 0px 12px;
            }
            .ms_logo {
                display: none !important;
            }
            .ms_logo_open {
                display: block !important;
            }
            .ms_sidemenu_inner {
                width: 200px;
            }
            .ms_weekly_wrapper {
                padding-right: 30px;
            }
            .ms_sidemenu_wrapper.open_menu {
                left: 0;
            }
            .ms_nav_wrapper ul li a {
                padding: 9px 15px;
            }
            .ms_sidemenu_wrapper.open_menu a {
                text-align: left;
                padding: 9px 15px;
            }
            .ms_nav_wrapper ul li a {
                text-align: left;
            }
            .ms_header {
                left: 0px;
            }
            .ms_content_wrapper {
                margin-left: 0;
                padding: 0px 20px;
                margin-right: 0px !important;
            }
            .ms_banner_text {
                padding-left: 0px;
            }
            .ms_weekly_wrapper {
                padding-left: 15px;
                padding-right: 25px;
            }
            .ms_rcnt_slider,
            .ms_featured_slider,
            .ms_fea_album_slider {
                margin-left: 15px;
                margin-right: 15px;
            }
            .slider_nav_next {
                right: 0px;
            }
            .slider_nav_prev {
                left: 0px;
            }
            .weekly_left span.w_top_no {
                width: 45px;
            }
            .ms_weekly_box {
                min-height: auto;
                padding: 25px 0px 21px 0px;
                border-bottom: 1px solid #252b4d;
            }
            .ms_weekly_inner .ms_divider {
                display: none;
            }
            .ms_releases_wrapper {
                padding: 0px 15px;
                margin-right: 0;
            }
            .ms_releases_wrapper .slider_nav_prev,
            .ms_releases_wrapper .slider_nav_next {
                right: 14px;
            }
            .ms_genres_wrapper,
            .ms_radio_wrapper {
                margin: 30px 15px 0px 15px;
            }
            .modal-dialog {
                max-width: 94%;
            }
            .jp-progress-container.flex-item {
                max-width: 27%;
            }
            .ms_main_wrapper.ms_profile .ms_top_search {
                position: relative;
                top: 10px;
            }
        }
        
        @media(max-width:900px) {
            .jp-progress-container.flex-item {
                max-width: 21%;
            }
            .jp_queue_wrapper {
                padding-right: 10px;
            }
            .jp-controls.flex-item {
                -ms-flex-preferred-size: 150px;
                flex-basis: 130px;
                padding-left: 10px;
            }
            .jp-volume-controls.flex-item {
                margin-left: 15px;
            }
        }
        
        @media(max-width:815px) {
            .ms_album_single_wrapper .album_inner_list {
                width: 100%;
            }
            .ms_album_single_wrapper .album_list_wrapper {
                width: 120%;
                padding-bottom: 10px;
            }
        }
        
        @media(min-width:768px) and (max-width:991px) {
            .ms_nav_wrapper {
                bottom: 127px;
            }
        }
        
        @media(max-width:768px) {
            .jp-toggles.flex-item button {
                margin: 5px 6px 0px 6px;
            }
            .modal-dialog {
                width: 90%;
            }
            .ms_cmnt_form .ms_input_group {
                width: 45%;
            }
            .ms_cmnt_form .ms_input_group1 {
                width: 55%;
            }
            .ms_genres_wrapper {
                margin-right: 15px;
            }
            .jp-progress-container.flex-item {
                max-width: 20%;
            }
        }
        
        @media(max-width:767px) {
            .blog_single_content .ms_blog_title {
                font-size: 19px;
            }
            .ms_sidebar {
                margin-top: 30px;
            }
            .ms_weekly_wrapper.ms_free_music ul.more_option {
                right: 80px;
                top: 30px;
            }
            .album_single_data {
                text-align: center;
            }
            .ms_album_single_wrapper .album_list_wrapper {
                width: 200%;
            }
            .ms_cmnt_wrapper {
                padding-right: 15px;
            }
            .ms_cmnt_form .ms_input_group {
                width: 100%;
            }
            .ms_cmnt_form .ms_input_group1 {
                width: 100%;
            }
            .album_list_wrapper>ul>li {
                margin-bottom: 10px;
            }
            ul.more_option:after {
                display: none;
            }
            .ms_cmnt_form .ms_input_group {
                padding-right: 0;
                width: 100%;
            }
            .ms_input_group1 {
                width: 100%;
                padding-top: 20px;
            }
            .ms_test_wrapper {
                margin-left: 0;
                margin-right: 0px;
            }
            .album_list_wrapper>ul li.text-center {
                text-align: left !important;
            }
            .album_single_img {
                width: 100%;
            }
            .album_single_text {
                width: 100%;
                padding-left: 0px;
                padding-top: 20px;
            }
            .ms_btn {
                width: 85px;
                margin-left: 5px;
            }
            .ms_lang_popup .modal-dialog {
                max-width: 100%;
                width: 100%;
                padding: 0px 25px;
            }
            div#lang_modal {
                padding-right: 0px !important;
            }
            .ms_banner_text h1 {
                font-size: 23px;
            }
            .ms_banner_text .ms_banner_btn .ms_btn {
                margin-right: 13px;
                line-height: 40px;
                margin-left: 0;
                max-width: 110px;
                font-size: 13px;
                height: 35px;
            }
            .jp_quality_optn.custom_select {
                display: none;
            }
            .jp-volume-controls.flex-item {
                display: none;
            }
            .jp-toggles.flex-item {
                display: none;
            }
            span.veiw_all {
                top: 0;
            }
            .ms_releases_wrapper {
                margin-right: 0px;
            }
            .ms_play_song {
                padding: 14px 0px 10px 15px;
                height: 70px;
            }
            .jp_queue_wrapper {
                margin: 20px 0px;
            }
            .jp_queue_btn {
                padding-bottom: 15px;
            }
            .ms_player_wrapper.close_player {
                bottom: -70px;
            }
            .player_left.open_list .play_song_options {
                display: none;
            }
            .ms_content_wrapper {
                margin-left: 0px;
            }
            .ms_releases_wrapper .slider_nav_prev {
                right: 5%!important;
                left: auto;
            }
            .ms_releases_wrapper .slider_nav_prev,
            .ms_releases_wrapper .slider_nav_next {
                top: 41%;
            }
            .ms_top_artist .container-fluid {
                padding-right: 0;
            }
            .ms_upload_wrapper {
                padding-right: 20px;
                padding-left: 20px;
            }
            .ms_upload_box {
                width: 100%;
            }
            .ms_upload_box h2 {
                font-size: 16px;
            }
            .ms_pro_form {
                width: 100%;
                margin-top: 0;
            }
            .ms_pro_form .form-group {
                width: 100%;
            }
            .ms_upload_btn a.ms_btn {
                margin-bottom: 15px;
            }
            .modal-dialog {
                max-width: 930px;
                width: 90%;
            }
            .modal-content {
                width: 100%;
            }
            .save_modal_btn a {
                margin-bottom: 15px;
            }
            .ms_sidemenu_wrapper {
                z-index: 10000;
            }
            .ms_player_wrapper {
                z-index: 10000;
                height: 70px;
            }
            .jp-gui.jp-interface.flex-wrap {
                left: 20%;
            }
            .jp-type-playlist {
                width: 100%;
                text-align: center;
                position: absolute;
                right: 0;
                z-index: 1;
                left: auto;
            }
            .jp_queue_wrapper span.que_text {
                display: none;
            }
            .comment_head h3,
            .comment_head p {
                width: 100%;
            }
            /*----footer----*/
            .ms_footer_inner {
                padding: 0px 0px 0px 0px;
            }
            .ms_copyright {
                padding: 0px 0px 20px 0px;
            }
            .ms_footer_wrapper {
                margin-bottom: 70px;
            }
            .ms_footer_logo {
                padding-left: 0;
                padding-top: 50px;
            }
            h1.footer_title:after {
                margin-left: -50px;
                left: 50%;
            }
            .footer_box {
                text-align: center;
            }
            .footer_box.footer_subscribe input.form-control {
                width: 100%;
            }
            .footer_box.footer_contacts ul.foo_con_info li .foo_con_icon {
                float: none;
                margin-bottom: 15px;
            }
            .footer_box.footer_contacts ul.foo_con_info li {
                margin-bottom: 30px;
            }
            .footer_box.footer_contacts ul.foo_con_info li .foo_con_data {
                width: 100%;
                padding-left: 0;
            }
            .foo_sharing {
                width: auto;
            }
            .play_song_name .que_data {
                display: none;
            }
            .ms_play_song {
                width: 80px;
            }
            span.play-left-arrow {
                display: none;
            }
            .jp-controls.flex-item {
                -ms-flex-preferred-size: 150px;
                flex-basis: 150px;
                top: 6px;
            }
            .ms_main_wrapper.ms_profile .ms_header {
                padding: 10px 30px 10px;
            }
        }
        
        @media (max-width: 767px) and (orientation: landscape) {
            .ms_lang_popup .modal-content p {
                margin-bottom: 10px;
            }
            .ms_lang_popup .modal-content ul.lang_list li {
                padding: 5px 20px;
            }
            .ms_lang_popup .modal-content {
                padding: 15px 0px;
            }
            .ms_lang_popup .modal-content h1 {
                font-size: 18px;
                margin-bottom: 15px;
                padding-bottom: 10px;
            }
            .jp-playlist {
                overflow-y: scroll;
                height: 300px;
            }
            .save_modal_btn a {
                margin-bottom: 10px;
            }
            .ms_clear_modal .modal-dialog .modal-content,
            .ms_save_modal .modal-dialog .modal-content {
                padding: 15px 25px;
            }
            .modal-dialog button {
                right: 5px;
                top: 5px;
            }
            .save_modal_btn {
                padding: 10px 0px;
            }
            button.save_btn {
                margin-top: 0px;
            }
            .ms_save_email {
                padding-bottom: 10px;
            }
            .ms_register_popup .modal-content {
                padding: 55px 30px;
                overflow-y: scroll;
                height: 320px;
            }
            .ms_register_popup .modal-content::-webkit-scrollbar,
            .ms_save_modal .modal-dialog::-webkit-scrollbar {
                width: 5px;
            }
            .ms_register_popup .modal-content::-webkit-scrollbar-track,
            .ms_save_modal .modal-dialog::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px #fff;
            }
            .ms_register_popup .modal-content::-webkit-scrollbar-thumb,
            .ms_save_modal .modal-dialog::-webkit-scrollbar-thumb {
                background-color: #fff;
                outline: 2px solid #fff;
            }
            .ms_save_modal .modal-dialog {
                max-width: 500px;
                height: 300px;
                overflow-y: scroll;
            }
            .jp-gui.jp-interface.flex-wrap {
                left: 25%;
            }
        }
        
        @media(max-width:667px) and (orientation:landscape) {
            .modal-dialog button {
                right: 5px;
                top: 5px;
            }
            .ms_lang_popup .modal-content {
                padding: 15px 0px;
                overflow-y: scroll;
                height: 280px;
                overflow-x: hidden;
            }
            .ms_lang_popup .modal-content::-webkit-scrollbar {
                width: 5px;
            }
            .ms_lang_popup .modal-content::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px #fff;
            }
            .ms_lang_popup .modal-content::-webkit-scrollbar-thumb {
                background-color: #fff;
                outline: 2px solid #fff;
            }
        }
        
        @media(max-width:775px) {
            .ms_profile .ms_top_btn {
                text-align: left;
                width: auto;
                margin-top: 5px;
            }
        }
        
        @media(max-width:667px) {
            .swiper-button-prev4.slider_nav_prev {
                top: 63%;
            }
            .swiper-button-next4.slider_nav_next {
                top: 63%;
            }
            .ms_register_popup .modal-content {
                padding: 35px 30px;
            }
            .ms_register_img {
                width: 40%;
                margin-top: 40px;
            }
            .ms_register_form {
                width: calc(100% - 40%);
            }
            .ms_header {
                padding: 10px 30px 6px;
            }
            .ms_top_search {
                max-width: 33%;
            }
            .ms_top_right {
                margin-top: 0px;
            }
            .ms_top_btn .ms_btn {
                position: relative;
                width: 30px;
                height: 30px;
            }
            .ms_profile .ms_top_btn .ms_btn {
                margin-top: 6px;
                width: auto;
                height: 30px;
                padding: 0px 15px;
            }
            .ms_profile .ms_top_right {
                text-align: left;
            }
            .ms_profile .ms_top_btn {
                width: auto;
            }
            .ms_btn.reg_btn:after {
                position: absolute;
                content: "\f234";
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                font: normal normal normal 14px/1 FontAwesome;
            }
            .ms_btn.login_btn:after {
                position: absolute;
                content: "\f007";
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                font: normal normal normal 14px/1 FontAwesome;
            }
            .ms_top_btn .ms_btn span {
                display: none;
            }
            .ms_top_right .ms_top_lang {
                display: none;
            }
            .ms_free_download .album_list_wrapper {
                width: 262%;
            }
            .ms_logo_inner {
                min-height: 95px;
            }
            .ms_nav_wrapper {
                top: 120px;
            }
        }
        
        @media(max-width:600px) {
            .ms_register_popup .modal-content {
                padding: 30px 30px;
            }
            .ms_register_img {
                display: none;
            }
            .ms_register_form {
                width: 100%;
                padding-left: 0;
            }
            .ms_register_form h2 {
                font-size: 20px;
            }
            .ms_acc_overview {
                width: 100%;
            }
            .ms_acc_ovrview_list {
                width: 90%;
            }
            .ms_acc_ovrview_list ul li {
                font-size: 13px;
                margin-bottom: 10px;
            }
            .album_list_wrapper>ul {
                border-bottom: 1px solid #252b4d;
            }
            .ms_free_download .album_list_wrapper>ul>li.text-center {
                text-align: left !important;
            }
            .pro-form-btn {
                padding: 0px 10px;
            }
            .ms_pro_form .ms_btn {
                width: 130px;
                margin-left: 0px;
            }
            .jp-gui.jp-interface.flex-wrap {
                left: 20%;
            }
            .ms_blog_wrapper {
                margin-right: 0;
            }
            .ms_main_wrapper.ms_profile .ms_header {
                padding: 10px 30px 5px;
            }
            .ms_main_wrapper.ms_profile .ms_top_lang {
                display: none;
            }
            .ms_main_wrapper.ms_profile .ms_nav_close {
                right: 20px;
            }
            .ms_admin_name span.ms_pro_name {
                width: 40px;
                height: 40px;
                line-height: 46px;
            }
            .ms_profile .ms_top_btn {
                margin-top: 0px;
            }
            .ms_main_wrapper.ms_profile .ms_top_search {
                top: 3px;
            }
            .ms_profile .ms_top_btn .ms_btn {
                top: -3px;
            }
            .ms_main_wrapper.ms_profile .ms_nav_close {
                top: 30px;
            }
        }
        
        @media(max-width:480px) {
            .ms_profile .ms_top_right {
                width: 100%;
                padding-top: 10px;
                padding-right: 0px;
            }
            .album_single_data ul.more_option {
                max-width: 150px;
            }
            .ms_album_single_wrapper {
                padding-left: 40px;
            }
            .album_list_wrapper>ul>li {
                width: 15%;
            }
            .ms_main_wrapper.ms_profile a.ms_btn {
                width: auto;
                padding: 0px 15px;
            }
            .ms_main_wrapper.ms_profile .ms_top_btn {
                width: 100%;
            }
            .ms_main_wrapper.ms_profile .ms_nav_close {
                top: 35px;
            }
            .ms_top_btn {
                text-align: center;
            }
            .ms_top_btn .ms_btn {
                position: relative;
                width: 30px;
                height: 30px;
            }
            .ms_btn.login_btn:after {
                position: absolute;
                content: "\f007";
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                font: normal normal normal 14px/1 FontAwesome;
            }
            .ms_btn.reg_btn:after {
                position: absolute;
                content: "\f234";
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                font: normal normal normal 14px/1 FontAwesome;
            }
            .ms_top_btn .ms_btn span {
                display: none;
            }
            .ms_top_search {
                max-width: 49%;
            }
            .ms_top_right {
                margin-top: 0px;
            }
            .ms_banner_text p {
                text-align: center;
            }
            .ms_plan_box ul li {
                font-size: 15px;
                margin-bottom: 5px;
            }
            .ms_account_wrapper .ms_heading {
                margin-bottom: 35px;
            }
            .ms_plan_img {
                width: 75px;
                height: 75px;
                line-height: 80px;
            }
            .ms_plan_img img {
                width: 55px;
            }
            .plan_dolar {
                width: 75px;
                height: 75px;
                line-height: 90px;
                font-size: 26px;
            }
            .jp-playlist {
                width: 80%;
            }
            .ms_footer_inner {
                padding: 0px 0px 0px 0px;
            }
            .ms_copyright {
                padding: 0px 0px 20px 0px;
            }
            .ms_upload_box {
                padding: 50px 20px;
            }
            .ms_upload_btn a.ms_btn {
                margin: 10px 0px;
            }
            .ms_blog_single_wrapper {
                margin-right: 0px;
            }
            .ms_comment_section .comment_info .comment_reply {
                width: 100%;
                margin-top: 10px;
            }
            .ms_comment_section .comment_img {
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                margin-bottom: 30px;
            }
            .ms_comment_section .comment_info {
                padding-left: 0;
            }
            .ms_comment_section {
                text-align: center;
            }
            .ms_free_download .album_list_wrapper {
                width: 380%;
            }
            .ms_sidemenu_wrapper.open_menu .ms_sidemenu_inner {
                width: 180px;
            }
            .ms_sidemenu_inner,
            .ms_sidemenu_wrapper {
                width: 180px !important
            }
            .ms_nav_wrapper ul li a {
                font-size: 12px;
            }
            span.veiw_all {
                top: 0;
                right: auto;
                left: 0;
            }
            .ms_releases_wrapper .slider_nav_prev {
                right: 10%!important;
            }
            ul.more_option {
                max-width: 125px;
                padding: 10px 10px;
            }
            ul.more_option li a {
                padding-bottom: 5px;
                font-size: 11px;
                line-height: 19px;
            }
            .ms_top_search .form-control {
                padding: 0px 15px;
                font-size: 10px;
            }
            .ms_top_right {
                padding-right: 40px;
            }
            .weekly_left span.w_top_no {
                width: 35px;
            }
            .jp-progress-container.flex-item {
                max-width: 30%;
            }
        }
        
        @media(max-width:414px) {
            .ms_weekly_wrapper.ms_free_music .weekly_right .ms_more_icon {
                padding-right: 2px;
                display: inline-block;
            }
            .ms_weekly_wrapper.ms_free_music {
                padding-right: 0px;
            }
            .ms_weekly_wrapper.ms_free_music .w_song_time {
                padding-right: 5px;
            }
            ul.more_option li a .opt_icon {
                display: none;
            }
            .ms_weekly_wrapper.ms_free_music ul.more_option {
                right: 60px;
            }
            .jp-type-playlist {
                right: 16px;
            }
            .ms_pro_form .ms_btn {
                margin-bottom: 10px;
            }
            .ms_heading h1 {
                width: 100%;
            }
            .album_btn a.ms_btn {
                width: 100%;
                margin-right: 0px;
                margin-bottom: 10px;
            }
            .ms_top_right .ms_top_lang {
                width: 100%;
                text-align: center;
            }
            .ms_top_right .ms_top_lang:after {
                display: none;
            }
            .ms_banner_text h1 {
                font-size: 18px;
                line-height: 26px;
            }
            .ms_banner_text .ms_banner_btn .ms_btn {
                margin-right: 0px;
                max-width: 100px;
                font-size: 12px;
            }
            .weekly_right .ms_more_icon {
                display: block;
            }
            .footer_box {
                text-align: center;
            }
            .footer_box.footer_subscribe input.form-control {
                width: 100%;
            }
            .footer_box a.foo_app_btn {
                padding: 10px 0px 10px 0px;
            }
            .foo_sharing ul {
                padding-left: 0;
            }
            .play_song_name .que_data {
                display: none;
            }
            .share_title {
                width: 100%;
            }
            .foo_sharing ul {
                width: 100%;
            }
            .ms_banner_btn {
                text-align: center;
            }
            .ms_banner_text h1 {
                text-align: center;
            }
            .ms_banner_btn {
                text-align: center;
            }
            .ms_banner_text .ms_banner_btn .ms_btn {
                margin-bottom: 10px;
            }
            .ms_main_wrapper.ms_profile .ms_header {
                padding: 20px 20px 10px;
            }
            span.veiw_all {
                top: 0;
                right: auto;
                left: 0;
                float: left;
            }
            .create_playlist {
                width: 100%;
                height: 250px;
            }
        }
        /* Extra small devices (phones, 600px and down) */
        
        @media only screen and (max-width: 600px) {
            .top-profile {
                display: none !important;
            }
            .ms_top_btn {
                display: none !important;
            }
            .ms_top_search {
                max-width: 80% !important;
            }
            .search_icon {
                padding: 0px 20px;
            }
        }
        /* Small devices (portrait tablets and large phones, 600px and up) */
        
        @media only screen and (min-width: 600px) {
            .top-profile {
                display: none !important;
            }
            .ms_top_btn {
                display: none !important;
            }
            .search_icon {
                padding: 0px 20px;
            }
        }
        /* Medium devices (landscape tablets, 768px and up) */
        
        @media only screen and (min-width: 768px) {
            .top-profile {
                display: block !important;
            }
            .ms_top_btn {
                display: block !important;
            }
        }
        /* Large devices (laptops/desktops, 992px and up) */
        
        @media only screen and (min-width: 992px) {
            .top-profile {
                display: block !important;
            }
            .sub-profile {
                display: none !important;
            }
            .ms_top_btn {
                display: block !important;
            }
        }
        /* Extra large devices (large laptops and desktops, 1200px and up) */
        
        @media only screen and (min-width: 1200px) {
            .sub-profile {
                display: none !important;
            }
        }
        
        @media(max-width:320px) {
            .ms_header {
                padding: 10px 15px 6px;
            }
            .ms_top_right {
                padding-right: 32px;
            }
            .ms_nav_close {
                right: 2px;
            }
            .ms_copyright {
                overflow-x: hidden;
            }
            .ms_lang_popup .modal-content ul.lang_list li {
                padding: 10px 10px;
            }
            .lang_list label {
                font-size: 12px;
            }
            .ms_lang_popup .modal-content p {
                font-size: 12px !important;
            }
            .ms_banner_text .ms_banner_btn .ms_btn {
                margin-right: 0px;
                margin-bottom: 15px;
            }
            .ms_rcnt_slider,
            .ms_featured_slider,
            .ms_fea_album_slider {
                margin-left: 15px;
                margin-right: 15px;
            }
            .ms_sidemenu_wrapper.open_menu a {
                padding: 9px 10px;
            }
            .ms_sidemenu_wrapper a {
                font-size: 13px;
            }
            .ms_sidemenu_wrapper.open_menu,
            .ms_sidemenu_wrapper.open_menu .ms_sidemenu_inner {
                width: 180px;
            }
            span.veiw_all {
                top: 0;
                margin-top: 10px;
                float: left;
            }
            .w_top_song .w_tp_song_img {
                width: 100%;
            }
            .w_top_song .w_tp_song_name {
                padding-left: 0;
                margin-top: 15px;
                width: 100%;
            }
            .weekly_right {
                display: none;
            }
            .ms_weekly_box {
                text-align: center;
            }
            .weekly_left span.w_top_no {
                width: 100%;
            }
            .w_top_song .w_tp_song_name h3 {
                width: 100%;
            }
            .ms_weekly_box {
                padding: 20px 0px 21px 0px;
            }
            .weekly_left {
                width: 100%;
            }
            .w_top_song {
                width: 100%;
            }
            .ms_releases_wrapper .slider_nav_prev {
                right: 12%!important;
            }
            .w_song_time {
                float: left;
            }
            .ms_heading h1 {
                font-size: 15px;
                width: 100%;
            }
            .ms_releases_wrapper {
                padding-right: 0px;
            }
            .ms_genres_wrapper,
            .ms_radio_wrapper {
                margin: 55px 10px 0px 10px;
            }
            .ms_footer_logo {
                padding-left: 0px;
            }
            .ms_footer_inner {
                padding: 0px;
            }
            h1.footer_title {
                font-size: 15px;
            }
            .footer_border {
                width: 149px;
            }
            .ms_copyright {
                padding: 0px 0px 20px 0px;
            }
            .jp-progress-container.flex-item {
                display: none;
            }
            .foo_sharing ul {
                padding-left: 0;
            }
            .foo_sharing ul li {
                margin-bottom: 10px;
            }
            .footer_box.footer_contacts ul.foo_con_info li {
                margin-bottom: 15px;
            }
            .footer_box.footer_contacts ul.foo_con_info li .foo_con_icon {
                float: none;
                margin-bottom: 15px;
            }
            .footer_box {
                text-align: center;
            }
            .footer_box.footer_contacts ul.foo_con_info li .foo_con_data {
                width: 100%;
                padding-left: 0;
                text-align: center;
            }
            .ms_release_box {
                text-align: center;
            }
            .slider_dot {
                left: 50%;
                margin-left: -5px;
            }
            .ms_upload_box img {
                margin: 30px 0px;
                width: 50px;
            }
            .ms_upload_btn a.ms_btn {
                height: 35px;
                line-height: 38px;
                width: auto;
                padding: 0px 15px;
            }
            .footer_box.footer_subscribe input.form-control {
                font-size: 11px;
            }
            .footer_box a.foo_app_btn {
                padding: 10px 0px 10px 0px;
            }
            .ms_top_search .form-control {
                font-size: 11px;
            }
            .ms_pro_img img {
                width: 80px;
                height: 80px;
                border-radius: 100%;
                border: 2px solid #fff;
            }
            .ms_pro_img img {
                width: 80px;
                height: 80px;
            }
            .ms_profile_box {
                padding: 30px 10px;
            }
            .ms_pro_form .ms_btn {
                height: 35px;
                width: auto;
                line-height: 39px;
                margin-left: 0;
                padding: 0px 20px;
                margin-bottom: 10px;
            }
            .ms_pro_form .form-group label {
                font-size: 13px;
            }
            .ms_pro_form .form-group {
                margin-bottom: 15px;
            }
            .ms_plan_box ul li {
                font-size: 11px;
            }
            .ms_acc_ovrview_list ul li span {
                width: 100%;
                text-align: center;
            }
            .ms_blog_section.blog_active span.ovrly_text1 a {
                font-size: 14px;
            }
            .ms_album_single_wrapper {
                padding-left: 30px;
                padding-right: 20px;
            }
            .ms_album_single_wrapper .album_list_wrapper {
                width: 350%;
            }
        }
        
        @media(max-width:320px) {
            .album_btn a.ms_btn {
                padding: 0px 5px;
                font-size: 12px;
                margin-bottom: 10px;
                margin-right: 0px;
            }
            .ms_album_single_wrapper .ms_more_icon {
                top: -35px;
            }
            .album_single_text h2 {
                font-size: 20px;
            }
            .album_single_data ul.more_option {
                right: 0;
            }
            ul.more_option li a .opt_icon {
                display: none;
            }
            .ms_test_wrapper {
                margin-left: 0px;
                margin-right: 0px;
                padding-left: 10px;
            }
            .ms_test_top .ms_test_img {
                width: 100%;
                text-align: center;
            }
            .ms_test_top .ms_test_name {
                width: 100%;
                padding-top: 20px;
                text-align: center;
                padding-left: 0;
            }
            .ms_test_para {
                text-align: center;
            }
            .album_single_text {
                text-align: center;
            }
            .ms_cmnt_wrapper .form-control {
                font-size: 11px;
            }
            .jp-playlist .que_data {
                width: 100%;
                padding-left: 0px;
            }
            .jp_queue_btn a {
                margin-bottom: 10px;
            }
            .play-left-arrow {
                display: none;
            }
            .ms_play_song {
                width: 80px;
            }
            .jp-gui.jp-interface.flex-wrap {
                left: 32%;
            }
            .ms_main_wrapper.ms_profile .ms_header {
                padding: 20px 15px 10px;
            }
            .ms_upload_box .ms_heading h1 {
                font-size: 14px;
            }
            .ms_pro_form .form-group {
                padding: 0px 0px;
            }
            .pro-form-btn {
                padding: 0px 0px;
            }
            .ms_pro_form .form-control {
                padding: 0px 8px;
                font-size: 11px;
            }
            .ms_plan_box ul {
                padding: 0px 10px;
            }
            .ms_plan_box a.ms_btn {
                width: 115px;
            }
            .ms_acc_ovrview_list ul li {
                text-align: center;
            }
            .ms_admin_name span.ms_pro_name {
                width: 40px;
                height: 40px;
                line-height: 46px;
                margin-left: 3px;
            }
            .ms_admin_name {
                font-size: 11px;
                margin-left: 0px;
            }
            .jp-controls.flex-item {
                -ms-flex-preferred-size: 190px;
                flex-basis: 190px;
            }
        }
        
        .el-page-header__content {
            font-size: 14px !important;
            color: #080a08 !important;
            font-weight: 600 !important;
        }
        
        .demo_wrap {
            position: relative;
            overflow: hidden;
            padding: 16px;
        }
        
        .demo_wrap .content-pane {
            padding: 20px;
            z-index: 2;
            background: #2c2b2b;
        }
        
        .demo_wrap img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: auto;
            opacity: 0.2;
        }
        
        img {
            vertical-align: middle;
            border-style: none;
        }
        
        .ticket-day {
            max-width: 100%;
            height: 74px;
            padding: 10px;
            text-align: center;
            border: 5px solid #e7d8fda6;
        }