@import url(https://fonts.googleapis.com/css?family=Open+Sans|Raleway);

.player_left {text-align:center;position:relative;}
.audio_text {font-size:20px;margin-top:8px;margin-bottom:0;line-height: 25px;font-weight:600;}
.player_left p {font-size:12px;margin:0;}
.player_wrapper {margin-top:45px;display:flex;align-items: center;justify-content: center;gap: 20px;}
.progressbar {width:80%;position:relative;}
.player_time {font-weight:500;font-size:14px;color: #6D6D6D;white-space: nowrap;}
.player_controls {display:flex;justify-content: center;align-items: center;gap: 30px;}
.progress {height: 2px; background-color: #C1C1C1;display:flex;}
.progress-bar {width: 50%;background-color: #434040;height:2px;}
.player_right {display:flex;align-items: center;justify-content: space-between;gap:10px;}
.player_right img{height:fit-content;}
.player_right a {color:#434040;font-weight:500;line-height:16px;display:inline-block;}
.player_right a:hover {color:#e9573e;}
.w-50{width: 50px !important;}
.image_CW{width: 50%;}
#progress-range{width: 100%;height: 0px;}
input[type='range']::-webkit-slider-runnable-track {-webkit-appearance: none;color: #e9573e;}
::-webkit-progress-value {background-color: #e9573e;}

input[type='range']::-webkit-slider-thumb {
	width: 10px;
	-webkit-appearance: none;
	height: 10px;
	background: #434040;
	border-radius: 50%;
}
.dowld_btn{cursor: pointer;}
body {max-width:1440px;margin:0 auto;}

.active {color: #e9573e!important;}
button, input, label, select, textarea {font-size: 14px;font-weight: 400;color: #5f5f5f;}
ul {list-style: none;padding: 0;}
#volume-slider{-webkit-appearance: none;
    width: 50px;
    height: 2px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;}
@media (max-width:559px) {
    .image_CW {width: 70%;}
    .player_wrapper{margin-top: 30px;}
    .player_controls{gap: 20px;}
}
@media (min-width:560px) and (max-width:767px) {
    .player_left {display: flex;align-items: center;gap: 20px;text-align: left;}
    .image_CW {width: 30%;}
}
@media (max-width:767px) {
    .player_wrapper {display:block;}
    .progressbar {width:100%;}
    .player_time {text-align:right;}
    .ms-4 {margin-left:12px !important;}
    .player_right a {font-size:14px !important;}
}