/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	section.streaming div.content  {
		width: 678px;
	}
	section.streaming span.switch {
		left: 120px;
	}
	section.streaming span.current_title {
		left: 174px;
	}
	section.streaming span.see-all {
		left: 500px;
	}
	section.streaming span.s1{
		left: 590px;
	}
	section.streaming span.only-audio{
		left: 604px;
	}
	section.streaming span.s2,
	section.streaming span.follow-us,
	section.streaming span.social {
		display: none;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	section.middle div.inscreen {
		width: 678px;
	}
	section.middle div.inscreen div.date {
		width: 200px;
	}
	section.middle div.inscreen nav.carousel {
		width: 336px;
	}
	section.middle div.inscreen div.clock {
		width: 120px;
	}
	nav.controls button.next {
		left: 510px;
	}
	nav.controls span.current {
		left: 358px;
	}
	nav.controls a.inscreen {
		left: 306px;
	}
	nav.controls span.title {
		font-size: 12px;
		left: 240px;
		width: 260px;
	}
	div.corners span.right {
		margin-left: 88px;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	section.streaming span.live {
		left: 10px;
	}
	section.streaming span.switch {
		left: 130px;
	}
	section.streaming span.current_title {
		display: none;
	}
	section.streaming span.see-all {
		left: 300px;
	}
	section.streaming span.s1{
		left: 390px;
	}
	section.streaming span.only-audio{
		left: 404px;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	section.middle {
		height: 240px;
	}
	section.middle div.center {
		top: 10%;
		left: 50%;
		transform: translate(-50%, -10%);
	}
	section.middle div.inscreen {
		background-color: transparent;
		width: 400px;
	}
	section.middle div.inscreen div.date {
		background: url(../imgs/programs_left_bg_mobile.png) no-repeat center;
		height: 80px;
		width: 200px;
	}
	section.middle div.inscreen div.date span.title-program {
		top: 16px;
	}
	section.middle div.inscreen div.date span.today {
		top: 38px;
	}
	section.middle div.inscreen nav.carousel {
		display: none;
		border: 2px solid blue;
		background-color: #fff;
		width: 336px;
	}
	section.middle div.inscreen nav.carousel ul#programs {
		display: none;
	}
	section.middle div.inscreen div.clock {
		background: url(../imgs/programs_right_bg_mobile.png) no-repeat center;
		height: 80px;
		margin-left: -4px;
		width: 200px;
	}
	section.middle div.inscreen div.clock a {
		color: #fff;
		margin-left: 46px;
		margin-top: 26px;
	}
	nav.controls span.title {
		background-color: #fff;
		box-shadow: 0px 0px 6px rgba(0,0,0,.2);
		border-radius: 4px;
		height: 120px;
		font-size: 18px;
		top: 10px;
		left: 50%;
		/*line-height: 7.5em;*/
		padding-top: 44px;
		transform: translateX(-50%);
		width: 400px;
	}
	nav.controls span.title small:before {
		content: "\a ";
		white-space: pre;
	}
	nav.controls button.prev,
	nav.controls button.next {
		height: 46px;
		top: 46px;
		z-index: 9;
		width: 46px;
	}
	nav.controls button.prev {
		background: url(../imgs/btn-prev-mob.png) no-repeat center;
		background-size: cover;
		left: -20px;
	}
	nav.controls button.next {
		background: url(../imgs/btn-next-mob.png) no-repeat center;
		background-size: cover;
		left: 374px;
	}
	nav.controls span.current {
		display: none;
	}
	nav.controls a.inscreen {
		display: none;
	}
	nav.controls span.title {
		
	}
	div.corners {
		display: none;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}