/************************* media query start *************************/

@font-face {
    font-family: 'openSans-bold';
    src: url('../../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-medium';
    src: url('../../fonts/open-sans/OpenSans-Medium.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('../../fonts/Montserrat/Montserrat-Bold.ttf') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Black';
    src: url('../../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),url('../../fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('../../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-display: swap;
}



@media screen and (min-width:1200px) {
    .modal-lg, .modal-xl { max-width: 802px; }
}
@media screen and (max-width:1199px) and (min-width:980px) {
    @keyframes tvdslideDown {
        0% {
            top: -68px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes ttvMenuslideDown {
        0% {
            top:0px;
        }
        100% {
            top:67px;
        }
    }
    @keyframes main-menu-fixed {
        0%{
            top:0;
        }
        100%{
            top:-68px;
        }
    }
    @keyframes ttv-menu-fixed {
        0%{
            top:67px;
        }
        100%{
            top:0px;
        }
    }

    .modal-lg, .modal-xl { max-width: 802px; }
    .ttv-hyperlink.affix .nav {
        padding:11px 40px 8px 40px;
    }
    .ttv-home-banner-container{
        max-width:945px;
    }
    .ttv-offer-section-container {
        padding:104px 30px 81px 30px;
    }
    .ttv-series-section-container{
        padding:0px 30px;
    }
    .ttv-options-slide-box {
        max-width:233px;
    }
    .ttv-past-episode-container{
        padding:0 30px;
        align-items:center;
        flex-direction:column;
    }
    .ttv-past-episode-head {
        margin: 20px 0 0;
        max-width: 307px;
        text-align: center;
    }
    .ttv-past-episode-head h3::before {
        left:0;
        right:0;
        margin:auto;
    }
    .ttv-past-episode-slider-main{
        padding:25px 0 31px 0;
    }
    .ttv-meet-speakers-container {
        padding:120px 30px 55px 30px;
    }
    .ttv-topic-range-section-main{
        margin-bottom: 67px;
    }
    .ttv-topic-range-head{
        max-width: 940px;
    }
    .ttv-topic-range-container{
        max-width: 940px;
    }
    .topic-range-box.uxd {
        width: 215px;
        height: 215px;
    }
    .topic-range-box.uxd img{
        margin: 40px auto 15px auto;
    }
    .topic-range-box.ar {
        width: 154px;
        height: 154px;
        left: 300px;
    }
    .topic-range-box.iot {
        width: 217px;
        height: 217px;
        left: 510px;
        top: -29px;
    }
    .topic-range-box.blockchain{
        width: 151px;
        height: 151px;
        left: 772px;
        top: -14px;
    }
    .topic-range-box.vr {
        width: 148px;
        height: 148px;
        top: 270px;
    }
    .topic-range-box.ai{
        width: 184px;
        height: 184px;
        left: 253px;
        top: 146px;
    }
    .topic-range-box.ai img {
        width:78px;
    }
    .topic-range-box.ml {
        width: 153px;
        height: 153px;
        left: 515px;
        top: 220px;
        animation-delay: 1.2s;
    }
    .topic-range-box.di {
        width: 193px;
        height: 193px;
        left: 747px;
        top: 201px;
        animation-delay: 1.3s;
    }
    .ttv-welcome-banner-main{
        padding:325px 90px 35px 90px;
        height:645px;
    }
    .ttv-home-banner-main {
        margin-top:120px;
        max-height:320px;
    }
    .ttv-home-banner-slide {
        max-height:320px;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper{
        margin-right: 40px;
        flex: 1;
    }
    .ttv-episode-detail-like, .ttv-episode-detail-comment {
        margin-right: 30px;
    }
    .ttv-episode-detail-info-main{
        padding:50px 30px 0 30px;
    }
    .ttv-episode-detail-info-left {
        max-width: 450px;
        width: 450px;
        margin-right: 55px;
    }
    .ttv-episode-detail-like-comment-share {
        margin-bottom:35px;
    }
    .ttv-episode-detail-speaker-info {
        width:455px;
    }
    .profile-head-container{
        max-width:100%;
        padding:30px 30px 0 30px;
    }

    .ttv-my-list-events-info-main {
        max-width:500px;
    }

    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide {
        width:316px;
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide .ttv-upcoming-slide-img {
        height:180px;
        overflow:hidden;
    }
    .ttv-episode-detail-info-right.affix , .ttv-episode-detail-info-right.fixedBottom{
        right:30px;
    }
    .ttv-my-list-favourite-main {
        margin-top:120px;
    }

    .update-profile-detail-wrapper{
        margin: 120px auto 0 auto;
    }
}
@media screen and (max-width:900px) and (min-width:768px) {
    @keyframes tvdslideDown {
        0% {
            top: -74px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes ttvMenuslideDown {
        0% {
            top:0px;
        }
        100% {
            top:72px;
        }
    }
    @keyframes main-menu-fixed {
        0%{
            top:0;
        }
        100%{
            top:-74px;
        }
    }
    @keyframes ttv-menu-fixed {
        0%{
            top:72px;
        }
        100%{
            top:0px;
        }
    }

    .ttv-signup-modal.large .modal-dialog {
        max-width:740px;
    }

    .ttv-welcome-banner-options {
        max-height: 59vh;
        overflow: auto;
    }

    .ttv-signup-modal.large .ttv-signup-modal-info {
        margin: 100% auto;
    }

    /* Wellcome page */
    .ttv-hyperlink.affix .nav { padding: 10px 30px 8px; }
    .ttv-hyperlink.affix .nav#ContentPlaceHolder1_logedUser {
        padding: 14px 30px 11px 30px;
    }
    .ttv-welcome-banner-main { padding:215px 50px 35px 50px; height: 495px; }
    .ttv-welcome-banner-main h3 {
        font-size: 47px;
    }
    .ttv-welcome-banner-main p{
        font-size: 20px;
    }
    .ttv-welcome-banner-options-main p {
        margin:0;
    }
    .ttv-offer-section-info { max-width: inherit; margin-bottom:70px; }
    .ttv-tune-in-section-info { max-width: 50%; margin-right: 50px; }
    .ttv-testimonial-main-wrapper { max-width: 500px; }
    .ttv-testimonial-box { padding: 64px 50px 33px 50px; }
    .ttv-uxp-on-tv-section-container { flex-direction: column; }
    .ttv-uxp-on-tv-section-info { order: 1; margin-bottom: 50px; max-width: unset; }
    .ttv-uxp-on-tv-section-fig { order: 2 }
    .ttv-home-banner-main{
        margin-top:120px;
        max-height:inherit;
    }
    .ttv-home-banner-slide {
        background:transparent;
        height:auto;
    }
    .ttv-home-banner-slide img.banner-img {
        height:188px;
        top:0;
        left:0;
        transform:translate(0, 0);
    }
    .ttv-home-banner-wrapper {
        max-width:100%;
    }
    .ttv-slider-arrows.previous {
        right:110px;
    }
    .ttv-slider-arrows.next {
        right:55px;
    }
    .ttv-home-banner-slide::before {
        content:none;
    }
    .ttv-home-banner-container {
        padding:30px 50px;
        position:relative;
    }
    .ttv-home-banner-wrapper h4 , .ttv-home-banner-wrapper h2 , .ttv-home-banner-wrapper p.descpera , .ttv-events-details p , .ttv-home-banner-wrapper .link-btn {
        color:#303030;
    }
    .ttv-offer-section-container{
        padding:104px 30px 111px 30px;
        flex-direction: column;
    }
    .ttv-options-slider-container , .ttv-options-slider-container ~ .ttv-options-slider-container {
        padding:30px 0px 0 0px;
    }
    .ttv-series-section-main {
        margin-top:100px;
    }
    .ttv-series-section-container {
        padding:0px 30px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .ttv-series-section-img {
        width: 425px;
        height: 250px;
        margin: -50px 0 0 0;
    }
    .ttv-series-section-wrapper {
        max-width:100%;
        margin:0;
        padding:60px 0 60px 0;
    }
    .ttv-series-section-wrapper h4 , .ttv-series-section-wrapper h2 {
        color:#FFFFFF;
    }
    .ttv-home-banner-wrapper h2 {
        margin-bottom:25px;
    }
    .ttv-series-section-main + .ttv-past-episode-section-main{
        margin-top:100px;
    }
    .ttv-meet-speakers-container{
        padding:120px 30px 55px 30px;
    }
    .meet-speakers-wrapper {
        flex-wrap: wrap;
        justify-content:center;
    }
    .meet-speakers-card {
        width: 334px;
    }
    .ttv-topic-range-section-main{
        margin-bottom:77px;
    }
    .ttv-topic-range-head {
        max-width: 687px;
    }
    .ttv-topic-range-container {
        max-width:687px;
        height: 585px;
    }
    .topic-range-box.uxd {
        width: 215px;
        height: 215px;
    }
    .topic-range-box.uxd img{
        margin: 40px auto 15px auto;
    }
    .topic-range-box.ar {
        width: 154px;
        height: 154px;
        left: 270px;
    }
    .topic-range-box.iot {
        width: 217px;
        height: 217px;
        left: 470px;
        top: -29px;
    }
    .topic-range-box.iot img {
        width: 90px;
        margin: 26px auto 23px auto;
    }
    .topic-range-box.blockchain{
        width: 151px;
        height: 151px;
        left: 222px;
        top: 406px;
    }
    .topic-range-box.vr {
        width: 148px;
        height: 148px;
        top: 270px;
    }
    .topic-range-box.vr img {
        width: 62px;
        margin: 25px auto 16px auto;
    }
    .topic-range-box.ai{
        width: 184px;
        height: 184px;
        left: 253px;
        top: 165px;
    }
    .topic-range-box.ai img {
        width:78px;
    }
    .topic-range-box.ml {
        width: 153px;
        height: 153px;
        left: 515px;
        top: 220px;
        animation-delay: 1.2s;
    }
    .topic-range-box.di {
        width: 193px;
        height: 193px;
        left: 437px;
        top: 411px;
        animation-delay: 1.3s;
    }

    .ttv-signup-modal .modal-dialog {
        max-width: 670px;
    }
    .ttv-episode-detail-comment-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .ttv-episode-detail-info-main {
        flex-direction:column;
        padding:50px 30px 53px 30px;
        margin-bottom:30px;
    }
    .ttv-episode-detail-info-left {
        width:100%;
        max-width:inherit;
        margin:0 0 30px 0;
    }
    .ttv-episode-detail-info-right {
        width:100%;
        max-width:inherit;
        padding: 0;
        background: none;
    }
    .ttv-episode-detail-info-right.affix , .ttv-episode-detail-info-right.fixedBottom{
        position:relative;
        top:0;
        right:0;
    }
    .ttv-episode-detail-info-right.affix .ttv-episode-detail-like-comment-share, .ttv-episode-detail-info-right.fixedBottom .ttv-episode-detail-like-comment-share{
        display:block;
    }
    .ttv-subscribe-main {
        margin-bottom:0;
    }
    .ttv-subscribe-main + .ttv-options-slider-container {
        padding-bottom:50px;
    }
    .ttv-episode-detail-speaker-info {
        width:100%;
        background: url(../images/episode-detail-speaker-info-bg-1.png) no-repeat, url(../images/episode-detail-speaker-info-bg-2.png) no-repeat;
        background-position: 118% -27px, -24px 112%;
        background-color: #eaeafa;
        background-size: 150px, auto;
    }
    .ttv-episode-detail-banner-main {
        margin-bottom: 0;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide.video-play-btn-container  {
        min-height:inherit;
    }
    .video-play-btn-container .ttv-home-banner-container {
        margin:0;
        max-width:100%;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:transparent;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide.video-play-btn-container .ttv-home-banner-wrapper {
        min-height:inherit;
        height:100%;
    }
    .video-play-btn-container .ttv-home-banner-container .video-play-btn {
        margin: auto;
        transform: translate(0, -50%);
        width: 50px;
        top: 50%;
        background: rgba(0, 0, 0, 0.5);
        padding: 8px;
        border-radius: 100%;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .dropdown-menu.show{
        transform:translate3d(-67%, 30.3px, 0px) !important;
    }
    .profile-tab.dropdown .dropdown-menu.show{
        transform:translate3d(-83%, 35.3px, 0px) !important;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .dropdown-menu::before, .custom-nav-item-search.dropdown .dropdown-menu::before, .custom-nav-icon.dropdown .dropdown-menu::before{
        left: 225px;
    }
    .ttv-signup-modal-right-main .ttv-field.mob-number .iti__country-list {
        max-width: 246px;
    }
    .ttv-episode-comment-section-main {
        margin:0 auto 55px auto;
    }

    .profile-head-container{
        max-width:100%;
        padding:30px 30px 0 30px;
    }
    .profile-tab.dropdown .dropdown-menu::before {
        left: 170px;
    }

    .notification-detail-wrapper {
        max-width: calc(100% - 60px);
    }

    .ttv-my-list-favourite-main {
        margin-top: 125px;
    }

    .ttv-my-list-favourite-main .ttv-my-list-events-info-main{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .ttv-my-list-favourite-main .ttv-my-list-events-info {
        margin-right:0;
        margin-bottom:10px;
    }

    .ttv-my-list-favourite-main .ttv-my-list-events-info .ttv-events-details p {
        margin:0 0 15px 0;
    }

    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide {
        width:354px;
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide .ttv-upcoming-slide-img {
        height:199px;
        overflow:hidden;
    }

    .ttv-options-slide-box {
        max-width:inherit;
    }

    .ttv-options-slider-main .ttv-slider-arrows.previous {
        right:110px;
    }

    .update-profile-detail-wrapper {
        margin:125px auto 0 auto;
    }
}
@media screen and (max-width:767px) and (min-width:320px) {
    .ttv-slider-arrows {
        display:none !important;
        position:relative !important;
        width:0px !important;
        left:0 !important;
    }
    @keyframes tvdslideDown {
        0% {
            top: -57px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes ttvMenuslideDown {
        0% {
            top:0px;
        }
        100% {
            top:55px;
        }
    }
    @keyframes main-menu-fixed {
        0%{
            top:0;
        }
        100%{
            top:-57px;
        }
    }
    @keyframes ttv-menu-fixed {
        0%{
            top:55px;
        }
        100%{
            top:0px;
        }
    }

    .home-sidenav-main, .home-sidenav-main.fixed-top{
        padding:15px 15px 10px 15px;
    }
    .home-sidenav-main.colored {
        background: #e6e6f7;
    }
    .home-sidenav-main.affix{
        background:#FFFFFF;
        padding:11px 15px 11px 15px;
    }
    .home-sidenav-main .navbar-collapse.show{
        height: calc(100vh - 67px);
    }
    /* Wellcome page */
    .ttv-hyperlink.affix .nav , .ttv-hyperlink.affix .nav#ContentPlaceHolder1_logedUser { padding: 12px 15px 8px; overflow:unset;}
    .ttv-hyperlink .nav li.ttv-nav {
        margin-right:auto;
    }
    .ttv-nav .logo { display: none; }
    .ttv-nav .logo-icon { display: block; }
    .ttv-hyperlink .nav .nav-item {
        margin:0 13px;
        position:unset;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .ttv-notification-dropdown-main {
        padding: 12px 5px 12px 5px;
    }
    .ttv-series-menu-tab {
        position: relative;
        margin: 5px;
        width: 165px;
        height: 105px;
    }
    .ttv-series-menu-tab a {
        width:100% !important;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .dropdown-menu.show{
        transform:translate3d(-50%, 40px, 0px) !important;
        overflow:unset;
    }
    .ttv-hyperlink .nav-item.nav-series-tab.ttv-menu-dropdown .dropdown-menu::before {
        left:135px;
        right:auto;
    }
    .ttv-hyperlink .profile-tab.dropdown .dropdown-menu::before {
        left: auto;
        right: 23px;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .dropdown-menu {
        width:100%;
    }
    .custom-nav-icon:last-child {
        margin-left:auto;
    }
    .ttv-hyperlink .nav .register-btn {
        margin-right: 20px;
        margin-left: auto;
    }
    .ttv-hyperlink .nav .register-btn a {
        color: #f37222;
        padding: 3px 15px 3px 15px;
        font-size: 14px;
    }
    .profile-tab.dropdown .dropdown-menu.show{
        overflow:unset;
        transform:translate3d(-90%, 35.3px, 0px) !important;
    }
    .profile-tab.dropdown .dropdown-menu::before {
        left: 185px;
    }
    .ttv-hyperlink .nav-item.ttv-menu-dropdown .dropdown-menu::before, .custom-nav-item-search.dropdown .dropdown-menu::before, .custom-nav-icon.dropdown .dropdown-menu::before{
        left:100px;
    }
    .ttv-welcome-banner-main { padding: 180px 20px 0; height:425px; }
    .ttv-welcome-banner-main h3 { font-size: 30px; margin-bottom: 5px; }
    .ttv-welcome-banner-main p { font-size: 18px; }
    .ttv-welcome-banner-options-main { margin-top: 30px; }
    .ttv-welcome-banner-options-main .ttv-get-started-btn { height: 45px; padding: 11px 0; margin-bottom:15px; }
    .ttv-welcome-banner-options-main .ttv-get-started-btn + .switch-login {
        margin-bottom:0;
    }
    .ttv-welcome-banner-options-main .ttv-btn-link + p { font-size: 16px; width: 295px; }
    .ttv-welcome-banner-img img { transform: translate(-45%, -50%); }
    .ttv-btn-link { font-size: 16px; margin-bottom: 10px; }
    .ttv-welcome-banner-main p a { display: table; margin: auto; }
    #modalLogIn .ttv-btn-link { margin-bottom: 40px; }
    .ttv-offer-section-container { flex-direction: column; padding: 50px 0; text-align: center; }
    .ttv-offer-section-info { max-width: unset; width: 100%; margin-bottom: 40px; padding: 0 18px; }
    .ttv-offer-section-info h3 { font-size: 18px; margin-bottom:28px; padding-bottom: 17px;line-height:24px; }
    .ttv-offer-section-info h3::before { left: 0; right: 0; margin: 0 auto; }
    .ttv-offer-section-info p { font-size: 14px; text-align: center; line-height: 20px; font-family:openSans-regular; }
    .ttv-offer-section-fig { width: 360px; margin: 0 auto; background-position: 0px 69px, 100% 50px, 119px 236px; background-size: 93px, 158px, 133px; }
    .ttv-offer-fig-1 { left: auto; right: 56px; width: 200px }
    .ttv-offer-fig-2 { left: 37px; top: 115px; width: 134px }
    .ttv-offer-fig-3 { top: 175px; left: auto; right: 37px; width: 133px }
    .ttv-offer-fig-1 img, .ttv-offer-fig-2 img, .ttv-offer-fig-3 img { width: 100%; }
    .ttv-checkout-btn { margin-top: 40px; }
    .ttv-uxp-on-tv-section-container { max-width: unset; padding: 50px 0; flex-direction: column; }
    .ttv-uxp-on-tv-section-info { order: 1; margin-bottom: 50px; padding: 0 25px }
    .ttv-uxp-on-tv-section-info h3 { font-size: 24px; text-align: center; }
    .ttv-uxp-on-tv-section-info h3::before { left: 0; right: 0; margin: 0 auto; }
    .ttv-uxp-on-tv-section-info p { font-size: 18px; text-align: center; line-height: 23px; }
    .ttv-uxp-on-tv-section-fig { width: 330px; order: 2; margin: 0 auto; height: 300px; background-size: 82px, 60px; background-position: 72px 93px, 201px 145px; }
    .ttv-uxp-on-tv-fig-1, .ttv-uxp-on-tv-fig-2, .ttv-uxp-on-tv-fig-3, .ttv-uxp-on-tv-fig-4, .ttv-uxp-on-tv-fig-5, .ttv-uxp-on-tv-fig-6 { font-size: 14px; background-size: cover; }
    .ttv-uxp-on-tv-fig-1 { width: 116px; height: 101px; left: 45px; }
    .ttv-uxp-on-tv-fig-1 p { margin-top: 40px; }
    .ttv-uxp-on-tv-fig-2 { width: 100px; height: 86px; left: 194px; top: 11px; }
    .ttv-uxp-on-tv-fig-2 p { margin-top: 21px; margin-left: 8px; }
    .ttv-uxp-on-tv-fig-3 { width: 88px; height: 102px; left: 240px; top: 125px; }
    .ttv-uxp-on-tv-fig-3 p { margin-top: 35px; margin-left: 15px; max-width: 60px; }
    .ttv-uxp-on-tv-fig-4 { width: 137px; height: 82px; top: 218px; left: 120px; }
    .ttv-uxp-on-tv-fig-4 p { margin-top: 25px; margin-left: 20px; }
    .ttv-uxp-on-tv-fig-5 { font-size: 14px; width: 130px; height: 123px; top: 135px; }
    .ttv-uxp-on-tv-fig-5 p { margin-top: 44px; margin-left: 12px; }
    .ttv-uxp-on-tv-fig-6 { width: 142px; height: 97px; top: 100px; left: 100px; }
    .ttv-uxp-on-tv-fig-6 p { margin-top: 30px; margin-left: 20px; }
    .ttv-tune-in-section-container { max-width: unset; padding: 50px 25px; flex-direction: column; text-align: center; }
    .ttv-tune-in-section-info { max-width: unset; margin-right: 0; margin-bottom: 50px }
    .ttv-tune-in-section-info h3 { font-size: 24px; }
    .ttv-tune-in-section-info h3::before { left: 0; right: 0; margin: 0 auto; }
    .ttv-tune-in-section-info p { font-size: 18px; text-align: center; line-height: 23px; }
    .ttv-tune-in-section-fig { width: 100% }
    .ttv-tune-in-section-fig img { margin: 0 auto }
    .ttv-testimonial-section-container { max-width: unset; padding: 50px 15px 0; flex-direction: column; text-align: center; }
    .ttv-testimonial-section-head h3 { font-size: 24px; position: relative; padding: 0 10px 12px }
    .ttv-testimonial-section-head h3::before { content: ''; position: absolute; left: 0; bottom: 0; width: 180px; height: 2px; background: #f56f54; right: 0; margin: 0 auto; }
    .ttv-testimonial-main-wrapper { width: 100%; margin: 0 auto; max-width: unset; background-size: 70px, 45px; background-position: 100% 40px, 30px calc(100% - 30px); }
    .ttv-testimonial-box { padding: 40px 15px 80px; }
    .ttv-testimonial-box::before { left: 25px; top: -8px; width: 22px; height: 15px; background-size: contain; }
    .ttv-testimonial-box::after { width: 23px; height: 15px; background-size: cover; }
    .ttv-testimonial-box .slick-dots { bottom: 35px }
    .ttv-testimonial-box .slick-dots li { width: 15px; height: 3px }
    .ttv-testimonial-slide { padding: 0 }
    .ttv-testimonial-slide p { font-size: 18px; line-height: 23px; }
    .ttv-testimonial-name { flex-direction: column; }
    .ttv-testimonial-name span { width: 30px; line-height: 30px; height: 30px; font-size: 14px; margin-right: 0; margin-bottom: 10px; }
    .ttv-testimonial-name small { font-size: 14px; }
    .ttv-subscription-section-main { max-width: unset; margin: auto; padding: 50px 25px; text-align: center; }
    .ttv-subscription-section-main h3 { font-size: 24px; width: 70%; margin: 0 auto 15px; }
    .ttv-subscription-section-main h4 { font-size: 14px; }
    .ttv-subscription-section-main h2 { font-size: 30px; line-height: initial; }
    .ttv-subscription-section-main hr { margin: 25px auto 25px auto; }

    .ttv-home-banner-main{
        height:auto;
        margin:105px auto 0 auto;
        max-height:inherit;
    }
    .ttv-home-banner-slide {
        height: auto;
        min-height:247px;
        background:none;
    }
    .ttv-home-banner-wrapper .common-btn {
        padding:8.5px 19.12px;
        margin-right:15px;
    }
    .ttv-home-banner-wrapper .common-btn.add-to-list {
        margin-bottom:20px;
    }
    .ttv-home-banner-slide::before {
        content:none;
    }
    .ttv-home-banner-slide img.banner-img {
        max-height: inherit;
        top:0;
        left:0;
        transform:translate(0, 0);
        max-width:100%;
    }
    .ttv-home-banner-container {
        top: auto;
        bottom: 0px;
        align-items:flex-end;
        padding:15px 30px 20px 15px;
        background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(68,51,40,1) 100%);
        background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(68,51,40,1) 100%);
        background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(68,51,40,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#443328',GradientType=0 );
    }
    .ttv-home-banner-wrapper {
        max-width: 100%;
        width: 100%;
        display:flex;
        align-items:flex-end;
    }
    .ttv-home-banner-info-main {
        flex:1;
        margin-right:50px;
    }
    .ttv-home-banner-wrapper .play-btn {
        margin:0;
    }
    .ttv-home-banner-wrapper h4 {
        line-height: 20px;
        margin-bottom:0;
        font-size: 14px;
        margin-right:5px;
    }
    .streaming-strip {
        margin:0 5px 0 0;
    }
    .streaming-strip img {
        margin-right: 5px;
        max-width: 15px;
    }
    .streaming-strip p{
        font-size:12px;
    }
    .ttv-home-banner-wrapper .streaming-strip::before {
        content:none;
    }
    .ttv-home-banner-wrapper h2 {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 10px !important;
        line-height: inherit;
    }
    .ttv-home-banner-wrapper h2 ~ span {
        display:inline-block;
        font-size: 14px;
        padding:3.1px 18.2px;
        margin-bottom:10px;
        background:rgba(204, 204, 204, 0.5);
        color:#666666;
    }
    .ttv-home-banner-wrapper .ttv-events-details {
        display:none;
        margin-top:28px;
        margin-bottom:27px;
        flex-direction: column;
    }
    .ttv-events-details p {
        margin:0;
    }
    .ttv-home-banner-wrapper p.descpera , .ttv-home-banner-wrapper .link-btn {
        display:none;
    }
    .ttv-home-banner-wrapper .ttv-speaker-info {
        margin-bottom:40px;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide.video-play-btn-container  {
        min-height:inherit;
    }
    .video-play-btn-container .ttv-home-banner-container {
        margin:0;
        max-width:100%;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide.video-play-btn-container .ttv-home-banner-wrapper {
        min-height:inherit;
        height:100%;
    }
    .video-play-btn-container .ttv-home-banner-container .video-play-btn {
        transform:translate(0, 0%);
        width:60px;
    }
    .ttv-options-slider-container h2 {
        font-size:18px;
        font-family: openSans-semi-bold;
        margin:0 15px;
    }
    .ttv-options-slider-main {
        padding-bottom:0px;
        margin-bottom:0px;
    }
    .ttv-options-slider-main .slick-list.draggable{
        padding:20px 7px 20px 7px;
    }
    .ttv-upcoming-slide-img {
        height:155px;
    }
    .ttv-series-like-section-main:last-child {
        margin-bottom:50px;
        margin-top:0;
    }
    .ttv-series-like-section-main:first-child , .ttv-series-like-section-main.d-none + .ttv-series-like-section-main {
        margin-top:127px;
    }
    .ttv-series-like-wrapper .ttv-series-like-slide .ttv-upcoming-slide-img {
        height: 240px;
    }
    .ttv-upcoming-slide-info , .ttv-options-slide-box:hover .ttv-upcoming-slide-info {
        padding: 20px 15px 17px 15px;
    }
    .series-main-wrapper .ttv-upcoming-slide-info {
        padding:30px 15px 17px 15px;
    }
    .ttv-upcoming-slide-info h4 {
        font-size:14px;
        line-height:20px;
    }
    .ttv-upcoming-slide-info h2 {
        font-size:15px;
        margin:0;
    }
    .ttv-options-slide-box:hover {
        transform: scale(1);
    }
    .ttv-options-slide-box:hover .ttv-options-slide-menu-main {
        display:none;
    }
    .ttv-options-slide-box .play-btn {
        display: block;
        width: 57px;
        top: 127px;
        right: 10px;
    }
    .ttv-options-slide-box:hover .play-btn {
        transform: scale(1);
    }
    .ttv-slider-arrows.previous {
        top: auto;
        bottom: 0;
        left: calc(100% - 105px);
        right: auto;
    }
    .ttv-slider-arrows.next {
        top:auto;
        bottom:0;
        right: 20px !important;
    }
    .ttv-home-banner-main .ttv-slider-arrows {
        bottom:5px;
    }
    .ttv-options-slider-main .ttv-slider-arrows.previous, .meet-speakers-wrapper .ttv-slider-arrows.previous {
        left: calc(50% - 43px);
        right: auto;
    }
    .ttv-options-slider-main .ttv-slider-arrows.next, .meet-speakers-wrapper .ttv-slider-arrows.next {
        right: calc(50% - 43px) !important;
        left: auto;
    }
    .ttv-offer-section-container{
        padding:40px 0 40px 0;
        flex-direction: column;
    }
    .ttv-series-section-main-wrapper {
        margin-top: 40px;
    }
    .ttv-series-section-main-wrapper .ttv-series-section-header h3 {
        margin-bottom: 110px;
        font-size: 18px;
        line-height:24px;
        font-family: openSans-bold;
    }
    .ttv-series-section-main {
        background: #275091 url(../images/series-section-bg.png) no-repeat;
        background-position: calc(100% + 85px) 37px;
        background-size: auto 120px;
    }
    .ttv-series-section-container {
        padding:0px 30px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .ttv-series-section-img {
        width: 100%;
        height: 233px;
        margin: -85px 0 0 0;
    }
    .ttv-series-section-wrapper {
        max-width:100%;
        margin:0;
        padding:30px 0 10px 0;
        position:relative;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper {
        text-align:center;
        padding:30px 15px 30px 15px;
        align-items:center;
    }
    .ttv-series-section-wrapper .hastags-main {
        justify-content:center;
    }
    .ttv-series-section-wrapper .hastags-main span {
        margin:5px 15px;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper h4 {
        font-size:18px;
        line-height:24px;
        margin-bottom:12px;
        margin-right:0;
        color:#FFFFFF;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper h2 {
        font-size:20px;
        margin:0 !important;
        color:#FFFFFF;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper h2 ~ span {
        padding: 0;
        background: transparent;
        margin: 0 6.5px;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper .ttv-events-details {
        margin-top:34px;
        align-items: center;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper .ttv-events-details p {
        margin:0 0 25px 0;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper .ttv-speaker-info {
        justify-content:center;
        margin-bottom:25px;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper .ttv-speaker-info .ttv-speaker-info-img img {
        width:49px !important;
    }
    .ttv-series-section-main .ttv-home-banner-wrapper .ttv-speaker-info .ttv-speaker-info-name small {
        display:block;
        text-align:left;
    }
    .ttv-series-section-main .ttv-series-section-wrapper .ttv-series-actions-wrapper {
        justify-content:center;
        flex-wrap:wrap;
    }
    .ttv-series-section-wrapper .ttv-series-section-btn-main{
        margin-top:37px;
        justify-content:center;
    }
    .ttv-series-section-wrapper .ttv-series-section-btn-main a.play-btn {
        margin-right:30px;
    }
    .ttv-home-banner-wrapper .ttv-series-actions-wrapper .ttv-add-icon-btn , .ttv-home-banner-wrapper .ttv-series-actions-wrapper .ttv-share-icon-btn {
        margin-bottom:20px;
    }
    .ttv-series-section-wrapper .ttv-series-actions-wrapper .share-options-main {
        margin-bottom:20px;
    }
    .ttv-series-section-wrapper .ttv-series-actions-wrapper .share-options-main ul li:last-child {
        margin-bottom:0px;
    }
    .ttv-series-section-main + .ttv-past-episode-section-main{
        margin-top:0;
        padding:45px 0 30px 0;
    }
    .ttv-past-episode-container{
        padding: 0;
        flex-direction: column;
        background:url('../images/past-episode-bg-2.png') no-repeat;
        background-position:140% 20px;
    }
    .ttv-past-episode-head{
        margin: 0 auto 0 auto;
        max-width: 80%;
        text-align: center;
    }
    .ttv-past-episode-head h3 {
        font-size:30px;
    }
    .ttv-past-episode-head h3::before {
        left:0;
        right:0;
        margin:auto;
    }
    .ttv-past-episode-slider-main {
        padding:49px 15px 56px 15px;
        background:transparent;
    }
    .ttv-past-episode-slider-main .slick-track {
        min-height: 250px;
    }
    .ttv-past-episode-slider-main .ttv-upcoming-slide .ttv-upcoming-episode-info , .ttv-past-episode-slider-main .ttv-upcoming-slide:hover .ttv-upcoming-episode-info {
        margin-top: 7px;
    }
    .ttv-past-episode-slider-main .ttv-upcoming-slide , .ttv-past-episode-slider-main .ttv-upcoming-slide:hover {
        height:250px;
    }
    .ttv-upcoming-episode-info .ttv-speaker-info {
        display:flex;
    }
    .ttv-past-episode-slider-main .ttv-upcoming-slide .ttv-upcoming-slide-date-time {
        display:block;
    }
    .ttv-meet-speakers-section-main {
        margin-bottom:40px;
    }
    .ttv-meet-speakers-container{
        padding:50px 15px 0 15px;
    }
    .ttv-meet-speakers-container h3 {
        font-family:openSans-semi-bold;
        font-size:18px;
        line-height:24px;
        text-align:center;
        margin-bottom:15px;
    }
    .meet-speakers-wrapper {
        flex-wrap: wrap;
        justify-content:center;
        padding-bottom:50px;
    }
    .meet-speakers-card {
        width: 100%;
        padding:20px 15px;
    }
    .meet-speakers-card:last-child {
        width:100%;
    }
    .meet-speakers-episode-detail {
        padding-top:18px;
    }
    .meet-speakers-episode-name p {
        font-size:10.5px;
        margin-bottom:5px;
    }
    .meet-speakers-episode-name span {
        font-size:12px;
    }
    .ttv-topic-range-section-main{
        margin-bottom:0;
        padding:0;
        display:none;
    }
    .ttv-topic-range-head {
        max-width:185px;
        margin:0 auto 17px auto;
    }
    .ttv-topic-range-head h3 {
        font-size:18px;
        text-align:center;
        padding-bottom:15px;
    }
    .ttv-topic-range-container {
        height:auto;
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
        padding: 50px 13px;
    }
    .ttv-topic-range-container .topic-range-box {
        position:relative;
        left:unset !important;
        top:unset !important;
        width:133px;
        height:133px;
        margin:17px;
        padding:0 20px;
    }
    .topic-range-box.uxd {
        padding:0;
    }
    .topic-range-box.uxd img {
        width:48px;
        margin:30px auto 8px auto;
    }
    .topic-range-box.uxd p {
        font-size:12.5px;
    }
    .topic-range-box.ar img {
        width: 54px;
        margin: 18px auto 8px auto;
    }
    .topic-range-box.ar p {
        font-size:14px;
    }
    .topic-range-box.iot img {
        width: 60px;
        margin: 23px auto 9px auto;
    }
    .topic-range-box.iot p {
        font-size:14px;
    }
    .topic-range-box.blockchain img {
        width: 59px;
        margin: 17px auto 4px auto;
    }
    .topic-range-box.blockchain p {
        font-size:15px;
    }
    .topic-range-box.vr {
        padding:0 30px;
    }
    .topic-range-box.vr img {
        width: 65px;
        margin: 25px auto 10px auto;
    }
    .topic-range-box.vr p {
        font-size:15.5px;
    }
    .topic-range-box.ai img {
        width: 70px;
        margin: 16px auto 2px auto;
    }
    .topic-range-box.ai p {
        font-size:12.5px;
    }
    .topic-range-box.ml img {
        width: 65px;
        margin: 14px auto 5px auto;
    }
    .topic-range-box.ml p {
        font-size:16px;
    }
    .topic-range-box.di img {
        width: 60px;
        margin: 20px auto 6px auto;
    }
    .topic-range-box.di p {
        font-size:14px;
    }
    .ttv-series-like-container {
        padding:40px 15px 22px 15px;
    }
    .ttv-series-like-container h3 {
        color: #303030;
        font-size: 22px;
        font-family: openSans-semi-bold;
        margin-bottom: 30px;
    }
    .ttv-series-like-wrapper {
        padding-bottom:52px;
    }
    .ttv-series-like-wrapper .ttv-upcoming-slide {
        height:252px;
    }
    .ttv-series-like-wrapper .ttv-slider-arrows.previous, .ttv-series-like-wrapper .ttv-slider-arrows.next{
        top: auto !important;
        bottom: 0px;
    }
    .ttv-series-like-wrapper .ttv-slider-arrows.next{
        right: calc(50% - 43px) !important;
        left: auto;
    }
    .ttv-series-like-wrapper .ttv-slider-arrows.previous {
        left: calc(50% - 43px);
        right: auto;
    }
    .ttv-signup-modal .modal-dialog {
        margin:0;
        width:100%;
        height:100%;
    }
    .ttv-signup-modal .modal-content {
        width:100%;
        height:100%;
        border-radius:0px;
    }
    .ttv-signup-modal .modal-body {
        max-height:100vh;
        overflow:auto;
    }
    .ttv-signup-modal .close {
        display:block;
        position: absolute;
        width: 20px;
        height: 20px;
        opacity: 1 !important;
        border-radius: 100%;
        right: 20px;
        top: 20px;
        outline: none;
    }
    .ttv-signup-modal .close::before , .ttv-signup-modal .close::after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 4px;
        background: #FFFFFF;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }
    .ttv-signup-modal .close.animated::before {
        animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
    }
    .ttv-signup-modal .close.animated::after {
        animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
    }
    .ttv-signup-modal-main{
        flex-direction:column;
        min-height:100%;
    }
    .ttv-signup-modal-left-main {
        width:100%;
        max-width:inherit;
        padding:25px 20px 60px 20px;
        background:url('../images/login-pop-bg-2.svg') no-repeat, url('../images/login-pop-bg-3.svg') no-repeat, url('../images/login-pop-bg-4-2.png') no-repeat, url('../images/login-pop-bg-5.svg') no-repeat, url('../images/login-pop-bg-6.svg') no-repeat;
        background-color: #3e6baa;
        background-position:calc(100% - 40px) 32px, calc(0% - 100px) -80px, calc(100% - 0px) 130px, calc(100% - -10px) 164px, 335px 387px;
        background-size:40px, 315px, auto, 60px, auto;
    }
    .ttv-signup-modal.large .ttv-signup-modal-left-main {
        padding:25px 20px 60px 20px;
    }
    .ttv-signup-modal-left-main p.switch-login {
        display:none;
    }
    .ttv-signup-modal-main .ttv-logo {
        margin:0 auto 20px auto;
    }
    .ttv-signup-modal-left-main h3 {
        font-size: 24px;
    }
    .ttv-signup-modal-left-main p {
        font-size: 15px;
    }
    .ttv-signup-modal-info {
        margin:0 auto !important;
    }
    .ttv-signup-modal-right-main {
        width:calc(100% - 30px);
        margin:-38px auto 0 auto;
        border-radius:10px 10px 0 0;
        background:#FFFFFF;
        box-shadow: 0 0 18.9px 2.1px rgba(196, 196, 196, 0.26);
        min-height:calc(100vh - 203px);
        justify-content: flex-start;
        padding:37px 25px 15px 25px;
    }
    .ttv-signup-modal-main .ttv-signup-modal-right-main {
        transform:scale(0);
    }
    .ttv-signup-modal-main.animated .ttv-signup-modal-right-main {
        animation: 0.5s LogInPopAnimated forwards;
    } 
    @keyframes LogInPopAnimated {
        0%{
            transform:scale(0);
        }
        100% {
            transform:scale(1);
        }
    }
    .ttv-signup-modal.large .ttv-signup-modal-right-main {
        padding: 20px 0px 15px 0px;
    }
    .ttv-signup-modal-right-main h3 {
        margin-bottom:30px;
        font-size:22px;
    }
    .ttv-signup-modal-right-main .ttv-welcome-banner-options-main p {
        font-size:15px;
    }
    .ttv-signup-modal-right-main .ttv-welcome-banner-options-main p + span {
        margin-bottom: 15px;
    }
    .ttv-signup-modal-right-main .ttv-welcome-banner-options-main {
        height:100%;
    }
    #modalSignUp .ttv-signup-modal-right-main h3 {
        margin-bottom:10px;
    }
    .ttv-signup-modal-right-main .ttv-welcome-banner-options {
        max-height: calc(100vh - 395px);
        overflow: auto;
    }
    .ttv-signup-modal-right-main .ttv-welcome-banner-options-main .ttv-welcome-banner-options input + label{
        margin:0 5px 15px 5px;
    }
    .tvd-angular-field.ttv-field {
        margin-bottom:15px;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide {
        padding-bottom:0;
        min-height:355px;
    }
    .ttv-episode-detail-banner-main .ttv-home-banner-slide .ttv-home-banner-wrapper {
        min-height:calc(355px - 50px);
    }
    .video-play-btn {
        position:relative;
        display:table;
        margin-top:50%;
        margin-left:50%;
        top:0;
    }
    .ttv-episode-detail-comment-row {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom:10px;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper .live-streaming{
        margin-bottom:0;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper {
        margin: 0;
        width: 100%;
        display:block;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper h4 {
        font-size:16px;
        line-height:20px;
        max-width: 85%;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper h2 {
        margin-top: 5px !important;
        font-size:20px;
        margin-bottom:5px;
        line-height:24px;
    }
    .ttv-episode-detail-comment-row .ttv-home-banner-wrapper h2 ~ span.views{
        margin:0;
    }
    .ttv-speaker-info-footer {
        padding:0;
        margin-top:30px;
    }
    .ttv-episode-detail-like-comment-share {
        flex-wrap:wrap;
        margin:0 0 30px 0;
    }
    .ttv-episode-detail-views {
        padding-right: 15px;
        margin-right: 12px;
        align-items:flex-start;
    }
    .ttv-episode-detail-views:first-child img {
        margin-top:3px;
    }
    .ttv-episode-comment-info .reply-btn{
        font-size:14px;
    }
    .ttv-episode-detail-comment{
        margin-right:0;
    }
    .ttv-episode-detail-like-comment-share .ttv-episode-detail-share ul li {
        margin-right:15px;
    }
    .ttv-episode-detail-info-main {
        flex-direction:column;
        padding:35px 15px;
        margin-bottom:0;
    }
    .ttv-episode-detail-info-left {
        width:100%;
        max-width:inherit;
        margin:40px 0 0 0;
        order:2;
    }
    .ttv-episode-detail-share + .ttv-episode-detail-overview {
        margin-top:40px;
    }
    .ttv-episode-detail-overview h3, .ttv-episode-detail-overview h3 span {
        font-family:openSans-bold;
        font-size:30px;
        margin-bottom:15px;
    }
    .ttv-episode-detail-overview p, .ttv-episode-detail-overview p strong {
        font-size:16px;
        line-height:20px;
        margin-bottom: 20px;
    }
    .ttv-episode-detail-overview p strong {
        font-family:openSans-regular;
        color:#303030;
    }
    .ttv-episode-detail-overview h3 ~ h3 {
        margin-top: 42px;
    }
    .ttv-episode-detail-info-right {
        width:100%;
        max-width:inherit;
        padding: 0;
        background: none;
        order:1;
        align-items:flex-start;
    }
    .ttv-episode-detail-info-right.affix , .ttv-episode-detail-info-right.fixedBottom{
        position:relative;
        top:0;
        right:0;
    }
    .ttv-episode-detail-info-right.affix .ttv-episode-detail-like-comment-share, .ttv-episode-detail-info-right.fixedBottom .ttv-episode-detail-like-comment-share{
        display:block;
    }
    .ttv-episode-detail-speaker-info {
        width:100%;
        background-color: #eaeafa;
        background-size: auto, auto;
        padding:25px 10px 20px 20px;
    }
    .ttv-episode-detail-speaker-info h3 {
        font-family: openSans-regular;
        font-size: 20px;
        line-height:24px;
        margin-bottom:20px;
    }
    .ttv-episode-detail-speaker-info-wrapper {
        display:flex;
        align-items:flex-start;
        margin:10px auto 0 auto;
        justify-content:center;
    }
    .ttv-episode-detail-speaker-info-wrapper img {
        width:55px;
        height:55px;
        margin:0 15px 0 0;
    }
    .ttv-episode-detail-speaker-info h4 {
        text-align:left;
        font-size:18px;
        line-height:24px;
    }
    .ttv-episode-detail-speaker-info small {
        margin:1px 0 0 0;
        text-align:left;
    }
    .ttv-episode-detail-speaker-info p {
        display:none;
    }
    .ttv-speaker-info-footer p {
        display:block;
    }
    .ttv-episode-detail-speaker-info .common-btn {
        margin-top:30px;
    }
    .ttv-speaker-info-footer p {
        font-size:14px;
    }
    .ttv-episode-comment-section-main{
        margin:0px auto 0 auto;
    }
    .ttv-episode-comment-section-field .ttv-episode-comment-box-main, .ttv-episode-comment-section-field .ttv-episode-comment-box-main.focused {
        padding:30px 20px 30px 20px;
    }
    .ttv-episode-comment-box-main .ttv-episode-comment-img {
        width: 42px;
        height: 42px;
        margin-right:15px;
    }
    .ttv-episode-comment-box .ttv-episode-comment-img{
        width:42px;
        height:42px;
    }
    .ttv-episode-comment-box .ttv-episode-detail-like {
        margin-right:0;
    }
    .ttv-episode-comment-btns .cancel-btn {
        margin-right:10px;
    }
    .ttv-episode-comment-btns .common-btn {
        padding: 8px 0;
        width: 100px;
    }
    .ttv-episode-comment-box-main .ttv-episode-comment-box-main .ttv-episode-comment-btns .common-btn {
        width:83px;
    }
    .ttv-episode-comment-info span {
        margin-right:10px;
    }
    .ttv-episode-comment-box-main .ttv-episode-comment-img span {
        text-align: center;
        display: block;
        line-height: 45px;
        font-family: openSans-semi-bold;
        font-size: 14px;
    }
    .ttv-episode-detail-info-main + .ttv-options-slider-container {
        margin-bottom:30px;
    }
    .ttv-episode-comment-section-field ~ .ttv-episode-comment-box-main {
        padding:15px 0;
    }
    .ttv-episode-comment-box {
        overflow:hidden;
        margin:0;
    }
    .ttv-upcoming-episode-main ~ .ttv-upcoming-episode-main .ttv-upcoming-episode-container {
        padding:46px 0px 32px 0px;
    }
    .ttv-episode-detail-info-main ~ .ttv-upcoming-episode-main .ttv-upcoming-episode-container {
        padding:50px 0 30px 0;
    }
    .ttv-subscribe-main {
        padding: 40px;
        background-position: -3% -5%, -3% -5%, 105% calc(100% + 32px);
        background-size: 12%, 20%, 27%;
    }
    .ttv-subscribe-container h3{
        font-size:24px;
        line-height:30px;
        margin-bottom:5px;
    }
    .ttv-subscribe-container p {
        font-size:14px;
        line-height:20px;
        max-width:80%;
        margin-bottom:13px;
    }
    .profile-head-main{
        margin-top:105px;
    }
    .profile-head-user-info-main .profile-head-user-img{
        width:50px;
        height:50px;
    }
    .profile-head-user-info-main .profile-head-user-info h3{
        font-size:20px;
    }
    .profile-head-nav-main ul li a{
        padding: 7px 10px 3px 10px;
        font-size: 16px;
    }
    .update-profile-detail-wrapper{
        max-width: calc(100% - 30px);
        margin: 105px auto 0 auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .update-profile-detail-wrapper h3{
        font-size:22px;
        margin-bottom: 75px;
    }
    .update-profile-detail-box{
        padding:0px 30px 60px 30px;
    }
    .update-profile-head{
        margin-bottom:50px;
    }
    .update-profile-head p{
        font-size:19px;
    }
    .update-profile-form .ttv-field{
        margin-bottom:30px;
    }
    .update-profile-detail-box .submit-btn-main {
        margin-top: 25px;
    }

    .profile-tab.dropdown .dropdown-menu {
        width: 250px;
    }
    .profile-tab .ttv-notification-dropdown-main {
        padding: 20px 20px 10px 20px;
    }
    .profile-tab.dropdown .profile-user-info-main {
        padding-bottom:18px;
    }
    .profile-tab.dropdown .profile-user-info-main .profile-user-img {
        width:60px;
    }
    .profile-user-info{
        flex:1;
    }
    .profile-tab.dropdown .profile-user-info-main .profile-user-info h3{
        font-size:16px;
    }
    .profile-tab.dropdown .profile-user-info-main .profile-user-info p{
        font-size:14px;
    }
    .profile-tab.dropdown .profile-user-info-main .profile-user-info .common-btn {
        margin-top:10px;
    }
    .profile-tab .dropdown-menu ul li a {
        font-size:14px;
    }

    .notification-detail-wrapper h3{
        margin-bottom:45px;
        font-size: 20px;
    }
    .notification-detail-wrapper .update-profile-detail-box{
        padding:10px 20px 40px 20px;
    }
    .update-profile-notification-group{
        padding-top:10px;
    }
    .update-profile-notification-head{
        margin-bottom: 10px;
        margin-top: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .update-profile-notification-head h3{
        margin-bottom:15px;
        font-size:20px;
    }
    .update-profile-notification-head span{
        margin-left:auto;
        font-size: 16px;
    }
    .update-profile-notification-row{
        padding:10px 0;
    }
    .update-profile-notification-row p {
        font-size:16px;
    }
    .notification-input-group .custom-radio {
        margin-right:15px;
    }

    .ttv-series-banner-main .ttv-home-banner-container {
        margin-top: 0;
        position: absolute;
        top: 0;
    }
    .ttv-series-banner-main p.pera {
        display:none;
    }
    .ttv-series-banner-main .ttv-home-banner-wrapper {
        max-width:100%;
        display:block;
    }
    .ttv-series-banner-main .ttv-speaker-info-wrapper {
        flex-wrap:wrap;
    }
    .ttv-series-banner-main .ttv-home-banner-wrapper h2 {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 15px !important;
        line-height: inherit;
    }
    .ttv-series-banner-main .ttv-home-banner-wrapper .ttv-events-details {
        margin-top: 12px;
        margin-bottom: 12px;
        flex-direction: column;
        display:flex;
    }
    .ttv-series-banner-main .ttv-speaker-info-wrapper .ttv-speaker-info {
        margin-right:10px;
        margin-bottom:10px;
    }
    .ttv-series-banner-main .ttv-speaker-info .ttv-speaker-info-img {
        margin-right:10px;
    }
    .ttv-speaker-info-name p {
        font-size:16px;
        color:#303030;
    }
    .ttv-speaker-info-name small {
        font-family:openSans-light;
        margin-bottom:0;
        color:#303030;
    }
    .ttv-my-list-upcoming-main .ttv-my-list-container {
        padding-bottom:0;
    }
    .ttv-my-list-events {
        flex-direction:column;
        margin-bottom:50px;
    }
    .ttv-my-list-event-img{
        width:100%;
        margin:0 0 30px 0;
    }
    .ttv-my-list-events-info-main {
        width:100%;
    }
    .ttv-my-list-favourite-main .ttv-my-list-event-img {
        width:100%;
        height:195px;
    }
    .ttv-my-list-favourite-main .ttv-my-list-events-info-main {
        flex-direction:column;
        padding:0 20px 20px 20px;
        align-items:flex-start;
    }
    .ttv-my-list-favourite-main .ttv-my-list-events-info {
        margin:0 0 20px 0;
    }
    .ttv-my-list-events-info p.destitle {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main {
        width:100%;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main .common-btn-outline {
        padding: 7px 26px 6px 26px;
        margin-right: 20px;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main .icon-btn {
        margin-right:20px;
        width: 34px;
    }
    .ttv-my-list-favourite-main {
        margin-top:105px;
    }
    .more-speakers-tooltip{
        width: calc(100% + 40px);
        left: 0;
        bottom: 60px;
    }

    .more-speakers-tooltip::before{
        bottom:-5px;
        left:105px;
    }

    .more-speakers-tooltip-wrapper {
        padding: 15px;
        max-height: inherit;
        overflow: auto;
        max-width: 100%;
        display: flex;
    }

    .more-speakers-tooltip-wrapper .ttv-speaker-info {
        margin-bottom:0px !important;
        margin-right: 20px !important;
    }

    .more-speakers-tooltip-wrapper .ttv-speaker-info:last-child {
        padding-right:15px;
    }

    .more-speakers-tooltip-wrapper .ttv-speaker-info .ttv-speaker-info-name {
        width:max-content;
    }

    .video-iframe {
        height: 220px;
        margin-top: 105px;
    }

    .video-iframe p iframe {
        height:100%;
    }

    .ttv-banner-iframe-share-main {
        position:relative;
    }

    .video-share-options{
        position: absolute;
        right: 0px;
        top: auto;
        display: flex;
        bottom: -65px;
        align-items:center;
        justify-content:flex-end;
        flex-direction:column;
        width:60px;
    }

    .series-share-main .video-share-options {
        bottom: -50px;
    }

    .ttv-episode-detail-share ul {
        justify-content: space-around;
        height:0px;
        padding:10px;
        overflow:hidden;
        -webkit-transition:0.3s;
        -moz-transition:0.3s;
        -o-transition:0.3s;
        transition:0.3s;
    }

    .video-share-options ul li {
        width:40px;
        height:40px;
        margin:5px 0;
    }

    .video-share-options ul li img {
        width:73%;
    }

    .video-share-options .share-btn , .addto-fav-btn {
        width:40px;
        height:40px;
        overflow:hidden;
        display:block;
        border-radius:100%;
        box-shadow: 0 0 18.9px 2.1px rgba(196, 196, 196, 0.26);
        transform:rotate(0deg);
        transform-origin:center;
        -webkit-transition:0.3s;
        -moz-transition:0.3s;
        -o-transition:0.3s;
        transition:0.3s;
    }

    .addto-fav-btn {
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 10px;
        left: 15px;
        z-index: 2;
    }

    .video-share-options .share-btn img.close-img {
        display:none;
    }

    .ttv-episode-detail-share.open ul {
        height:220px;
    }

    .video-share-options.open .share-btn {
        transform:rotate(180deg);
    }

    .video-share-options.open .share-btn img.share-img {
        display:none;
    }

    .video-share-options.open .share-btn img.close-img {
        display:block;
    }

    .series-main-wrapper {
        background:none;
        padding-bottom:0;
    }
    .ttv-options-slider-container {
        padding:20px 0 0 0;
    }
    .ttv-options-slider-container ~ .ttv-options-slider-container {
        padding:15px 0 0 0;
    }
    .series-main-wrapper .nav-tabs .nav-item a {
        padding:10px 0 17px 0;
        margin-right:35px;
        font-family:openSans-semi-bold;
        font-size:22px;
    }
    .series-main-wrapper .nav-tabs .nav-item a span {
        font-family:openSans-regular;
        font-size:14px;
        margin-top:6px;
    }
    .series-main-wrapper .nav-tabs .nav-item:last-child a {
        margin-right:0;
    }
    .series-main-wrapper .ttv-options-slider-main {
        margin-bottom:30px;
    }

    .series-listing-filter-main{
        padding:25px 15px 0 15px;
    }
    .series-listing-filter-main h2{
        font-family: openSans-semi-bold;
        font-size: 22px;
        margin-bottom: 25px;
    }
    .series-listing-dropdowns-wrapper {
        flex-direction:column;
        border:none;
        padding-bottom:0;
    }
    .series-listing-dropdowns-main {
        flex-wrap:wrap;
        width:100%;
        flex-direction:column;
    }
    .series-listing-dropdowns-main p {
        margin-right: 0;
        width: 100%;
        padding-bottom:15px;
        border-bottom:1px solid #dad2cf;
        margin-bottom:30px;
    }
    .series-listing-dropdowns-main .series-listing-dropdowns {
        margin-right:0;
        margin-bottom:10px;
        flex:1;
        width:100%;
    }
    .series-listing-dropdowns-main .series-listing-dropdowns .dropdown-toggle {
        padding:14px 30px 12px 15px;
        width:100%;
        font-size:12px;
    }
    .series-listing-dropdowns-main .series-listing-dropdowns .dropdown-toggle::before {
        right:26px;
    }
    .series-listing-dropdowns-main .series-listing-dropdowns .dropdown-toggle::after {
        right:8.9px;
    }
    .series-listing-dropdowns-wrapper .series-listing-dropdowns-main:last-child .series-listing-dropdowns , .series-listing-dropdowns-wrapper .series-listing-dropdowns-main:last-child .series-listing-dropdowns .dropdown-toggle {
        width:100%;
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide {
        width:100%;
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide:hover {
        transform: scale(1);
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-series-like-slide .ttv-upcoming-slide-img {
        height:auto;
        overflow:hidden;
    }
    .ttv-upcoming-slide-img img {
        top:unset;
        left:unset;
        transform:translate(0, 0);
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-upcoming-slide-info-main h3 {
        font-size: 18px;
    }
    .series-listing-main .ttv-series-like-wrapper .ttv-upcoming-slide-info-main h4 {
        font-size: 15px;
    }
    .series-listing-main .ttv-series-like-wrapper {
        padding-bottom:0;
    }
    .series-listing-main .ttv-series-like-wrapper.slick-slider {
        padding-bottom:50px;
    }
    .ttv-series-like-section-main {
        margin-top:0px;
    }
    .series-listing-main .ttv-series-like-container {
        padding:27px 7.5px 8px 7.5px
    }
}

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

    /* Wellcome page */
    .ttv-welcome-banner-main { padding-top: 300px }
    .ttv-offer-section-fig { width: 300px; background-position: 0px 61px, 100% 30px, 99px 214px; background-size: 80px, 150px, 95px; height: 300px; }
    .ttv-offer-fig-1 { right: 35px; width: 180px; }
    .ttv-offer-fig-2 { left: 25px; top: 105px; width: 115px; }
    .ttv-offer-fig-3 { top: 160px; right: 25px; width: 115px; }
    .ttv-uxp-on-tv-section-fig { width: 300px; background-position: 72px 93px, 160px 145px }
    .ttv-uxp-on-tv-fig-6 { width: 120px; height: 82px; }
    .ttv-uxp-on-tv-fig-6 p { margin-left: 5px; margin-top: 25px; }
    .ttv-uxp-on-tv-fig-3 { left: 210px; top: 115px }
    .ttv-uxp-on-tv-fig-6 { left: 90px; }
    
    .ttv-episode-detail-like-comment-share .ttv-episode-detail-share {
        margin-top:27px;
    }
    .ttv-my-list-events-info p.destitle {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main .common-btn-outline {
        padding: 11px 26.94px;
        margin-right: 20px;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main .icon-btn {
        margin-right:20px;
    }
    .ttv-my-list-events-info-main .ttv-my-list-events-btn-main .icon-btn.episodeShare + .icon-btn {
        margin-right:0;
    }
    .ttv-series-menu-tab {
        position: relative;
        margin: 5px;
        width: 145px;
        height: 90px;
    }
    .ttv-series-menu-overlay{
        padding:15px 12px 15px 12px;
    }
}

@media screen and (max-width:767px) and (min-width:320px) and (orientation:landscape) { }