@charset "utf-8";
/* Phones and tablets (see _radio/inc/responsive-simple.jsp): the kissfm_v2 page, one fluid column. Desktop (>= 1000px) is untouched. */
@media (max-width: 999px) {
	html body #page {width: auto; max-width: 1006px; box-sizing: border-box;}
	html body #header {float: none; width: auto; max-width: 100%; overflow: hidden; text-align: center;}
	html body #header p {float: none;}
	html body #header .banner {display: none;}
	html body #header img {max-width: 100%; height: auto;}
	html body #main {display: flex; flex-direction: column; width: auto; height: auto; margin-bottom: 10px;}
	html body #left, html body #center {float: none; width: auto; height: auto; margin: 0 0 10px; overflow: visible;}
	html body #right {display: contents;}
	html body #center {order: 1;}
	html body #player {order: 2; width: 100%; max-width: 461px; box-sizing: border-box; margin: 0 auto 10px;}
	html body #kisssocialbar {order: 3; margin: 0 0 10px;}
	html body #right > div[id~="messages-holder"] {order: 5; width: auto; height: auto; margin: 0 0 10px;}
	html body #left {order: 4;}
	html body #right #message-list {width: auto; margin: 0 5px 5px;}
	html body #right .messages-content {height: auto;}
	html body #right .messages-content textarea {width: calc(100% - 100px); box-sizing: border-box; max-width: 100%;}
	html body #right .now-onair, html body #right .messages-content > div {width: auto; max-width: 100%; box-sizing: border-box;}
	html body .now-playing-holder {width: auto; height: auto;}
	html body #shows_placeholder {height: auto; max-height: 300px; overflow: auto;}
	html body #info {position: static; height: auto;}
	html body div.jp-audio-stream {width: auto;}
	html body #songTitle {width: auto; float: none;}
	html body #songSocialbar {position: static; float: none; width: auto; margin: 0;}
	html body #footer {height: auto; text-align: center;}
	html body #footer #live24 {float: none; margin: 0 auto;}
	html body #banner728x90 {display: none;}
	html body #recommendation {float: none; box-sizing: border-box;}
}