@media screen and (max-width: 1280px) and (min-width: 720px) {
    /*film box logo*/
    #lottie{
        width: 300px;
        height: 200px;
    }
    /*film box logo end*/
    /*alert box */
    .alert-title{
            font-size: 25px;
            line-height: 35px;
        }
        .alert-desc{
            font-size: 16px;
            margin-bottom: 10px;
            line-height: 6px;
        }
        .cus-btn{
            padding: 8px 35px;
            font-size: 16px;
            margin: 14px 4px 0px 4px;
        }
        .modal-content{
            height: 188px;
            width: 62%;
            margin: 21%;
        }
        .exit-strip-sec .modal-content1 .modal-body {
            padding: 26px 26px;
        }
    /*alert box end*/
    /*welcome page*/
    body{
        width : 80em;
        height : 45em;
    }
    .welcome-container{
        width : 80em;
        height : 45em;
    }
    .slide-image-container {
            width: 36em;
            height: 24.6em;
            left: 22em;
    }
    .slider-button  {
           left: 25.5em;
           width: 11.5em;
           height: 2em;
           font-size: 1.3em;
    }
    .slide-collection-image {
        height : 24.6em;
        bottom : 6em;
        margin-left: 6px;
    }
    .slide-collection-image .item {
        margin-right : 1em;
    }
    .slide-collection-image .item img {
        height: 90px !important;
        width: 150px !important;
    }
    .slide-collection-image .item span {
        font-size : 1.3em;
    }
    .slider-wrapper{
        top: 5.6em;
    }
    .heading {
        font-size : 2em;
    }
    .sub-heading{
        font-size : 1.13em;
    }
    .page-indicator{
        bottom: 1em;
    }
    .page-indicator .indicator {
        width: 0.7em;
        height: 0.7em;
        margin-right: 0.6em;
    }
    .page-indicator .indicator.active {
        width: 0.9em !important;
        height: 0.9em !important;
        outline-offset: 2px;
    }
    .lang_expanded .onboard-menu-list-wrapper{
        width: 24em;
    }
    .slide-collection-image .item.image1 img{
        margin-bottom: 36px;
        margin-top: 9px;
    }
    .slide-collection-image .item.image2 img{
        height: 81.7px !important;
        margin-bottom: 2.3em;
    }
    .slide-collection-image .item.image1 span{
        margin-top: -0.7em;
    }
    /*welcome page end*/

    /*language page*/
    .welcome-container .language {
            top: 2em !important;
    }
    .lang {
        font-size: 24px;
        padding: 13px;
    }
    .language {
        margin-right : 34px;
    }
    ul.select{
            font-size: 1.3em;
        }
    /*language page end*/

    /*login page*/
    .main{
         width : 80em;
             height : 45em;   
    }
    .login_page .header{
        height: 112px;
    }
    .header .back {
        font-size: 1.5em;
        margin-left: 20px;
    }
    .header .logo {
        left: -3em;
        height: 4.5em;
    }
    .middle-container {
    padding: 25px;
    }
    .login_container{
        width: 1174.66px;
        margin: 80px auto 0px 60px;
    }
    .login-content-section {
        width: 950px;
    }
    .vertical-line-div {
        margin: 32px;
    }
    .vertical-line-div .vertical-or-line {
        height: 333px;
        width: 32px;
    }
    .vertical-line-div .text {
        padding: 7px;
        font-size: 24px;
    }
    .login_row .qr-code{
        width: 509px;
        padding-left: 67px;
    }
    .login_page #line2 {
        width: 515.9px;
        font-size: 23px;
        padding-bottom: 30px;
    }
    .login_page #line3 {
        width: 515.9px;
        font-size: 23px;
        padding-top: 0em;
        padding-bottom: 30px;
    }
    .login_page .point3{
        width: 515.9px;
        font-size: 23px;
        padding-top: 0em;
        padding-bottom: 30px;
    }
    .qrcode {
        width: 245px;
        height: 245px;
    }
    .qrcode img{
        padding-top: 0px;
        padding-left: 0px;
    }
    .login_page .qr-text{
        font-size: 20px;
    }
    .login_page .qr-text2{
        font-size: 24px;
        padding: 33px 0px 0px 0px;
    }
    .login_code{
        font-size: 47px;
    }
    .login_page .auth_code{
        height: 70px;
        min-width: 253px;
        margin-top: 50px;
    }
    /*login page end*/

    /*home page*/
    .detail-sec {
        padding: 21px;
    }
    .right-sec .strip-sec{
        height: 396px;
    }
    .detail-sec .strip-sec .content-title{
        font-size: 40px;
    }
    .detail-sec .strip-sec .content-detail{
        font-size: 14px;
        margin-left: 162px;
    }
    .bottom-sec{
        height: 324px;
        padding-left: 96px;
    }
    .top-sec{
        height: 396px;
        padding-left: 92px;
    }
    .bnr-container {
        height: 396px;
        width: 760px;
        padding-bottom: 43px;
        margin-left: 21px;
    }
    .bnr-container .bnr-text {
        min-width:557px;
    }
    .bnr-text .home_below_title_text {
        margin-bottom: 16px!important;
    }
    .bnr-text .content-detail{
        font-size: 22px!important;
        margin-bottom: 16px!important;
    }
    .bnr-container .title_img {
        max-width: 187px;
        border-radius: 8px;
        margin-right: 16px!important;
        height: 280px!important;
    }
    .bnr-container.landscape .title_img {
        width: 213px !important;
        height: 120px !important;
    }
    .detail-sec .strip-sec .episode-btn{
        margin-left: 15.5em;
        padding: 10px;
        font-size: 0.8em;
    }
    .detail-sec .strip-sec .watch-now-section{
        margin-left: 12.5em;
        height: 3em;
    }
    .detail-sec .strip-sec .watch-now-section .watch-now-btn{
        font-size: 1.15em;
        padding: 15px;
    }
    .detail-sec .strip-sec .watch-now-section .info-btn,.detail-sec .strip-sec .watch-now-section .watch-list-btn{
        width: 1.8em;
    }
    .detail-sec .strip-sec .watch-now-section .info-btn{
        margin-right: 0.8em;
    }
    .titleheader {
        font-size: 19px;
    }
    .img-class {
        border-radius: 8px;
        width: 235px;
    }
    .customsec{
        border: 3px solid transparent;
        margin-right: 7px;
    }
    .customList .customsec {
        margin-bottom: 7px;
    }
    .customcard-body {
        border-radius: 8px;
    }
    .viewallcardheight .customCard {
        height: calc(100% - 27px);
        min-height:152px;
    }
    .customCard {
        width: 253px;
        padding: 5px;
        min-height: 142px;
    }
    /* .group_collection .img-div{
	    height: 101px;
    } */
    /* .homepagecontent_div {
        left: 4px!important;
    } */
    .card-title-on {
        font-size: 16px;
        height: 28px;
        max-width: 253px;
    }
    .view_all_page .cardsection .card-title-on {
        max-width: 208px!important;
    }
    .home_dynamic_page .cardsection .card-title-on,
    .search-result-section .cardsection .card-title-on,
    .homepagecontent_div .cardsection .card-title-on {
        max-width: 253px;
    }
    .home_dynamic_page .portraitImg .cardsection .card-title-on,
    .live-carousel-data-container .portraitImg .cardsection .card-title-on, 
    .search-result-section .portraitImg .cardsection .card-title-on {
        max-width: 147px;
    }
    .home_dynamic_page .top_in_region_widget_card .card-title-on {
        max-width: 347px;
    }
    .homepagecontent_div .watched-progress {
        width: calc(100% - 16px);
        height: 3px;
        left: 8px;
        bottom: 5px;
        right: 8px;
        border-radius:3px;
    }
    
    .continueseek {
        bottom: 2px;
        height: 3px;
    }
    .progressbar-container{
        left: 13px;
        right: 13px;
        bottom: 16px;
    }
    .livepackbackpercentage {
        height: 4px;
    }
    .metadatalivepackbackpercentage {
        height: 5px;
    }
    /*home page end*/

    /*navbar*/
    .navbar .navbar-nav .nav-item{
        height: 45px;
        /* margin-bottom: 16px; */
        padding: 9px;
    }

    .navbar .navbar-nav .nav-item {
        height: 45px;
        margin-bottom: 16px;
        /* margin-top: 8px;
        margin-bottom: 8px; */
        border: 1px solid transparent;
        border-radius: 3px;
        padding: 9px;
    }
    .navbar .navbar-nav .nav-item {
        width: 45px;
    }

    /*nav bar end*/

    /*search page*/
    .right-sec .search-result-section{
        padding-left: 105px;
    }
    .customCard .livechannel-titlecontainer .livechannel-title {
        font-size: 32px;
    }
    .customCard .livechannel-titlecontainer .livechannel-prgtitle {
        font-size: 16px;
    }
    .right-sec .search-result-section .bottom-sec .no-result{
        font-size: 20px;
        margin-right: 0em !important; /* Text in Search input box is not fully visible - samsung store open issue*/
    }
    .right-sec .search-result-section .bottom-sec .sug-text{
        font-size: 23px;
        margin-left: 1.7em;
    }
    .right-sec .search-result-section .bottom-sec .list-row{
        width: 700px;
        /* margin-left: -4em; */
        margin-bottom: 1.2em;
    }
    .right-sec .search-result-section .bottom-sec .list-row .list-item{
        /* height: 8em;
        width: 13.3em; */
        margin-right: 3px;
        border: 2px solid transparent;
        height: auto; /* 151px;*/
        width: 267px; /*254px;*/
        background: none;
    }

    .right-sec .search-result-section .bottom-sec .list-row .list-item.focused{
        border-radius: 11px;
    }
    .right-sec .search-result-section .bottom-sec .list-row .list-item .search-card-container .image-timer-div {
        border-radius: 11px;
    }
    /*search page end*/

    /*profile page*/
    .profiledata{
        padding-left: 120px;
    }
    .profilepage_info_txt{
        font-size: 16px;
        padding: 10px 10px 0px 135px;
    }
    .profilepagebutton{
        padding: 6px 14px;
        font-size: 19px;
        height: 53px;
    }
    .logout_btn{
        margin-top: 40px;
        height: 53px;
    }
    .buttoncard{
        padding: 0px 0px 0px 120px;
        margin-top: 0px;
    }
    .maindetailscon{
        margin-top: 40px;
    }
    .profileDetails, .subscriptionDetails .subscribedUser span, .voucherUser span, .subscriptionDetails .unsubscribedUser{
        font-size: 16px;
    }
    .profileTitle{
        margin: 10px 77px 0px 0px;
        font-size: 20px;
    }
    .profile_hd,.profile_val{
        font-size: 14px;
    }
    /*profile page end*/

    /*about us*/
    .profile_inner.strip-sec{
        width: 110%;
        height: 100%;
    }
    .page_title{
        font-size: 30px;
    }
    .page_inner_text p, .page_inner_text p span{
        font-size: 17px !important;
        margin-bottom: 0rem !important;
    }
    /*about us end*/

    /*series page*/
    .listing .bannersmall img{
        width: 150px;
        height: 221px;
    }
    .bannersmall .topcontent .title{
        font-size: 42px;
        line-height: 50px;
    }
    .bannersmall .topcontent .subTitle{
        font-size: 21.2px;
        line-height: 40px;
    }
    #seasons{
        font-size: 16px;
    }
    .bannersmall .topcontent .bar{
        margin: 0px 6px;
    }
    .years,.age{
        font-size: 14px;
        padding: 1px 8px;
    }
    .bannersmall .topcontent .contentdescription{
        font-size: 14px;
        line-height: 24px;
    }
    /* .list-container {
        padding-left: 96px!important;
    } */
    
    /*series end page*/
    
    /*series inner page*/
    .details-page .left-sec{
        width: 92px;
        padding: 27px 16px;
    }
    .details-page .left-sec .logo {
        height: 60px;
        width: 60px;
        background-size: 60px 60px;
    }
    .program-detailpage .details-section {
        left: 96px;
        width: calc(100% - 96px);
    }
    .program_detail_section_top_container .no-content-block{
        margin-bottom: 0px;
        margin-top: 16px;
    }
    .expand-detail-btns {
        height: 46px;
        padding: 8px 9px;
        font-size: 19px;
        border-radius: 5px;
        margin-right: 11px;
    }
    .details-section {
        left: 96px;
        width: calc(100% - 96px);
    }
    .details-section .content-title{
        font-size: 56px;
    }
    .details-section .content-detail{
    margin-left:4em;
    }
    .details-section .program_detail_section_top_container .content-detail {
        margin-bottom: 16px;
    }
    .details-section .program_detail_section_top_container .sinopsis {
        max-width: 600px;
        margin-bottom: 16px;
    }
    .program-detailpage .details-section .program_detail_section_top_container .title_img img {
        width: 85px;
        height: 43px;
    }
    .details-section .starring{
    margin-bottom:6px;
    }
    .details-section .creator{
    margin-bottom:16px;
    }
    .details-section .watch-now-section{
        margin-top: 0px;
        margin-bottom: 21px;
    }
    .watch-now-section .play-action-btn, .watch-now-section .trailer-btn {
        padding: 12px 24px!important;
        height: 53px!important;
    }
    .details-section .watch-now-section .watch-now-btn{
     font-size:1.1em;
     padding:15px 20px 10px 20px;
    }
    .details-section .my-list-btn,.details-section .back-btn,.details-section .audio-subtitle-btn,
    .details-section .episodes-list-btn, .details-section .remove-from-continue-watch-list-btn, 
    .details-section .go-to-series-btn,
    .details-section .watch-now-btn,
    .moreOptionsContainer .start-over-btn, 
    .moreOptionsContainer .remove-from-continue-watch-list-btn, 
    .moreOptionsContainer .more-about-btn,
    .details-section .start-over-btn,
    .details-section .watch-trailer-btn,
    .details-section .catchup-btn, .details-section .explore-btn, .exploreContainer .topsec .title {
    font-size:20px;
    padding:2px 5px 2px 83px;
    border: 2.5 solid transparent;
    font: normal normal normal 28px/32px TV2ZFont-Regular;
    }
    .detail_btn_wrapper {
        padding: 6px 8px;
        height: 43px;
    }
    .exploreContainer .topsec .title {
        width: 800px !important;
    }
    .details-section .episode-btn{
    font-size:1em;
    margin-left:4em;
    width:7em;
    border:3px solid rgba(0,138,255,1);
    padding:8px;
    }
    .details-section .watch-now-section .continue-watch-btn, .details-section .watch-now-section .start-over-btn, .details-section .watch-now-section .signin_button .buy-or-rent {
    font-size:1em;
    padding: 10px 20px 10px 20px;
    }
    /*view more*/
    .plus_icon{
        margin-bottom: 11px;
        width: 24px;
        height: 24px;
    }
    .cardsection .viewall{
        font-size: 16px;
    }
    .customCardforLive {
        height: 190px;
        width: 338px;
        padding: 5px;
    }
    .customCardforLive .viewall{
        line-height: 1.5em;
        font-size: 16px;
        display: -webkit-box;
    }
    .channel-view-icon{
        width:45px !important;
        height:30px !important;
    }
    .homepagecontent_div .customCardforLive .viewall{
        font-size: 13px;
    }
    .homepagecontent_div .focused, .searchcontent_div .focused{
        border-radius:11px;
    }
    /*view more list*/

    
    /*my account lang page*/
    
    .right-sec .side-menu{
        width: 22em;
    }
    .right-sec .side-menu .menu-list-wrapper .list-wrapper .list .list-item{
        font: normal normal normal 20px/35px TV2ZFont-Regular;
    }
    .right-sec .side-menu .menu-list-wrapper .list-wrapper .list-header{
        font: normal normal bold 24px/36px TV2ZFont-Regular;
    }
    .right-sec .side-menu .menu-list-wrapper .list-wrapper{
        width: 16em;
    }
    /*my account lang page end*/

    /*channel page*/
    .listing .rightTopseclive .posterImg {
        width: 300px;
        height: 180px;
        top: 1px;
    }
    .listing .rightTopseclive {
        height: 23em;
    }
    .listing .rightTopseclive .topcontent {
        padding:1em;
        margin-top:20px;
    }
    .listing .rightTopseclive .topcontent .title {
        font-size: 40px;
        line-height: 39px;
    }
    .listing .rightTopseclive .topcontent .subTitle {
        font-size: 15px;
        line-height: 29px;
    }
    .age {
        font-size: 10px;
        line-height: 26px;
    }
    .listing .rightTopseclive .topcontent .contentdescription {
        font-size: 12.5px;
        line-height: 26px;
    }
    .customsecLive, .customcardBodyLive  {
        height:9.6em;
        width:16.5em;
    }
    .customsecLive{
        margin-right: 4px;
    }

    /*channel inner page*/
    .listing .rightTopseclive .img-sec .posterImg {
        height :28em;
        width:45em;
    }
    .listing .rightTopseclive .img-sec .overlay {
        height:29em;
    }
    .listing .rightTopseclive .img-sec {
        width: 45em;
        height: 28em;
        right:0;
    }
    .listing .rightTopseclive {
        height: 20em;
    }
    .listing .rightTopseclive .iconImg {
        height: 120px;
        width: 213px;
    }
    .listing .rightTopseclive .onair {
        margin-bottom: 11px;
    }
    .listing .rightTopseclive .tag-line {
        font-size: 19px;
        letter-spacing:0;
        margin: 0 0 6px 0px;
        line-height: 25px;
    }
    .listing .rightTopseclive .watch-now-section {
        margin-left: 4.5em;
        height: 2.3em;
        margin-top: 2em;
    }
    .listing .rightTopseclive .watch-now-section .watch-now-btn {
        font-size: 0.9em;
        padding: 4px 20px 4px 20px;
        margin-right: 1em;
    }
    .listing .rightTopseclive .watch-now-section .info-btn {
        font-size: 1em;
        padding: 12px 30px 15px 30px;
        margin-right: 1em;
    }
    /*channel page end*/
    
    /*my list no list*/
    .msgWithImg .icon{
        margin-bottom: 30px;
    }
    .msgWithImg .icon img{
        width: 80px;
        height: 80px;
    }
    .msgWithImg p .fa{
        font-size: 58px;
    }
    .msgWithImg .msg{
        font-size: 30px;
    }
    /*my list empty end*/
    
    /* new changes */
.navbar .navbar-nav .nav-item.focused{
    border: 3px solid  rgba(0,138,255,1);
}

.navbar .logo-menu-opened{
    width: 168px;
    height: 60px;
}
#buttoncard .focused{
    border: 2px solid  rgba(0,138,255,1) !important;
}
.Lang-side-nav .list-item span{
    font-size: 18px;
}
.right-sec .side-menu .menu-border .arrow{
    left: 0.2em;
}
.Lang-side-nav .list-item img{
    width: 40px;
}
.page_header{
    padding-top: 1%;
    margin-left: 4%;
}
.page_data{
    width: 94%;
    margin: -3% 1% 0px 4%;
}
.page_title{
    font-size: 30px;
}
.page_inner_text p, .page_inner_text p span{
    font-size: 19px !important;
}
.page_inner_text{
    font-size: 21px;
}
.page_inner_text ol li span strong{
    font-size: 20px !important;
}
.exitpoupup-row .alert-title{
    font-size: 24px;
    margin-bottom: 16px;
}

#loginYesBtn,#subscribeBtn,#noBtn,#yesBtn,#logoutBtn, #cancelBtn,#loginNoBtn,#susbcribeNoBtn, #noContentModalyesBtn {
    width: 250px;
    height: 30px;
    line-height: 1.41;
    font-size: 12px;
}

.exitpoupup-row #noBtn,.exitpoupup-row #subscribeNoBtn,.exitpoupup-row #loginNoBtn, .exitpoupup-row #yesBtn, .exitpoupup-row #loginYesBtn, .exitpoupup-row #subscribeBtn {
    font-size: 19px;
    height: 44px;
}
.exitpoupup-row #loginNoBtn.focused, .exitpoupup-row #subscribeNoBtn.focused, 
.exitpoupup-row #noBtn.focused, .exitpoupup-row #yesBtn.focused, 
.exitpoupup-row #noContentModalyesBtn.focused,
.exitpoupup-row #loginYesBtn.focused, .exitpoupup-row #subscribeYesBtn.focused  {
   height: 44px;
}
.exit-strip-sec{
    height: auto;
    min-width: 362px;
    border-radius: 5px;
}

    #noBtn.focused,
    #yesBtn.focused,
    #subcribeNoBtn.focused,
    #loginNoBtn.focused,
    #subscribe.focused,
    #loginYesBtn.focused,
    #noContentModalyesBtn.focused,
    #logoutBtn.focused,
    #cancelBtn.focused {
    width: 250px;
    height: 30px;
}
    #noBtn,
    #subscribeNoBtn,
    #loginNoBtn,
    #yesBtn,
    #logoutBtn,
    #cancelBtn,
    #loginYesBtn,
    #noContentModalyesBtn,
    #subscribeYesBtn {
        width: 224px;
        height: 27px;
        font-family: 'TV2ZFont-bold';
        font-size: 9px;
    }

    .exitpoupup-row #loginNoBtn,
    .exitpoupup-row #subscribeNoBtn,
    .exitpoupup-row #yesBtn,
    .exitpoupup-row #loginYesBtn,
    .exitpoupup-row #noContentModalyesBtn,
    .exitpoupup-row #subscribeYesBtn,
    .exitpoupup-row #noBtn {
        font-size: 19px;
        line-height: 23px;
        height: 44px;
    }

    .exitpopup-margin {
        margin-bottom: 11px;
    }

    .exitpoupup-row #noBtn.focused,
    .exitpoupup-row #loginNoBtn.focused,
    .exitpoupup-row #subscribeNoBtn.focused,
    .exitpoupup-row #yesBtn.focused,
    .exitpoupup-row #loginYesBtn.focused,
    .exitpoupup-row #noContentModalyesBtn.focused,
    .exitpoupup-row #subscribeYesBtn.focused {
        height: 44px;
    }

    #noBtn.focused,
    #yesBtn.focused,
    #loginNoBtn.focused,
    #subscribeNoBtn.focused,
    #loginYesBtn.focused,
    #noContentModalyesBtn.focused,
    #subscribeYesBtn.focused,
    #logoutBtn.focused,
    #cancelBtn.focused {
        width: 255px;
        height: 29px;
    }
.exit-alert-icon{
    width: 58px;
    height: 58px;
    margin-bottom: 26px;
}
.exit-alert-icon.access_code {
    margin-top: 0px;
}
    .popup-alert{
        width: 405px;
        padding: 26.66px;
        border:  0.67px solid  rgba(0,138,255,1);
        height: auto;
    }
.exitpoupup-row .alert-title{
    width: 203px;
}
.exitpopup-margin {
    margin-bottom: 11px;
}
.exitpoupup-row .alert-desc{
    font-size: 16px;
    line-height: 1.45;
}
    #btn-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

.page_inner_text  span{
    font-size: 22px !important;
}

.onair_text{
    font-size: 19px;
}
.onair img{
    height: 24px;
    width: 24px;
}

.live_landing .strip-sec{
    width: 40em;
    height: 36em;
}

    /* changes for episodes side menu */
    .right-sec .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress {
        width: 314px;
        position: absolute;
        left: 3px;
        bottom: 8px;
    }

::-webkit-scrollbar {
    width: 3px;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item{
    padding: 5px 5px 5px 5px;
    font-size: 24px;
}
.player-container .player-controls .controls .control:nth-child(1), .player-container .player-controls .controls .control:nth-child(2), .player-container .player-controls .controls .control:nth-child(3), .player-container .player-controls .controls .control:nth-child(4), .player-container .player-controls .controls .control:nth-child(5), .player-container .player-controls .controls .control:nth-child(6){
    background-size: 80%;
}
.player-container .player-controls .controls .control:nth-child(6){
    background-size: 90%; 
}

/*Player start*/
.player-container .player-controls .player-title {
    font-size: 1em;
}
.player-container .player-controls .seek-bar {
    top: 73%;
    height: 0.20em;
}
.player-container .player-controls .controls {
    top: 77%;
    height: 3.5em;
}
.player-container .player-controls .controls .control {
    width: 2.3em;
    margin-right: 1.2em;
}
.player-container .player-controls .controls .control:nth-child(2).focused {
    background-image: url(../images/ic-focused-subtitles-round-filled.svg);
}
.player_page .side-menu .menu-list-wrapper,
.right-sec .side-menu .menu-list-wrapper.episode{
        width: 100%;
}
.player_page .side-menu{
    width: 21em;
}
.player_page .side-menu .menu-border .arrow {
    height: 31px;
    width: 31px;
    background-size: 31px !important;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list .list-item,
.right-sec .side-menu .menu-list-wrapper .list-wrapper .list .list-item{
    line-height: 1.9 !important;
    font-size: 18px;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list-header,
.right-sec .side-menu .menu-list-wrapper .list-wrapper .list-header {
    font: normal normal bold 26px/1.6 TV2ZFont-Regular !important;
}
.player-container .player-controls .controls .timer{
    font-size: 20px;
    top: 5px;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper{
    width: 20em;
}
.player_page .side-menu.episode {
        width: 100%;
}
.player_page .side-menu .menu-list-wrapper .season-list,
.right-sec .side-menu .menu-list-wrapper .season-list,
.episodes-container .season-list {
        margin-top: 54px;
        width: 160px;
        height: min-content;
}
.player_page .side-menu .menu-list-wrapper .episode-list,
    .right-sec .side-menu .menu-list-wrapper .episode-list {
        width: 994px;
        margin-left: 20px;
        margin-top: 54px;
}
.player_page .side-menu .menu-list-wrapper.episode {
    width: 100%;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item,
.right-sec .side-menu .menu-list-wrapper .season-list .list-item ,
.episodes-container .season-list .list-item {
    line-height: 26px;
    width: 160px;
    height: 44px;
    font-size: 19px;
    padding: 3px 15px 3px 15px;
    margin-bottom: 16px;
    border-radius: 3px;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .image,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .image{
        width: 320px;
        height: 183px;
}

.player_page .side-menu .menu-list-wrapper .episode-list .list-item,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item{
    width: 986px;
    height: 183px;
    margin-bottom: 27px;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .description,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .description{
        font-size: 16px;
        margin-top: 8px;
        /* width: 647px;
        height: 144px; */
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .episode-number,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .episode-number{
    font-size: 13px;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .title,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .title{
        font-size: 19px;
        line-height: 26px;
        /* margin-left: 16px; */
        width: 500px;
}
.clock_img{
        right: 0;
        width: 21px;
        height: 21px;
}
.onboard-menu-list-wrapper ul.select > li{
    margin-top:16px;
    font-size:19px;
}
.sidenav_epi_duration{
        font-size: 15px;
        line-height: 24px;
        width: 113px;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper{
    margin-bottom: 0em;
    padding: 3em 3em 0 0;
}
  .loader {
    width: 80px;
    height: 80px;
  }

.loader img {
    width: 80px;
    height: 80px;
}
.player-container .player-controls .seek-bar .player_progress {
    height: 5.5px;
}
.player-container .player-controls .seek-bar .player_progress .circle {
    height: 0.7em;
    width: 0.7em;
    top: -0.28em;
    right: -0.5em;
}
.player-container .player-controls .seek-bar.focused .player_progress .circle {
    width: 30px;
    height: 32px;
    top: -0.60em;
}
.thumb_preview{
    left: -1.5em;
}
.player_page .side-menu.channels{
    width: 21em !important;
}
.player_page .side-menu.channels .menu-border {
    width: 40px;
}
.player_page .side-menu .menu-list-wrapper .title-wrapper{
    top: 3em;
    width: 60%;
}
.player_page.side-menu .menu-list-wrapper .title-wrapper .sub-title,
.player_page .side-menu .menu-list-wrapper .title-wrapper .live-sub-title{
    font-size: 11px;
}
.player_page .side-menu .menu-list-wrapper .title-wrapper .title,
.player_page .side-menu .menu-list-wrapper .title-wrapper .live-title{
    font-size: 25px;
}
.player_page .side-menu .menu-list-wrapper .channels-list{
    top: 5em;
    left: 45px;
    width: 8.5em;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item{
    max-width: 9em;
}
.player_page .side-menu .menu-list-wrapper .channels-list{
    max-height: 19em;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress,
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress .progress-active,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress,
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress .progress-active{
        height: 5px;
}

/*Player ends*/

/*Detail page start*/
.right-sec .logo{
    background-size: 90px;
    top: 1.9em;
    left: 1em;
    height: 65px;
    width: 100px;
}

.details-section .title_img img{
    height: 120px;
    width: 240px;
}
.title_img img {
    width: 240px;
    height: 120px;
}

.details-section .content-detail .content-gener, .details-section .content-detail .content-duration {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.4;
}
.details-section .content-detail .content-gener, .details-section .content-detail .content-gener {
    margin-bottom: 11px !important;
}
.details-section .sinopsis{
    font-size: 20px;
    margin-bottom: 24px;
}
.details-section .starring{
    font-size: 16px;
}
.details-section .content-detail{
    margin-bottom: 0;
    margin-left: 0px;
}
.details-section .creator{
    font-size: 16px;
    margin-bottom: 27px;
    height: auto;
}
.details-section .watch-now-section .continue-watch-btn{
    padding: 9px 32px;
    font-size: 16px;
}
.details-section .my-list-btn,
.details-section .back-btn,
.details-section .audio-subtitle-btn,
.details-section .episodes-list-btn,
.details-section .remove-from-continue-watch-list-btn,
.moreOptionsContainer .start-over-btn, 
.moreOptionsContainer .remove-from-continue-watch-list-btn, 
.moreOptionsContainer .more-about-btn,
.details-section .catchup-btn,
.details-section .go-to-series-btn,
.details-section .watch-now-btn,
.details-section .start-over-btn,
.details-section .watch-trailer-btn,
.details-section .explore-btn,
.exploreContainer .topsec .title {
    font-size: 17px;
    padding: 0px 12px 0px 69px;
}
.details-section .episodes-list-btn{
    background-size: 11%;
    margin-left: 4.7em;
    border: 3px solid transparent;
    background-position: 8%;
}
.details-section .my-list-btn{
    background-size: 9% !important;
    margin-left: 4.7em;
    border: 3px solid transparent;
}
.details-section .audio-subtitle-btn{
    background-size: 9% !important;
    margin-left: 4.7em;
    border: 3px solid transparent;
}
.details-section .back-btn{
    background-size: 10% !important;
    margin-left: 4.7em;
    border: 3px solid transparent;
}
.details-section .watch-now-section .gotoSeries-btn span {
    line-height: 0;
    margin-top: 11px;
}
.details-section .watch-now-section .continue-watch-btn, 
.details-section .watch-now-section .start-over-btn,
.details-section .watch-now-section .trailer-btn,
.details-section .watch-now-section .watch-now-btn,
.details-section .watch-now-section .gotoSeries-btn,
    .details-section .watch-now-section .subscribe-to-watch,
    .details-section .watch-now-section .upgrade-plan,
    .details-section .watch-now-section .cant-watch,
    .details-section .watch-now-section .buy-or-rent {
    padding: 12px 24px !important;
    font-size: 19px;
    border-radius: 3px;
}
.details-section .content-title {
    font-size: 45px;
    margin-top: 1.9em;
}
.details-section .content-detail .content-desc {
    font-size: 1em;
    margin: 11px 0px;
}
.details-section .content-detail .content-desc img {
    height: 1.5em;
    width: 1.5em;
    margin-top: 0em;
}
.details-section .content-detail .content-desc .content {
    font-size: 21px;
}
.right-sec .side-menu .menu-border .arrow{
    height: 31px ; 
    width: 31px ;
    background-size: 31px !important;
}
.right-sec .side-menu.episode{
        width: 100vw;
}
.right-sec .side-menu .menu-border{
    width: 3em;
    margin-right: 0%;
    max-width: 2.5em;
}
.right-sec .side-menu .menu-list-wrapper.episode{
        width: 100%;
}
.right-sec .side-menu{
    width: 27.3em;
}
.right-sec .side-menu .menu-list-wrapper{
    width: 25em;
}
.right-sec .side-menu .menu-list-wrapper .list-wrapper{
    width: 26em;
    padding: 3em 4em 0 0;
}
.right-sec .side-menu .menu-list-wrapper .list-wrapper .list-header{
    margin-bottom: 0.5em;
}
/*Detail page ends*/


/*Welcome page start*/
.onboard-menu-list-wrapper ul.select > li {
    padding: 0.6em;
}
.lang_expanded .language{
    top: 4em !important;
}
/*Welcome page ends*/
/*login page start */
.login_page .onboard-menu-list-wrapper .language {
    margin-top: 37px;
}
.login_page.lang_expanded .onboard-menu-list-wrapper .language {
    margin-top: -23px;
}
/*login page ends */
/* left menu start */
.navbar .logo-menu-closed{
    height: 60px;
}
.navbar .logo-menu-opened .logo {
    width: 168px;
}
.navbar .logo-menu-closed .logo {
    width: 47px;
}
.navbar .navbar-nav .nav-item > img {
    width: 18px;
    height: 18px;
    margin: 0;
}
.navbar .navbar-nav .nav-item.channel > img{
    width: 18px !important;
    height: 18px !important;
}
.navbar .navbar-nav .nav-item > span {
    font-size: 18px;
    margin-left: 1.5em;
    margin-top: 0.2em;
}
.navbar .navbar-nav .nav-item.focused{
    border: 2px solid rgba(0,138,255,1);
}
.navbar .navbar-nav .nav-item.channel.selected > img {
    width: 1.8em !important;
    height: 1.8em !important;
    margin: -0.2em 0.8em 0 -0.3em;
}
.navbar {
    padding: 26px 16px!important;
    box-shadow: 4px 0px 4px 0px rgba(102, 102, 102, 0.25);
}
.left-sec.full-menu .nav-item .profile-letter {
    margin-right: 0px;   
}
.nav-item .profile-letter {
    height: 24px;
    width: 24px;
    font-size: 13px;
}
/*left menu ends*/
/*Home start*/

/*Home ends*/
    
/*channel detail start*/
.listing .rightTopseclive .watch-now-btn.focused {
    border: solid 2px  rgba(0,138,255,1) !important;
}
/*channel detail ends*/
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .image.focused {
        border: 3px solid  rgba(0,138,255,1);
}
.right-sec .side-menu .menu-border.focused {
        border: 2px solid  rgba(0,138,255,1) !important;
}
.player_page .side-menu .menu-border {
    width: 40px;
}
.player_page .side-menu .menu-border.focused {
    border: 3px solid  rgba(0,138,255,1);
}

.channel-icon{
    max-width: 157px;
    max-height: 118px;
    border-radius: 5px;
}

/* .gridViewCardforLive .channel-icon {
    left: calc((100% - 200px)/2);
    max-width: 200px;
    max-height: 100px;
    top: calc((100% - 100px)/2);
} */

.player-container .player-controls .player-title {
    padding: 40px 30px 20px 50px;
    line-height: 1em;
}

.player-container .player-controls .controls .control:nth-child(3){
        background-size: 78% !important;
    }
    .player-container .player-controls .controls .control:nth-child(3).focused {
        background-size: 80% !important;
    }

    .player-label {
        /* top: -60%; */
        font-size: 0.8em;
      }
    
      .right-sec .search-result-section .bottom-sec {
        width: 650px;
      }

      .no-content-block img {
        width:3em;
    }
      #no-content-text {
        font-size: 18px;
    }
    .details-section .more_about_icon,
    .live-detail-section .more_about_icon{
        margin-right: 28px;
    }
    .details-section .more_about_icon {
        margin-right: 34px;
    }
    .details-section .more_about_icon img{
        width: 26px;
        height: 26px;
        margin-left: 0px;
    }
    .live-detail-section .more_about_icon img {
        width: 20px;
        height: 20px;
    }
    .details-section .more_about_icon img, .details-section .my_list_icon img, .details-section .remove-recording-icon img,
    .details-section .episodes-list-icon img, .details-section .continue-watch-icon img, .details-rec-block .record-icon img, .details-rec-block .my_list_icon img,
    .moreOptionsContainer .start-over-icon img, .moreOptionsContainer .continue-watch-icon img, .moreOptionsContainer .more_about_icon img,
    .details-section .audio-subtitle-icon img, .details-section .back-icon img, 
    /* .live-detail-section .more_about_icon img, .live-detail-section .back_btn_icon img, */
    .details-section .watch-now-icon img, .details-section .go-to-series-icon img,
    .details-section .start-over-icon img, .details-section .watch-trailer-icon img, 
    .details-section .catchup-icon img, .details-section .explore-icon img, .exploreContainer .topsec .title .icon img,
    .details-rec-block .watch-now-icon img, .details-rec-block .record-icon img, .details-rec-block .my_list_icon img, .details-rec-block .more-about-icon img  {
        /* width: 26px;
        height: 26px; */
        width: 100%;
    }
    #menu-list-wrapper-moreabout {
        padding-top: 4em;
    }
    .more-about-text {
        font-size: 20px;
    }
    .more-about-title_local {
        font-size: 30px;
    }
    .time-img {
        width: 15px;
        height: 15px;
    }
    .more-about-des {
        font-size: 17px;
        line-height: 24px;
    }
    .rating-icons {
        margin-bottom: 1em;
    }
    .list-heading {
        font-size: 20px;
        margin-bottom: 0.7em;
    }
    .more-about-list ul li {
        font-size: 18px;
        line-height: 24px;
    }
    .right-sec .more-about .menu-list-wrapper{
        padding-left: 1.5em;
    }
    .smart-sign-text{
        font-size: 18px;
        padding: 0.3em;
    }
    /*parental control css*/
    .parent-control-sec{
       width: 700px;
        height: 591px;
    }
    .parentalHeading {
        font-size: 26px;
    }
    .pintitle {
        font-size: 16px;
        width: 350px;
    }
    .keyBlock{
        width: 60px;
        height: 60px;
        padding:0.5em;
        font-size: 27px;
    } 
    .keyBlock {
        width: 75px !important;
        padding: 0.3px !important;
      }
    .keyBlock img {
        width: 28px;
        height: 28px;
    }
    .pinControlRow .keyBoard{
        margin-left: 1em;
    }
    .pinBlock {
        width: 55px;
        height: 55px;
        padding: 2.4em 1em 1em 1.2em;
        margin: 0.4em;
    }
    .parentalPin{
        margin: 2em 0 6em 0;
    }
    .pinLabel, .pintitle {
        line-height: 17px;
    }
    .confirmButton, .backButton{
        font-size: 18px;
    }
    .pinLabel {
        font-size: 12px;
    }
    .pinBlock span{
        font-size: 50px;
        top: 61%;
    }
    .activate-input{
        width: 36.5px;
        border: solid 2px #707070;
        left: 16%;
    }
    .pin_control{
        padding-left: 0;
        margin-top: 2em;
    }
    .error-msg-block {
        margin: 5em 0em 0em 0em;
        left: 13%;
    }
    .pinBlock-error .error-msg-block{
        left:54px;
    }
    /*player model css*/
    .player_page .keyBlock{
        width: 60px !important;
    }
    .player_page .parentalPin {
        margin: 2em 0 5em 0;
    }
    .player_page .pinBlock {
        padding: 1.5em 1em 0em 0.8em;
    }
    .player_page .activate-input {
        bottom: 0.07em;
    }
    .player_page .error-msg-block {
        margin: 6em 0em 0em 0em;
        left: 19%;
        font-size: 14px;
    }
    .smart-sign-text{
        font-size: 16px;
        padding: 5px 20px;
    }
    .rating-icons .smart-sign-img{
        width: 2em;
        height: 2em;
    }
    .more-about-duration {
        font-size: 15px;
    }
    .maturity-head-sign{
        font-size: 20px;
    }
    .maturity-head-sign img {
        width: 1em;
        height: 1em;
    }

    /* curation/genre main page */ 
    .title-on-img {
        font-size: 16px;
        line-height: 1.4;
    }

    .group-collection-tagline{
        font-size: 20px;
    }


    /* for player channel list items logo and stripe alignment new changes */
.live_land_poster_image{
    margin-right: 158px;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item .player_live_card{
    filter: blur(2px);
    -webkit-filter: blur(2px); /*for older tv*/
    padding-bottom: 0px;
}
.channel-list-item .channel-list-icon{
    position: absolute;
    bottom: 24%;
    left: 30%;
    align-items: center;
    width: 100px;
    height: 75px;
}

/* top in region */
.top_in_region_widget_card{
    width: 353px !important;
    height: auto; /* 205px!important; */
}
.top_in_region_widget_card .customCard {
    height: 200px;
    width: 347px;
}
.top_in_region_widget_img {
    width: 338px!important;
    height: 190px!important;
}

.top_in_region_widget_card .num_border{
    width: 120px;
    height: 120px;
    bottom:16px;
}

.top_in_region_widget_card .numberKey{
    -webkit-text-stroke: 0px rgba(254,254,254,1) ;
    font-size: 67px;
    line-height: 120px;
}
/* .top_in_region_widget_card:nth-child(n+10) .numberKey{
    font-size: 85px;
}
.top_in_region_widget_card:nth-child(n+20) .numberKey{
    font-size: 75px;
}
.top_in_region_widget_card:nth-child(6) .numberKey,
.top_in_region_widget_card:nth-child(8) .numberKey{
    top: 124px;
} */

.view_all_page .list-container {
    top: 350px!important;
}

/*new requirement changes group collection carousel imgs */

.row_group_collection .customCard {
    height: 119px;
    width: 213px;
}
.row_group_collection .customCard .fallback-text{
    height: 100%;
}

.row_group_collection .cardsection .viewall {
    font-size: 14px;
    margin-top: 0%;
}

.group_collection_seeAll .top-sec,
.view_all_page .top-sec,
.fav_details .top-sec {
    height: 350px;
}
.group_collection_seeAll .right-sec .strip-sec,
.view_all_page .right-sec .strip-sec,
.fav_page .right-sec .strip-sec {
    height: 350px !important;
}
.group_collection_seeAll .detail-sec .strip-sec .content-title{
    font-size: 70px;
    margin-top: 1.4em;
    margin-left: 1.8em;
    width: 8em;
}

.group_collection_seeAll .img-sec .posterImg, .img-sec .posterImg1,
.view_all_page .img-sec .posterImg {
    position: absolute;
}

/* css for new menu scroll changes*/
.nav-item span {
    font-size: 19px;
    margin-left: 11px;
    width: 100%;
    line-height: 1.3;
    padding-top: 0px;
    height: inherit;
}
.navbar .navbar-nav .nav-item > img {
    margin-right: 0px !important;
}
.navbar .navbar-nav .menu-options {
    height: 427px; /*453px;*/
}

  .player-label::before, .player-label:after {
    left: 21px;
  }
  .more-about-text {
    line-height: 20px;
  }
/* Home page banner */
.right-sec .home-banner {
    width: 43.3em;
    height: 54em;
}
.bnr-text .content-detail .live-desc {
    font-size: 19px;
    line-height: 25px;
}
.detail-sec .home-banner .content-title {
    font-size: 40px;
}
.detail-sec .home-banner .content-description,
.detail-sec .strip-sec .bnr-container .content-description {
    font-size: 19px;
    line-height: 25px;
    margin-bottom:16px;
}
.detail-sec .home-banner .content-detail {
    margin-left: 9.5em;
    font-size: 14px;
}
.home-banner-more-details-btn {
    font-size: 1.2em;
    padding: 5px 20px 5px 20px;
}
.home-banner-slider-item {
    width: 6px;
    height: 6px;
    margin: 4px;
}
.home-banner-slider-item.active {
    width: 20px;
    border-radius: 11px;
}
    .detail-sec .home-banner .title_text {
    font-size: 0.8em;
    margin-left: 10.3em;
    line-height: 1.15em;
}
.descriptionSection{
    padding-bottom: 42px; /*54px; */
}
.optionsContainer {
        height: 157px; /*211px;*/
        padding-bottom: 10px;
        margin-top: 27px;
}
/* Keyboard changes */
.right-sec .search-result-section .top-sec .keyboardSearchInput {
    width: 100%;
}
.right-sec .search-result-section .top-sec .keyboardSearchInput.focused {
    border: 2.5px solid  rgba(0,138,255,1);
    border-radius: 4px;
}
.right-sec .search-result-section .bottom-sec {
    width: 100%;
    padding-left: 0;
}
.right-sec .search-result-section .bottom-sec .list-row {
    width: 100%;
}

.right-sec .search-result-section .bottom-sec .customsec {
     margin-right: 7px;
     margin-left: 0px;
}

/* Content details page */
.details-section .remove-from-continue-watch-list-btn {
    padding: 0px 18px;
    margin-left: 4.7em;
    border: 2.5px solid transparent;
}
.details-section .continue-watch-icon {
    margin-right: 34px;
}
.details-section .continue-watch-text {
    font-size: 17px;
    line-height: 23px;
    margin-left: 32px;
}
/* language menu long text fix */
.userDiv .Lang-side-nav.side-menu .menu-list-wrapper .list-wrapper .list .list-item {
    margin-left: 28%;
}
/* Keyboard language changes */
.right-sec .search-result-section .top-sec {
    height: 47px;
    top: 27px;
    padding: 0px 13px 0px 0px;
}
.right-sec .search-result-section .top-sec .search-field {
    height: 45px;
    font-size: 19px;
    line-height: 23px;
    background-size: 21px;
    background-position: 11px 11px;
    padding: 8px 11px 8px 37px;
}
.suggest-item{
    margin-top: 11px;
}
.suggest-wrapper{
    padding: 8px 11px;
    height:39px;
}
.suggest-wrapper .search-icon{
    margin-right:5px;
}
.suggest-item-text{
    font-size: 19px;
}
.right-sec .search-result-section .bottom-sec {
    top: 40px;
}
/* Mouse navigation on carousel changes */
.arrowItem {
    width: 66px;
    padding: 0px 16px 0px 53px;
    height: 24px;
    margin-top: 32px;
}
.portraitImg .arrowItem {
    margin-top: 32px;
}
.leftArrowItem {
    margin-left: -1px;
}
.keyBlock.singleDelete img{
    height: 32px;
    width: 32px;
}
.keyBlock.DeleteAll img{
    height: 24px;
    width: 24px;
}

/* Content details page changes for options container */
.details-section .more-about-btn, .details-section .my-list-btn, .details-section .remove-recording-btn, .details-section .episodes-list-btn, 
.details-section .remove-from-continue-watch-list-btn, .details-section .audio-subtitle-btn,
.moreOptionsContainer .start-over-btn, .moreOptionsContainer .remove-from-continue-watch-list-btn, .moreOptionsContainer .more-about-btn, 
.details-section .back-btn,.details-section .watch-trailer-btn,  .details-section .watch-record-btn,
.details-section .watch-now-btn, .details-section .start-over-btn, .details-section .go-to-series-btn, 
.details-section .catchup-btn, .details-section .explore-btn, .exploreContainer .topsec .title,
.details-rec-block .rec-watch-now-btn, .details-rec-block .record-btn, .details-rec-block .rec-my-list-btn, .details-rec-block .more-about-btn {
    margin-left: 0px;
    /* border: 2.5px solid transparent; */
    font-size: 18px;
    padding: 0px;
    margin-bottom: 10px;
    /* min-height: 51px; */
    height: 43px;
}
.details-section .more_about_icon, .details-section .my_list_icon, .details-section .remove-recording-icon,
.details-section .episodes-list-icon, .details-section .continue-watch-icon, 
.moreOptionsContainer .start-over-icon, .moreOptionsContainer .continue-watch-icon, .moreOptionsContainer .more_about_icon,
.details-section .audio-subtitle-icon, .details-section .back-icon, 
.live-detail-section .more_about_icon, .live-detail-section .back_btn_icon, 
.details-section .watch-now-icon, .details-section .go-to-series-icon,
.details-section .start-over-icon, .details-section .watch-trailer-icon, .details-section .watch-record-icon,
.details-section .catchup-icon, .details-section .explore-icon, .exploreContainer .topsec .title .icon,
.details-rec-block .watch-now-icon, .details-rec-block .record-icon, .details-rec-block .my_list_icon, .details-rec-block .more-about-icon {
    margin-right: 0px;
    width: 26px;
    height: 26px;
    font-family:  'TV2ZFont-bold';
}
.details-section .more_about_text, .details-section .my_list_text, .details-section .remove-recording-text,
.details-section .episodes-list-text, .details-section .continue-watch-text, 
.moreOptionsContainer .start-over-text, .moreOptionsContainer .continue-watch-text, .moreOptionsContainer .more_about_text,
.details-section .audio-subtitle-text, .details-section .back-text, 
.live-detail-section .more_about_text, .live-detail-section .back_btn_text,
.details-section .go-to-series-text, .details-section .start-over-text,
.details-section .watch-now-text, .details-section .watch-trailer-text, .details-section .record-text,
.details-section .catchup-text, .details-section .explore-text, .exploreContainer .topsec .title .text,
.details-rec-block .watch-now-text, .details-rec-block .record-text, .details-rec-block .my_list_text, .details-rec-block .more-about-text  {
    font-size: 20px;
    margin-left: 11px;
}
    /* Content details page side menu episode desing change */
    #menu-border-episode {
        margin-left: 27px;
        margin-right: 20px;
    }

    .episodePlayIcon {
        bottom: 65px;
        left: 133.5px;
    }
    .episodePlayIcon img {
        width: 53px;
        height: 53px;
    }

    .seasonSynopsis {
        font-family: 'TV2ZFont-Regular';
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 27px;
        width: 960px;
    }

    .right-sec .side-menu .menu-list-wrapper .season-list .list-item.active, .episodes-container .season-list .list-item.active {
        font-size: 16px;
    }
    .right-sec .side-menu .menu-list-wrapper .season-list .list-item.active.focused, .episodes-container .season-list .list-item.active.focused {
        font-size: 19px;
    }

    /* Content detail page local title changes */
    .details-section .series_title {
        font-size: 27px;
        margin-bottom: 8px;
        font-weight: 700;
    }

    .details-section .title_text_local {
        font-size: 40px;
        margin-bottom: 8px;
        font-weight: 700;
    }

    .below_title_text {
        margin-left: 0px !important;
        line-height: 1.2 !important;
        margin-top: unset !important;
    }

    .more-about-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
    }

    .detail-sec .strip-sec .title_text_local {
        font-size: 40px!important;
        /* max-height: 86px; */
    }

    .home_below_title_text {
        font-weight: 700 !important;
        font-size: 19px !important;
        /* max-height: 39px;
        height: 39px !important; */
        margin-left: 162px !important;
    }

    .hero-banner-iconImg {
        width: 213px !important;
        height: 120px !important;
    }

    /**** device management styles begin ****/

    .device-list {
        top: 61px;
    }

    .device-notify-info ,.device-logout{
        font-size: 18px;
        line-height: 31px;
        height: 32px;
    }

    .device-list .device-logout {
        margin: 5.33px 0px;
    }

    .device-list .device-logout.focused {
        border: 2px solid  rgba(0,138,255,1);
        padding: 0px 13.33px;
        margin: 5.33px 13.33px;
        border-radius:3px;
    }

    .device-list .title {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 16.67px;
        padding: 0px 67px;
    }

    .devices-container {
        margin: 20px auto 0px 13%;
        column-gap: 27px;
        row-gap: 6.67px;
        left: 11%;
        height: 460px;
        width: 1000px;
    }

    .exitpoupup-row #logoutBtn{
        font-size: 19px;
        line-height: 31px;
        height: 43px!important;
    }
    
    .exitpoupup-row #cancelBtn{
        border: 0.67px solid  rgba(0,138,255,1)!important;
        height: 43px!important;
        font-size: 19px;
        line-height: 31px;
        margin-top: 13px;
    }

    .devices-container .device {
        padding: 13px;
        width: 467px;
        height: 210px;
        margin:8px;
        border-radius:8px;
    }
    .device.focused{
        border: solid 4px  rgba(0,138,255,1);
    }
    .devices-container .device .dt-btn {
        font-size: 16px;
        line-height: 26px;
    }
    .devices-container .device .deviceStatus{
        width: 200px;
    }
    .device .dt-btn {
        font-size: 16px;
        line-height: 26px;
        padding: 0px 13px;
    }

    .currentDevice {
        border: 0.67px solid transparent !important;
    }

    .currentDevice.focused {
        border: 0.67px solid transparent !important;
    }

    .device .dt-btn.focused {
        border: 0.67px solid  rgba(0,138,255,1);
        padding: 0px 13px;
    }

    .edit-btn {
        border: 0.67px solid transparent !important;
    }

    .edit-btn.focused {
        border: 0.67px solid  rgba(0,138,255,1) !important;
    }

    .dt-btn img {
        padding-right: 5px;
        width: 30px;
        height: 30px;
    }

    .devices-container .device .device-detail .device-name,
    .devices-container .device .device-detail .ip,
    .devices-container .device .device-detail .place,
    .devices-container .device .device-detail .date {
        font-size: 17px;
        line-height: 28.66px;
        margin-bottom: 10px;
    }
    .device-icon,
    .ip-icon,
    .time-icon,
    .location-icon {
        margin-right: 7px;
        width: 16px;
        height: 16px;
    }

    .devices-container .device .device-detail .device-name {
        font-size: 20px;
        line-height: 33px;
    }

    .device-icon,
    .ip-icon,
    .time-icon,
    .location-icon {
        border: 0.67px solid transparent;
        margin-right: 7px;
        width: 24px;
        height: 24px;
    }

    .device-name-container {
        column-gap: 2.67px;
    }

    .device-name span span {
        max-width: 200px;
        line-height: 24px;
    }

    .input-texture {
        margin: 53.33px;
    }

    .overlay-container .input-texture input {
        height: 53px;
        left: 1em;
        border: 1.34px solid  rgba(0,138,255,1);
        font-size: 28px;
        line-height: 22.66px;
    }
    .details-section .program_detail_section_top_container .title_text_local {
        font-size: 28px;
    }
    .device-alert-icon{
        width: 40px;
        height:40px;
    }
    .seeAllDetailsPopupScreen .seeAllDetailsBox .more-about-list {
        margin-bottom: 11px;
    }
    .smart-sign-text, .tags-badges {
        font-size: 13px;
        padding: 6px 13px;
    }
    .seeAllDetailsBox {
        width: 795px;
        height: auto;
        max-height: 508px;
        padding: 27px 27px;
        border-radius: 5px;
    }
    .marketing-consent-box {
        padding: 27px 27px;
        border-radius: 5px;
    }
    .seeAllDetailsContainer, .marketing-consent-container {
        height: auto;
        max-height: 455px;
        padding-right: 16px;
    }
    .marketing-text-container {
        margin-bottom: 28px;
    }
    .seeAllPopupHeading {
        font-size: 27px;
        margin-bottom: 11px;
    }
    .seeAllPopupSeasonsCount {
        font-size: 13px;
        margin-bottom: 11px;
    }
    .moreOptionsBox {
        min-width: 333px;
        height: 218px;
        padding: 27px 27px;
        border-radius: 5px;
    }
    .episodes-container {
        margin-top: 27px;
    }
    .episodes-container .episodes-title, .episodes-container .seasons-title {
        font-size: 16px;
        margin-bottom: 11px;
    }
    .episodes-container .catchupContainer .list-container .item .show-time ul li {
        font-size: 15px;
    }
    .episodes-container .catchupContainer .list-container .item .show-time ul li:first-child {
        margin-right: 27px;
    }
    .seeAllPopupAudiosContainer, .seeAllPopupSubtitlesContainer,
    .seeAllPopupCastContainer, .seeAllPopupDirectorContainer {
         margin-bottom: 11px;
    }
                
                                .seeAllPopupAudiosHeading,
                                .seeAllPopupSubtitlesHeading,
                                .seeAllPopupCastHeading,
                                .seeAllPopupDirectorHeading {
                                    font-size: 16px;
                                    margin-right: 11px;
                                }
                
                                .seeAllPopupAudios,
                                .seeAllPopupSubtitles,
                                .seeAllPopupCast,
                                .seeAllPopupDirector {
                                    font-size: 13px;
                                }
        
                                .seeAllPopupDescription {
                                    margin-bottom: 11px;
                                    font-size: 15px;
                                    line-height: 21px;
                                }
    /* Concurrent streaming popup changes */
    .concurrentPopupBox {
        width: 363px;
        height: auto;
        padding: 27px 16px;
    }
    .concurrentPopupHeading {
        width: 331px;
        height: auto;
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 16px;
    }
    .concurrentPopupImage img {
        width: 40px;
        height: 40px;
        margin-bottom: 16px;
    }
    .concurrentPopupdesc {
        width: 331px;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .concurrentPopupRedirectButton {
        padding: 0px 13px;
        width: 331px;
        height: 32px;
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 16px;
    }
    .concurrentPopupBackButton {
        padding: 0px 13px;
        width: 331px;
        height: 32px;
        font-size: 16px;
        line-height: 17px;
    }

    /* pop up */
    .edit-signout-popup {
        height: 355px;
        width: 653px;
        padding: 50px;
    }

    .edit-signout-popup .btn-back {
        top: 27px;
        left: 27px;
    }

    .edit-signout-popup .concurrent-img {
        width: 297px;
    }

    .edit-signout-popup .popup-info .title {
        font-size: 21px;
        line-height: 35px;
        margin-bottom: 27px;
    }

    .edit-signout-popup .popup-info .info {
        font-size: 17px;
        line-height: 28.5px;
        margin-bottom: 35px;
    }

    /* .edit-signout-popup .popup-info .action-btns {
        row-gap: 27px;
    } */

    .edit-signout-popup .popup-info .action-btns .btn-solid {
        min-width: 93px;
        font-size: 21px;
        height: 49px;
    }

    .edit-signout-popup .popup-info .action-btns .btn-clear {
        border: 1.33px solid rgba(255, 255, 255, 1);
        font-size: 21.33px;
        height: 49px;
        margin-bottom: 16px; /* 27px; */
    }
    .popup-alert .exitpoupup-row .part-2{
        font-size: 20px;
    }
    .device .dt-btn span {
        width: 200px;
    }
/* handling different banner layouts */
.portrait_banner_with_metadata_title_img {
    width: 187px !important;
    height: 280px !important;
    border-radius: 8px;
}
.portrait_banner_with_metadata_content_title {
    margin-left: 0px!important;
}
.portrait_banner_with_metadata_content_title_local, .portrait_banner_with_metadata_content_detail, .portrait_banner_with_metadata_btn {
    margin-left: 0px!important;
}
.portrait_banner_with_metadata_content_title_local {
    font-size: 40px !important;
    line-height: 1.7 !important;
    height: 67px !important;
}
.live-carousel-desc .portrait_banner_live {
    margin-left: 0px !important;
}

/* handling banner layouts in details page */
.portrait_banner_with_metadata_details-section_title_text {
    margin-left: 0px !important;
}
.contentTitle-In-PortraitTheme {
    font-size: 40px;
}
.portrait_banner_with_metadata_details-section_title_img {
    width: 303px !important;
    height: 454px !important;
}
.portrait_banner_with_metadata_details-section_icon_img {
    width: 303px !important;
    height: 454px !important;
    border-radius:8px;
}

.portrait_banner_with_metadata_detail_section_top_container {
    width: 100% !important;
    padding-right: 92px;
}

/* side menu profile btn change */
.navbar .navbar-nav .nav-item.profile>div {
    height: 24px;
}

/* Player VOD CSS start */
.player_page {
    width: auto;
    height: auto;
    line-height: 15px;
}
.player_page .side-menu {
    width: 21em;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress {
    width: 298px;
    height: 5px;
    display: inline-block;
    padding: 0;
    border-radius: 0px 0px 0px 3px;
    position: absolute;
    left: 13px;
    bottom: 8px;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item.active {
    font-size: 19px;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item.active.focused {
    font-size: 19px;
}
.player-container .player-controls .controls .control:nth-child(6).focused {
    background-size: 90%;
}

/* Player VOD CSS end */

/* Live channel detail page style css start*/
.listing .rightTopseclive .watch-now-section .watch-now-btn{
    padding: 5px 20px 3px 20px;
}
.right-sec-livedetail .sinopsis{
    margin-left: 4em;
}
.live-detail-section .back_btn_text {
    font: normal normal normal 17px/17px TV2ZFont-Regular;
}
.live-detail-section .back-btn{
    margin-left: 4.5em;
}
.live-detail-section .back-btn img{
    width: 20px;
    height: 18px;
}
.live-detail-section .back_btn_icon{
    margin-right: 30px;
}
.live-detail-section .back-btn.focused{
    border: solid 2px  rgba(0,138,255,1);
}
.right-sec-livedetail .sinopsis{
    font-size: 16px !important;
    margin-bottom: 30px;
}
.live-detail-section .back-btn{
    padding: 6px 18px;
    padding-right: 4em;
}

/* Live channel detail page style css end*/

/* signIn-signUp page CSS start*/

.svodBox-Head{
    width: 627px;
}

.svodHeader{
    font-size: 53px;
    line-height: 62.5px;
}

.svodDesc{
    font-size: 20px;
    line-height: 24.2px;
}

.svodBox-Btns{
    width: 406px;
}

.svodBtn{
    height: 64px;
    margin-bottom: 21px;
}

.svodBtnText{
    font-size: 20px;
    line-height: 23.44px;
}

.svodScanQR {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 24.2px;
    margin-top: 27px;
}

.svodQRcode {
    height: 256px;
    width: 256px;
}

.svodQRcode canvas{
    height: 256px;
    width: 256px;
}

.signIn-signUp-logo {
    width: 171px;
    margin-left: 96px;
    margin-bottom: 33px;
}
.signIn-signUp-intro {
    font-size: 35px;
    margin-left: 96px;
}
.signIn-signUp-line {
    height: 444px;
}
.signIn-signUp-heading {
    font-size: 30px;
}
.credentials-box, .scanQR-box {
    width: 164px;
    height: 164px;
    border-radius: 8px;
    margin: 37px 12px 17px 12px;
}
.credentials-titie, .scanQR-titie {
    font-size: 19px;
    width: 164px;
}
.signIn-logo {
    width: 189px;
    height: 68px;
    margin-top: 29px;
}
.signIn-heading, .signUp-heading, .verification-heading, .resetpwd-heading {
    font-size: 32px;
    margin-top: 62px;
}
.signIn-info, .signUp-info, .verification-info, .resetpwd-info {
    font-size: 21px;
    margin-top: 16px;
}
.signIn-details-container, .signUp-details-container, .resetpwd-details-container {
    margin-top: 20px;
}
.input-heading{
    font-size: 16px;
}
.access-code-details-container {
    width: 667px;
}
.rectBox, .marketing-text-rectBox, .marketing-text-rectBox2 {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
.access-code-signIn-redirect{
    width: 667px;
    height: 42px;
    padding: 0 13px;
    margin-top: 43px;
    border-radius: 11px;
}
.access-code-signIn-redirect.reduce-margin-top {
    margin-top: 23px;
}
.subscriber-heading, .activation-heading {
    font-size: 16px;
    margin-bottom: 6px;
}
.subscriber-number, .activation-code {
    margin-bottom: 22px;
}
.access-code-signIn-redirect>span {
    font-size: 18px;
}
.accept-text>span {
    font-size: 16px;
}
.error-text, .marketing-error-text1, .marketing-error-text2 {
    font-size: 16px;
    margin-top: 13px
}
.access-code-authentication-logo {
    width: 250px;
    height: 88.66px;
    margin-top: 53px;
    margin-bottom: 53px;
}
#signIn-email-input, #signIn-password-input, #subscriber-number-input, #activation-code-input,
#signUp-name-input, #signUp-email-input, #signUp-password-input,
#resetpwd-email-input, #resetpwd-password-input{
    width: 667px;
    height: 42px;
    border-radius: 4px;
    font-size: 16px;
}
#signIn-password-input, #signUp-password-input, #resetpwd-password-input {
    width: 622px;
    padding: 0px 8px;
}
.password-icon {
    width: 42px;
    height: 42px;
    padding: 0px 8px;
}
.signIn-buttons-container, .signUp-buttons-container, .verification-buttons-container, .resetpwd-buttons-container {
    width: 667px;
    height: 47px;
    font-size: 16px;
    margin: 20px 0;
}
.marketing-consent .marketing-consent-container .signUp-buttons-container {
    font-size: 16px;
    margin: 20px 0;
}
.marketing-consent-container .marketing-text .accept-text span, 
.marketing-consent-container .marketing-text2 .accept-text span {
    font-size: 21px;
}
.signIn-back-btn, .signIn-forgotpwd, .signIn-next-btn,
.signUp-back-btn, .signUp-forgotpwd, .signUp-next-btn,
.verification-back-btn, .verification-next-btn,
.resetpwd-back-btn, .resetpwd-next-btn, .resetpwd-confirm-btn {
    padding: 11px 39px;
}
.signUp-redirect, .signIn-redirect, .verification-resend, .resetpwd-resend {
    width: 667px;
    height: 42px;
    padding: 0 13px;
}
.signUp-redirect>span, .signIn-redirect>span, .verification-resend>span, .resetpwd-resend>span {
    font-size: 16px;
}
.verification-heading, .resetpwd-heading {
    margin-top: 7px;
}
.verification-logo {
    width: 60px;
    height: 60px;
    margin-top: 31px;
}
.verification-input-container, .resetpwd-input-container {
    width: 667px;
    margin: 13px 0;
}
.verification-input-container .codeInput, .resetpwd-input-container .codeInput{
    width: 49px;
    height: 49px;
    padding: 7px 0px;
    margin-right: 7px;
    font-size: 21px;
}
.resetpwd-confirm-btn {
    width: 667px;
    height: 42px;
}
.resetpwd-popup-box {
    padding: 27px;
}
.resetpwd-popup-heading {
    font-size: 21px;
    margin-top: 40px;
}
.resetpwd-popup-info {
    font-size: 16px;
    margin-top: 27px;
}
.resetpwd-popup-img {
    width: 67px;
    height: 67px;
    margin-top: 27px;
}
.resetpwd-popup-btn {
    width: 309px;
    height: 32px;
    padding: 0px 13px;
    font-size: 16px;
    margin: 27px 0px;
}

.verification-screen-popup {
    width: 670px;
    padding: 40px;
}
.verification-screen-heading {
    font-size: 25px;
}
.verification-screen-input-container {
    margin-top: 21px;
}
.verification-screen-left {
    margin-right: 21px;
    height: 227px;
}
.verification-screen-left-text {
    font-size: 17px;
    width: 373px;
    margin-bottom: 35px;
}
.verification-screen-left-error-info {
    font-size: 16px;
    margin-top: 33px;
}
.verification-screen-resend-btn {
    height: 32px;
    padding: 0px 13px;
    border-radius: 3px;
    font-size: 16px;
    margin: 21px;
}
.verification-screen-resend-btn span:not(:last-child) {
    margin-right: 7px;
}
.verification-screen-backBtn {
    width: 265px;
    height: 32px;
    padding: 0px 13px;
    border-radius: 3px;
    font-size: 11px;
}
.live_overlay {
    border-radius: 11px;
}
.verification-screen-confirmBtn {
    width: 265px;
    height: 32px;
    padding: 0px 16px;
    border-radius: 3px;
    font-size: 16px;
}
/* signIn-signUp page CSS end*/
/* Portarait images css */
.portraitImg .customCard {
    height: 216px;
    width: 147px;
    padding: 5px;
}

.portraitImg .img-class, .portraitImg .cardsection.focused .customcard-body .img-class {
    height: 206px;
    width: 138px;
}
.portraitImg .titleheader {
    margin-left: 0px;
}

.view_all_page .customsec {
    margin-bottom: 11px;
}

/* TVOD CSS */
.pricingScreen {
    padding: 87px 63px;
}
.pricingScreen .topsec .backBtn img {
    width: 30px;
    height: 30px;
}
.pricingScreen .topsec .backBtn.focused {
    padding: 5px;
}
.pricingScreen .bottomsec {
    width: 1153px;
    min-height: 483px;
    margin-top: 27px;
}
.pricingScreen .bottomsec .leftsec {
    height: 100vh;
    padding-right: 80px;
}
.pricingScreen .bottomsec .leftsec .title {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 21px;
}
.pricingScreen .bottomsec .leftsec .rentsec,
.pricingScreen .bottomsec .leftsec .buysec {
    margin-bottom: 21px;
}
.pricingScreen .bottomsec .leftsec .rentSubTag,
.pricingScreen .bottomsec .leftsec .buySubTag {
    border-radius: 13px;
    padding: 1px 8px;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 22px;
    min-width: 150px;
    padding-top: 3px !important;
}
.pricingScreen .bottomsec .leftsec .rentTitle,
.pricingScreen .bottomsec .leftsec .buyTitle {
    font-size: 33px;
    line-height: 55px;
}
.pricingScreen .bottomsec .leftsec .desc {
    font-size: 16px;
    line-height: 26px;
}
.pricingScreen .bottomsec .subscribePayInfo {
    font-size: 21px;
    line-height: 35px;
}
.pricingScreen .bottomsec .rightsec {
    padding-left: 80px;
    font-size: 24px;
    line-height: 33px;
}
.pricingScreen .bottomsec .rightsec .QRImg {
    margin: 33px 0 21px 0;
}
.pricingScreen .bottomsec .rightsec img {
    width: 238px;
    height: 238px;
}
.pricingScreen .bottomsec .rightsec .visitUrl {
    margin-top: 21px;
}
.bnr-text  .home-bnr-cta-btns {
    margin-top:16px;
}
.rentBuyInfo .availbInfo, .rentBuyInfo .expiresInfo, .rentBuyInfo .limitInfo {
    margin: 5px 0px;
}
.rentBuyInfo .availbInfo img, .rentBuyInfo .expiresInfo img {
    width: 19px;
    height: 19px;
}
.rentBuyInfo .availbInfo span {
    font-size: 15px;
    line-height: 24px;
    margin-left: 5px;
}
.rentBuyInfo .expiresInfo span {
    font-size: 15px;
    line-height: 24px;
    margin-left: 5px;
}
.rentBuyInfo .limitInfo {
    font-size: 12px;
    line-height: 20px;
}
.infoWarningScreen .leftsec {
    width: 813px;
}
.infoWarningScreen .rightsec {
    width: 467px;
    padding: 40px;
}
.infoWarningScreen .watchHeading {
    font-size: 40px;
    line-height: 65px;
    
}
.infoWarningScreen .info {
    font-size: 16px;
    line-height: 26px;
    width: 388px;
    margin-bottom: 21px;
   
}
.infoWarningScreen .info .info1 span:nth-child(2), .infoWarningScreen .info .info2 span:nth-child(2) {
    margin-left: 7px;
}
.infoWarningScreen .buttons {
    width: 333px;
}
.infoWarningScreen .buttons .agreebtn,.infoWarningScreen .buttons .laterbtn {
    width: 333px;
    height: 32px;
    border-radius: 4px;
    padding: 0px 13px;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 13px;
}
/* carouselPage changes */

.purchaseInfo {
    height: 27px;
    left: 8px;
}
.purchaseInfo > div {
    margin-right: 8px;
}

.portraitImg .purchaseInfo > div {
    margin-top: 8px;
}

.purchaseAvblText, .purchaseExprText {
    font-size: 11px;
    line-height: 17px;
    margin-left: 5px;
}
.purchaseAvbl img, .purchaseExpr img, .catchup-icon img {
    height: 27px;
}
.live-carousel-desc .rentBuyInfo {
    margin: 0 27px;
}
.show-details-wrap .expiresInfo img {
    width: 16px;
    height: 16px;
}
.home-banner .rentBuyInfo {
    top: 264px;
    margin: 0 0 0 133px;
}
#channel-buyrent-text-part1, #channel-buyrent-text-part2 {
    width: 80vw;
}
.details-section .watch-now-section .trailer-btn {
    padding: 13px 25px !important;
    font-size: 19px;
    margin-right: 11px;
}
.details-section .watch-now-section .trailer-btn span {
    line-height: 25px;
}
.details-section .watch-now-section .trailer-btn img {
    width: 27px;
    margin-right: 8px;
}
.details-page .rentBuyInfo {
    margin-top: 0;
    margin-bottom: 11px;
}
.detail_section_top_container {
    margin-left: 0px;
    /* padding-top: 76px; */
    width:592px;
    /* height: calc(100% - 40px); */
}

/* Search page loader */
.list-container-loader img {
    width: 93px;
    height: 93px;
}



/** profiles styles start ***/
.profiles{
    height: 128px;
    margin-bottom: 40px;
}
.who-is-watching .profile-pic-container {
    max-width: 142px;
    min-height: 127px;
}
.profile-pic-container{
    margin: auto 23px;
    font-size: 21px;
}
.profiles-slider .profile-pic-container {
    border: 3px solid transparent;
    margin: auto 15px;
}
.profile-pic{
    height:87px;
    width:87px;
    border: 0px solid transparent;
    font-size: 33px!important;
}
.profile-pic-container.focused .pic-box, .profiles-container .profiles-slider .focused, .otp-input-div .focused{
    border: 3px solid  rgba(0,138,255,1)!important; /* #FFF;  rgba(0,138,255,1)*/
}
.btn-profile.focused{
    border: 3px solid  rgba(0,138,255,1)!important;
}

.profile-pic-container .prf-edit{
    width: 87px;
    height: 87px;
}
.pic-box{
    width: 95px;
    height: 95px;
    margin-bottom: 16px;
    margin-bottom:16px;
}
.profile-btn-container .edit-profile-btn.focused {
    border: 3px solid  rgba(0,138,255,1);
}
.edit-profile-btn{
    height: 43px;
    padding: 16px;
    border-radius: 3px;
    font-size: 16px;
}
.edit-profile-btn img {
    width: 21px;
    height: 21px;
    margin-right: 5px;
}
.popup-icon-container img {
    width: 47px;
    height: 47px;
}
.back-arrow {
    margin-top:60px;
    margin-left:60px;
    border: 4px solid transparent;
}
.back-arrow img {
    width: 40px;
    height: 40px;
}
.back-arrow.focused {
    border: 4px solid  rgba(0,138,255,1);
}
.profiles-slider .profile-pic {
    width: 60px;
    height: 60px;
    transform: translateY(8px);
}
.profile-title {
    margin-bottom: 60px;
}
.profile-title, .popup-title{
    font-size: 24px;
}
.center-ring {
    left: calc(50% - 70px);
    height: 93px;
    width: 93px;
    border: 2px solid  rgba(0,138,255,1);
}
.btn-swiperight {
    width: 125px;
    height: 128px;
    padding: 20px 40px 0px 53px;
}
.btn-swipeleft {
    width: 125px;
    height: 128px;
    padding: 20px 53px 0px 40px;
}
.btn-swiperight img, .btn-swipeleft img, .prf-edit img, .prf-add-icon {
    width: 23px!important;
    height: 23px!important;
}
.profile-pic-container.active .profile-pic {
    width: 87px;
    height: 87px;
    border:2px solid rgba(242,242,242,1);
}
.m-b-0 {
    margin-bottom: 0px!important;
}
.btn-div {
    margin-top: 27px;
}
.user-set {
    margin-top: 27px;
}
.user-set .input-container {
    width: 533px;
}
.user-set .input-container label {
    font-size: 16px;
}
.user-set .input-container input {
    border-radius: 3px;
    height: 42px;
    font-size: 16px;
    padding-left: 8px;
}
.user-set .input-container input.focused {
    border: 1px solid  rgba(0,138,255,1);
}
.user-set .input-container input.error {
    border: 1px solid rgba(219,43,32,1);
}
.user-set .input-container .btn-profile {
    height: 43px;
    padding: 0px 8px;
    border-radius: 3px;
    font-size: 16px;
    border-radius: 3px;
}
.clear-btn{
    width: 237px!important;
}
.user-set .input-container .title {
    font-size: 24px;
}
.user-set .input-container p {
    font-size: 16px;
    margin-bottom: 21px;
}

.delete-profile .user-set .input-container .error-msg {
    margin: 11px 0 0 0;
}

.error-msg-pwd {
    margin-bottom: 27px !important;
    margin-top: 8px !important;
}
.resend-code-text{
    margin-top: 21px;
    height: 43px;
    border: 2px solid transparent;
    font-size: 16px;
    margin-bottom: 27px;
}
.resend-code-text.focused {
    border: 2px solid  rgba(0,138,255,1);
}
.user-set .otp-input-div {
    width: 333px;
}
.user-set .otp-input {
    width: 53px;
    height: 53px!important;
    border-radius: 4px;
    font-size: 27px!important;
}
.user-set .delete-profile-link {
    font-size: 11px;
}
.profile-detail {
    margin-bottom: 50px;
}
.profile-detail .rt-btn {
    height:44px;
}
.rt-btn .switch-profile-btn img,
.rt-btn .manage-profiles-btn img {
    width: 24px;
    height: 24px;
}
.lt-div .profile-pic {
    margin-right: 16px;
}
.profile-detail .lt-div .profile-info .profile-title {
    font-size: 21px;
}
.profile-detail .manage-profiles-btn {
    height: 44px;
    padding: 8px 21px;
    font-size: 16px;
    border-radius: 3px;
}
.profile-detail .switch-profile-btn {
    height: 44px;
    padding: 8px 21px;
    font-size: 16px;
    border-radius: 4px;
    margin-right:11px;
}
.profile-detail .manage-profiles-btn img, .profile-detail .switch-profile-btn img{
    margin-right: 5px;
}
/* .manage-profiles-btn.focused, .switch-profile-btn.focused {
    border: 2px solid  rgba(0,138,255,1);
} */

.edit-profile-popup {
    width: 480px;
    padding: 40px;
    z-index: 2;
    top: calc(50% - 183px);
    left: calc(50% - 240px);
}
.edit-profile-popup .input-container p {
    font-size: 16px;
    margin-bottom: 21px;
}
.edit-profile-popup .input-container .btn-profile {
    height: 43px;
    padding: 0px 8px;
    border-radius: 3px;
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 21px;
}
.edit-profile-popup .popup-title{
    margin: 11px auto 5px auto;
}
.resend-code-text span:first-child {
    margin-right: 4px;
}

#lang_list li {
    font-size: 19px;
    font-weight: 700;
    margin-bottom:5px;
    padding: 11px;
    border-radius: 3px;
    border: 1px solid transparent!important;
    height:45px;
}

#lang_list li.focused, #lang_list li:hover {
    border: 2px solid  rgba(0,138,255,1)  !important;
}
#lang_list li img{
    padding-left: 11px;
    height: 24px;
}
/** profiles styles end ***/
.loader_con_img img {
    width: 89px;
    height: 89px;
}

/*** new inApp layout styles start ****/
.checkout-content-con{
    height: 580px; /* 100%; */
    padding: 27px 21px;
    border-radius: 8px;
}
.checkout-content-con .content-div img{
    width: 67px;
    height: 67px;
    margin-bottom: 23px;
}
.checkout-content-con .content-div .title{
    font-size: 32px;
}
.column-layout {
    padding: 70px 53px 70px 117px;
}
.btn-links-con {
    /* max-width:370px; */
    width:370px;
    height:580px;
    margin-right:53px;
    padding: 27px;
    border-radius: 8px;
}
.links-content-con {
    /* min-width: 686px; */
    width:686px;
    height: 580px; /* 100%; */
    padding: 27px 21px;
    border-radius: 8px;
}
.btn-links-con .buttoncard_row_1{
    height: 416px;
    max-height: 416px;
}

.btn-links-con .blue-btn {
    border: 2px solid transparent!important;
    width: 316px;
}
.btn-links-con .profilepagebutton {
    margin: 0px 0px 16px 0px;
    /* padding: 17px; */
}
.profilepagebutton .active {
    border: 2px solid  rgba(0,138,255,1)  !important;
}
.profileDetailsItem, .subItem{
    margin-bottom: 16px;
}
.labeldiv{
    margin-right: 13px;
}
.current{
    border: 2px solid transparent!important;
}
.unsubscribedUser{
    margin:16px 0px!important;
}
.plan-btns-div{
    margin-top: 21px;
}
.plan-btns-div .left-btns .subsciptionbutton, .plan-btns-div .right-btns .subsciptionbutton{
    margin-right:16px;
    height: 44px;
    padding: 11px 21px;
    font-size: 19px;
}
.list-wrapper{
    height: 520px;
}
.dropout-link{
    font-size: 21px;
    margin-top:45px;
    margin-bottom:53px;
}
.qr-code-container #qrcode{
    height:240px;
    width:240px;
 }
 .qr-code-container #staticQRpage{
    height:240px;
    width:240px;
    padding: 17px;
 }
 .or-line-div{
    margin-bottom: 53px;
 }
 .or-line-div span {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}
.or-line-div span:before,
.or-line-div span:after {
    height: 1px;
}
.or-line-div span:before {
    right: 8px;
}
.or-line-div span:after {
    left: 8px;
}


/** plans and billing styles ***/

.horizontal-line{
    margin:32px 0px;
}
.manage-from-other-device .profileDetails{
    margin-bottom:32px;
}
.manage-from-other-device .qr-code-container img{
    width:200px;
    height:200px;
}
.accounts-div .plan-btns-div{
    margin-top:32px;
}
.accounts-div .subsciptionbutton {
    margin-right: 11px;
}
.arrow-button{
    height: 44px;
    padding: 11px 21px;
    font-size: 19px;
    background: url(../../assets/images/ic-back-on-lbg.svg) no-repeat 0px 7px;
    padding-left: 37px;
    background-size: 27px;
}
.cancel-subscription-div .content-div,
.retry-validation-div .content-div {
    margin-top: 108px;
}


.cancel-subscription-div .content-div .title,
.retry-validation-div .content-div .title {
    font-size: 25px;
    line-height: 33px;
    margin: 16px auto 11px auto;
}
.cancel-subscription-div .content-div img,
.retry-validation-div .content-div img {
    width: 47px;
    height: 47px;
}
.dialog-content{
    font-size: 19px;
    line-height: 1.4;
}
.plans-con{
    margin-top:32px;
    height: 449px;
    padding-right: 20px;
}
.plans-con .plan-data {
    margin-bottom:32px;
}
.plan-data .profileDetailsItem:last-child{
    margin-bottom: 16px;
}
.profileDetailsItem .pinLabel{
    font-size: 16px;
}
.subscription-title {
    font-size: 21px;
    line-height: 1.4;
}
.subscription-subtitle  {
    font-size: 13px;
}
.plans-container{
    height: 350px;
    margin-bottom: 24px;
    margin-top: 16px;
}
.plans-container{
    padding: 0px;
    min-height: 171px;
    margin-bottom: 24px;
    margin-top: 16px;
}
.plan-bar{
    padding: 11px 11px 11px 11px;
    height: 59px;
}
.plans-button-container{
    height:84px;
}
.plans-container .multi-plan:not(:only-child):first-child {
    margin-right: 21px;
}
.plans-button-container .dialog-content{
    font-size: 15px;
    line-height: 1.4;
    margin-bottom:21px;
}
.plans-button-container .subsciptionbutton{
    height: 44px;
    padding: 11px 21px;
    font-size: 19px;
}
.plans-button-container .subsciptionbutton:first-child {
    margin-right: 4px;
}
.plan-plantype{
    margin-bottom:16px;
}
.plantype-title {
    font-size: 19px;
    line-height: 1.4;
}
.plantype-info {
    font-size: 13px;
    line-height: 17px;
}
#discount-price .amount {
    font-size: 11px;
    line-height: 13px;
}
.plans-button-container .subsciptionbutton.focused {
    border: 2px solid  rgba(0,138,255,1)!important;
}
.plan-card{
    height: 59px;
    margin-bottom: 16px;
}
#plan-title{
    display:flex;
}
.spacebar-img {
  height: 8px;
  margin-top: 12px;
}
#plan-title,
.plan-price .amount,
.plan-price .months{
    font-size: 16px;
    line-height: 21px;
    column-gap: 5px;
}
#plan-title{
    font-size: 16px;
    column-gap: 5px;
    display:flex;
}
.offer-title{
    font-size: 12px;
    line-height: 1.4;
}

#plan-discount{
    padding: 0px 5px;
    border-radius: 67px;
    font-size: 9px;
    line-height:16px;
}

.payment-status-div .content-div .title, .account-mismatch .mismatch-div .mismatch-title{
    font-size: 25px;
    line-height: 1.4;
    margin: 16px auto 11px auto;
}
.payment-status-div .dialog-content, .account-mismatch .mismatch-div .mismatch-desc{
    font-size: 19px;
    line-height: 1.4;
}
.payment-status-div .content-div .plan-btns-div{
    margin-top:27px;
}
.payment-not-supported-div .payment-not-supported-content-div .payment-not-supported-title{
    font-size: 25px;
    line-height: 1.4;
    margin: 16px auto 11px auto;
}
.payment-not-supported-div .payment-not-supported-content-div .payment-not-supported-desc{
    font-size: 19px;
    line-height: 24px;
}
.payment-not-supported-img {
    height: 47px;
}

/** plans and billing styles end ****/


.profilepagebutton {
    font-size: 19px;
    height: 53px;
    padding: 0px 21px 4px 21px;
}

.profileTitle {
  height: 31px;
  margin: 22px 51px 8px 0;
  font-size: 19px;
}
.profileDetails,
.subscriptionDetails .subscribedUser span, .voucherUser span,
.subscriptionDetails .unsubscribedUser {
    font-size: 16px;
}


/* side nav changes */
.left-sec {
    width:92px;
}
.left-sec .navbar {
    padding: 27px 13px!important;
}
.left-sec.full-menu {
    width: auto;
    min-width: 200px;
}
.nav-container{
	height: 561px;
    margin-top: 54px;
}
.left-sec.full-menu .navbar .navbar-nav .nav-item img {
    margin-right: 10px;
}
.left-sec .logo-wrapper {
	height:60px;
}
.navbar .navbar-nav .nav-item > img {
    width: 24px;
    height: 24px;
}
.navbar .navbar-nav .nav-item {
    width: 100%;
}
.navbar .navbar-nav .nav-item.profile {
    overflow: hidden;
    margin-bottom: 16px!important;
}
.credentials-img, .scanQR-img {
    height: 107px;
    width: 107px;
}
.loader_con_img img {
    height: 93px;
    width: 93px;
}
/* css for view pages - grid view cards */
.gridViewCardforLive {
    width: 210px;
    padding: 5px;
}
.gridviewCardBasic {
    padding: 5px;
    width: 253px; /*208px;*/
}

/* schedule page alignment */
.schedule-align {
    padding-left: 119px!important;
    top: 27px!important;
}
.schedule-align .schedule-title{
    font-size: 37px;
    line-height: 49px;
    margin-bottom:17px;
}
.schedule-align .show-details-wrap .title, .schedule-align .show-details-wrap .prg-sinopsis {
    max-width: 887px;
}

/* fallback title changes for carousel cards */
.fallback-text {
    font-size: 16px;
    line-height: 19.5px;
}
.search-result-section .fallback-text {
    font-size: 16px;
    line-height: 19.5px;
    height: calc(100% - 0px);
    border-radius: 8x;
    padding: 7px;
    margin: 0px;
}

.details-section .watch-now-section .continue-watch-btn, .details-section .watch-now-section .start-over-btn, .details-section .watch-now-section .buy-or-rent, .details-section .watch-now-section .signin-button,
.details-section .watch-now-section .gotoSeries-btn {
    font-size: 19px;
    padding: 12px 24px!important;
    margin-right: 11px;
}
.livebtn-container {
    width: 100px;
}
.livebtn-container .livebtn {
    padding: 4px 8px 4px 8px;
    font-size: 14px;
}
.appversion {
    right: 57px;
    bottom: 27px;
    font-size: 14px;
}
.customcard-partnerlogo {
    top: 13px;
    right: 13px;
    /* border-radius: 5px; */
}
.customcard-partnerlogo img {
    width: 80px;
}
.top_in_region_widget_card .customcard-channellogo {
    bottom: 15px;
}
.customcard-channellogo {
    bottom: 0px;
    right: 8px;
}

.customcard-channellogo img {
    width: 53px;
}


.customcard-largepartnerlogo {
    right: 21px;
    top: 21px;
    /* border-radius: 5px; */
}

.customcard-largepartnerlogo img {
    height: 60px;
}

.customcard-bannerchannellogo {
    right: 21px;
    bottom: 27px;
}

.customcard-bannerchannellogo img {
    width: 133px;
    height: 66.5px;
}
.hidebanner {
    padding-top: 27px;
}
.content-partner-div {
    padding-left: 103px;
}
#btn-div .btn-profile:first-child {
    margin-right:27px;
}

.streaming-info {
    margin-top: 11px;
    font-size: 19px;
}
.episode-content-container{
    width: 677px;
    padding-left: 16px;
}



.live-show{
    padding-bottom: 60px;
    margin-left: 0px;
}
.live-show .live-content-title-img {
    width:160px;
    height:80px;
    margin-bottom: 5px;
}
.live-show .live-content-title-img img {
    width: 160px!important;
    height: 80px!important;
}
.live-show .bnr-text .title{
    font-size: 21px;
    margin-bottom: 11px;
}
.live-show .progress-bar-container{
    width: 309px;
    height: 5px;
    gap: 13px;
}


.catchupchannellogo {
    right: 27px;
    height: 133px;
    width: 267px;
    bottom: 27px;
}
.catchupchannellogo img{
    height: 133px;
    width: 267px;
}

.currentprg {
    color: rgba(53,80,161,1);
    font-size: 21px;
    margin-bottom: 16px;
}

.exploreContainer .topsec {
    width: 1227px;
    margin: 27px;
    margin-bottom: 21px;
}

.exploreContainer .topsec .title {
    margin-bottom: 0px;
    padding: 10px;
    border: 0;
}

.exploreContainer .topsec .logo, .exploreContainer .topsec .logo img {
    width: 107px;
    height: 53px;
}

.exploreContainer .bottomsec {
    margin-left: 27px;
}

.exploreContainer .no-content-block img {
    width: 67px;
    height: 67px;
    margin: 0;
    margin-bottom: 21px;
}

.exploreContainer .no-content-block #no-content-text {
    font-size: 21px;
}

.catchupContainer{
    padding:27px 27px 0px 27px;
}
.catchup-headtitle{
    font-size: 21px;
    margin-bottom:21px;
}
.catchup-headtitle img{
    height: 27px;
    margin-right: 5px;
}
.date-info-container{
    height:35px;
    padding:0px 16px;
    margin-bottom:16px;
}
.catchupContainer .list-container {
    padding-left: 0px!important;
}
.catchupContainer .list-container .item{
    padding: 16px;
    border-radius: 8px;
    height: auto;
    margin-bottom:16px;
}
.catchupContainer .item .item-img{
    margin-right:11px;
    width: 277px;
}
.catchupContainer .item .item-img img{
    border-radius: 5px;
}
.catchupContainer .title-container{
    margin-bottom:5px;
}
.catchupContainer .item .description{
    font-size: 16px;
}
.catchupContainer .title-container .title{
    font-size: 19px;
    margin-right: 11px;
}
.catchupContainer .title-container .duration{
    font-size: 15px;
}
.catchupContainer .clock_img{
    width:16px;
}
.button-links{
    margin-top:11px;
}
.button-links .catchup-list-btn{
    height: 35px;
    padding: 0px 16px;
    margin-right:11px;
}
.button-links .catchup-list-btn .btn-txt{
    font-size: 16px;
}
.button-links .catchup-list-btn span img{
    width: 19px;
    height: 19px;
    margin-right:5px;
}
.today-con .dateBtn, .date-select-con .dateBtn{
    width:32px;
    height:32px;
}
.today-con .today-txt{
    padding: 0px 11px;
    font-size: 16px;
}
.date-select-con .dateBtn{
    padding:0px 16px;
    height:32px;
    width:auto;
}
.date-select-con .dateBtn span img{
    margin-right:5px;
    height: 21px;
    width: 21px;
}
.date-select-con .select-txt{
    font-size: 16px;
}

.catchupContainer .no-content-block img{
    width:67px;
    height:67px;
    margin: 0px 0px 24px 0px;
}
.catchupContainer #no-content-text{
    font-size: 21px;
}
.date-out-container{
    width: 629px;
    height: 258px;
    padding: 27px;
    gap: 27px;
    border-radius: 5px;
}
.date-out-container .title{
    font-size: 24px;
}
.date-picker{
    height: 148px;
    width: 335px;
    gap: 27px;
}
.handle{
    padding: 0px 11px;
}
.handle ul li{
    font-size: 19px;
    line-height: 23px;
    height: 48px;
}
.handle ul li.active{
    height: 48px;
    padding: 11px;
}
.date-inner-container .date{
    width:69px;
}
.date-inner-container .month{
    width:79px;
}
.date-inner-container .year{
    width:94px;
}
.select-btn{
    width: 205px;
    height: 41px;
    font-size: 16px;
}

.customCard .livechannel-titlecontainer{
    width: 337px;
    bottom: 30px;
    padding: 0px 13px;
}
.searchItemTitle {
    font-size: 16px;
    padding-top: 7px;
}

.horizontal-buttons .watch-now {
    height: 46px;
    padding: 7px 9px;
    font-size: 19px;
    border-radius: 8px;
    margin-right: 11px;
  }
  
  .horizontal-buttons .watch-now img {
    width: 26px;
    height: 26px;
  }
  .horizontal-buttons .watch-now span, .horizontal-buttons .my-list span,
  .horizontal-buttons .more-options span, 
  .horizontal-buttons .watch-trailer span {
    margin-left: 6px;
  }

  .horizontal-buttons .my-list,
  .horizontal-buttons .more-options, 
  .horizontal-buttons .watch-trailer {
    margin-right: 16px;
    padding: 7px;
    border-radius: 8px;
  }
  
  .horizontal-buttons .my-list img,
  .horizontal-buttons .more-options img, 
  .horizontal-buttons .watch-trailer img {
    width: 26px;
    height: 26px;
  }
.right-sec .search-result-section .top-sec .auto-suggest-container {
    top: 45px;
}

.right-sec .search-result-section .bottom-sec .result-buttons-container {
    margin-right: 11px;
    margin-top: 30px;
    margin-bottom: 27px;
}
.result-item{
    padding: 8px 11px;
    margin-right: 11px;
    height: 39px;
}

.result-item-text{
    font-size: 19px;
}
.container-fluid .list-container {
    padding-left: 98px;
}

.details-rec-block .optionsContainer {
  margin-top: 27px;
}
.details-rec-block .program-status {
    font-size: 13px;
    margin-bottom:11px;
}
.details-rec-block .program-status .livetag{
    font-size: 11px;
    margin-right: 5px;
    padding: 3px 5px;
    border-radius: 3px;
}
.details-section .content-detail .content-desc .content.live {
    margin-right: 5px;
    padding: 3px 5px;
    border-radius: 3px;
}
.details-rec-block .program-status .program-duration{
    font-size: 13px;
}
.details-rec-block .watch-now-text, .details-rec-block .record-text, .details-rec-block .my_list_text, .details-rec-block .more-about-text {
	font-size: 16px;
}
/* Custom keyboard CSS */
.keyboard-container {
    padding: 21px;
    margin: 10px;
}
#keyboard{
    margin-right: 8px;
}
.normal-keys {
	column-gap: 27px;
    row-gap: 8px;
}
.spl-keys {
    margin-right: 5px;
}
.spl-keys .key {
    height: 43px;
}
.key {
    padding: 7px 0;
    font-size: 23px;
}
.normal-keys .key{
	width: 65px;
	height: 44px;
}
.spacebar-img {
  height: 8px;
  margin-top: 12px;
}
.key.action {
    width: 183px;
    height: 39px;
    font-size: 17px;
    margin-bottom: 10px;
}
#key span {
    font-size: 17px;
}
.key.action .icon {
    width: 24px;
    height: 24px;
    margin-right: 7px;
}
/***  line 8684 to till end 8926 from style.css ***/

.plan-upgrade-sec .exitpoupup-row .alert-title{
    margin-bottom:16px;
}
.plan-upgrade-sec .exit-alert-icon,
.payment-status-row .payment-status-icon {
    width: 53px;
    height: 53px;
    margin-bottom: 16px;
}
.plan-upgrade-sec .exitpoupup-row .alert-desc {
    margin-bottom: 27px;
}
#upgrade-plan .offer-title{
    padding: 7px;
    border-radius: 33px;
    font-size: 13px;
}
#upgrade-plan .plan-column div{
    gap: 6px;
}
#upgrade-plan .price-column .offer-price .amount, #upgrade-plan .price-column .months {
    font-size: 11px;
}
#upgrade-plan .price-column .offer-price, #upgrade-plan .price-column .plan-price{
    gap:3px;
}
#upgrade-plan #plan-title span{
    font-size: 16px;
}
#upgrade-plan .subscription-title {
    margin-bottom:5px;
}
.payment-success-div{
    height: 580px;
}
.payment-success-div .content-div img{
    width: 53px;
    height: 53px;
    margin-bottom: 16px;
}
.payment-success-div .content-div .title{
    font-size: 25px;
    margin-bottom: 11px;
}
.payment-success-div .content-div .dialog-content {
    margin-bottom: 5px;
}

.planState {
    padding: 3px 7px;
    border-radius: 33px;
    font-size: 13px;
    margin-left: 3px;
}

.contactClientNotice{
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 32px;
}
.samsungpaymentStatusLoad {
    top: 70px;
    right: 53px;
    width: 1109px;
    height: 580px;
    border-radius: 8px;
}
.payStatusOk {
	margin-top:27px;
}

.samsungpaymentStatusLoad .payStatusOkBtn {
    font-size: 19px;
    height: 44px;
    padding: 11px 21px;
    line-height: 1;
}

.samsungpaymentStatusForeground{
    padding: 27px 21px;
    border-radius: 8px;
}

.adTag {
    bottom: 33px;
    left: 33px;
    width: 69px;
    height: 41px;
}
.adTag span {
    font-size: 16px;
    line-height: 41px;
}
.manage-subscriptions-on-mobile {
  font-size: 19px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.account-mismatch  .mismatch-div img {
    width: 47px;
    height: 47px;
}
.noBillingHistory {
    font-size: 19px;
}
.proceed-ahead {
    font-size: 27px;
    margin-bottom: 47px;
}
.marketing-buttons {
    margin-top: 53px;
    height: 47px;
    font-size: 16px;
}
.marketing-buttons .back-btn, .marketing-buttons .register-btn {
    padding: 11px 39px;
}
.marketing-text-rectBox, .marketing-text-rectBox2 {
    width: 27px;
    height: 27px;
    margin-right: 11px;
}

/** New Plans Subscription Page CSS starts **/

.manage-plans-div .manage-plans-btn, .manage-plans-div .billing-history-btn {
    height: 44px;
    padding: 11px 21px;
    font-size: 19px;
}
.plans-billing-btns {
    height:44px;
}
.billing-history-btn{
    margin-left: 11px;
}
.current-plans{
    padding:32px 0px;
}
.offline-plans-div .plan-card{
    margin-bottom:29px;
}
.offline-plans-div .plan-bar{
    padding: 17px 11px 17px 11px;
}
.offline-plans-div .planState{
    padding: 4px 8px;
    border-radius: 17px;
    font-size: 10px;
}
.offline-plans-div .activePlan .planState{
    font-size: 13px;
}
.offline-plans-div .unsubscribePlan .planState{  
    font-size: 13px;
}
.offline-plans-div .plan-title{
    font-size: 16px;
}
.offline-plans-div .offer-title{
    font-size: 12px;
}
.offline-discount-price{
    font-size: 11px;
}
.offline-discount-price .months{
    padding-left: 3px;
}
.offline-subscription-title {
    font-size: 21px;
    margin-bottom:11px;
}
.offline-subscriptions-content{
    height:440px;
    padding-top:16px;
}
.offline-plans-div .plan-price .months{
    font-size: 11px;
    column-gap: 5px;
    padding-left: 3px;
}
.offline-plan-popup-sec{
    width: 400px;
    border-radius: 5px;
}
.offline-plan-popup-sec .modal-content1 .modal-body {
    padding: 27px;
}
.offline-plan-popup-sec .offlinePlanPopupBtn{
    font-size: 19px;
    height: 44px;
}
.offlinePlanPopupBtn{
    border-radius: 3px;
    margin-bottom: 8px;
}
.offline-plan-popup-sec .exitpoupup-row .info-title{
    margin-bottom:16px;
}
.offline-plan-popup-sec .exit-alert-icon{
    width: 53px;
    height: 53px;
    margin-bottom: 27px;
}
.offline-plan-popup-sec .exitpoupup-row .info-desc {
    margin-bottom: 27px;
}
.offline-plan-popup-sec .exitpoupup-row .info-title {
    font-size: 24px;
    max-height: 80px;
    margin-bottom: 16px;
}
.offline-plan-popup-sec .exitpoupup-row .info-desc {
    font-size: 16px;
    max-height: 63px;
}
.default-plans-container {
    height: 480px;
}

/** New Plans Subscription Page CSS ends **/




    /* Player Error Notification Styles */
    .PlayerErrorNotification {
        top: 21px;
        padding: 10px;
        max-width: 600px;
        min-width: 187px;
    }

    .PlayerErrorIcon {
        width: 21px;
        height: 21px;
        margin-right: 10px;
    }

    .PlayerErrorMessage {
        font-size: 16px;
    }

    /* Player Error Modal (Full-screen) Styles */
    .ipv4ErrorModalContent {
        max-width: 600px;
    }

    .ipv4ErrorModalIcon {
        width: 600px;
        margin-bottom: 16px;
    }

    .ipv4ErrorModalIcon img {
        width: 53px;
        height: 53px;
    }

    .ipv4ErrorModalTitle {
        font-size: 24px;
        margin-bottom: 11px;
    }

    .ipv4ErrorModalDescription {
        font-size: 16px;
        margin-bottom: 21px;
        max-width: 600px;
    }

    .ipv4ErrorModalButton {
        padding: 11px 32px;
        border-radius: 5px;
        font-size: 19px;
        min-width: 581px;
    }

    .default-plans-container {
        height: 460px;
        padding-right:20px;
        margin-top:20px;
    }
    .default-plans-container::-webkit-scrollbar, .plans-con::-webkit-scrollbar{
        width:3px;
    }
    .add-plan-popup-sec {
        border-radius: 5px;
    }
    .add-plan-popup-sec .modal-content1 .modal-body {
        width:567px;
        padding: 27px;
    }
    .addplans-info-row {
        margin-bottom: 27px;
    }
    .qr-code-div{
        margin-top:16px;
    }
    #addPlanQRcode{
        width: 238px;
        height: 238px;
    }
    #addPlanQRcode img{
        padding: 5px;
    }
    .qr-code-div .info-title{
        font-size: 13px;
    }
    .add-plan-popup-sec .addPlanPopupBtn{
        font-size: 19px;
        height: 44px;
    }
    .addPlanPopupBtn{
        border-radius: 3px;
        margin-bottom: 16px;
    }
    .addplans-info-row .plan-title{
        font-size: 16px;
    }
    .addplans-info-row .offer-title{
        font-size: 12px;
        margin-top: 3px;
    }
    .addplans-info-row .plan-price .months, .addplans-info-row #discount-price .months {
        font-size: 11px;
        padding-left: 3px;
    }

}