/*--------------------- 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
-------------------------------------------------------------------*/

/*====Player Css Start====*/
/* Plus Icon Styling */
.data-hover-menu {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 45px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.sm-grid-content {
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.sm-grid-content:hover {
    transform: scale(1.05);
}

.sm-grid-content:hover .data-hover-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.data-hover-menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
.ms_more_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

/* Menu des options */
ul.more_option {
    display: none; /* Cacher le menu par défaut */
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 180px;
    list-style: none;
    padding: 10px 0;
    text-align: left;
    border-radius: 10px;
    z-index: 10;
}

/* Options de menu */
ul.more_option li {
    padding: 8px 16px;
}

ul.more_option li a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
}

.opt_icon {
    margin-right: 10px;
}

.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-color: #5856d6;
	background-color: #5856d6;
	background-color: #5856d6;
	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: #ff2d55;
	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: #ff2d55;
	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: #5856d6;
}
.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: #5856d6;
	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: #ff2d55;
	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: #ff2d55; */
	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: #ff2d55;
	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: #ff2d55;
	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: #5856d6;
	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: #5856d6;
}
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), #ff2d55db, 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: #5856d6;
}
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;
}

/*====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: 60%;
	}
	.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: 60%;
	}
	.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: 60%;
	}
	.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: 160px;
	}
	.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: 145px;
	}
	.album_inner_list::-webkit-scrollbar {
		height: 4px;
	}
	.album_inner_list::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 3px #ff2d55;
	}
	.album_inner_list::-webkit-scrollbar-thumb {
		background-color: #ff2d55;
		outline: 2px solid #ff2d55;
	}
}
@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_profile .ms_top_btn .ms_btn {
   display: none;
}
	a.ms_admin_name > span.hello-benna-text {
		display: none;
	}
	.w_top_song .ms_song_overlay{
		background-color: transparent;
	}
	.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;
	}
	.album_inner_list.album_inner_list_bottom-space {
		padding-bottom: 160px;
	}
	.ms_free_download .album_list_wrapper {
		width: 145%;
		margin-top: -3px;
	}
	.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: #5856d6;
		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: #ff2d55;
	}
	.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: 60%;
	}
	.ms_main_wrapper.ms_profile .ms_top_search {
		position: relative;
		top: 10px;
	}
}
@media(max-width:900px) {
	.jp-progress-container.flex-item {
		max-width: 60%;
	}
	.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%;

	}
}
@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: 40%;
	}
}
@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_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%;
	}
	.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: 60%;
	}
	.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;
		right: 20px;
		line-height: 46px;
	}
	.ms_profile .ms_top_btn {
		margin-top: 0px;
	}
	.ms_main_wrapper.ms_profile .ms_top_search {
		top: 0px;
	}

	.ms_profile .ms_top_btn .ms_btn {
		top: -3px;
	}
	.ms_main_wrapper.ms_profile .ms_nav_close {
		top: 30px;
	}
}
@media(max-width:480px) {
	.ms_admin_name span.ms_pro_name {
		top: -8px;
	}
	.ms_admin_name:after{
		display: none;
	}
	.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%;
		position: absolute;
		top: 15px;
	}
	.ms_main_wrapper.ms_profile .ms_nav_close {
		top: 30px;
	}
	.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_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:420px){
	.ms_admin_name span.ms_pro_name {
		top: 0;
	}
	.ms_main_wrapper.ms_profile .ms_nav_close {
		top: 35px;
	}
}
@media(max-width:414px) {
	.hstry_clear.ms_btn {
		float: left;
		margin-top: 20px;
	}
	.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;
	}
}
@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;
	}
	.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 {
		font-size: 11px;
		margin-left: 0px;
	}
	.jp-controls.flex-item {
		-ms-flex-preferred-size: 190px;
		flex-basis: 190px;
	}
}