@media screen and (max-width:1400px){
    .wrapper{ padding: 20px;}
    .header .nav ul li a{ font-size: 19px;}
    .header .nav .social a{ font-size: 18px;}
}
@media screen and (max-width:1300px){
    .header .logo a{ width: 170px;}
    .header{ padding: 20px;}
}
@media screen and (max-width:1200px){
    
    .footer .footmenu ul{ width: 100%; text-align: center; margin: 0 0 15px;}
    .footer .copy{ width: 100%; text-align: center; }
    .thumbSlider{ display: none;}
    .sitelogo a{ width: 120px;}
    .homeSlider .bigSlider .item .itemCnt h1{ font-size: 40px;}
    .homeSlider .bigSlider .item .itemCnt p{ font-size: 18px;}
    .featureShow .title{ width: 100%; margin: 0 0 25px;}
    h1{ font-size: 37px; line-height: 40px;}
    .featureShow .title h1{ padding: 0 0 10px; margin: 0 0 5px;}
    .featureShow .featureCnt{ width: 100%;}
    .featureShow .featureCnt ul{ width: auto; float: none; margin: 0 -15px;}
    .featureShow{ margin: 20px 0;}
    .homeSlider{ margin: 0 0 20px;}
    .ourShow{ margin: 20px 0;}
    .ourShow .title {width: calc(25% - 15px);}
    .ourShow .showCnt{ width: 75%;}
    .season .title{ width: 100%; margin: 0 0 25px;}
    .season .seasonCnt{ width: 100%; margin: 0;}
    .socialTimeLine .tweetInsta{ width: 100%;}
    .socialTimeLine .faceb{ width: 100%;}
    .socialTimeLine .faceb img{ width: 100%; }
    .nowplaying .title1{ display: none;}
    .nowplaying .nowCnt ul li{ width: 100%; padding: 15px;}
    .header .nav ul li a{ padding: 0 20px; font-size: 13px;}
    .header .nav .social{ padding: 0;}
    .videos{ margin: 20px 0;}
    .socialTimeLine, .season, .nowplaying, .showListWrap { margin: 20px 0;}
    
    .videoListWrap .categoryDD{ width: 100%; margin: 0 0 15px; position: relative;}
    .videoListWrap .selVideo{ width: 100%; margin: 0;}
    .videoListWrap .vidListingInner{ margin: 40px 0 0;}
    
    .tvGuideWrap .epgList .showCnt{ width: 100%; display: inline-block;}
    .tvGuideWrap .epgList .showCnt .time{ width: calc(25% - 3px);}
    .tvGuideWrap .epgList .showCnt .details{ width: calc(75% - 3px);}
    .tvGuideWrap .epgList .title1{ display: none;}
    
    .tvGuideWrap .epgList .showCnt .time h4{ font-size: 30px;}
    .tvGuideWrap .searchWrap .timePagination a{ padding: 10px 20px;}
    .tvGuideWrap .searchWrap{ padding: 15px 25px;}
    
    .videoListWrap .categoryDD ul{ display: none; position: absolute; left: 0; top: 100%; background: #182e41; z-index: 2; height: auto;}
    
    .videoListWrap .categoryDD .ddTitle{ position: relative;}
    .videoListWrap .categoryDD .ddTitle:after{ content: url(../images/downArrow.png); position: absolute; right: 20px; top: 50%; transform: translate(-50%, -50%);}
    
    .tvGuideWrap .searchWrap .timeWrap{ padding: 0 15px;}
     .tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-prev{ left: -20px;}
    .tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-next{ right: -20px;}
    
    .newStrip1 .youtubeTitle{ padding: 25px 0;}
    
    .ourShow .title .customArrow.snav{ display: block;}
    .ourShow .title h1{ margin: 0;}
}
@media screen and (max-width:1024px){
    .header .nav ul li a.active:after{ background: none;}
    
    a.triggerMenu{ display: block}
    .header .nav{ display: none; position: absolute; left: 0; top: 100%; padding: 0; background: #fff; width: 100%; box-shadow: 0px 0px 33.82px 4.18px rgba(0, 0, 0, 0.04); text-align: left;}
	.header .nav ul{ text-align: left; width: 100%; margin: 0 0 25px;}
	.header .nav ul li{ width: 100%; text-align: left; padding: 10px 0; border-bottom: 1px solid #E5E5E5;}
    .header .nav .social{ width: 100%; text-align: left; margin: 0 0 20px;}
    .header .logo a{ width: 120px;}
    .header .nav .social{ border: none; padding: 0 10px 20px;}
    .content{ margin: 70px 0 0;}
    .commonTitle{ margin-top: 15px;}
    
    .newStrip1 .youtubeTitle{ display: inline-block; vertical-align: middle; width: 100%;}
    .newStrip1 .tubeImg{ display: inline-block; vertical-align: middle; width: 100%;}
    
    .header .nav ul li.searchLi{ display: none;}
    .mobileSearch{ display: block;}
    
    #roadBlockWrap .wrapInner .imgBox img.deskCook{ display:none;}
    #roadBlockWrap .wrapInner .imgBox img.mobCook{ display:block;}
}
@media screen and (max-width:800px){
    .showListWrap ul li, .videoListWrap ul.listing li { width: calc(50% - 33px);  margin: 15px 15px 20px;}
    
    .commonTitle h1{ width: 100%;}
    .commonTitle span{ width: 100%; text-align: left;}
    
    .searchInner{ width: 100%;}
    .searchInner form{ width: 100%;}
}
@media screen and (max-width:640px){
    .footer{ padding: 20px 10px;}
    .footer .footmenu ul li{ padding: 0 4px; font-size: 12px;}
    .footer .copy{ font-size: 12px;}
    .header .logo a{ width: 125px;}
    .homeSlider .bigSlider .item .itemCnt h1{ font-size: 22px;}
    .homeSlider .bigSlider .item .itemCnt{ bottom:30px; left: 10px;}
    .showListWrap h2, .videoListWrap ul.listing li h2{ line-height: 21px;}
    .showListWrap h2:after, .videoListWrap ul.listing li h2:after{ height: 14px; top: 5px;}
    .season .title h1 {padding: 0 0 10px; margin: 0 0 10px;}
    .nowplaying .nowCnt ul li .time h4{ font-size: 17px; line-height: 17px;}
    .videos{ padding: 20px 15px;}
    .videoListWrap .vidListingInner .title{ padding: 20px 15px;}
    
    .videoListWrap .selVideo h2:after{ top: 11px; height: 12px;}
    
     .nowplaying .nowCnt ul li .time h4{ font-size: 20px; line-height: 20px;} 
    .nowplaying .nowCnt ul li .details h5{ font-size: 15px;}
    .ourShow .title a.more{ font-size: 13px;}
    h1 { font-size: 33px; line-height: 35px;}
    
    .mobileSearch input.input{ border-width: 0;}
}
@media screen and (max-width:500px){
    .wrapper{ max-width: 100%; padding: 0 20px;}
    .sitelogo a{ width: 90px;}
    .sitelogo{ margin: 10px 0 15px;}
    .ourShow .title { width: calc(40% - 15px);}
    .ourShow .showCnt { width: 60%;}
    .nowplaying .nowCnt, .nowplaying .title2{ width: 100%; display: inline-block;}
    .nowplaying .title2{ text-align: center; padding: 10px;}
    .nowplaying .title2 br{ display: none;}
    
    .socialTimeLine .tweetInsta .twitterBx .title, .socialTimeLine .tweetInsta .twitterBx .tweetCnt, .socialTimeLine .tweetInsta .instaBx .title, .socialTimeLine .tweetInsta .instaBx .instaCnt{ width: 100%; display: inline-block;}
    .socialTimeLine .tweetInsta .twitterBx .title h3, .socialTimeLine .tweetInsta .instaBx .title h3{ margin: 0 0 10px;}
    .socialTimeLine .tweetInsta .twitterBx .title, .socialTimeLine .tweetInsta .instaBx .title{ padding: 15px;}
    
    .showListWrap ul li, .videoListWrap ul.listing li { margin: 5px 5px 10px; width: calc(50% - 13px);}
    .showDetailWrap .showCnt{ padding: 30px 0 0;}
    .showDetailWrap {margin: 10px 0 20px 0;}
    
    .header .nav ul li a{ font-size: 17px;}
    
    .tvGuideWrap .epgList .showCnt .time h4{ font-size: 24px;}
    .showListWrap ul li, .videoListWrap ul.listing li{width: calc(100% - 13px); margin: 5px 5px 20px;}
    .showListWrap h2, .videoListWrap ul.listing li h2{ font-size: 20px;}
    
    .tvGuideWrap .searchWrap .timePagination a{ padding: 10px;}
    .tvGuideWrap .searchWrap .timeWrap .item{ margin: 0 5px;}
    
    .showListWrap h2:after, .videoListWrap ul.listing li h2:after{ top: 5px;}
    
    .header { padding: 10px 20px;}
    
    .newStrip .img1{ width: 20px;}
    .newStrip .img2{ width: 60px;}
    .newStrip{ padding: 15px;}
    
    .newStrip1 .youtubeTitle h3{ margin: 0 0 10px;}
    
    .videoListWrap .vidListingInner.newListingInner .title h2{ width: 100%;}
    
    .featureShow .featureCnt ul li{ width: 100%; margin: 0 0 25px;}
    .featureShow .featureCnt ul{ margin: 0; width: 100%; float: left;}
    
    .videoListWrap .vidListingInner .title h2{ width: 100%;}
    .rightTitle{ width: 90%; text-align: left; margin: 15px 0 0;}
    .rightTitle .dropdownDD, .rightTitle .dropdownDD select{ width: 100%;}
    h1{ font-size: 28px;}
    
    .homeSlider .bigSlider .item .itemCnt p{ display: none;}
    .homeSlider .bigSlider .item img{ opacity: 0.7;}
    a.button{ padding: 5px 10px; font-size: 14px;}
    .homeSlider .bigSlider .item .itemCnt h1 {margin: 0 0 5px; font-size: 18px;}
    
    .ourShow .title .customArrow a{ width: 20px;}
    
     .mobileSearch { width: calc(100% - 70px); right: 50px;}
    .no_result{ font-size: 18px;}
    
    
    .sectionCookie{position: fixed;background: url('../images/mob-cookie-banner.jpg') no-repeat center;z-index: 15;}/*---ishwar-2-4-20---*/
    .sectionCookie .wrapper .textDiv p {padding: 82px 40px 0px 40px;line-height: 30px;}/*---ishwar-2-4-20---*/
    .sectionCookie .wrapper .btndiv { width: 33%;}/*---ishwar-2-4-20---*/
}
@media screen and (max-width:400px){
    
    
    .videos .videoSlider{ padding: 0;}
    .videoSlider.slick-slider button.slick-prev{ left: -10px;}
    .videoSlider.slick-slider button.slick-next{ right: -10px;}
    .rightTitle .dropdownDD, .rightTitle .dropdownDD select{ width: 100px;}
    
    .tvGuideWrap .epgList .showCnt .time{ width: calc(100% - 35px); border: none; border-bottom: 1px solid #243f57; padding: 0; margin: 0 15px 15px 20px;}
    .tvGuideWrap .epgList .showCnt .details{ width: 100%;}
    .tvGuideWrap .epgList .showCnt .time h4{ text-align: left;}
    
    .homeSlider .bigSlider .item .itemCnt p { font-size: 15px;}
    a.button{ padding: 5px 10px; font-size: 14px;}
    body{ font-size: 16px;}
    .tvGuideWrap .searchWrap .timePagination a{ margin: 0; font-size: 14px;}
    
    .videos .videoSlider .item{ margin: 0 5px;}
    h1 { font-size: 29px; line-height: 35px;}
    
    
   
    .sectionCookie .wrapper .btndiv {width: 38%;}/*---ishwar-2-4-20---*/
}