@media(min-width: 1200px){
	.container {
		width: 1170px;
	}
}



/*---<CSS For Radio Player Section>---*/

.radio-player-box{
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
	padding:30px;
}
.radio-logo img {
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}

.audio {
    background: rgb(42, 85, 163);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    height: 55px;
    overflow: hidden;
    width: 45%;
    z-index: 10000;
    /* margin-top: 32px; */
    display: block;
    margin: 0px auto;
}
.live-radio {
  margin-left: 20px;
}
.time{
	color: #333;
	font-size:16px;
    padding: 10px;
    text-align: right;
    margin-bottom: 15px;
}
span.desc {
    text-align: center;
    display: block;
    margin-top: 20px;
}

@media(max-width:767px){
	.radio-player-box{
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
	padding:30px;
   }
}
@media(max-width:375px){
	div.jp-audio div.jp-volume-bar {
    top: 27px;
    left: 144px !important;
   }
	a.jp-play, a.jp-pause, a.jp-volume-max {
		font-family: "FontAwesome";
		font-size: 28px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
        margin-left: 35px !important;
		position: relative;
		text-transform: none;
		top: -6px;
		color: #fff;
	/* 	    display: none !important; */
	}
	a.jp-volume-max {
    background: url(spirit.png) -43px top no-repeat;
    margin-left: 3px !important;
}

}

div.jp-interface ul.jp-controls a:hover {
    text-decoration: none;
}
span.desc a {
    color: #2a55a3;
}



.live-text {
    float: left;
    font-size: 16px;
    color: #fff;
    margin-top: -22px;
    margin-left: 10px;

}
span.listen-live h3 {
    margin-bottom: 18px;
}

@media(max-width:767px){
	.audio {
		width: 100%;
	}
}
/*---</CSS For Radio Player Section>---*/