body{margin:0px;backgroundk:linear-gradient(to right top, #fff, #FB6ED1);background:red; }

.main_container
{
width:100%;height:100vh;background:linear-gradient(to right top, #fff, #04B391);
display:flex;justify-content:center;
}
.sub_container
{
width:50%;height:100vh;background:#FF0078;background:#4F3554;	
}
.main_head_div
{
float:left;width:100%;height:60px;backgroundk:orange;color:#fff;border-bottomk:1px solid #ededed;	
}
.menu_icon_img
{
float:left;width:40px;height:40px;background:#fff;margin:10px;border-radius:5px;	
}
.main_title
{
float:right;width:50%;height:30px;line-height:30px;margin-top:15px;margin-left:20px;color:#fff;backgroundk:pink;font-size:1.3em;font-weight:bold;
text-align:right;
}
.flag_icon_img
{
float:right;width:40px;height:40px;background:#fff;margin:10px;border-radius:5px;	
}

.sub_radio_title
{
float:left;width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:1.2em;	
}
.playing_banner
{
float:left;width:80%;height:56vh;margin-top:50px;
display:flex;justify-content:center;
	
}
.radio_log_img
{
float:left;width:auto;max-width:100%;max-height:100%;border-radius:20px;margink:10px;margin-leftk:20px;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}


.main_section
{
width:100%;display:flex;flex-direction: column;justify-content:center;align-items:center;
}
.single_station
{
floatk:left;width:96%;margin-bottom:20px;backgroundk:#716E72;border-radius:20px;	
display:flex;flex-direction: column;justify-content:center;align-items:center;
}

.play_btn
{
floatk:right;width:60px;height:60px;margin-top:20px;margin-right:10px;cursor:pointer;background:#fff;border-radius:50%;	
}
.stop_btn
{
width:60px;height:60px;margin-top:20px;margin-right:10px;cursor:pointer;background:#fff;border-radius:50%;display:none;	
}

.station_name
{
float:left;width:100%;height:40px;line-height:50px;margin-top:20px;color:#fff;font-size:1.4em;text-align:center;font-weight:bold;backgroundk:#fff;	
}
.station_freq
{
float:left;width:100%;height:40px;line-height:40px;backgroundk:#fff;font-size:1em;text-align:center;color:#ccc;	
}





@media screen and (max-width: 700px)
{
.sub_container
{
width:100%;height:100vh;backgroundk:#FF0078;backgroundk:#4F3554;
}
.playing_banner
{
float:left;width:90%;height:auto;margin-top:50px;backgroundk:red;
display:flex;justify-content:center;
	
}	
	
	
	
}