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


    

    html body #main-navigation-wrap::before,
    html body #main-navigation-wrap::after,

    html body #main-navigation::before,
    html body #main-navigation::after,

    html body .primary-navigation-wrap::before,
    html body .primary-navigation-wrap::after,

    html body #main-navigation
    .main-navigation-menu::before,

    html body #main-navigation
    .main-navigation-menu::after {

        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: none !important;
        background-image: none !important;

        border: 0 !important;
        border-image: none !important;

        box-shadow: none !important;
    }


    

    


    html body #main-navigation {

        

        

        
        

        

        
        padding:
            18px 16px 0 !important;

        

        

        
    }


    

    


    html body #main-navigation > ul.main-navigation-menu::before {

        content:
            "✦" !important;

        display: flex !important;

        position: absolute !important;

        top:
            -18px !important;

        left:
            0 !important;

        right:
            0 !important;

        width:
            100% !important;

        height:
            18px !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        box-sizing:
            border-box !important;

        color:
            #9b4dff !important;

        font-size:
            18px !important;

        line-height:
            18px !important;

        
        background:

            linear-gradient(
                to right,

                #ff5b8a 0%,
                #ff3d75 28%,
                #ff7a21 48%,

                transparent 48%,
                transparent 52%,

                #8b42ff 52%,
                #a743ff 76%,
                #9148ef 100%
            )

            center / 100% 3px

            no-repeat !important;

        text-shadow:
            0 0 8px rgba(156, 77, 255, .7),
            0 0 14px rgba(255, 80, 130, .35) !important;

        

        

        pointer-events: none !important;

        z-index: 3 !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu {

        

        

        column-gap:
            12px !important;

        row-gap:
            12px !important;

        

        

        

        

        

        background:
            transparent !important;

        

        

        
    }


    


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a {

        

        

        

        

        

        

        

        

        
        height:
            96px !important;

        min-height:
            96px !important;

        max-height:
            96px !important;

        

        
        padding:
            8px 8px 8px 86px !important;

        color:
            #20252c !important;

        font-family:
            inherit !important;

        font-size:
            15px !important;

        

        line-height:
            1.15 !important;

        

        

        

        

        

        

        

        border-radius:
            17px !important;

        box-shadow:
            0 5px 16px rgba(20, 25, 35, .06) !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::before {

        

        

        

        left:
            10px !important;

        

        

        width:
            66px !important;

        min-width:
            66px !important;

        max-width:
            66px !important;

        height:
            70px !important;

        min-height:
            70px !important;

        max-height:
            70px !important;

        

        

        

        

        

        

        
        background-size:
            86% auto !important;

        border:
            1px solid #e1e5e9 !important;

        border-radius:
            13px !important;

        box-shadow:
            0 3px 10px rgba(20,25,35,.07) !important;

        

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            78% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            86% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            82% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            88% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::after {

        

        

        top:
            18px !important;

        bottom:
            18px !important;

        left:
            78px !important;

        

        

        

        background:
            #d3d8de !important;

        

        

        
    }


    

    


    


    


    


    


    

    html body .skytamil-mobile-menu-separator {

        

        

        

        

        

        

        

        height:
            25px !important;

        margin:
            22px 0 23px !important;

        

        gap:
            8px !important;

        

        

        

        z-index:
            5 !important;
    }


    

    html body
    .skytamil-mobile-menu-separator__line {

        

        

        min-width:
            18px !important;

        

        background:
            #c8ced5 !important;
    }


    

    html body
    .skytamil-mobile-menu-separator__wing {

        

        

        

        flex:
            0 0 23px !important;

        width:
            23px !important;

        height:
            19px !important;

        
    }


    html body
    .skytamil-mobile-menu-separator__wing i {

        

        

        background:
            #abb4bd !important;

        border-radius:
            5px !important;
    }


    


    


    


    html body
    .skytamil-mobile-menu-separator__wing--left i:nth-child(2),

    html body
    .skytamil-mobile-menu-separator__wing--right i:nth-child(2) {

        width:
            23px !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--left i:nth-child(3),

    html body
    .skytamil-mobile-menu-separator__wing--right i:nth-child(1) {

        width:
            18px !important;
    }


    

    html body
    .skytamil-mobile-menu-separator__tv {

        

        

        flex:
            0 0 22px !important;

        width:
            22px !important;

        height:
            22px !important;
    }


    html body
    .skytamil-mobile-menu-separator__screen {

        

        

        

        

        

        width:
            16px !important;

        height:
            13px !important;

        

        

        
    }


    html body
    .skytamil-mobile-menu-separator__antenna {

        

        top:
            0 !important;

        

        display:
            block !important;

        width:
            12px !important;

        height:
            8px !important;
    }


    html body
    .skytamil-mobile-menu-separator__antenna::before,

    html body
    .skytamil-mobile-menu-separator__antenna::after {

        

        

        

        display:
            block !important;

        width:
            8px !important;

        

        

        
    }


    


    

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

    html body #main-navigation {

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        column-gap:
            8px !important;

        row-gap:
            9px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a {

        height:
            88px !important;

        min-height:
            88px !important;

        max-height:
            88px !important;

        padding-left:
            76px !important;

        padding-right:
            5px !important;

        font-size:
            13px !important;

        border-radius:
            15px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::before {

        left:
            8px !important;

        width:
            58px !important;

        min-width:
            58px !important;

        height:
            64px !important;

        min-height:
            64px !important;

        max-height:
            64px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::after {

        left:
            68px !important;
    }

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


    

    html body #main-navigation
    > ul.main-navigation-menu::before {

        
        

        width: 0 !important;
        height: 0 !important;

        
        background-image: none !important;

        
        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;

        padding:
            8px 8px 8px 94px !important;

        

        border-radius: 18px !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        left: 10px !important;

        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;

        

        
        

        border-radius: 14px !important;

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size: 72% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size: 78% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size: 72% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size: 80% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left: 86px !important;

        top: 19px !important;
        bottom: 19px !important;

        
        

        background: #d3d8de !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        
        

        font-size: 15px !important;
        
        line-height: 1 !important;

        
        

        
    }


    

    html body .skytamil-mobile-menu-separator {

        

        

        margin-top: 50px !important;

        

        
    }


    html body .skytamil-mobile-menu-separator::before {

        content: "" !important;

        display: block !important;

        

        left: -20px !important;
        right: -20px !important;

        top: -58px !important;

        width: calc(100% + 40px) !important;
        height: 58px !important;

        

        background: #fff !important;

        
        

        

        
    }


    

    html body .skytamil-mobile-menu-separator__line,
    html body .skytamil-mobile-menu-separator__wing,
    html body .skytamil-mobile-menu-separator__tv {

        
        z-index: 3 !important;
    }


    

    html body #main-navigation-wrap::after,
    html body #main-navigation::after,
    html body #main-navigation
    > ul.main-navigation-menu::after {

        content: none !important;
        display: none !important;

        background: none !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;
    }

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

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;

        padding-left: 84px !important;

        font-size: 13px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;

        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left: 76px !important;
    }

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


    

    html body #main-navigation-wrap.primary-navigation-wrap {

        position: relative !important;

        margin: 0 !important;
        padding: 0 !important;

        background-color: #fff !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    html body #main-navigation {

        

        
        

        

        

        padding:
            18px 12px 0 !important;

        background-color:
            #fff !important;

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu::before {

        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu {

        

        

        column-gap:
            8px !important;

        row-gap:
            8px !important;

        

        

        

        

        

        

        border:
            0 !important;

        
    }


    


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        

        

        

        

        

        

        min-width:
            0 !important;

        height:
            72px !important;

        min-height:
            72px !important;

        max-height:
            72px !important;

        

        padding:
            6px 8px 6px 66px !important;

        color:
            #252a31 !important;

        

        

        line-height:
            1.15 !important;

        

        

        letter-spacing:
            0 !important;

        

        

        

        

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        

        

        

        left:
            7px !important;

        

        width:
            46px !important;

        min-width:
            46px !important;

        max-width:
            46px !important;

        height:
            52px !important;

        min-height:
            52px !important;

        max-height:
            52px !important;

        

        margin:
            0 !important;

        

        

        

        

        border:
            1px solid #e2e6ea !important;

        border-radius:
            10px !important;

        

        box-shadow:
            0 3px 9px rgba(20,25,35,.06) !important;

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            72% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            80% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            72% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            84% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        

        

        top:
            13px !important;

        bottom:
            13px !important;

        

        display:
            block !important;

        

        

        background:
            #d4d9df !important;

        

        
    }


    

    


    


    


    


    

    

    html body #main-navigation::after {

        content:
            "" !important;

        display:
            block !important;

        position:
            absolute !important;

        left:
            0 !important;

        right:
            0 !important;

        bottom:
            -15px !important;

        width:
            100% !important;

        height:
            18px !important;

        background:
            #fff !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        z-index:
            50 !important;

        pointer-events:
            none !important;
    }


    

    html body #main-navigation-wrap::after,
    html body #main-navigation
    > ul.main-navigation-menu::after {

        content:
            none !important;

        display:
            none !important;

        background:
            none !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        

        

        

        

        

        

        height:
            22px !important;

        

        

        margin:
            14px 0 15px !important;

        

        

        

        

        

        z-index:
            100 !important;

        
    }


    

    


    

    


    

    


    


    


    


    


    


    


    

    


    


    


    


    


    

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

    html body #main-navigation {

        padding-left:
            9px !important;

        padding-right:
            9px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        column-gap:
            7px !important;

        row-gap:
            7px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            66px !important;

        min-height:
            66px !important;

        max-height:
            66px !important;

        padding-left:
            60px !important;

        padding-right:
            4px !important;

        
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        width:
            42px !important;

        min-width:
            42px !important;

        max-width:
            42px !important;

        height:
            46px !important;

        min-height:
            46px !important;

        max-height:
            46px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            52px !important;
    }

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


    

    html body #main-navigation {
        padding:
            16px 14px 0 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        column-gap:
            10px !important;

        row-gap:
            10px !important;

        

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            74px !important;

        min-height:
            74px !important;

        max-height:
            74px !important;

        padding:
            7px 8px 7px 70px !important;

        border-radius:
            14px !important;

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        left:
            9px !important;

        width:
            48px !important;

        min-width:
            48px !important;

        max-width:
            48px !important;

        height:
            54px !important;

        min-height:
            54px !important;

        max-height:
            54px !important;

        border-radius:
            10px !important;

        

        

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            68% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            67% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            65% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            72% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            61px !important;

        top:
            14px !important;

        bottom:
            14px !important;

        

        background:
            #d4d9df !important;
    }


    

    


    

    html body #main-navigation-wrap::after,
    html body #main-navigation::after,
    html body .primary-navigation-wrap::after,
    html body #main-navigation
    > ul.main-navigation-menu::after {

        content:
            none !important;

        display:
            none !important;

        opacity:
            0 !important;

        visibility:
            hidden !important;

        width:
            0 !important;

        height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            none !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-image:
            none !important;

        box-shadow:
            none !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        

        z-index:
            999 !important;

        height:
            24px !important;

        margin:
            13px 0 14px !important;

        

        

        

        
    }


    html body .skytamil-mobile-menu-separator::before {

        content:
            "" !important;

        display:
            block !important;

        position:
            absolute !important;

        left:
            0 !important;

        right:
            0 !important;

        
        top:
            -18px !important;

        width:
            100% !important;

        height:
            18px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            #fff !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        z-index:
            1 !important;

        pointer-events:
            none !important;
    }


    

    html body .skytamil-mobile-menu-separator__line,
    html body .skytamil-mobile-menu-separator__wing,
    html body .skytamil-mobile-menu-separator__tv {

        

        z-index:
            5 !important;
    }


    

    

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

    


    


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            68px !important;

        min-height:
            68px !important;

        max-height:
            68px !important;

        padding-left:
            62px !important;

        
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        width:
            43px !important;

        min-width:
            43px !important;

        max-width:
            43px !important;

        height:
            48px !important;

        min-height:
            48px !important;

        max-height:
            48px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            54px !important;
    }

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


    

    html body #main-navigation {

        padding:
            18px 14px 0 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        

        z-index:
            100 !important;

        

        

        column-gap:
            10px !important;

        row-gap:
            10px !important;

        

        

        
        margin:
            10px 0 0 !important;

        

        background:
            transparent !important;

        
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        width:
            100% !important;

        height:
            82px !important;

        min-height:
            82px !important;

        max-height:
            82px !important;

        box-sizing:
            border-box !important;

        margin:
            0 !important;

        padding:
            7px 8px 7px 76px !important;

        

        border-radius:
            15px !important;

        

        font-size:
            14px !important;

        font-weight:
            800 !important;

        line-height:
            1.1 !important;

        text-align:
            left !important;

        text-indent:
            0 !important;

        white-space:
            nowrap !important;

        box-shadow:
            0 4px 12px rgba(20,25,35,.05) !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        left:
            10px !important;

        display:
            block !important;

        width:
            52px !important;

        min-width:
            52px !important;

        max-width:
            52px !important;

        height:
            60px !important;

        min-height:
            60px !important;

        max-height:
            60px !important;

        box-sizing:
            border-box !important;

        transform:
            translateY(-50%) !important;

        background-color:
            #fff !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        border:
            1px solid #e3e7eb !important;

        border-radius:
            11px !important;

        

        box-shadow:
            0 2px 7px rgba(20,25,35,.05) !important;

        pointer-events:
            none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            66% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            64% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            62% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            69% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        content:
            "" !important;

        position:
            absolute !important;

        left:
            66px !important;

        top:
            15px !important;

        bottom:
            15px !important;

        width:
            1px !important;

        height:
            auto !important;

        background:
            #d5d9df !important;

        border:
            0 !important;

        pointer-events:
            none !important;
    }


    

    


    


    


    


    

    

    


    

    html body #main-navigation
    > ul.main-navigation-menu::after {

        

        

        

        left:
            -14px !important;

        right:
            -14px !important;

        bottom:
            -25px !important;

        width:
            calc(100% + 28px) !important;

        height:
            26px !important;

        

        

        

        

        

        

        

        

        z-index:
            99999 !important;

        
    }


    

    html body .skytamil-mobile-menu-separator {

        

        z-index:
            100000 !important;

        

        

        

        

        height:
            22px !important;

        

        
        margin:
            17px 0 16px !important;

        

        

        

        

        

        isolation:
            isolate !important;
    }


    

    


    html body .skytamil-mobile-menu-separator__line,
    html body .skytamil-mobile-menu-separator__wing,
    html body .skytamil-mobile-menu-separator__tv {

        position:
            relative !important;

        z-index:
            2 !important;
    }

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

    html body #main-navigation {

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        

        

        margin-top:
            9px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            74px !important;

        min-height:
            74px !important;

        max-height:
            74px !important;

        padding-left:
            67px !important;

        
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        

        width:
            46px !important;

        min-width:
            46px !important;

        max-width:
            46px !important;

        height:
            54px !important;

        min-height:
            54px !important;

        max-height:
            54px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            57px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu::after {

        left:
            -10px !important;

        right:
            -10px !important;

        width:
            calc(100% + 20px) !important;
    }

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


    

    html body #main-navigation {

        padding:
            8px 14px 0 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        

        z-index:
            20 !important;

        margin:
            6px 0 0 !important;

        

        column-gap:
            10px !important;

        row-gap:
            10px !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        position:
            relative !important;

        z-index:
            30 !important;

        height:
            86px !important;

        min-height:
            86px !important;

        max-height:
            86px !important;

        padding:
            8px 9px 8px 78px !important;

        border-radius:
            16px !important;

        overflow:
            hidden !important;

        font-size:
            14px !important;

        background:
            #fff !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        left:
            10px !important;

        width:
            54px !important;

        min-width:
            54px !important;

        max-width:
            54px !important;

        height:
            62px !important;

        min-height:
            62px !important;

        max-height:
            62px !important;

        border-radius:
            11px !important;

        overflow:
            hidden !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            66% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            63% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            61% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            68% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            68px !important;

        top:
            16px !important;

        bottom:
            16px !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu::after {

        content:
            "" !important;

        display:
            block !important;

        position:
            absolute !important;

        
        top:
            100% !important;

        bottom:
            auto !important;

        left:
            -14px !important;

        right:
            -14px !important;

        width:
            calc(100% + 28px) !important;

        height:
            18px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            #fff !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        
        z-index:
            10 !important;

        pointer-events:
            none !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        

        z-index:
            40 !important;

        height:
            22px !important;

        
        margin:
            7px 0 8px !important;

        

        

        

        
    }


    

    html body .skytamil-mobile-menu-separator::before {

        content:
            none !important;

        display:
            none !important;

        width:
            0 !important;

        height:
            0 !important;

        background:
            none !important;
    }


    

    html body #main-navigation-wrap::after,
    html body .primary-navigation-wrap::after,
    html body #main-navigation::after {

        content:
            none !important;

        display:
            none !important;

        background:
            none !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }

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

    html body #main-navigation {

        padding:
            7px 10px 0 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        margin-top:
            5px !important;

        column-gap:
            8px !important;

        row-gap:
            8px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            78px !important;

        min-height:
            78px !important;

        max-height:
            78px !important;

        padding-left:
            69px !important;

        font-size:
            12px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        left:
            8px !important;

        width:
            48px !important;

        min-width:
            48px !important;

        max-width:
            48px !important;

        height:
            56px !important;

        min-height:
            56px !important;

        max-height:
            56px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            59px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu::after {

        left:
            -10px !important;

        right:
            -10px !important;

        width:
            calc(100% + 20px) !important;

        height:
            16px !important;
    }


    html body .skytamil-mobile-menu-separator {

        margin:
            6px 0 7px !important;
    }

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


    

    html,
    body {

        
        

        margin-left: 0 !important;
        margin-right: 0 !important;

        

        overscroll-behavior-x: none;
    }


    

    @supports (overflow-x: clip) {

        html,
        body {

            overflow-x: clip !important;
        }

    }


    

    #page,
    .site,
    #masthead,
    .site-header,
    .header-main,
    #main-navigation-wrap,
    .primary-navigation-wrap,
    #main-navigation,
    .primary-navigation,
    #content,
    .site-content {

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu {

        
        

        

        overflow-x: visible !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li {

        
        max-width: 100% !important;

        
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li > a {

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu::after {

        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        left: auto !important;
        right: auto !important;

        
        

        margin-left: 0 !important;
        margin-right: 0 !important;

        

        transform: none !important;
    }


    html body .skytamil-mobile-menu-separator::before,
    html body .skytamil-mobile-menu-separator::after {

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    

    img,
    video,
    iframe,
    embed,
    object {

        max-width: 100% !important;
    }


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

    html body #main-navigation
    > ul.main-navigation-menu::after {

        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: 100% !important;
    }

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


    

    html,
    body {

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
    }


    

    html body #main-navigation-wrap::before,
    html body #main-navigation-wrap::after,

    html body .primary-navigation-wrap::before,
    html body .primary-navigation-wrap::after,

    html body #main-navigation::before,
    html body #main-navigation::after,

    html body #main-navigation
    > ul.main-navigation-menu::before,

    html body #main-navigation
    > ul.main-navigation-menu::after {

        

        

        
        

        
        

        

        

        
        

        
        

        

        transform: none !important;

        pointer-events: none !important;
    }


    

    html body .skytamil-mobile-menu-separator::before,
    html body .skytamil-mobile-menu-separator::after {

        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        background: none !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    

    html body #main-navigation-wrap,
    html body #main-navigation-wrap.primary-navigation-wrap {

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        border: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;
    }


    html body #main-navigation {

        

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        

        

        

        

        box-shadow: none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu {

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap:
            8px !important;

        row-gap:
            8px !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        
        

        padding:
            17px 0 0 !important;

        border-top:
            1px solid #cfd4da !important;

        

        

        

        

        

        overflow:
            visible !important;

        visibility:
            visible !important;

        opacity:
            1 !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li {

        float: none !important;

        display: block !important;

        width: auto !important;

        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a {

        position: relative !important;

        display: flex !important;

        align-items: center !important;

        justify-content: flex-start !important;

        width: 100% !important;

        min-width: 0 !important;
        max-width: 100% !important;

        min-height:
            58px !important;

        height:
            58px !important;

        max-height:
            58px !important;

        box-sizing:
            border-box !important;

        margin: 0 !important;

        padding:
            6px 8px 6px 65px !important;

        color:
            #252a31 !important;

        font-size:
            12px !important;

        font-weight:
            800 !important;

        line-height:
            1.2 !important;

        text-align:
            left !important;

        text-indent:
            0 !important;

        letter-spacing:
            0 !important;

        white-space:
            nowrap !important;

        background:
            #fff !important;

        border-radius:
            12px !important;

        overflow:
            hidden !important;

        box-shadow:
            0 4px 12px rgba(25,30,40,.05) !important;

        transform:
            none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::before {

        content: "" !important;

        position: absolute !important;

        top: 50% !important;

        left:
            7px !important;

        display:
            block !important;

        width:
            40px !important;

        min-width:
            40px !important;

        max-width:
            40px !important;

        height:
            40px !important;

        min-height:
            40px !important;

        max-height:
            40px !important;

        box-sizing:
            border-box !important;

        margin: 0 !important;
        padding: 0 !important;

        transform:
            translateY(-50%) !important;

        background-color:
            #fff !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        
        background-size:
            contain !important;

        border:
            1px solid #e4e7eb !important;

        border-radius:
            9px !important;

        overflow:
            hidden !important;

        box-shadow:
            0 3px 9px rgba(20,25,35,.06) !important;

        pointer-events:
            none !important;
    }


    

    


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            76% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            70% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            78% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a::after {

        content: "" !important;

        position: absolute !important;

        top:
            11px !important;

        bottom:
            11px !important;

        left:
            54px !important;

        display:
            block !important;

        width:
            1px !important;

        height:
            auto !important;

        background:
            #d4d9df !important;

        border: 0 !important;

        transform: none !important;

        pointer-events: none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a {

        border:
            1px solid #43a6ff !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a {

        border:
            1px solid #ff8363 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a {

        border:
            1px solid #f6b33d !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        border:
            1px solid #ff5d95 !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sony > a {

        border:
            1px solid #766ed3 !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        position: relative !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width:
            100% !important;

        max-width:
            100% !important;

        

        box-sizing:
            border-box !important;

        
        margin:
            14px 0 15px !important;

        

        gap:
            8px !important;

        

        border:
            0 !important;

        box-shadow:
            none !important;

        z-index:
            20 !important;

        overflow:
            visible !important;
    }


    

    html body
    .skytamil-mobile-menu-separator__line {

        display: block !important;

        flex:
            1 1 auto !important;

        min-width:
            20px !important;

        

        
    }


    

    html body
    .skytamil-mobile-menu-separator__wing {

        display: flex !important;

        flex-direction:
            column !important;

        justify-content:
            center !important;

        width:
            21px !important;

        

        flex:
            0 0 21px !important;

        
    }


    html body
    .skytamil-mobile-menu-separator__wing i {

        display: block !important;

        height:
            1.5px !important;

        background:
            #aeb6bf !important;

        border-radius:
            3px !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--left {

        align-items:
            flex-end !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--right {

        align-items:
            flex-start !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--left i:nth-child(1),

    html body
    .skytamil-mobile-menu-separator__wing--right i:nth-child(3) {

        width:
            14px !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--left i:nth-child(2),

    html body
    .skytamil-mobile-menu-separator__wing--right i:nth-child(2) {

        width:
            21px !important;
    }


    html body
    .skytamil-mobile-menu-separator__wing--left i:nth-child(3),

    html body
    .skytamil-mobile-menu-separator__wing--right i:nth-child(1) {

        width:
            17px !important;
    }


    

    html body
    .skytamil-mobile-menu-separator__tv {

        position:
            relative !important;

        display:
            block !important;

        

        

        
    }


    html body
    .skytamil-mobile-menu-separator__screen {

        position:
            absolute !important;

        left:
            3px !important;

        bottom:
            1px !important;

        display:
            block !important;

        box-sizing:
            border-box !important;

        width:
            14px !important;

        height:
            12px !important;

        background:
            #fff !important;

        border:
            2px solid #ff174c !important;

        border-radius:
            3px !important;
    }


    html body
    .skytamil-mobile-menu-separator__antenna {

        position:
            absolute !important;

        top:
            1px !important;

        left:
            5px !important;

        width:
            10px !important;

        height:
            7px !important;
    }


    html body
    .skytamil-mobile-menu-separator__antenna::before,

    html body
    .skytamil-mobile-menu-separator__antenna::after {

        content: "" !important;

        position:
            absolute !important;

        top:
            3px !important;

        width:
            7px !important;

        height:
            2px !important;

        background:
            #ff174c !important;

        border-radius:
            3px !important;
    }


    html body
    .skytamil-mobile-menu-separator__antenna::before {

        left:
            -1px !important;

        transform:
            rotate(45deg) !important;

        transform-origin:
            right center !important;
    }


    html body
    .skytamil-mobile-menu-separator__antenna::after {

        right:
            -1px !important;

        transform:
            rotate(-45deg) !important;

        transform-origin:
            left center !important;
    }

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

    html body #main-navigation {

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        column-gap:
            6px !important;

        row-gap:
            6px !important;

        padding-top:
            15px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            54px !important;

        min-height:
            54px !important;

        max-height:
            54px !important;

        padding-left:
            58px !important;

        padding-right:
            5px !important;

        
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        width:
            36px !important;

        min-width:
            36px !important;

        max-width:
            36px !important;

        height:
            36px !important;

        min-height:
            36px !important;

        max-height:
            36px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            49px !important;
    }


    html body .skytamil-mobile-menu-separator {

        margin:
            12px 0 13px !important;
    }

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


    

    


    html body #main-navigation::before {

        

        

        position:
            relative !important;

        width:
            100% !important;

        

        margin:
            0 0 14px !important;

        

        

        

        

        

        

        
    }


    

    


    

    


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        left:
            8px !important;

        width:
            44px !important;

        min-width:
            44px !important;

        max-width:
            44px !important;

        height:
            46px !important;

        min-height:
            46px !important;

        max-height:
            46px !important;

        border-radius:
            9px !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before {

        background-size:
            74% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before {

        background-size:
            74% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before {

        background-size:
            69% auto !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        background-size:
            76% auto !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            58px !important;

        top:
            12px !important;

        bottom:
            12px !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        

        margin:
            7px 0 7px !important;

        

        gap:
            8px !important;
    }


    

    

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

    


    html body #main-navigation::before {

        margin-bottom:
            11px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        column-gap:
            7px !important;

        row-gap:
            7px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            60px !important;

        min-height:
            60px !important;

        max-height:
            60px !important;

        padding-left:
            62px !important;

        font-size:
            11px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::before,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::before {

        width:
            40px !important;

        min-width:
            40px !important;

        max-width:
            40px !important;

        height:
            42px !important;

        min-height:
            42px !important;

        max-height:
            42px !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a::after,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a::after {

        left:
            52px !important;
    }


    html body .skytamil-mobile-menu-separator {

        margin:
            6px 0 6px !important;
    }

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


    

    html body #main-navigation
    > ul.main-navigation-menu {

        

        box-shadow:
            none !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu::after,

    html body #main-navigation::after,

    html body #main-navigation-wrap::after,

    html body .primary-navigation-wrap::after {

        content:
            none !important;

        display:
            none !important;

        width:
            0 !important;

        height:
            0 !important;

        background:
            none !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-bottom:
            0 !important;

        box-shadow:
            none !important;
    }


    

    html body #main-navigation {

        position:
            relative !important;

        padding:
            15px 12px 0 !important;

        border:
            0 !important;

        
    }


    html body #main-navigation::before {

        content:
            "" !important;

        display:
            block !important;

        position:
            absolute !important;

        top:
            0 !important;

        left:
            12px !important;

        right:
            12px !important;

        width:
            auto !important;

        height:
            1px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            #cfd4da !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        z-index:
            50 !important;

        pointer-events:
            none !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu {

        

        

        border-top:
            0 !important;

        border-right:
            0 !important;

        border-bottom:
            0 !important;

        border-left:
            0 !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        margin:
            7px 0 7px !important;
    }

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

    html body #main-navigation {

        padding:
            13px 9px 0 !important;
    }


    html body #main-navigation::before {

        left:
            9px !important;

        right:
            9px !important;
    }

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


    

    html body #main-navigation-wrap,
    html body #main-navigation-wrap.primary-navigation-wrap,
    html body #main-navigation,
    html body #main-navigation > ul.main-navigation-menu {

        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;

        border-image: none !important;

        background-image: none !important;

        box-shadow: none !important;
    }


    html body #main-navigation-wrap::before,
    html body #main-navigation-wrap::after,

    html body .primary-navigation-wrap::before,
    html body .primary-navigation-wrap::after,

    html body #main-navigation::before,
    html body #main-navigation::after,

    html body #main-navigation > ul.main-navigation-menu::before,
    html body #main-navigation > ul.main-navigation-menu::after {

        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: none !important;
        background-image: none !important;

        border: 0 !important;
        border-image: none !important;

        box-shadow: none !important;

        opacity: 0 !important;
        visibility: hidden !important;
    }


    

    html body .skytamil-mobile-menu-topline {

        display: block !important;

        position: relative !important;

        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;

        height: 1px !important;

        box-sizing: border-box !important;

        margin:
            0 12px 14px !important;

        padding: 0 !important;

        background:
            #cfd4da !important;

        border: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        clear: both !important;
    }


    

    html body #main-navigation {

        margin: 0 !important;

        padding:
            0 12px !important;

        background:
            #fff !important;
    }


    html body #main-navigation
    > ul.main-navigation-menu {

        margin: 0 !important;

        padding: 0 !important;

        background:
            #fff !important;

        column-gap:
            9px !important;

        row-gap:
            9px !important;
    }


    

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-home > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-sun > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-vijay > a,

    html body #main-navigation
    > ul.main-navigation-menu
    > li.tvmenu-zee > a {

        height:
            66px !important;

        min-height:
            66px !important;

        max-height:
            66px !important;

        padding:
            6px 8px 6px 69px !important;

        border-radius:
            13px !important;

        font-size:
            13px !important;
    }


    

    html body .skytamil-mobile-menu-separator {

        margin:
            7px 0 7px !important;

        

        
    }

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

    html body .skytamil-mobile-menu-topline {

        width:
            calc(100% - 18px) !important;

        max-width:
            calc(100% - 18px) !important;

        margin:
            0 9px 11px !important;
    }


    html body #main-navigation {

        padding-left:
            9px !important;

        padding-right:
            9px !important;
    }


    html body .skytamil-mobile-menu-separator {

        margin:
            6px 0 6px !important;
    }

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

    

    html body .skytamil-mobile-menu-separator {

        

        margin:
            3px 0 4px !important;

        

        gap:
            8px !important;

        background:
            #fff !important;
    }


    
    html body .skytamil-mobile-menu-separator__line {

        height:
            1px !important;

        background:
            #c9cfd6 !important;
    }


    
    html body .skytamil-mobile-menu-separator__wing {

        height:
            18px !important;

        gap:
            3px !important;
    }


    
    html body .skytamil-mobile-menu-separator__tv {

        width:
            20px !important;

        height:
            20px !important;

        flex:
            0 0 20px !important;
    }

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

    html body .skytamil-mobile-menu-separator {

        margin:
            2px 0 3px !important;
    }

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

    html body .skytamil-mobile-menu-separator {

        height:
            20px !important;

        margin:
            0 0 1px !important;

        padding:
            0 16px !important;

        gap:
            7px !important;
    }

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

    html body .skytamil-mobile-menu-separator {

        margin:
            0 !important;
    }

}