@media screen and (min-width: 980px) {

    body {
        line-height: 28px;
    }

    body view.with-header section,
    body.player-show view.with-header section {
        padding-bottom: 0px;
    }

    /* a:hover {
        text-decoration: underline;
    } 

    .list a:hover, article a:hover, toolbar a:hover, .container-icons a:hover, .footer-socials a:hover, .footer-podcasts a:hover, .footer-toolbar a:hover{
        text-decoration: none;
    }  */

    .p-desktop-l-20 {
        padding-left: 20px;
    }

    .hide-if-desktop {
        display: none !important;
    }

    .show-if-desktop {
        display: block !important;
    }

    .d-none {
        display: none !important;
    }

    view headerbar li.with-icon .material-icons {
        line-height: 60px;
    }

    body.tech-browser .tags {
        display: block;
    }

    body.tech-browser .tags .tag {
        display: inline-block;
        margin-bottom: 10px;
    }

    player {
        width: 60%;
        left: 20%;
    }

    .video-player-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    article .bar {
        width: 100%;
    }

    article h3 {
        font-size: 20px;
        line-height: 26px;
    }

    #toolbar-button-home {
        display: none;
    }

    headerbar .title.show {
        display: none;
    }

    body.player-show player {
        z-index: 1000;
        position: fixed;
        height: 140px;
        border-radius: 10px;
        width: 960px;
        bottom: 10px;
        left: calc(50% - 480px);
        backdrop-filter: blur(10px);
        box-shadow: none;
    }

    body.player-show player thumbnail {
        height: 120px;
        width: 210px;
        left: 10px;
        top: 10px;
    }

    body.player-show player .title {
        top: 50px;
        left: 235px;
        font-size: 16px;
        /* width: 40%; */
        right: 440px;
    }

    body.player-show player description {
        top: 70px;
        left: 235px;
        font-size: 15px;
        /* width: 40%; */
        right: 440px;
    }

    body.player-show player .material-icons {
        line-height: 140px;
        height: 140px;
        width: 50px;
        font-size: 32px;
    }

    body.player-show player .material-icons.pause {
        right: 50px;
        font-size: 34px;
    }

    #footer-copy {
        display: block;
    }

    toolbar li[action="_navigator.menu.main()"] {
        position: absolute;
        left: 0px;
    }

    toolbar {
        display: block;
        bottom: auto;
        height: 88px !important;
        top: 0px;
        border-bottom: 1px solid #333;
    }

    toolbar .logo, footer .logo {
        position: absolute;
        /* left: 77px; */
        top: 0px;
        height: 60px;
        background-size: contain;
        width: 90px;
    }

    toolbar li[view="contents"] .icon {
        background: transparent;
        border: 0px;
        height: 30px;
        width: 30px;
    }

    toolbar .description {
        display: flex;
        position: absolute;
        right: 0px;
    }

    toolbar .description .footer-socials {
        display: flex;
        margin-right: 10px;
    }

    toolbar .description .footer-socials .icon,
    footer .footer-socials .icon,
    footer .footer-podcasts .icon {
        width: 26px;
        height: 26px;
        background: #444;
        border-radius: 100%;
        margin-top: 17px !important;
        margin-right: 10px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        transition-duration: 300ms;
    }

    footer .footer-podcasts .icon {
        margin-top: 0px !important;
    }

    toolbar .description .footer-socials .icon:hover,
    footer .footer-socials .icon:hover,
    footer .footer-podcasts .icon:hover,
    .container-social .action-button:hover {
        background-color: #5fc531;
    }

    toolbar li .text,
    toolbar li .icon,
    .container-social .action-button {
        transition-duration: 300ms;
    }

    toolbar li:hover .text,
    toolbar li:hover .icon {
        color: #5fc531;
    }

    headerbar {
        top: 0px;
        border: 0px;
        z-index: 1000;
        height: 88px;
        background: transparent;
        backdrop-filter: none;
        pointer-events: none;
    }

    headerbar .left {
        pointer-events: initial;
    }

    headerbar li[action="window.location='#account'"],
    headerbar li[action="window.location='/account'"] {
        display: none;
    }

    modal headerbar {
        border: 0px;
    }

    .tabs-selectors {
        max-width: 360px;
        margin: auto;
    }

    headerbar .container {
        max-width: 100%;
        position: relative;
        margin: auto;
        height: 88px;
    }

    modal headerbar,
    modal headerbar .container {
        height: 60px;
        pointer-events: initial;
    }

    modal headerbar .left {
        bottom: 0px;
    }

    header {
        background-size: auto 480px !important;
        background-position: top right !important;
    }

    header h1 {
        margin-top: 0px;
        line-height: 38px;
        font-size: 32px;
    }

    header .contents .actions-desktop {
        display: flex !important;
        justify-content: flex-start;
    }


    header .contents .actions-desktop small {
        line-height: 44px;
        display: block;
    }

    header .contents .program-actions,
    header .contents .episode-actions,
    header .contents .userplaylist-actions,
    header .contents .live-actions,
    header .return-start,
    header .return-live {
        display: none !important;
    }

    header .program-contacts .telephone-container,
    header .program-contacts .sms-container,
    header .program-contacts .email-container,
    header .program-contacts .container-socials .container-icons {
        display: flex;
        align-items: center;
        min-width: fit-content;
    }

    header .program-contacts .telephone-container .show-if-desktop,
    header .program-contacts .sms-container .show-if-desktop,
    header .program-contacts .email-container .show-if-desktop,
    header .program-contacts .container-socials .show-if-desktop {
        min-width: fit-content;
    }

    header .program-contacts .sms-container .show-if-desktop,
    header .program-contacts .email-container .show-if-desktop,
    header .program-contacts .container-socials {
        border-left: gray solid 1px;
        padding-left: 20px;
    }

    header .program-contacts .telephone-container .text,
    header .program-contacts .sms-container .text,
    header .program-contacts .email-container .text,
    header .program-contacts .container-socials .text {
        line-height: 32px;
    }

    header .program-contacts .container-socials .container-icons .container-social .action-button,
    header .program-share-socials .container-socials .container-icons .container-social .action-button,
    header .episode-share-socials .container-socials .container-icons .container-social .action-button {
        margin-left: 0px;
        display: block;
        background: rgb(1 49 36 / 60%);
    }

    header .program-share-socials .container-socials,
    header .episode-share-socials .container-socials {
        display: flex;
        align-items: center;
    }

    header .show-if-desktop.actions-desktop .action-button {
        margin-right: 0px !important;
    }

    header .show-if-desktop.actions-desktop .action-button.playlist {
        margin-left: 20px !important;
    }

    header .program-contacts {
        justify-content: flex-start;
    }

    header .button {
        display: inline-block;
    }

    header .actions-desktop .action-button {
        display: inline-flex;
        line-height: 44px !important;
        width: auto;
    }

    header .program-contacts {
        margin-bottom: 0px;
    }

    header .play-on {
        display: flex;
    }

    header .play-off {
        display: flex;
    }

    header #home-live-title {
        /* margin-top: 10px; */
        /* margin-bottom: 10px; */
    }

    header #home-live-description {
        /* margin-bottom: 12px; */
        /* font-size: 24px; */
    }

    header .return-start, header .return-live {
        display: none !important;
    }

    header::before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    header::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 56%, rgba(0, 0, 0, 0) 65%);
    }

    /*
    body.backgroundAdv header::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 47%, rgba(0, 0, 0, 0) 65%);
    }
    */

    header .program-sponsor-image {
        top: 40px;
    }

    header .program-title{
        justify-content: left;
    }

    #home-header-carousel .owl-nav{
        display: none;
    }

    toastmessage {
        width: 60%;
        left: 20%;
        margin-left: 0px;
        margin-right: 0px;
        box-sizing: border-box;
    }

    toastmessage.show {
        -webkit-transform: translateY(calc(env(safe-area-inset-top) + 190px));
        -moz-transform: translateY(calc(env(safe-area-inset-top) + 190px));
        -ms-transform: translateY(calc(env(safe-area-inset-top) + 190px));
        transform: translateY(calc(env(safe-area-inset-top) + 190px));
    }

    floatingmenu ul {
        width: 400px;
        left: calc(50% - 200px);
    }

    button.desktop-auto {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        min-width: 120px;
    }

    #home-lists .m-l-20 {
        margin-left: 80px !important;
    }

    #home-lists .list.horizontal {
        padding-left: 70px;
    }

    .button {
        color: white;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        display: inline-block;
        justify-content: center;
        align-content: center;
        font-weight: bold;
        border-radius: 44px;
        cursor: pointer;
        padding-left: 32px;
        padding-right: 32px;
        text-transform: uppercase;
        /* background-color: #5fc531; */
        background-color: #333333;
        box-shadow: inset 0px 0px 0px 2px #333333, 0px 0px 0px 2px #5fc531;
    }

    view section.radio24-tv .button {
        background-color: #333333;
        box-shadow: inset 0px 0px 0px 2px #333333, 0px 0px 0px 2px #09a79e;
    }

    header[player-id="radio24-tv"] .show-if-desktop .home-live-play-button{
        background-color: #333333;
        box-shadow: inset 0px 0px 0px 2px #333333, 0px 0px 0px 2px #09a79e;
    }


    .button:hover .material-icons.play-on {
        color: #5fc531;
    }

    .button.with-icon {
        padding-left: 0px;
    }

    .button .material-icons {
        line-height: 44px;
        font-size: 44px;
        margin-right: 5px;
    }

    .material-icons {
        cursor: pointer !important;
    }

    header .contents {
        position: absolute;
        left: 80px;
        bottom: 20px;
        width: 20%;
        text-align: left;
        width: 58%;
    }

    header tag .return-start, header tag .return-live {
        display: none;
    }

    player .loader {
        left: -450px;
        bottom: 26px;
        width: 5em;
        height: 5em;
    }

    .return-start, .return-live {
        display: none;
    }

    view section {
        padding-top: 88px !important;
        padding-left: calc(50% - 540px);
        padding-right: calc(50% - 540px);
        margin: auto;
    }

    view section#home-level-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #nologged section {
        padding-top: 10px !important;
    }

    view[level="0"] headerbar {
        display: none !important;
    }

    view[level="0"] section {
        padding-top: 88px !important;
    }

    #intro-swipe,
    #tutorial-welcome {
        display: none !important;
    }

    #nologged section {
        padding-left: calc(50% - 180px);
        padding-right: calc(50% - 180px);
    }

    modal .body {
        max-width: 680px;
        margin: auto;
    }

    modal .body.fullscreen {
        max-width: none !important;
        /* margin: auto; */
    }

    modal headerbar {
        top: 0px;
    }

    toolbar li {
        height: 88px;
        display: flex;
        width: auto !important;
        padding-left: 6px;
        padding-right: 6px;
    }

    toolbar li .text {
        display: block;
        font-size: 16px;
        padding-left: 10px;
        text-transform: none;
        position: relative;
        line-height: 88px;
    }

    toolbar .icon {
        width: auto;
        margin: auto !important;
        height: 88px;
        margin-left: 20px;
    }

    toolbar .icon .material-icons {
        line-height: 88px;
    }

    toolbar li[view="contents"] .icon span {
        line-height: 30px;
    }

    toolbar li[view="home"] .icon span {
        margin-left: 77px;
    }

    toolbar ul {
        max-width: fit-content;
        margin-left: 40px;
        display: block;
        margin: auto;
        position: absolute;
        right: 200px;
    }

    toolbar li[view="trend"] {
        position: absolute;
        right: 0px;
    }

    toolbar li[view="rating"] {
        position: absolute;
        right: 120px;
    }

    toolbar li[view="contents"] .icon {
        width: 50px;
        height: 50px;
        background: #000;
        color: #fff;
        line-height: 50px;
    }

    body[view='chat'][level='1'] toolbar {
        transform: translateY(0px);
    }

    section[content="chat-detail"] #chat-list-messages {
        top: 132px;
        left: calc(50% - 384px);
        right: calc(50% - 384px);
        bottom: 94px;
    }

    #chat #message-area {
        left: calc(50% - 384px);
        right: calc(50% - 384px);
        bottom: 50px;
    }

    #chats .chat-container {
        position: absolute;
        top: 60px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    view headerbar li[action="_navigator.home.main()"] {
        display: none !important;
    }

    view headerbar .left .profile-button {
        display: none;
    }

    view headerbar .right {
        display: none;
    }

    article .content {
        /* justify-content: center; */
        align-self: center;
    }

    article thumbnail div, article .thumbnail div {
        width: 140px;
        height: 140px;
    }

    article thumbnail .grid-images, article .thumbnail .grid-images {
        width: 140px;
        height: 140px;
    }

    article thumbnail div.action-button .material-icons, article .thumbnail div.action-button .material-icons {
        height: 140px;
        line-height: 140px;
        font-size: 52px;
    }

    #personal-wall .preview {
        width: 234px;
    }

    #personal-wall .preview .image {
        width: 235px;
        height: 340px;
    }

    .list-wall .image {
        height: 400px;
    }

    header {
        height: 480px;
    }

    header .grid-images {
        z-index: -1;
        position: relative;
        height: 290px;
        max-height: 290px;
        width: 45%;
        float: right;
    }

    modal header {
        height: auto;
    }

    h1 {
        font-size: 58px;
        line-height: 68px;
    }

    h2 {
        font-size: 28px;
        line-height: 36px;
    }

    h3 {
        font-size: 22px;
        line-height: 30px;
    }

    article.card {
        width: 180px;
        min-width: 180px;
    }

    article.card:hover:after {
        content: "";
        /* position: absolute; */
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        box-shadow: inset 0px 0px 0px 2px #5fc531;
        border-radius: 10px;
    }

    article.card thumbnail div {
        height: 180px;
    }

    article.card thumbnail div .action-button,
    article.card thumbnail div .action-button .material-icons {
        transform-origin: center center;
        transition-duration: 300ms;
    }

    article.card thumbnail {
        overflow: hidden;
        display: block;
    }

    article.card thumbnail .lazy {
        transition-duration: 300ms;
    }

    article.card:hover thumbnail div .action-button .material-icons {
        font-size: 70px;
    }

    article.card:hover thumbnail .lazy {
        transform: scale(1.1);
    }

    article.card.x2 {
        min-width: 288px;
    }

    article.card.x2 thumbnail div .action-button .material-icons {
        width: 288px !important;
    }

    article.card.x3 {
        min-width: 346px;
    }

    article.card.x3 thumbnail div .action-button .material-icons {
        width: 346px !important;
    }

    article.card thumbnail div .action-button .material-icons {
        width: 180px !important;
        height: 180px !important;
        line-height: 180px;
    }

    .content-area article.inline-videos, .content-area article.only_video {
        height: 160px;
    }

    .content-area article.inline-videos .content, .content-area article.only_video .content {
        left: 180px;
        height: 140px;
        margin-right: 280px;
        max-width: 100%;
    }

    .content-area article.inline-videos thumbnail, .content-area article.only_video thumbnail {
        margin-left: 20px;
        width: 140px;
        height: 140px;
    }

    .tabs-containers article {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .t-mini {
        font-size: 14px;
        line-height: 24px;
    }

    .action-button {
        margin-left: 15px;
        margin-right: 15px;
    }

    view section[content="home-program"],
    view section[content="programs-detail"],
    view section[content="schedule-detail"],
    view section[content="speakers-detail"],
    view section[content="profile-userplaylists-detail"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    view section[content="home-program"] .tabs,
    view section[content="programs-detail"] .tabs,
    view section[content="schedule-detail"] .tabs,
    view section[content="speakers-detail"] .tabs,
    view section[content="profile-userplaylists-detail"] .tabs{
        padding-left: calc(50% - 540px);
        padding-right: calc(50% - 540px);
    }

    view[id="profile"] [content="profile"],
    view[id="profile"] [content="profile-edit"],
    view[id="profile"] [content="profile-complete"],
    view[id="profile"] [content="profile-registration-du"],
    view[id="profile"] [content="profile-detail"],
    view[id="pair"]{
        padding-left: calc(50% - 320px);
        padding-right: calc(50% - 320px);
    }

    header .program-speakers,
    header .episode-speakers {
        justify-content: left;
    }

    .list-scroll {
        position: relative;
        overflow: hidden;
    }

    .list-scroll .icon-scroll {
        position: absolute;
        top: calc(50% - 30px);
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, .2);
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        cursor: pointer;
        z-index: 100;
        display: none;
    }

    .list-scroll.over .icon-scroll {
        display: flex;
    }

    .list-scroll .icon-scroll.left {
        left: 10px;
        border-radius: 10px;
    }

    .list-scroll .icon-scroll.left::after {
        content: "";
        font-family: 'Material Icons';
        content: "chevron_left";
        -webkit-font-feature-settings: 'liga';
        pointer-events: none;
    }

    .list-scroll .icon-scroll.right {
        right: 10px;
        border-radius: 10px;
    }

    .list-scroll .icon-scroll.right::after {
        content: "";
        font-family: 'Material Icons';
        content: "chevron_right";
        -webkit-font-feature-settings: 'liga';
        pointer-events: none;
    }

    .list::-webkit-scrollbar,
    .list-scroll::-webkit-scrollbar {
        display: none;
    }

    .list,
    .list-scroll {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .programs-related-list {
        padding-left: 30px !important;
    }

    .userplaylist-title {
        font-size: 58px;
        text-align: left;
    }

    .userplaylist-description {
        text-align: left;
    }

    .editing .userplaylists-list-episodes .inline-videos .content, .editing .userplaylists-list-episodes .only_video .content {
        left: 210px !important;
        max-width: 40% !important;
        position: relative;
    }

    .editing article thumbnail {
        margin-left: 50px !important;
    }

    /* .editing article.only_video thumbnail {
        margin-left: 10px !important;
    } */

    .content-area .userplaylists-list-episodes article.inline-videos thumbnail, .content-area .userplaylists-list-episodes article.only_video thumbnail{
        margin-left: 10px;
    }

    .userplaylists-detail-delete,
    .userplaylists-detail-changePicture,
    .userplaylists-detail-finishEdit,
    .editing .userplaylists-detail-edit {
        display: none !important;
    }

    .editing .userplaylists-detail-delete,
    .editing .userplaylists-detail-changePicture,
    .editing .userplaylists-detail-finishEdit,
    .userplaylists-detail-edit {
        display: flex !important;
    }

    #video-js-object_html5_api {
        width: 100% !important;
        height: 100% !important;
    }

    .list-nationals li.item {
        width: 50%;
    }

    .frequencies-choose li.item {
        width: 33%;
    }

    .frequencies-results ul.row li {
        width: 33%;
    }

    #home-lists .list {
        min-height: 254px;
    }

    #home-lists .home-lists-container {
        padding-bottom: 20px;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-4 {
        order: 4;
    }

    .order-5 {
        order: 5;
    }

    .home-lists-container.with-banner .banner-area.custom{
        padding-top: 90px !important;
        padding-bottom: 100px !important;
    }

    .home-lists-container.with-banner.empty .banner-area.custom {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    .home-lists-container.with-banner.empty .banner-area.custom{
        background: #000000 !important;
    }

    .banner-area.with-description {
        display: flex !important;
        flex-direction: row !important;
        margin-top: 0px !important;
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .banner-area.with-description .description {
        margin-left: 20px !important;
    }

    .home-lists-container.with-banner.empty .banner-area.custom.with-description {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        display: flex !important;
        background: #222 !important;
    }
    
    .banner-area.with-description .image {
        display: flex !important;
    }

    /*Theme Relative*/

    body.web-theme-relative {
        background-color: #111 !important;
        overflow-y: auto;
        position: relative;
    }

    body.web-theme-relative main {
        max-width: 1260px;
        margin: auto;
    }

    body.web-theme-relative.backgroundAdv main {
        max-width: 1020px;
    }

    body.web-theme-relative toolbar {
        transition-duration: 0s;
        background: rgba(0, 0, 0, 0.8) !important;
        /* -webkit-backdrop-filter: blur(0px); */
        backdrop-filter: blur(0px);
        z-index: 1000;
    }

    body.web-theme-relative toolbar,
    body.web-theme-relative headerbar,
    body.web-theme-relative headerbar .container {
        height: 60px !important;
    }

    body.web-theme-relative modal headerbar,
    body.web-theme-relative modal headerbar .container {
        height: 44px !important;
    }

    body.web-theme-relative toolbar:after,
    body.web-theme-relative toolbar li,
    body.web-theme-relative toolbar li .icon,
    body.web-theme-relative toolbar li .icon .material-icons,
    body.web-theme-relative toolbar li .text {
        height: 60px;
        line-height: 60px;
    }

    body.web-theme-relative toolbar li .icon {
        display: none;
    }

    body.web-theme-relative toolbar li#toolbar-button-search .icon,
    body.web-theme-relative toolbar li#toolbar-button-profile .icon {
        display: block;
    }



    body.web-theme-relative footer,
    body.web-theme-relative main,
    body.web-theme-relative main content,
    body.web-theme-relative main content view,
    body.web-theme-relative main content view section {
        position: relative;
        height: auto;
        transition-duration: 0s;
    }

    body.web-theme-relative footer {
        z-index: 10;
    }

    body.web-theme-relative view section {
        padding-top: 60px !important;
        min-height: 840px;
    }

    body.web-theme-relative section header {
        min-height: 290px;
        height: 290px;
        background-size: auto 290px !important;
    }

    body.web-theme-relative section header .contents {
        left: 30px;
    }

    body.web-theme-relative toolbar .logo {
        left: 40px;
    }

    body.web-theme-relative #home-lists .m-l-20 {
        margin-left: 40px !important;
    }

    body.web-theme-relative #home-lists .list.horizontal {
        padding-left: 30px;
    }

    body.web-theme-relative headerbar .left {
        top: 0px;
        left: 0px;
    }

    body.web-theme-relative view section {
        padding-left: 0px;
        padding-right: 0px;
    }

    body.web-theme-relative view section[content="home-program"] .tabs,
    body.web-theme-relative view section[content="programs-detail"] .tabs,
    body.web-theme-relative view section[content="schedule-detail"] .tabs,
    body.web-theme-relative view section[content="speakers-detail"] .tabs,
    body.web-theme-relative view section[content="profile-userplaylists-detail"] .tabs {
        padding-left: calc(50% - 590px);
        padding-right: calc(50% - 590px);
    }

    body.web-theme-relative view[id="profile"] [content="profile"] section,
    body.web-theme-relative view[id="profile"] [content="profile-complete"] section,
    body.web-theme-relative view[id="profile"] [content="profile-registration-du"] section,
    body.web-theme-relative view[id="profile"] [content="profile-detail"] section {
        padding-left: calc(50% - 220px);
        padding-right: calc(50% - 220px);
    }

    #userplaylist-detail-title {
        font-size: 38px;
        line-height: 38px;
    }

    body.web-theme-relative.menu-fixed toolbar {
        position: fixed;
        width: 100%;
        left: 0px;
        border: 0px;
    }

    #button-profile-back {
        display: none !important;
    }

    #chats .chat-container .list {
        top: 68px;
    }

    #chats .message.me::before, #chats .message::before {
        bottom: 28px;
    }

    #chats .message.me .avatar, #chats .message .avatar {
        bottom: 28px;
    }

    #chats .audio-recorded .action-button, #chats .message .play.action-button {
        margin-left: 5px;
        margin-right: 5px;
    }

    #chats .message .play.action-button {
        bottom: 30px;
        left: 52px;
    }

    #chats .message {
        max-width: 60%;
    }

    #chats .message.me {
        margin-left: 40%;
    }

    #chats .content img {
        max-width: 320px;
    }

    .season-selector-select-input {
        z-index: 1;
        position: absolute;
        right: 270px;
        top: -7px;
        padding-left: 4px;
        white-space: nowrap;
        /* width: 134px; */
        margin: 0px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 6px;
        width: fit-content;
    }

    .listen-to-container .highlights {
        display: flex;
    }

    .listen-to-items-container {
      display: flex;
      flex-wrap: wrap; /* Enable wrapping for elements */
      justify-content: left; /* Center items */
      background-color: #2a372d;
      padding: 10px;
      border-radius: 8px;
      margin-bottom: 20px;
      gap: 0px;
      border: 1px solid grey;
    }

    .listen-to-items-container .listen-to-item{
      /* text-decoration: none; */
      /* color: #fff; */
      /* font-size: 14px; */
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 15px;
      padding-bottom: 10px;
      flex: 0 1 25%; /* Each link takes up 18% of the row */
      box-sizing: border-box;
      min-width: unset;
    }

    .backgroundAdv .listen-to-items-container .listen-to-item{
        padding: 5px;
    }

    article .material-icons.video-available {
        line-height: 24px;
    }

    toolbar .logo, footer .logo {
        background-image: url('../img/logo-white.svg');
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* .footer-toolbar::after {
        background-image: url('../img/logo-white.svg');
        background-position: center center;
        background-repeat: no-repeat;
    } */

    content .tabs-selectors {
        display: none !important;
    }

    .tabs-containers {
        display: grid;
    }

    .tabs-container {
        display: block !important;
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: black;
    }

    ::-webkit-scrollbar-thumb {
        background: #666;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #444444;
    }

    /*
    #program-detail-list-episodes::before {
        content: "Episodi";
        font-size: 32px;
        line-height: 36px;
        display: block;
        margin-bottom: 10px;
    }

    #program-detail-list-pills::before {
        content: "Pillole";
        font-size: 32px;
        line-height: 36px;
        display: block;
        margin-bottom: 10px;
    }
    */

    article.card .content div {
        font-size: 16px;
    }

    article.card .content div.t-gray {
        font-size: 14px;
    }

    headerbar *[action="_system.back()"],
    headerbar *[action="_system.goToPage('account')"] {
        display: none;
    }

    #toolbar-home #toolbar-button-profile .text {
        display: none;
    }

    #toolbar-home #toolbar-button-search .text {
        display: none;
    }

    header#radio24-tv #player-schedule h2{
        font-size: 22px;
        line-height: 30px;
    }

    #player-schedule-items {
        margin-top: 50px;
    }

    #player-full.fullscreen-video header#radio24-tv #radio24Button {
        margin-left: 40px;
    }

    #player-full #back-button .material-icons{
        top: 32px;
    }

    header .live-actions-desktop .play-button {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    body header .actions-desktop .action-button.prefs {
        display: inline-flex !important;
    }

    body header .live-actions-desktop.actions-desktop .action-button.prefs small.t-gray {
        display: block !important;
    }

    #player-full.fullscreen-video header#radio24-tv #radio24Button {
        margin-left: 20px !important;
    }

    headerbar *[action="_system.back()"],
    headerbar *[action="_system.goToPage('account')"] {
        display: none;
    }
}

@media screen and (min-width: 1020px) {

    body.web-theme-relative.menu-fixed.backgroundAdv toolbar {
        position: fixed;
        width: 1020px;
        left: calc(50% - 510px);
        border: 0px;
    }

}

@media screen and (min-width: 1260px) {
    body.web-theme-relative.menu-fixed toolbar {
        position: fixed;
        width: 1260px;
        left: calc(50% - 630px);
        border: 0px;
    }
}

@media screen and (min-width: 1540px) {

    body.web-theme-relative.menu-fixed.backgroundAdv toolbar {
        width: 1260px;
        left: calc(50% - 630px);
    }

    body.web-theme-relative main {
        max-width: 1260px !important;
    }

    body.player-show player {

        width: 1200px;
        left: calc(50% - 600px);
    }

    toolbar li {
        padding-left: 12px;
        padding-right: 12px;
    }

    header .contents {
        width: 65%;
    }

    header::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 56%, rgba(0, 0, 0, 0) 75%) !important;
    }
    
    .listen-to-items-container .listen-to-item{
        max-width: 155px;
        padding: 15px;
      }

    header[player-id="radio24-tv"] .tag-outline,
    header[player-id="radio24"] .tag-outline{
        background-color: transparent !important;
    }
}

/* footer-toolbar */
/* .footer-toolbar::after {
    content: "";
    position: absolute;
    top: 0px;
    background-size: contain;
    width: 90px;
    height: 64px;
} */

/* ADV */

@media screen and (min-width: 980px) {

    /* Banner Musthead */
    .banner-area.musthead {
        width: 100%;
        background-color: #222;
        background-size: 970px;
        color: #666;
        text-align: center;
        border-bottom: 1px solid #333;
        position: relative;
        overflow: hidden;
    }

    .banner-area.musthead .div-gpt-ad-MaxTicker>div,
    .banner-area.musthead .div-gpt-ad-MaxTicker-Middle>div {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .banner-area:after {
        content: "Pubblicità ";
        position: absolute;
        line-height: 20px;
        font-size: 10px;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
    }

    /* Banner Skin */

    .banner-area.skin {
        position: fixed !important;
        top: 0px !important;
        bottom: 0px !important;
        left: 0px !important;
        right: 0px !important;
        width: auto !important;
        height: auto !important;
        pointer-events: none;
    }

    /* Banner Detail Box */

    .content-area {
        position: relative;
        margin-right: 340px;
        padding-left: 40px !important;
        min-height: 250px;
    }

    .content-area .banner-area.mpu {
        content: "Pubblicità ";
        position: absolute;
        width: 320px;
        background: #222 no-repeat center center;
        background-size: 40px;
        color: #666;
        text-align: center;
        line-height: 20px;
        font-size: 10px;
        right: -340px;
        top: 0px;
        z-index: 2;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 20px;
        min-height: 250px;
        transition-duration: 0ms;
        margin: 0px !important;
    }

}
#player-schedule-filters .logo-radio24-tv {
    background: url(../../../assets/img/LogoRadio24White.png) center center no-repeat;
    height: 70px;
    background-size: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}