@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%;
        }
    /*alert box end*/
    /*welcome page*/
    body{
        width : 80em;
        height : 45em;
        line-height : 15px;
    }
    .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 : 1.3em;
    }
    .language {
        margin-right : 34px;
    }
    .lang.focused{
            font-size: 1.3em;
        }
    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;
        padding: 0.4em 0.6em 0.4em 0.3em;
    }
    .header .logo {
        left: -3em;
        height: 4.5em;
    }
    .middle-container {
    padding: 25px;
    }
    .login_container{
        width: 964.64px;
        height: 411.2px;
        margin: 115px 236.5px 155.3px 136.5px;
    }
    #line1 {
        font-size: 2em;
    }
    .login_page #line2 {
        width: 515.9px;
        height: auto;
        font-size: 23px;
        padding-bottom: 20px;
    }
    .login_page #line3 {
        width: 515.9px;
        height: auto;
        font-size: 23px;
        padding-top: 0em;
        padding-bottom: 20px;
    }
    .login_page .point3{
        width: 515.9px;
        height: auto;
        font-size: 23px;
        padding-top: 0em;
        padding-bottom: 20px;
    }
    .qr-code img{
        padding-top: 0px;
        padding-left: 0px;
        height: 15em;
        width: 15em;
    }
    .login_page .qr-text{
        width: 250px;
        height: 42px;
        font-size: 18px;
    }
    .login_code{
        font-size: 50px;
    }
    .login_page .auth_code{
        width: fit-content; /*300px;*/
        height: 100px;
        display: inline-block;
        min-width: 230px;
    }
    /*login page end*/

    /*home page*/
    .img-sec,.img-sec .posterImg {
        width: 42.6em;
        height: 25.3em;
    }
    .img-sec .overlay{
        height: 26em;
        left: 0;
    }
    .right-sec .strip-sec{
        width: 43.3em;
        height: 54em;
    }
    .detail-sec .strip-sec .content-title{
        font-size: 2.32em;
        height: 2.3em;
    }
    .detail-sec .strip-sec .content-detail{
        font-size: 14px;
        margin-left: 14.3em;
    }
    .bottom-sec{
        height: 19rem;
        padding-left: 9%;
    }
    .top-sec{
        height: 26.66rem;
    }
    .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;
        border: 3px solid #fafafb;
    }
    .detail-sec .strip-sec .watch-now-section .info-btn,.detail-sec .strip-sec .watch-now-section .watch-list-btn{
        width: 1.8em;
        border: 3px solid #fafafb;
    }
    .detail-sec .strip-sec .watch-now-section .info-btn{
        margin-right: 0.8em;
    }
    .titleheader {
    font-size: 24px;
    line-height: 1;
    }
    .img-class {
    height: 130px;
    width: 236px;
    }
    .customsec{
    height: 139px;
    width: 240px;
    min-width : 240px;
    border: 2px solid transparent;
    margin: 8px 5px;
    }
    .customcard-body {
        height: 135px !important;
    }
    .customCard {
        height: 141px;
    }
    .cardsection.focused .customcard-body {
        height: 135px !important;
        padding:4px;
    }
    .top_in_region_widget_card.cardsection.focused .customcard-body {
        height: 210px !important;
    }
    .cardsection.focused .customcard-body .img-class{
        height: 124.8px;
        width: 225px;
    }
    .cardsection.focused .customcard-body .img-class.seeAll_img {
        width: 201px;
    }
    .cardsection.focused .customcard-body .img-class.seeAll_img, .focused .continue_seeAll {
        height: 126.8px !important;
    }
    .customList .cardsection .customcard-body .img-class,
    .customList .cardsection.focused .customcard-body .img-class{
        width: 201px;   
    }
    .customcard-body .new-icon {
        top: 4.3em;
    }
    .homepagecontent_div .focused{
    border:3px solid #32b2bc;
    
    }
    .continueseek {
    bottom: 2px;
    height: 3px;
    }
    /*home page end*/

    /*navbar*/
    .navbar .navbar-nav .nav-item{
        height: 2.5em;
        padding: 3px;
    }
    .navbar .navbar-nav .nav-item > img{
        width: 1.2em;
        height: 18px; /*1.2em;*/
        margin: 0.3em 2em 0.5em 0.5em;
    }
    .navbar .navbar-nav .nav-item > span{
        font-size: 1.1em;
        margin-left: 0em;
        margin-top: 0.4em;
    }
    .navbar .navbar-nav .nav-item.channel > img{
        width: 1.2em !important;
        height: 1.2em !important;
    }
    .navbar .navbar-nav .nav-item.channel.selected > img{
        width: 2.5em !important;
        height: 2.5em !important;
        margin:0em 1.5em 0.5em 0em;
    }
    .navbar .navbar-nav .nav-item.channel.selected > span{
        margin-left: 0em;
    }
    .navbar .logo-wrapper{
        height: 5em;
    }
    .navbar .navbar-nav .nav-item.profile{
        margin-top: 8em;
    }
    /*nav bar end*/

    /*search page*/
    .right-sec .search-result-section{
        width: 60%;
    }
    .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*/
        margin-left: 2em;
    }
    .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 .top-sec .search-icon{
        width: 3.7em;
        height: 3.7em;
        bottom:0.8em;
        border: 2.5px solid #fafafb;
    }
    .right-sec .search-result-section .top-sec .search-field{
        font-size: 27px;
        width: 17em;
        height: 2.1em;
        left:2.8em;
        border: 2.5px solid #fafafb;
    }
    .right-sec .search-result-section .bottom-sec .list-row .list-item{
        height: 8em;
        width: 13.3em;
        margin-right: 0em;
       border: 2px solid transparent;
       background: none;
    }
    .right-sec .search-result-section .bottom-sec .list-row .list-item .img-class{
        height: 7.3em;
        width: 12.6em;
        left: 0.26em;
        top: 0.26em;
    }

    .search-result-section ol, ul{
            margin-top: -16px;
        }
    .right-sec .search-result-section .bottom-sec .list-row .list-item.focused{
        border: 2px solid #32b2bc;
    }
    /*search page end*/

    /*profile page*/
    .profiledata{
        padding-left: 120px;
    }
    .profilepage_info_txt{
        font-size: 16px;
        padding: 10px 10px 0px 135px;
    }
    .profilepagebutton{
        height: 38px !important;
        padding: 6px 14px;
        font-size: 16px;
    }
    .logout_btn{
        margin-top: 40px;
        height: auto;  /*SPI-I121*/
    }
    .buttoncard{
        padding: 0px 0px 0px 120px;
    }
    .maindetailscon{
        margin-top: 40px;
    }
    .profileDetails, .subscriptionDetails .subscribedUser span, .voucherUser span, .subscriptionDetails .unsubscribedUser{
        font-size: 16px;
    }
    .profileTitle{
        margin: 30px 77px 0px 0px;
        font-size: 20px;
    }
    .profile_hd,.profile_val{
        font-size: 16px;
    }
    /*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: 9% !important;
    }
    
    /*series end page*/
    
    /*series inner page*/
    .details-section .content-title{
        font-size: 56px;
    }
    .details-section .content-detail{
    margin-left:4em;
    }
    .details-section .content-detail .content-gener{
    font-size:14px; 
    }
    .details-section .sinopsis,.details-section .starring,.details-section .creator{
    font-size:14.6px;
    margin-left:5.3em;
    }
    .details-section .sinopsis{
    margin-bottom: 30px;
    }
    .details-section .starring{
    margin-bottom:6px;
    }
    .details-section .creator{
    margin-bottom:16px;
    }
    .details-section .watch-now-section{
    margin-left:4em;
    }
    .details-section .watch-now-section .watch-now-btn{
     font-size:1.1em;
    border:2px solid #fafafb;
    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{
    font-size:20px;
    padding:2px 5px 2px 83px;
    border: 2.5 solid transparent;
    font: normal normal normal 28px/32px Catamaran;
    }
    .details-section .my-list-btn{
    margin-top: 0.8em;
    }
    .details-section .episodes-list-btn{
    margin-top: 13px;
    }
    .details-section .back-btn{
    margin-top: 0.5em;
    }
    .details-section .audio-subtitle-btn{
    margin-top: 0.5em;
    }
    .details-section .episode-btn{
    font-size:1em;
    margin-left:4em;
    width:7em;
    border:3px solid #32b2bc;
    padding:8px;
    }
    .details-section .watch-now-section .trailer-btn{
        font-size: 1.1em;
        padding: 11px 15px 10px 50px;
    }
    .details-section .watch-now-section .continue-watch-btn, .details-section .watch-now-section .start-over-btn {
    font-size:1em;
    padding: 10px 20px 10px 20px;
    }
    /*view more*/
    .plus_icon{
        top: -92px;
        left: 44%;
        width: 35px;
    }
    .cardsection .viewall{
        top: -64%;
        font-size: 15px;
        left: 7px;
    }
    
    .customCardforLive .viewall{
        line-height: 1.5em;
        font-size: 16px;
        display: -webkit-box;
    }
    .channel-view-icon{
        width:45px !important;
        height:30px !important;
        top: -93px;
    }
    .homepagecontent_div .customCardforLive .viewall{
        top: -64%;
        font-size: 13px;
    }
    /*view more list*/
    .customList .customsec{
        width: 215px;
        min-width: 215px;
        height: 139px;
    }
    
    /*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 Catamaran;
    }
    .right-sec .side-menu .menu-list-wrapper .list-wrapper .list-header{
        font: normal normal bold 24px/36px Catamaran;
    }
    .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: 160px;
        width: 272px;
        margin-top:4em;
    }
    .listing .rightTopseclive .onair {
        width: auto;
        height: 2em;
        margin-left: 3.7em;
    }
    .listing .rightTopseclive .tag-line {
        font-size: 0.8em;
        letter-spacing:0;
        margin: 1em 0 3em 5.5em;
    }
    .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;
        border: 2px solid #fafafb ;
    }
    .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 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 #32b2bc;
}
.navbar .logo-wrapper .logo{
    width: 60px;
    height: 35px;
}
.navbar .logo-wrapper .logo.menu-opened{
    width: 154px !important;
    height: 65px !important;
}
.profilepagebutton{
    border: 2px solid #fafafb !important;
}
#buttoncard .focused{
    border: 2px solid #32b2bc !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;
}
.userDiv #lang_list li.focused{
    margin-left: 28%;
}
.right-sec .side-menu .menu-border{
    border: 2px solid #fafafb;
}
.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: 22px;
    margin-bottom: 0.6rem;
}
    #noBtn,
    #yesBtn,#logoutBtn, #cancelBtn {
    width: 250px;
    height: 30px;
    line-height: 1.41;
    font-size: 12px;
}
.exit-strip-sec{
    height: 362px;
    width: 362px;
}

    #noBtn.focused,
    #yesBtn.focused,
    #logoutBtn.focused,
    #cancelBtn.focused {
    width: 250px;
    height: 30px;
}
.exit-alert-icon{
    width: 56px;
    margin-bottom: 5%;
}
    .popup-alert{
        width: 405px;
        padding: 26.66px;
        border:  0.67px solid #32b2bc;
        height: auto;
    }
.exitpoupup-row .alert-title{
    margin-left: 0 !important; 
        width: 203px;
}
.exitpoupup-row .alert-desc{
    margin-left: 0 !important;
    font-size: 14px;
        line-height: 1.45;
}
    #btn-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.page_inner_text  span{
    font-size: 22px !important;
}
ol, ul{
    margin-bottom: -0.3rem;
    margin-top: -11px;
}
.onair_text{
    font-size: 19px;
}
.onair img{
    height: 2em;
}

.details-section .title_img {
    margin-top: 3% !important;
    margin-bottom: 0.8em !important;
    margin-left: 0.3em;
}
.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_page .side-menu .menu-list-wrapper .episode-list .list-item .image.focused{
    border: 3px solid #32b2bc;
}

/*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/plr_cntrl_subtitle_actv_icon.svg);
}
.media{
    top: 44%;
    left: 46.8%;
}
.media img {
    width: 65px !important;
}
.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: 1em;
    width: 2em;
}
.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/54px Catamaran !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{
        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{
    border: 1px solid #fafafb;
        line-height: 26px;
        width: 160px;
        height: 32px;
        font-size: 16px;
        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: 180px;
}
.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: 180px;
        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: 15px;
        margin-top: 8px;
        width: 647px;
        height: 144px;
        margin-left: 16px;
        line-height: 24px;
}
.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: 16px;
        line-height: 26px;
        margin-left: 16px;
        width: 500px;
}
.clock_img{
        position: absolute;
        right: 0;
        width: 21px;
        height: 21px;
}
.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;
}

.media {
    top: calc(50% - 27px);
    left: calc(50% - 20px);
  }
  .media img {
    height: 54px!important;
    width:auto!important;
  }
  .loader {
    top: calc(50% - 60px);
    left: calc(50% - 60px);
  }

.loader img {
    width: 120px;
    height: 120px;
}
.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: 2em;
}
.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*/
body {
    width: auto;
    height: auto;
}
.right-sec .logo{
    background-size: 90px;
    top: 1.9em;
    left: 1em;
    height: 65px;
    width: 100px;
}
.right-sec .strip-sec{
    background-size: 90%;
}
.details-section .title_img img{
    height: 156px;
}
.title_img img {
    width: 300px;
    height: 185px;
}
.details-section .content-detail .content-gener{
    font-size: 14px;
    line-height: 5px;
}
.details-section .sinopsis{
    font-size: 14px;
    height: 4.2em;
        margin-bottom: 16px;
}
.details-section .starring{
    font-size: 14px;
}
.details-section .content-detail{
    margin-bottom: 0;
    margin-left: 4.7em;
}
.details-section .creator{
    font-size: 14px;
    margin-bottom: 13px;
}
.details-section .watch-now-section {
    margin-left: 4.7em;
}
.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{
    font-size: 17px;
    padding: 0px 12px 0px 69px;
}
.details-section .episodes-list-btn{
    background-size: 11%;
    margin-left: 4.7em;
    border: 2.5px solid transparent;
    background-position: 8%;
}
.details-section .my-list-btn{
    background-size: 9% !important;
    margin-left: 4.7em;
    border: 2.5px solid transparent;
}
.details-section .audio-subtitle-btn{
    background-size: 9% !important;
    margin-left: 4.7em;
    border: 2.5px solid transparent;
}
.details-section .back-btn{
    background-size: 10% !important;
    margin-left: 4.7em;
    border: 2.5px solid transparent;
}

.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 .subscribe-to-watch,
    .details-section .watch-now-section .upgrade-plan,
    .details-section .watch-now-section .cant-watch{
    padding: 10px 24px;
    font-size: 16px;
    border: 2px solid #fafafb;
}
.details-section .watch-now-section .trailer-btn{
    background-size: 14%;
    padding: 12px 19px 8px 68px;;
    background-position: 30%;
}
.details-section .content-title {
    font-size: 45px;
    margin-top: 1.9em;
}
.details-section .watch-now-section .continue-watch-btn.focused, 
.details-section .watch-now-section .start-over-btn.focused,
.details-section .my-list-btn.focused,
.details-section .episodes-list-btn.focused,
.details-section .audio-subtitle-btn.focused,
.details-section .back-btn.focused,
.details-section .watch-now-section .trailer-btn.focused,
.details-section .watch-now-section .watch-now-btn.focused,
.details-section .more-about-btn.focused,
.details-section .remove-from-continue-watch-list-btn.focused,
    .details-section .watch-now-section .subscribe-to-watch.focused,
    .details-section .watch-now-section .upgrade-plan.focused,
    .details-section .watch-now-section .cant-watch.focused {
    border: solid 2px #32b2bc !important;
}
.details-section .content-detail .content-desc {
    font-size: 1em;
    margin-bottom: 2.5em;
}
.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: 16px;
}
.right-sec .side-menu .menu-border .arrow{
    height: 1.4em ; 
    width: 1.4em ;
}
.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: 1em;
}
/*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-wrapper .logo {
    width: 59.9px;
    height: 36.4px;
}
.navbar .logo-wrapper{
    height: 6em;
}
.navbar .navbar-nav .nav-item {
    height: 2.5em;
    margin-bottom: 0.5em;
    border: 2.7px solid transparent;
    padding: 7px 13px;
}
.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: 2.7px solid #32b2bc;
}
.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-top: 2em;
}
/*left menu ends*/
/*Home start*/
.title_img {
    margin-bottom: 20% !important;
} 
/*Home ends*/
    
/*channel detail start*/
.listing .rightTopseclive .watch-now-btn.focused {
    border: solid 2px #32b2bc !important;
}
/*channel detail ends*/
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .image.focused {
        border: 3px solid #32b2bc;
}
.right-sec .side-menu .menu-border.focused {
        border: 2px solid #32b2bc !important;
}
.player_page .side-menu .menu-border.focused {
    border: 3px solid #32b2bc;
}
.customsecLive.focused .img-classforlive {
    margin-left: 1.9%;
    margin-top: 1.5%;
}
.channel-icon{
    left: 2%;
}
.cardsection.focused .customcard-bodyLive .img-classforlive{
    width: 97%;
    height: 96%;
    margin-left: 1.2%;
    margin-top: 1.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: 20px;
        height: 20px;
        margin-left: 0px;
    }
    .live-detail-section .more_about_icon img {
        width: 20px;
        height: 20px;
    }
    .details-section .more-about-btn{
        padding: 6px 18px;
        margin-left: 4.8em;
        border: 2.5px solid transparent;
    }
    .live-detail-section .more-about-btn{
        padding: 6px 18px;
        margin-left: 4.5em;
        border: 2.5px solid transparent;
        margin-top: 2em;
    }
    .live-detail-section .more-about-btn.focused{
        border: solid 2px #32b2bc !important;
    }
    #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;
        margin: 2em 0 1.5em 1.5em;
    }
    .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-right: 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: 13px;
    }
    .pinBlock span{
        font-size: 50px;
    }
    .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%;
    }
    /*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;
        width: 93%;
        top: 40%;
        line-height: 1.4;
    }
    .view_all_page .title-on-img{
        top: 15%;
    }
    .group-collection-tagline{
        font-size: 20px;
    }
    .strip_for_group_item{
        width: 250px;
        margin-left: -278px;
    }
    .channel-icon{
        position: absolute;
        bottom: 15%;
        left: 22%;
        align-items: center;
        width: auto; /*130px; */
        height: 89px;
    }

/* live channels blur image and stripe image new changes */
.customsec_livecard .strip_for_live_card{
    width: 96%;
    height: 94%;
    margin-left: -95%;
    margin-top: -54%;
}
.customcardBodyLive .strip_for_live_card{
    margin-top: 3px;
    margin-left: -266px;
    height: 150px;
}
.viewall_live .strip_for_live_card{
    width: 201px;
    height: 125px;
    margin-top: -1px;
    margin-left: -201px;
}
    /* 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;
}
.channel-list-item .strip_for_live_card{
    margin-left: -202px;
    width: 207px;
    position: absolute;
    height: 120px;
}

/* top in region */
.top_in_region_widget_card{
    width: 325px !important;
    height: 211px !important;
    min-width: 328px !important;
}
.top_in_region_widget_img {
    width: 314px !important;
    height: 198px !important;
}
.top_in_region_widget_card.focused .num_border{
    top: 44px;
}
.top_in_region_widget_card .num_border{
    width: 135px;
    top: 45px;
    left: 4px;
}
.top_in_region_widget_card.focused .num_border {
    left: 4px;
}
.top_in_region_widget_card .numberKey{
    -webkit-text-stroke: 0px #fafafb ;
    font-size: 100px;
    top: 136px;
    left: 23px;
}
.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: 142px;
}
.top_in_region_widget_card .plus_icon {
    top: -133px !important;
    left: 45% !important;
}
.top_in_region_widget_card .viewall {
    top: -58%;
}
.top_in_region_widget_card.cardsection .customcard-body {
    padding: 4px;
}
.content_genre_oncard{
    width: 200px;
    right: 22px;
    left: 109px;
    line-height: 1;
    font-size: 18px;
    margin-top: 48%;
    margin-left: 1%;
}

.adjustment_layer_on_card{
    top: 4px;
    left: 4px;
    width: 98%;
    height: 95%;
}

/* view all card css*/
.customList .cardsection .customcard-body .img-class.seeAll_img, .continue_seeAll {
    height: 125px !important;
    width: 201px !important;
}
.customList .cardsection .customcard-body {
    height: 135px !important;
    padding: 4px;
}
.view_all_page .list-container {
    top: 50%;
}

/*new requirement changes group collection carousel imgs */
.row_group_collection .customsec{
    height: 114px;
    width: 150px;
    min-width: 167px;
}
.row_group_collection .customCard {
    height: 113px;
}
.row_group_collection .cardsection .customcard-body {
    height: 110px !important;
    padding-left: 5px !important;
    padding-right: 7px !important;
    padding-top: 5px !important;
    padding-bottom: 4px !important;
}
.row_group_collection .cardsection .customcard-body .img-class {
    height: 97px;
    width: 151px;
}
.group_item_shadow {
    position: absolute;
    height: 99px;
    top: 4px;
    right: 6px;
    width: 152px;
}
.focused .group_item_shadow{
    right: 4px;
}
.row_group_collection .cardsection .viewall {
    font-size: 14px;
    margin-top: 0%;
}
.row_group_collection .plus_icon {
    top: -72px !important;
    left: 44%;
    width: 18%;
}
.customList .group_item_shadow {
    position: absolute;
    width: 210px;
    height: 134px;
    top: 1px;
    right: 1px;
}
.top_in_region_widget_card .customcard-body{
    height: 210px !important;
}
.group_collection_seeAll.view_all_page .list-container{
    top: 314px;
}
.group_collection_seeAll .titleheader{
    font-size: 50px;
    margin-bottom: -26px;
}
.group_collection_seeAll .top-sec,
.view_all_page .top-sec {
    height: 310px;
}
.group_collection_seeAll .right-sec .strip-sec,
.view_all_page .right-sec .strip-sec{
    width: 632px;
    height: 310px;
}
.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,
.view_all_page .img-sec {
    width: 609px;
    height: 310px;
}
.group_collection_seeAll .img-sec .posterImg, .img-sec .posterImg1,
.view_all_page .img-sec .posterImg {
    width: 625px;
    height: 310px;
}
.group_collection_seeAll .title-on-img{
    font-size: 24px;
    top: 38%;
    line-height: 1.3;
}

.group_collection_seeAll .customList .customsec {
    height: 146px;
    width: 215px;
    min-width: 215px;
}
.group_collection_seeAll .customCard {
    height: 150px;
}
.group_collection_seeAll .cardsection .customcard-body{
    height: 145px !important;
    padding-left: 10px;
    padding-top: 7px;
}
.group_collection_seeAll .customList .cardsection .customcard-body .img-class.seeAll_img{
    height: 125px !important;
    width: 190px !important;
}
.group_collection_seeAll .customList .group_item_shadow {
    height: 132px;
    top: 3px;
    right: 0px;
}
/* css for new menu scroll changes*/
.nav-item span {
    font-size: 17px;
    margin-left: 1.5em;
    margin-top: 0em;
    width: 160px;
    line-height: 20px;
}
.navbar .navbar-nav .nav-item > img {
    margin-right: 10px !important;
}
/* Player error screen changes */
.PlayerErrorScreen {
    width: 1280px;
    height: 720px;
  }
  .playerErrorMessage {
    font-size: 28px;
    margin-bottom: 40px;
    width: 1000px;
    line-height: 36px;
  }
  .PlayerErrorImage {
    background-size: 87px;
    margin-bottom: 5px;
  }
  .PlayerErrorBackButton {
    font-size: 20px;
    line-height: 20px;
    padding: 7px 50px;
  }
  .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;
}
.detail-sec .home-banner .content-title {
    font-size: 2.2em;
}
.detail-sec .home-banner .title_img {
    margin-left: 3.8em;
}
.detail-sec .home-banner .content-detail {
    margin-left: 9.5em;
    font-size: 14px;
    top: 18.5em;
}
.home-banner-more-details-btn {
    font-size: 1.2em;
    margin-left: 7em;
    padding: 10px 25px 10px 25px;
    top: 15.5em;
}
.home-banner-slider {
    margin-left: 7.6em;
    top: 22em;
}
.home-banner-slider-item {
    width: 1.0em;
    height: 1.0em;
    margin: 12px;
}
    .detail-sec .home-banner .title_text {
    font-size: 0.8em;
    margin-left: 10.3em;
    line-height: 1.15em;
}
.optionsContainer {
        height: 26.5%;
        padding-bottom: 10px;
}
/* Keyboard changes */
.right-sec .search-result-section {
    left: 10%;
    width: 87%;
}
.right-sec .search-result-section .top-sec .keyboardSearchInput {
    width: 95%;
    left: 1em;
}
.right-sec .search-result-section .top-sec .keyboardSearchInput.focused {
    border: 2.5px solid #32b2bc;
}
.right-sec .search-result-section .bottom-sec {
    width: 100%;
    padding-left: 0;
}
.right-sec .search-result-section .bottom-sec .list-row {
    width: 100%;
    margin-left: 2em;
}

/* 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;
    font: normal normal normal 17px/17px Catamaran;
    height: 17px;
    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: 20%;
    top: 0;
}
.right-sec .search-result-section .bottom-sec {
    top: 0;
}
/* Mouse navigation on carousel changes */
.arrowItem {
    margin-top: 48px;
    height: 139px;
}
.portraitImg .arrowItem {
    margin-top: 37px;
}
.leftArrowItem {
    margin-left: -1px;
}

/* Content details page changes for options container */
.details-section .more-about-btn, .details-section .my-list-btn, .details-section .episodes-list-btn, .details-section .remove-from-continue-watch-list-btn, .details-section .audio-subtitle-btn, .details-section .back-btn, .live-detail-section .more_about_icon, .live-detail-section .more-about-btn {
    margin-top: 0.6em;
    margin-left: 4.5em;
    border: 2.5px solid transparent;
    font-size: 17px;
    padding: 0px 12px 0px 10px;
}
.details-section .more_about_icon, .details-section .my_list_icon, .details-section .episodes-list-icon, .details-section .continue-watch-icon, .details-section .audio-subtitle-icon, .details-section .back-icon, .live-detail-section .more_about_icon, .live-detail-section .back_btn_icon {
    margin-right: 34px;
    width: 35px;
}
.details-section .more_about_icon img, .details-section .my_list_icon img, .details-section .episodes-list-icon img, .details-section .continue-watch-icon img, .details-section .audio-subtitle-icon img, .details-section .back-icon img, .live-detail-section .back_btn_icon img {
    width: 60%;
    margin-left: 0px;
}
.details-section .more_about_text, .details-section .my_list_text, .details-section .episodes-list-text, .details-section .continue-watch-text, .details-section .audio-subtitle-text, .details-section .back-text, .live-detail-section .more_about_text, .live-detail-section .back_btn_text {
    font-size: 17px;
    font: normal normal normal 17px/17px Catamaran;
    height: 17px;
    margin-left: 34px;
}
    /* Content details page side menu episode desing change */
    #menu-border-episode {
        margin-left: 27px;
        margin-right: 20px;
    }

    .episodePlayIcon {
        bottom: 19px;
        left: 13px;
    }

    .seasonSynopsis {
        font-family: 'Catamaran';
        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 {
        font-size: 16px;
    }
    .right-sec .side-menu .menu-list-wrapper .season-list .list-item.active.focused {
        font-size: 19px;
    }

    /* Content detail page local title changes */
    .details-section .title_text {
        font-size: 19px;
        margin-bottom: 22px;
        margin-left: 59px;
        font-weight: 700;
        line-height: 31px;
    }

    .details-section .title_text_local {
        font-size: 40px;
        margin-bottom: 22px;
        margin-left: 59px;
        font-weight: 700;
        line-height: 65px;
        margin-top: 67px;
    }

    .below_title_text {
        font-size: 19px !important;
        margin-bottom: 22px !important;
        margin-left: 59px !important;
        line-height: 31px !important;
        margin-top: unset !important;
    }

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

    /* Home page local & original title change */
    .detail-sec .strip-sec .title_text {
        font-weight: 700;
        font-size: 19px;
        line-height: 1;
        margin-bottom: 12px;
        max-height: 79px;
    }

    .detail-sec .strip-sec .title_text_local {
        font-weight: 700;
        font-size: 40px;
        line-height: 1;
        margin-bottom: 12px;
        max-height: 79px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home_below_title_text {
        font-weight: 700 !important;
        font-size: 19px !important;
        max-height: 39px;
    }

    .home_below_title_text_hero_banner {
        font-weight: 700 !important;
        font-size: 19px !important;
        max-height: 39px;
        margin-top: -30px !important;
        margin-left: 7em;
    }

    .hero-banner-iconImg {
        width: 300px !important;
        height: 150px !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: 0.67px solid #32b2bc;
        padding: 0px 13.33px;
        margin: 5.33px 13.33px;
    }

    .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 #32b2bc!important;
        height: 43px!important;
        font-size: 19px;
        line-height: 31px;
        margin-top: 13px;
    }

    .devices-container .device {
        padding: 13px;
        width: 467px;
        height: 210px;
        border: 0.67px solid #3d3d3d;
        margin:8px;
    }
    .device.focused{
        border: 0.7px solid #32b2bc;
    }
    .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 #32b2bc;
        padding: 0px 13px;
    }

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

    .edit-btn.focused {
        border: 0.67px solid #32b2bc !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;
    }

    .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;
        min-width: 17px;
        max-height: 30px;
    }

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

    .input-texture {
        margin: 53.33px;
    }

    .overlay-container .input-texture input {
        height: 53px;
        left: 1em;
        border: 1.34px solid #32b2bc;
        font-size: 28px;
        line-height: 22.66px;
    }
    .device-alert-icon{
        width: 40px;
        height:40px;
    }
    /* 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;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .concurrentPopupRedirectButton {
        padding: 0px 13px;
        width: 331px;
        height: 32px;
        font-size: 11px;
        line-height: 17px;
        margin-bottom: 16px;
    }
    .concurrentPopupBackButton {
        padding: 0px 13px;
        width: 331px;
        height: 32px;
        font-size: 11px;
        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: 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;
    margin-top: 3% !important;
}
.portrait_banner_with_metadata_content_title {
    margin-left: 347px !important;
}
.portrait_banner_with_metadata_content_title_local, .portrait_banner_with_metadata_content_detail, .portrait_banner_with_metadata_btn {
    margin-left: 347px !important;
}
.portrait_banner_with_metadata_content_title_local {
    margin-top: -80px !important;
    font-size: 40px !important;
    line-height: 2 !important;
}
/* handling banner layouts in details page */
.portrait_banner_with_metadata_details-section_title_text {
    margin-left: 59px !important;
}
.portrait_banner_with_metadata_details-section_title_text_local {
    font-size: 40px !important;
    line-height: 65px !important;
}
.portrait_banner_with_metadata_details-section_icon_img {
    width: 303px !important;
    height: 464px !important;
}

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

/* 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;
    background: #4D4D4D;
    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: 16px;
}
.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 Catamaran;
}
.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 #32b2bc;
}
.right-sec-livedetail .sinopsis{
    font-size: 16px !important;
    margin-bottom: 30px;
}
.live-detail-section .back-btn{
    padding: 6px 18px;
    padding-right: 4em;
}
.listing .rightTopseclive .iconImg{
    margin-top: 2em;
}
.listing .rightTopseclive .tag-line{
    margin-bottom: 2em !important;
}
/* Live channel detail page style css end*/

/* signIn-signUp page CSS start*/
.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: 95px;
    height: 57px;
    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-Error-info, .signUp-Error-info, .verification-Error-info, .resetpwd-Error-info {
    font-size: 16px;
    border: 3px solid #32b2bc;
    padding: 5px 11px;
    margin-top: 16px;
    width: 667px;
}
.signIn-details-container, .signUp-details-container, .resetpwd-details-container {
    margin-top: 20px;
}
.input-heading{
    font-size: 16px;
}
#signIn-email-input, #signIn-password-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;
}
.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: 11px;
    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;
}
.verification-screen-confirmBtn {
    width: 265px;
    height: 32px;
    padding: 0px 16px;
    border-radius: 3px;
    font-size: 11px;
}
/* signIn-signUp page CSS end*/
/* Portarait images css */
.portraitImg .customCard {
    height: 231.3px;
}
.portraitImg .customsec {
   margin-top: 0;
   height: 231.3px;
   width: 160px;
   min-width: 160px;
}
.portraitImg .cardsection.focused .customcard-body {
    height: 231.3px !important;
}
.portraitImg .customcard-body, .portraitImg .cardsection.focused .customcard-body {
    height: 231.3px !important;
    padding: 5px;
}
.portraitImg .img-class, .portraitImg .cardsection.focused .customcard-body .img-class {
    height: 215px;
    width: 143.3px;
}
.portraitImg .titleheader {
    margin-left: 0px;
}
.portraitImg .plus_icon {
    top: -142px;
}
.view_all_page .customsec {
    margin-bottom: 11px;
}
}