@media (min-width: 992px )and (max-width: 1125px) {

}

@media (max-width: 1199px) {

    .nav-top-cnt::after {

        background-color: transparent;

    }

    .nav-wrapper .bg-light .navbar-nav .nav-item .nav-link {

        padding: 0 12px;

        font-size: 13px;

    }

    .carousel-item img {

        height: 336px;

    }

}

@media (max-width: 991px) {

    .nav-top {

        background-color: #af0831;

    }

    .nav-top-cnt {

        top: 0;

        border-radius: 0;

    }

    .nav-top-cnt::before {

        border: none;

    }

    .navbar-light .navbar-toggler {

        background-color: transparent;

        border: none;

    }

    .carousel-control-next-icon, .carousel-control-prev-icon {

        width: 15px;

        height: 15px;

    }

    .carousel .carousel-control-prev, .carousel .carousel-control-next {

        height: 35px;

    }

    .nav-wrapper .navbar-brand {

        position: relative;

        top: auto;

    }

    .navbar-toggler {

        background-color: #bb0f09;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        border-radius: 0;

    }

    .nav-top-cnt {

        position: relative;

    }

    .nav-top-cnt {

        text-align: center;

    }

    .menu-box-col {

        margin: 15px 0;

    }

    .slick-prev, .slick-next {

        bottom: -60px;

        top: auto;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

    .slick-prev {

        left: 70px;

    }

    .slick-next {

        right: 70px;

    }

    .footer-content {

        margin-bottom: 20px;

    }

    .carousel-item img {

        height: 285px;

    }

    .nav-wrapper .navbar-brand::before {

        top: -7px;

        height: 74px;

    }

    .carousel-item .banner-text h3 {

        font-size: 18px;

    }

    #channel-listTab {

        margin-bottom: 20px;

    }

    .queries-tab {

        padding: 15px 10px;

    }

    .coverage-section li {

        width: 32%;

    }

    .menu-box-col .menu-box-icon .m-icon {

        text-align: right;

    }

    .nav-wrapper .bg-light .navbar-nav .active .nav-link::after {

        width: 100%;

        left: 0;

        right: auto;

        top: auto;

        bottom: -20px;

        height: auto;

    }

    .nav-wrapper .bg-light .navbar-nav .active .nav-link::before {

        content: none;

    }

}

/* mobile devices */

@media (max-width: 767px) {

    .banner-skew {

        position: absolute;

        right: auto;

        top: auto;

        background: rgba(0, 0, 0, 0.5);

        transform: translateX(-50%) skew(0deg);

        bottom: 25%;

        left: 50%;

        padding: 15px;

    }

    .banner-skew-cap h3 {

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 15px;

    }

    .banner-skew-cap {

        position: relative;

        left: auto;

        right: auto;

        top: auto;

        transform: translateY(0) skew(0deg);

    }

    .carousel-indicators {

        display: none;

    }

    .page-wrapper {

        padding: 25px 0;

    }

    .page-header h3 {

        font-size: 22px;

        font-weight: 700;

    }

    .page-header p {

        font-weight: 100;

        color: #4d4d4d;

        font-size: 16px;

    }

    .page-header {

        margin-bottom: 15px;

    }

    .tv-bg {

        height: auto;

    }

    .carousel-item .banner-text h3 {

        font-size: 14px;

        margin-bottom: 20px;

    }

    .carousel-item img {

        height: 198px;

    }

    .coverage-section li {

        width: 49%;

    }

    .slick-prev::before, .slick-next::before {

        background-size: 35px;

        background-repeat: no-repeat;

    }

}

@media (max-width: 574px) {

    .nav-wrapper .navbar-brand::before {

        content: none;

    }

    .nav-top-cnt ul li {

        border: none !important;

        padding-bottom: 8px;

    }

    .program-img {

        height: auto;

    }

    .tv-caption {

        bottom: 20px;

    }

    .tb-logo img {

        width: 75px;

    }

    .tv-cap-cnt h4 {

        font-size: 16px;

    }

    .tv-cap-cnt h6 {

        font-size: 14px;

        padding: 6px;

    }

}

@media (max-width: 533px) {

    .carousel-item {

        padding-top: 35px !important;

        text-align: center;

    }

    .carousel-item .banner-text {

        padding-left: 0;

    }

}