/* RESPONSIVE STYLES
---------------------------------*/

@media (max-width: 1100px) {
	
	/** Program info */
	.program-info-pict {
		max-width: 250px;
	}
	.program-info-player {
		padding-top: 30px;
	}
}

/* < iPad Landscape */
@media (max-width: 1023px) {
	
	/** Content */
	.l-content {
		padding-right: 30px;
	}


	/** Program info */
	.program-info-pict {
		display: block;
		height: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.program-info-detail-autoscroll {
		margin-top: 20px;
	}
	.program-info-player {
		padding-right: 0;
		text-align: center;
	}

}


/** Mobile screen */
@media (max-width: 991px) {

   /* #live-channels-controller-section aside.l-sidebar {
  height: 100%;
      padding-bottom: 82px;
}
*/

    /*
    .program-info {
		display: none;
	}*/

	.page-back-button {
		display: block;
	}

	/** Header */
	.l-header-bottom {
		border-bottom: 0;
		height: 42px;
	}

	/** Middle */
	.l-middle {
		padding-bottom: 0;
		padding-top: 42px;
        height: 100%;
	}

	/** Sidebar */
	.l-sidebar {
		height: 100%;
		position: static;
		width: 100%;
	}

	/** Footer 
	.l-footer {
		display: none;
	}
        */

	/** Main menu */
	.menu-main {
		margin-left: 0;
	}
	.menu-main .menu-items {
		width: 155px;
	}
	.menu-main-toggler {
	}
	.menu-main.is-open .menu-item {
		font-size: 20px;
	}

	/** Filter menu */
	.menu-filter {
	 	float: none;
	    position: absolute;
	    right: 44px;
	    top: 0;
	}
	.menu-filter-toggler {
		display: block;
	}
	.menu-filter .menu-items {
		border: solid 2px #ffba26;
		display: none;
	}
	.menu-filter.is-open .menu-items {
		background: #ffffff; /*369ebe*/
		display: block;
		position: absolute;
		right: 0;
		top: 42px;
		width: 150px;
	}
	.menu-filter.is-open .menu-item {
		float: none;
		text-align: right;
	}
	.menu-filter.is-open .menu-item a {
		background: none;
		border-radius: 0;
		color: #000; /* ffffff;*/
		display: block;
		font-size: 20px;
		font-weight: normal;
		line-height: 1.1;
		padding: 7px 10px;
	}
	.menu-filter.is-open .menu-item.is-active a,
	.menu-filter.is-open .menu-item a:hover,
	.menu-filter.is-open .menu-item a:focus {
		background: #ffba26;
		text-decoration: none;
        color: #ffffff;
	}

	/** Search */
	.search  {
		display: none;
	}

	/** Auth 
	.auth  {
		display: none;
	}
         */
        


	/** Channels dropdown */
	.channels-dropdown {
		float: none;
	    left: 50%;
	    margin-left: -39px;
	    position: absolute;
	    top: -1px;
	    width: 78px;
	}
	.channels-dropdown .page-dropdown-toggler {
		background: #2285a4;
		color: #ffffff;
		padding-bottom: 4px;
		padding-top: 4px;
	}
	.channels-dropdown .page-dropdown-list {
		left: 50%;
	    margin-left: -100px;
	    top: 30px;
	    width: 200px;
	}
	.channels-dropdown .page-dropdown-list-item {
		font-size: 20px;
	}
	.channels-dropdown .page-dropdown-list-item a {

	}


	/** Channels */
	.channels {
		padding-right: 0;
	}
	.channels-list-item-pict {
	    padding: 10px;
	    width: 88px;
	}
	.channels-list-item-pict-mobile {
		display: inline-block;
	}

	/** Channel detail 
	.channel-detail {
		display: none;
	}
        */
	.channel-detail-buttons.is-mobile {
		display: block;
		float: left;
		width: 200px;
        text-align: center;
    width: 100%;
     margin: 30 0 0 0;
    padding: 0;
	}

    .channel-detail-menu.is-mobile {
        background: #369ebe;
		display: block;
		float: left;
		width: 200px;
        text-align: center;
    width: 100%;
    margin: 60 0 0 0;
	}

    

     .channel-detail-list.is-mobile {
        background: #369ebe;
		display: block;
		float: left;
		width: 200px;
        text-align: center;
    width: 100%;
    margin: 30 0 0 0;
    	padding-bottom: 82px; 
	}

	/** Program info */
	.program-info-title {
		background: #ffffff;
		font-size: 24px;
	    margin: 0;
	    padding: 10px 0;
	    position: fixed;
	    top: 42px;
	    width: 100%;
	}
	.program-info-description {
		margin-top: 42px;
	}
	.program-info-pict {
		float: left;
	}
	.program-info-detail-autoscroll {
		clear: both;
		max-height: 9999px;
		padding-top: 20px;
	}
	.program-info-player {
		display: none;
	}


	/** Step 1 */
	.l-middle.is-step-1 {

	}
	.l-middle.is-step-1 .l-sidebar {
		width: 100%;
	}
	.l-middle.is-step-1 .l-content {
		display: none;
	}

	/** Step 2 */
	.l-middle.is-step-2 {

	}
	.l-middle.is-step-2 .l-sidebar {
		display: none;
	}
	.l-middle.is-step-2 .l-content {
		margin-left: 0;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}

}


@media (max-width: 600px) {

	/** Channel detail */
	.channel-detail-buttons.is-mobile {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 200px;
	}

	/** Program info */
	.program-info-pict {
		float: none;
	}
	.program-info-detail-autoscroll {
		padding-top: 0;
	}

}