.player-tv_program-container{
display:none
}
.channeltvs {
	--content-size: calc(90vw - 30%);
	--content-padding: 16px;
	--column-gap: 8px;
	box-sizing: border-box;
	margin: 60px auto;
	position: relative;
	width: var(--content-size)
}

 video {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.channeltv {
	--number-columns: 6;
	display: grid;
	grid-gap: 0 var(--column-gap);
	grid-template-columns: repeat(var(--number-columns), 1fr);
}

@media (max-width:1500px) {
	.dcha {
		
	}
	.channeltv {
		--number-columns: 5;
	}
}
@media (max-width:1300px) {	.dcha2 {
		
	}
	.channeltvs {
	--content-size: calc(80vw - 30%);
}	

	.channeltv {
		--number-columns: 4;
	}
}
@media (max-height: 700px) and (min-height: 631px) { 
  .dcha2, .dcha5 {
		
	}
}
@media (max-width:991px) {
::-webkit-scrollbar {
	width:0
}
	#categoriesList,
	#list {

	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, .5);
	max-height: calc(100vh - 135px);
	height: 100%;
	min-height: 350px;
	margin: 0;
	padding: 0
	}
.dcha3, .dcha4 {
		
	}
	.zIndex .search-input-i:before {
	width: calc(90vw - 30%);
	left: auto;
	right: 0;
	transform: translate(0, -50%);
	background: #3f5d6c;
	opacity: 1
}
	.tv-container .channels .search__wrap {
		display:block
	}
.lrch-tv{

z-index: 1;
	}	

.milo2	{padding-left: 5%;
display:none
	}	
.milo{
	padding-left: 8%;
	
	}	
.jumi div {
  display:none

	}
	.channeltvs {
	--content-size: calc(100vw - 30%);
	margin-top:15px;
	width:682px
}	

	.channeltv {
		--number-columns: 4;
	}
}
@media (max-width:700px) {
		.dcha4 {

	}
	.channeltvs {
	--content-size: calc(100vw - 30%);
	margin-top:15px;
	width:500px;
}	

	.channeltv {
		--number-columns: 4;
	}
}
@media screen and (max-width:414px) {
.channel_input {
padding-left:5px;
padding-right:0;
padding-bottom:0;
background-color: #f4f5f2;
color:#3b3b3b;
transform: translateX(0%);
width:100%;
height:34px;
margin-left:49%
}	
.search-input-i{
		display:none
	}
.tv-container .channels .search__wrap {

	width:100%;

}
.search__wrap	{
margin-top:-20px;	
}
}
.cha {
	padding:4% 1.7% 4% 1.7%;
}

.channeltv2 {
	background-color: #d7d7d7;
	position: relative;
	width: 100%;
	z-index: 1;
}

.channeltv2::before {
	border-radius: 4px;
	content: '';
	display: block;
	left: 0;
	opacity: 0;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.img-cha {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	display: block;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.opac {
	opacity: 0;
}

.cha2:hover .opac {
	opacity: 1;
}

.detail {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
}

.detail>div:not(:last-child) {
	margin-right: 5px;
}
.cha-icon {
	background: url("../images/method-draw-image.svg") repeat center;background-size: cover;
	border: none;
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin: 0;
	width: 18px;display:none
}

@media not all and (hover:none) {
	.cha-icon:hover {
	opacity: 0.7;
	}
}

.root_active_r9arwn2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8 2.309A4.512 4.512 0 0 0 4.625.75C2.315.75.5 2.556.5 4.871c0 2.825 2.55 5.14 6.412 8.64L8 14.5l1.088-.99C12.95 10.013 15.5 7.697 15.5 4.872 15.5 2.556 13.685.75 11.375.75A4.512 4.512 0 0 0 8 2.309z'/%3E%3C/svg%3E");
}

@media not all and (hover:none) {
	.root_active_r9arwn2:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23fff' opacity='0.5' fill-rule='evenodd' d='M8 2.309A4.512 4.512 0 0 0 4.625.75C2.315.75.5 2.556.5 4.871c0 2.825 2.55 5.14 6.412 8.64L8 14.5l1.088-.99C12.95 10.013 15.5 7.697 15.5 4.872 15.5 2.556 13.685.75 11.375.75A4.512 4.512 0 0 0 8 2.309z'/%3E%3C/svg%3E");
	}
}

.resp-tab {
    border-radius: 5px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2 );    
}
.resp-tab td, .resp-tab th {
    text-align: center;
    padding: 8px;
    font-size: 15px;
    border: none;
    font-family: Verdana, sans-serif;
}
.resp-tab td {
    font-size: 13px;
    border-right: 1px solid #dd4b39;
}
.resp-tab th {
    color: #ffffff;
    background: #b1e9d2;
}
.resp-tab th:nth-child(odd) {
    background: #b1e9d2;
}
.resp-tab tr:nth-child(even) {
    background: #F8F8F8;
}
@media (max-width: 767px) {
    .resp-tab {
        display: block;
        width: 100%;
    }
    .resp-tab thead, 
    .resp-tab tbody, 
    .resp-tab thead th {
        display: block;
    }
    .resp-tab thead {
        float: left;
    }
    .resp-tab tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .resp-tab td, .resp-tab th {
        padding: 10px 2px;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 160px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .resp-tab thead th {
        text-align: center;
    }
    .resp-tab tbody tr {
        display: table-cell;
    }
    .resp-tab tbody tr:nth-child(odd) {
        background: none;
    }
    .resp-tab tr:nth-child(even) {
        background: transparent;
    }
    .resp-tab tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #ffbfbf;
    }
    .resp-tab tr td:nth-child(even) {
        border-right: 1px solid #ffbfbf;
    }
    .resp-tab td {
        display: block;
        text-align: center;
    }
}