@media only screen and (max-width: 767px){
.kpi9 {overflow: hidden;}

.kpi9 .countryWrap {
background: #000;
border-top: 0px;
margin-top: 0;
} 

.kpi9 #select_your_country {
text-align: left;
}

.kpi9 select {
margin-top: 10px;
height: 40px;
}

kpi9 .headImg {
display: block;
width: 100%;
}

.kpi9 .vidWrap {
width: 50%;
height: 100%;
right: 0;
top: 0;
}

.kpi9 .large-7 {
width: 100%;
}

.kpi9 .wweIcons {
display: none;
}

.kpi9 .selectTypeWrap {
display: block;
}

.kpi9 select {
margin-top: 10px;
height: 40px;
}

.kpi9 ul.watch_now li {
max-width: 50%;
font-size: 90%;
border: 0;
}

.kpi9 ul.watch_now li:nth-child(odd) > div {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
}

.kpi9 ul.watch_now li:nth-child(1) > div > div {
background: #e2e2e2;
}

.kpi9 ul.watch_now li:nth-child(odd) > div > div {
background: #e2e2e2;
padding: 5px 15px 5px 10px;
min-height: 250px;
}

.kpi9 ul.watch_now li > div > div {
background: #e2e2e2;
}

.kpi9 .tvProvider img {
margin: 0 auto;
width: 100%;
height: auto;
}

.kpi9 .itemWrap {
width: 100%;
}

.kpi9 .itemWrap {
padding: 0;
}

.kpi9 .watch_item > div > div {
padding: 0px;
}

.kpi9 .small-12 {
position: relative;
width: 100%;
}

 .kpi9 .itemDates {
text-align: center;
}

.kpi9 .btn.more, .kpi9 .btn.providerbtn {
margin: 0 auto 5px auto;
width: 150px;
}

 .kpi9 .btn.less {
margin: 0 auto 5px auto;
}

.kpi9 .tvDesc {
display: none;
}

.kpi9 .btn.detailsbtn {
margin: 0 auto;
width: 130px;
margin-bottom: 10px;
}

.kpi9 ul.watch_now {
overflow: hidden;
}

.kpi9 .watch_item {
height: 240px;
}

.kpi9 ul.watch_now li:nth-child(odd) > div > div {
background: #e2e2e2;
padding: 5px 15px 5px 10px;
}

.kpi9 #myModal li {
max-width: 100%;
}

}

@media only screen and (max-width: 959px) {
.kpi9 .wrapper {
width: 99%;
}

.kpi9 ul.watch_now li:nth-child(odd) > div {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
}

.kpi9 .columns {
position: relative;
float: left;
}

.kpi9 ul.watch_now li:nth-child(odd) > div > div {
background: #e2e2e2;
padding: 5px 15px 5px 10px;
}

.kpi9 ul.watch_now li:nth-child(even) > div {
border-right: 5px solid white;
border-bottom: 2px solid white;
}



}

@media only screen and (max-width: 320px){

.kpi9 .vidWrap {
max-height: 138px;

}

}

@media only screen and (max-width: 768px) and (orientation: portrait){

.kpi9 .vidWrap {
max-height: 282px;
}

}