﻿
@media screen and (min-width: 1340px) {
    body .header-wrapper .header,
    body .main-content,
    body .main-content .channels-wrapper { width:100%; max-width: 1124px; }
    body .main-content,
    body .header-wrapper .header .topbar,
    body .header-wrapper .header .mainbar,
    body .epg_wrap,
    body .epg_wrap .head,
    body .epg_wrap .navigation,
    body .epg_wrap .top_palinsesti,
    body .main-content .channels-wrapper a .border,
    body .main-content .scheda-channel-wrapper .top-scheda,
    body .main-content .scheda-channel-wrapper .middle-scheda,
    body .main-content .scheda-channel-wrapper .bottom-scheda,
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto .date,
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto .scrollText { width: 100%; }
    body .epg_wrap .wrap_palinsesti,
    body .epg_wrap .top_palinsesti .ore,
    body .epg_wrap .layer_programma,
    body .epg_wrap .wrap_palinsesti .layer_programma { width:100%; max-width: 979px; }
    body .epg_wrap .navigation .giorno { margin: 0 0 0 147px; }
    body .epg_wrap .navigation .settimana ul { margin: 0 0 0 136px; }
    body .bottone_smartcard { right: 3px; left: auto; }
    body .footer-wrapper .topbar { width: 100%; margin: 0; }
    body .iframe_highlights { width: 100% !important; }
    body .header-wrapper .header .topbar .social { margin-left: 420px; }
    body .header-wrapper .header .mainbar .banda { width: 100%; }
    body .epg_wrap .head .textbox { left: auto; right: 45px; }
    body .epg_wrap .head .ico_ricerca { left: auto; right: 232px; }

    body .epg_wrap .head .meno_24 { left: 410px; } 
    body .epg_wrap .head .piu_24 { left:452px; }
    body .epg_wrap .head .divisorio1 { left:501px; }
    body .epg_wrap .head .stasera { left:520px; }
    body .epg_wrap .head .now { left: 577px; } 
    body .epg_wrap .head .divisorio2 { left:624px; }
    body .epg_wrap .head .laguidapiu { left: 645px; }

    body .header-wrapper .header .mainbar .menu .separator-menu:last-of-type { display: none; }
    body .bottone_stasera { left: 435px; }
    body .main-content .channels-wrapper a { width: 186px; height:100px; }
    body .main-content .channels-wrapper a .border { height: 98px; }
    body .main-content .scheda-channel-wrapper { padding: 10px 25px 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster { left: auto; right: 0; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto { left: 0; width: 50%; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description .text { width: 390px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like { left: 606px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like .arrow { margin: -1px 0 0 20px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like .riga_dtt span,
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like .riga_sat span { margin: -3px 10px 0; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like .hd { margin: 0 0 0 20px; }

    body .programmi_seo { width: 50%; }
    body .programmi_seo .wrap_prog .p { width: 32.3%; }
    body .programmi_seo .wrap_prog .p a,
    body .programmi_seo .wrap_prog .p a span { width: 173px; }
    body .programmi_seo .piede a { width: auto; }
    body .main-content .scheda-channel-wrapper .bottom-scheda .app { right: 13px; left:auto; }
    body .main-content .scheda-channel-wrapper .bottom-scheda .app table { width: 100% !important; }
    body .tab_alfabeto { margin-bottom: 20px; }
    body .tab_alfabeto .titolo td a { padding: 23px 18px 22px; }
    body .tab_alfabeto .lettere td a { padding: 11px 30.5px 10px; }    
    body .slider_risultati ul .col .w { width: 30.2%; }
    body .slider_risultati ul .col .w:last-child { border: none; }
    body .scheda_programma { padding-bottom: 30px; padding-top: 10px; }
    body .scheda_programma .col_right { width: 43.3%; margin-left: 77px; }
    body .main-content .scheda-channel-wrapper .footer-scheda { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 33px; }
    body .banner_guida_1,
    body .banner_guida_2 { left:320px; }
}

@media screen and (min-width: 1024px) {
    body .epg_wrap .navigation .settimana ul { width: auto !important; }
}

@media screen and (min-width: 0px) and (max-width: 1240px) {
    .banner_skyscraper_right,
    .banner_skyscraper_left,
    .wrap_banner_guida_1,
    .wrap_banner_guida_2,
    .banner_guida_1,
    .banner_guida_2 { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    body .main-content { border: none; }
    body .main-content .channels-wrapper a:hover .border { opacity:0; }
}

@media screen and (min-width: 0px) and (max-width: 768px) {

    .clear { clear: both; font-size: 0; line-height: 0; }

    .c-hamburger { display: block; position: absolute; z-index: 12; top: 0; left: 5px; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; }
    .c-hamburger:focus { outline: none; }
    .c-hamburger span { display: block; position: absolute; top: 23px; left: 10px; right: 10px; height: 3px; background: #FFF; }
    .c-hamburger span::before,
    .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #FFF; content: ""; }
    .c-hamburger span::before { top: -8px; }
    .c-hamburger span::after { bottom: -8px; }
    .c-hamburger--htx { background-color: transparent; }
    .c-hamburger--htx span { transition: background 0s 0.3s; }
    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after { transition-duration: 0.6s, 0.4s; -webkit-transition-duration: 0.6s, 0.4s; transition-delay: 0.3s, 0s; -webkit-transition-delay: 0.3s, 0s; }
    .c-hamburger--htx span::before { transition-property: top, transform; }
    .c-hamburger--htx span::after { transition-property: bottom, transform; }
    .c-hamburger--htx.is-active { background-color: transparent; }
    .c-hamburger--htx.is-active span { background: none; }
    .c-hamburger--htx.is-active span::before { background: #333; top: 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .c-hamburger--htx.is-active span::after { background: #333; bottom: 0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .c-hamburger--htx.is-active span::before,
    .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; -webkit-transition-delay: 0s, 0.3s; }

    .header .data_ora { position: absolute; padding: 11px 15px; top: 0; right: 0; color: #FFF; font-family: 'apex_sansbook_italic'; text-transform: uppercase; }
    .header .data_ora .col { float: left; margin-left: 5px; font-size: 12px; line-height: 14px; }
    .header .data_ora .day { float: left; font-size: 30px; line-height: 24px; }

    .header .menu_mobile { position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 15px; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01b6e7+0,2660a3+100 */ background: #01b6e7 !important; /* Old browsers */ background: -moz-linear-gradient(left, #01b6e7 0%, #2660a3 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, #01b6e7 0%,#2660a3 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #01b6e7 0%,#2660a3 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6e7', endColorstr='#2660a3',GradientType=1 ) !important; /* IE6-9 */ }
    .header .menu_mobile.is-active { display: block; }
    .header .menu_mobile ul { list-style: none; margin: 0; padding: 0; }
    .header .menu_mobile ul li { width: 100%; background-color: #333; font-family: 'apex_sansbook_italic'; margin-bottom: 5px; }
    .header .menu_mobile ul li a,
    .header .menu_mobile ul li label { padding: 12px 10px; color: #FFF; font-size: 12px; display: block; text-decoration: none; text-transform: uppercase; }
    .header .menu_mobile ul li label { padding: 10px; }
    .header .menu_mobile ul li.m3 a { background: url(/_common/images/epg/btn-stasera.png) 10px center no-repeat; padding-left: 48px; background-size: 27px; }
    .header .menu_mobile ul li.m4 a { background: url(/_common/images/epg/btn-now.png) 10px center no-repeat; padding-left: 41px; background-size: 21px; }
    .header .menu_mobile ul li.m5 a { background: url(/_common/images/bottone_smartcard.png) 10px center no-repeat; padding-left: 56px; background-size: 36px; }
    .header .menu_mobile ul li.m6 a { background: url(/_common/images/epg/logo-guida-piu-icon.png) 10px center no-repeat; padding-left: 41px; background-size: 21px; }

    .header .menu_mobile ul li.cerca { margin-bottom: 15px; background: #333 url(/_common/images/epg/ico-ricerca.png) 96% center no-repeat; }
    .header .menu_mobile ul li.cerca input { font-family: 'apex_sansbook_italic'; margin-left: 15px; color: #FFF; width: 75%; background: transparent; border-bottom: 1px solid #FFF; }
    .header .menu_mobile ul li.dgtvi { margin-top: 15px; padding: 12px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; font-size: 13px; line-height: 20px; }
    .header .menu_mobile ul li.dgtvi p { margin-bottom: 15px; }
    .header .menu_mobile ul li.dgtvi a { padding: 0; }
    .header .menu_mobile ul li.dgtvi span { font-size: 15px; font-weight: bold; margin-bottom: 4px; display: inline-block; }
    .header .menu_mobile ul li.dgtvi .left { width: 50%; float: left; }
    .header .menu_mobile ul li.dgtvi .right { width: 50%; float: right; }

    .header .menu_mobile ul li.dgtvi .logo.platinum { width: 100%; display: block; margin-bottom: 10px; }
    .header .menu_mobile ul li.dgtvi .logo.oro { width: 100%; display: block; }
    .header .menu_mobile ul li.dgtvi .logo.tivuon { width: 50%; display: block; margin-left: 20px; }


    body .header-wrapper { position: static; height: 50px; }
    body .header-wrapper .header { width: 100%; border: none; height: 50px; }
    body .header-wrapper .header .mainbar { width: 100%; display: none; }
    body .header-wrapper .header .topbar { height: auto; width: 100%; display: none; background: transparent; }

    body .main-content { padding-top: 0; width: 100%; }
    body .foot-bollini .w td.copy { font-size: 12px; }
    body .footer-wrapper .topbar { width: 100%; margin: 0; height: auto; }

    body .header-wrapper .header a.logo-guida-tv { left: 50%; margin-left: -29px; width: 64px; height: 37px; top: 8px; }
    body .header-wrapper .header a.logo-guida-tv img { width: 100%; }

    body .container { border: none; width: 100%; overflow-x: hidden; }

    body .epg_wrap { width: 100%; background: #01b6e7 !important; background: -moz-linear-gradient(left, #01b6e7 0%, #2660a3 100%) !important; background: -webkit-linear-gradient(left, #01b6e7 0%,#2660a3 100%) !important; background: linear-gradient(to right, #01b6e7 0%,#2660a3 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6e7', endColorstr='#2660a3',GradientType=1 ) !important; }
    body .epg_wrap .channels { width: 20%; }
    body .epg_wrap .channels .c .tools { display: none; }
    body .epg_wrap .channels .c .logo { width: 100%; float: none; vertical-align: middle; justify-content: center; align-items: center; align-content: center; display: flex; flex-direction: column; }
    body .epg_wrap .channels .c .logo img { width: 54px !important; height: auto !important; margin: 0px auto 0 !important; }
    body .epg_wrap .channels .c .logo a img { height: 40px !important; width: auto !important; }
    body .epg_wrap .top_palinsesti { width: 100%; }
    body .epg_wrap .top_palinsesti.fixed { position: fixed; top: 34px; z-index: 1; }
    body .epg_wrap .top_palinsesti .canali { width: 20%; font-size: 11px; text-align: center; background-color: #000; }
    body .epg_wrap .top_palinsesti .canali span { display: inline-block; width: auto; float: none; text-align: center; margin: 0 auto; }
    body .epg_wrap .top_palinsesti .ore { width: 80%; }
    body .epg_wrap .top_palinsesti .ore .wrap_ore .ora { font-size: 11px; }
    body .epg_wrap .navigation { width: 100%; height: 34px; }
    body .epg_wrap .navigation.fixed { position: fixed; top: 0; z-index: 1; }
    body .epg_wrap .navigation .nav_back,
    body .epg_wrap .navigation .nav_next { height: 34px; width: 20%; position: static; display: inline-block; background-color: #545e66; }
    body .epg_wrap .navigation .nav_back,
    body .epg_wrap .navigation .nav_back:hover { background: #545e66 url(../images/epg/btn-nav-back.png) center no-repeat !important; float: left; background-size: 20px !important; }
    body .epg_wrap .navigation .nav_next,
    body .epg_wrap .navigation .nav_next:hover { background: #545e66 url(../images/epg/btn-nav-next.png) center no-repeat !important; float: right; background-size: 20px !important; }
    body .epg_wrap .navigation .giorno { display: none; }
    body .epg_wrap .navigation .settimana { overflow-y: hidden; overflow-x: scroll; text-align: left; width: 60%; height: 34px; }
    body .epg_wrap .navigation .settimana ul { margin: 0; width: 400px; font-size: 0; border-right: 1px solid #a8b3ba; }
    body .epg_wrap .navigation .settimana ul li { margin: 0; float: none; border-left: 1px solid #a8b3ba; display: inline-block; font-size: 12px; padding: 10px 13.5px; }
    body .epg_wrap .navigation .settimana ul li.divisorio { display: none; }
    body .epg_wrap .wrap_palinsesti { width: 80%; }
    body .epg_wrap .wrap_palinsesti .palinsesto { -webkit-transition: left .4s ease-in-out; -moz-transition: left .4s ease-in-out; -ms-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out; transition: left .4s ease-in-out; }
    body .epg_wrap .wrap_palinsesti .palinsesto .q div.p { font-size: 10px; }

    body .epg_wrap .head { width: 100%; text-align: center; height: 46px; margin-bottom: 0; }
    body .epg_wrap .head img { position: static !important; height: 24px; width: auto !important; padding: 10px 20px; }
    body .epg_wrap .head img.titolo_giu,
    body .epg_wrap .head img.now,
    body .epg_wrap .head img.now_hover { border: none; }
    body .epg_wrap .head .ico_ricerca,
    body .epg_wrap .head .textbox { display: none; }
    body .epg_wrap .head img.titolo_giu { display: none; }
    body .epg_wrap .head .nav { float: none; height: 46px; }
    body .epg_wrap .head .divisorio1,
    body .epg_wrap .head .divisorio2,
    body .epg_wrap .head .laguidapiu { display: none; }

    body .foot-bollini { display: none; }
    body .footer-wrapper { padding-top: 0; }
    body .footer-wrapper .downbar { height: auto; }
    body .footer-wrapper .downbar .downbar-wrapper { height: auto; margin-left: 0; padding: 20px; }
    body .footer-wrapper .downbar td { display: block; width: 100%; }
    body .footer-wrapper .downbar td div { border: none !important; height: auto !important; padding-left: 0 !important; line-height: 24px !important; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #FFFFFF !important; }
    body .footer-wrapper .downbar td div div { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
    body .footer-wrapper .downbar td img { margin-bottom: 20px; margin-top: 10px; max-width: 120px; }
    body .footer-wrapper .topbar .topbar-wrapper { width: 100%; height: auto; margin-left: 0; }
    body .footer-wrapper .topbar .topbar-wrapper td { width: 100%; padding: 20px; display: block; height: auto; }
    body .footer-wrapper .topbar .topbar-wrapper td[align="right"] { display: none; }

    body .epg_wrap .wrap_palinsesti .iframe_programma { margin-left: -150px; margin-top: -160px; width: 300px; height: 300px; background: #FFF; border: 5px solid #f38d1d; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .epg_wrap .wrap_palinsesti .iframe_programma iframe { width: 290px !important; }
    body .epg_wrap .wrap_palinsesti .iframe_programma .close { top: -14px; right: -14px; width: 28px; height: 28px; background-size: contain; }
    body .epg_wrap .layer_programma { background: rgba(0,0,0,0.5); width: 100%; position: fixed; top: 0; right: 0; height: 100% !important; }
    body .epg_wrap .wrap_palinsesti .palinsesto .q div.p p { text-overflow: ellipsis; white-space: nowrap; }
    
    body .switch_epg_mobile { display: block !important; background-color: #333; padding: 0 0 15px; }
    body .switch_epg_mobile.fixed { margin-bottom: 67px; }
    body .switch_epg_mobile a { text-align:center; text-transform: uppercase; font-family: 'apexsansBold'; display: block; float: left; width: 50%; color: #FFF; padding: 15px 10px 14px; border-bottom: 1px solid #737373; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .switch_epg_mobile a:first-child { border-right: 1px solid #737373; }
    body .switch_epg_mobile a b { font-family: 'apexsansBold'; font-weight: normal !important; }
    body .switch_epg_mobile a i { font-family: 'apexsans-bookitalic'; font-weight: normal; font-style:normal; }
    body .switch_epg_mobile a.active { background-color: #ff9000; border-bottom: 1px solid #ff9000; padding-bottom: 12px; }
    body .switch_epg_mobile a.laguidapiu { padding: 12px 10px 11px; }
    body .switch_epg_mobile a.laguidapiu img { display: block; margin: 0 auto; height: 20px; }
    body .switch_epg_mobile a:nth-child(2).active { line-height: 12px; }
    body .switch_epg_mobile input { padding: 9px 0 6px 0; font-family: 'apex_sansbook_italic'; margin-left: 0; color: #FFF; width: 93%; border-bottom: 1px solid #FFF; background: transparent url(/_common/images/epg/ico-ricerca.png) right 12px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 11px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; display: block; border-radius:0; }

    body .titolo_apex { padding: 12px 15px; line-height: 24px; border-bottom: none; }
    body .main-content .channels-wrapper { position: relative; width: 100%; padding: 0; border-top: 1px dashed #cccccc !important; }
    body .main-content .channels-wrapper a { width: 16.6666%; height: 100px; border-top: none !important; background-size: 85% !important; border-right: 1px dashed #cccccc !important; border-bottom: 1px dashed #cccccc !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .main-content .channels-wrapper a .border { left: 0; top: 0; width: 100%; height: 99px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    body .main-content .scheda-channel-wrapper,
    body .main-content .scheda-channel-wrapper .top-scheda,
    body .main-content .scheda-channel-wrapper .middle-scheda,
    body .main-content .scheda-channel-wrapper .bottom-scheda { width: 100%; height: auto; }
    body .main-content .scheda-channel-wrapper { padding: 20px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .main-content .scheda-channel-wrapper .top-scheda { border-bottom: none; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description { position: static; width: 75%; height: auto; padding-bottom: 15px; margin: 0 auto; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description table { width: 100%; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description table td { display: block; width: 100%; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description table td:nth-child(1) { padding: 0 0 10px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description table td img { display: block; margin: 0 auto; height: 50px; width: auto; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like { position: static; width: 75%; height: auto; padding-bottom: 15px; margin: 0 auto; }
    body .main-content .scheda-channel-wrapper .top-scheda a.btn-prev { left: 0; top: 15px; margin-top: 0; }
    body .main-content .scheda-channel-wrapper .top-scheda a.btn-next { right: 0; top: 15px; margin-top: 0; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description .text { width: 100%; height: auto; font-size: 13px; line-height: 18px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description .text h1 { font-size: 13px; line-height: 18px; font-family: Arial; }

    body .main-content .scheda-channel-wrapper .middle-scheda { width: 75%; margin: 0 auto; border-bottom: none; border-top: 1px dotted #000; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto { position: static; width: 100%; height: auto; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #000; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto .date { width: 100%; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto .scrollText { width: 100%; height: 220px; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto h2 { font-size: 13px; padding: 0; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto td { padding: 5px; height: auto; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto td:nth-child(1) { width: 32%; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto td:nth-child(2) { width: 68%; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster { position: static; width: 100%; height: auto; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster img { width: 100%; height: auto; border: 1px solid #adafb0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: none; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster table { width: 100%; margin-top:0 !important; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster table td { padding: 10px; height: auto; font-size: 13px; }
    body .main-content .scheda-channel-wrapper .middle-scheda .poster iframe { width: 100% !important; height: 250px !important; }

    body .main-content .scheda-channel-wrapper .bottom-scheda .app { display: none; }

    body .scheda_programma { padding-bottom: 0; width: 75%; margin: 0 auto 15px; }
    body .scheda_programma .col_left { float: none; width: 100%; margin-left: 0; margin-bottom: 15px; }
    body .scheda_programma .col_left img { width: 100%; height: auto; }
    body .scheda_programma .col_right { float: none; width: 100%; margin-left: 0; }
    body .scheda_programma .col_right .scrollText { height: auto; font-size: 13px; line-height: 16px; }
    body .scheda_programma .col_right .mCS_no_scrollbar { padding: 0; }

    body .tab_alfabeto { display: none; }
    body .tab_risultati { font-size: 14px; line-height: 20px; border: none; width:75%; margin:0 auto; }
    body .tab_risultati th { padding: 10px 15px; }
    body .slider_risultati { padding-bottom: 0; width:75%; margin:0 auto; }
    body .slider_risultati ul .col { border: none; padding: 5px 0; }
    body .slider_risultati ul .col .w { width: auto; padding: 0 15px; border-right: none; font-size: 14px; line-height: 20px; width: 100%; min-height: 10px; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .slider_risultati ul a { color: #FFF; text-decoration: none; width: 100%; display: inline-block; padding: 10px 0; border-bottom: 1px solid #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .slider_risultati ul .col .w:last-child a:last-of-type { border-bottom: none; }

    body .h1_apex { font-size: 22px; line-height: 26px; }
    body .main-content .scheda-channel-wrapper .footer-titolo { width: 100%; padding-top: 10px; padding-left: 0; }
    body .main-content .scheda-channel-wrapper .footer-scheda { width: 100%; padding-top: 10px; padding-left: 0; padding-bottom: 0; }
    body .btn-codice-etico img { max-width: 160px; height: auto; }
    body .footer-wrapper .downbar .baloon_credits { top: auto; left: auto; right: 15px; bottom: 25px; width: 180px; height: 200px !important; background-size: contain; }
    body .footer-wrapper .downbar .baloon_credits div.baloon_wrap { padding: 25px !important; }
    body .footer-wrapper .downbar .baloon_credits img { margin: 0 0 15px; }

    body .cookies .wrapper { padding: 10px; }
    body .cookies .wrapper p { margin-right: 0; font-size: 10px; line-height: 14px; margin-bottom: 10px; }
    body .cookies .wrapper a.close { position: static; width: 90px; height: 24px; background-size: contain; }


    /* DGTVi */
    body .btn_submenu { display:block; position: relative; padding: 10px 10px 10px 45px; color: #FFF; margin-bottom: 25px; background: #01b6e7 !important; background: -moz-linear-gradient(left, #01b6e7 0%, #2660a3 100%) !important; background: -webkit-linear-gradient(left, #01b6e7 0%,#2660a3 100%) !important; background: linear-gradient(to right, #01b6e7 0%,#2660a3 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6e7', endColorstr='#2660a3',GradientType=1 ) !important; }
    body .btn_submenu .c-hamburger { z-index: 1; width: 44px; height: 34px; left: 0; top: 26px; right: auto; display:block; }
    body .btn_submenu .c-hamburger span { top: 16px; height: 2px; }
    body .btn_submenu .c-hamburger span::before { height: 2px; top: -7px; }
    body .btn_submenu .c-hamburger span::after { height: 2px; bottom: -7px; }
    body .btn_submenu .c-hamburger.is-active span::before { top: 0px; }
    body .btn_submenu .c-hamburger.is-active span::after { bottom: 0px; }

    body .nav_subpag { font-size: 10px; }
    body .nav_subpag .left { width: 46%; }
    body .nav_subpag .right { width: 46%; text-align:right; }

    body .footer-scheda .sub_menu { margin: 0 0 20px; display:none; }
    body .footer-scheda .sub_menu li { float: none; margin: 0; border-bottom:1px solid #FFF; }
    body .footer-scheda .sub_menu li a {
        padding:10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01b6e7+0,2660a3+100 */
        background: #01b6e7 !important; /* Old browsers */
        background: -moz-linear-gradient(left,  #01b6e7 0%, #2660a3 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #01b6e7 0%,#2660a3 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #01b6e7 0%,#2660a3 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6e7', endColorstr='#2660a3',GradientType=1 ) !important; /* IE6-9 */
    }
    body .footer-scheda .sub_menu li ul { position: static; visibility: visible; }
    body .footer-scheda .sub_menu li ul li { border-bottom: none; }
    body .footer-scheda .sub_menu li ul li a { background: #2660a3 !important; padding-left:20px; }

    body .footer-scheda .bollino1 { margin-bottom:15px; padding:15px !important; width: 100% !important; height: auto !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .footer-scheda .bollino2 { padding:15px !important; width: 100% !important; height: auto !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .footer-scheda .bollino1 img,
    body .footer-scheda .bollino2 img { display: block; width: 100%; float: none !important; margin-bottom: 15px !important; }
    body .footer-scheda .bollino1 .mCustomScrollbar { height: auto !important; }
    body .ricerca_prod,
    body .ricerca_risultati .titolo { padding: 5px 12px; font-size: 15px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    
    body .box_ricerca_bollini { padding: 15px; }
    body .box_ricerca_bollini .opzioni div.radio span { width: 19px; height: 19px; }
    body .box_ricerca_bollini .opzioni label { font-size: 10px; padding: 0px 12px 2px; margin-right: 20px; margin-left: -2px; width: 40px; }
    body .box_ricerca_bollini .opzioni .ddl_marca { width: 100%; margin-bottom: 10px; }
    body .box_ricerca_bollini .opzioni .btn_cerca { margin: 0; }
    body .ricerca_risultati { height: 230px !important; }
    body .ricerca_risultati .titolo { background-color:transparent; color: #333; }
    body .ricerca_risultati table.ris { width: 100%; font-size: 10px; margin-bottom: 10px; }
    body .ricerca_risultati table.ris th { padding: 5px 10px; }
    body .ricerca_risultati table.ris td { padding: 5px 10px; }

    body a.bottone_blu { display: block; margin-bottom: 15px; width:100%; }
    body .wrap_faq .digitale_btn { margin-top: 0; top: 0; width: 18px; left: -30px; }
    body .domanda,
    body .risposta { margin: 10px 0 10px 30px; }

    body .iframe_highlights { height: 1680px; }

    body .main-content .scheda-channel-wrapper .bottom-scheda { width: 75%; margin: 0 auto; }
    body .programmi_seo { width: 100%; }
    body .programmi_seo .wrap_prog .p { width: 32.3%; }
    body .programmi_seo .piede a { width: auto; }
    body .programmi_seo .wrap_prog .p a, body .programmi_seo .wrap_prog .p a span { width: 179px; }

    body .main-content .scheda-channel-wrapper .top-scheda a.btn-next { right: 50%; margin-right: -280px; }
    body .main-content .scheda-channel-wrapper .top-scheda a.btn-prev { left: 50%; margin-left: -280px; }
    body #fascia_canali_hd img { display: block; width: 96% !important; margin: 0 auto 20px !important; }

    body .main-content .scheda-channel-wrapper { min-height: 200px; }

    body .hl_hp { display: none !important; }

    body .canale_hd { position: static; margin-bottom: 15px; max-width:35%; }

}

@media screen and (min-width: 0px) and (max-width: 640px) {
    body .epg_wrap .navigation .settimana ul li { padding: 10px 8px; }
    body .main-content .channels-wrapper a { width: 25%; }
    body .programmi_seo { width: 100%; height: auto; }
    body .programmi_seo .wrap_prog .p { width: 50%; margin-right: 0; }
    body .programmi_seo .wrap_prog .p.p0 { width: 100%; background-position: center !important; }
    body .programmi_seo .wrap_prog .p a { width: 100%; }
    body .programmi_seo .wrap_prog .p a span { width: 100%; font-size: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .programmi_seo .piede a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body .main-content .scheda-channel-wrapper .middle-scheda { width: 100%; }
    body .main-content .scheda-channel-wrapper .middle-scheda .palinsesto td { font-size: 11px; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-description,
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like { width: 100%; }
    body .main-content .scheda-channel-wrapper .top-scheda .channel-like .hd { padding: 1px 3px; }
    body .main-content .scheda-channel-wrapper .bottom-scheda { width: 100%; }
    body .main-content .scheda-channel-wrapper .top-scheda a.btn-next { right: 0; margin-right: 0; }
    body .main-content .scheda-channel-wrapper .top-scheda a.btn-prev { left: 0; margin-left: 0; }
    body .tab_risultati { width: 100%; }
    body .slider_risultati { width: 100%; }
    body .scheda_programma { width: 100%; }
    body .iframe_highlights { height: 960px; }
    body .epg_wrap .channels .c .logo .hd_chan { font-size: 7px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 11px; margin-top: 3px; }
    body .epg_wrap .navigation .settimana ul li:hover { background-color:inherit; }
    body .epg_wrap .navigation .settimana ul li:hover.on { background-color:#a8b3ba; }
    body .btn_submenu .c-hamburger { top: 0; }

    body .intro_text_seo { padding: 20px; }
    body .intro_text_seo h1 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
    body .intro_text_seo p { font-size: 13px; line-height: 18px; }
    body .intro_text_seo p br,
    body .intro_text_seo p br:after { display: none; content: ' '; }
}

@media screen and (min-width: 0px) and (max-width: 375px) {
    body .main-content .scheda-channel-wrapper .middle-scheda .poster iframe { height:226px !important; }
    body .header .menu_mobile ul li.cerca input { width: 72%; }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
    body .main-content .channels-wrapper a { height: 80px; }
    body .header .menu_mobile ul li.cerca input { width: 67%; }
    body .main-content .channels-wrapper a .border { height: 79px; }
}
