﻿
@media screen and (max-width: 1450px) {
    .fascia-news-new-data {
        font-size: 16px;
    }
    .fascia-news-new-titolo {
        font-size: 25px;
    }
    .fascia-news-new-piu {
        font-size: 16px;
    }

    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited {
        width: 30%;
    }
    #mappa-panel-col-menu a:link,
    #mappa-panel-col-menu a:visited {
        padding: 40px 0 5px 0;
        line-height: 15px;
        font-size: 14px;
        background-position: center 5%;
    }

    #Header-top-dx {
        padding:0;
    }
    #Header-top .clear30 {
        height: 15px;
    }
    #mappa-panel-menu {
        width: 700px;
        margin: 10px;
    }
    .mappa-panel-box {
        padding: 0 1% 0 1%;
    }
        .mappa-panel-box .clear20,
        .mappa-panel-box .clear25 {
            height: 15px;
        }
        .mappa-panel-box .clear35 {
            height: 20px;
        }
        .mappa-panel-box .clear45 {
            height: 35px;
        }
    .mappa-panel-box-direzioni {
        min-height: 0;
    }
    .mappa-panel-box-direzione .mappa-panel-box-titolo {
        padding-left: 40px;
        font-size: 30px;
        line-height: 20px;
    }
        .mappa-panel-box-direzione .mappa-panel-box-titolo strong {
            font-size: 20px;
        }
    .mappa-panel-box-direzione .mappa-panel-box-sottotitolo {
        font-size: 16px;
        margin-top: 10px;
    }
    .mappa-panel-box-notizia, .disagio {
        margin-top: 10px;
        padding: 5px 0 5px 0;
    }
    .mappa-panel-box-notizia-icona,
    .disagio-icona {
        width: 60px;
    }
    .mappa-panel-box-notizia-testo, .disagio-testo {
        font-size: 13px;
        line-height: 15px;
    }
    .no-avvisi {
        font-size: 15px;
    }
    .rotator-mappa-panel-box {
        width: 550px;
    }
    .item-area-servizio-titolo,
    .item-area-sosta-mezzi-pesanti-titolo,
    .item-stazione-titolo {
        font-size: 22px;
    }
    .item-area-servizio-km,
    .item-area-sosta-mezzi-pesanti-km,
    .item-stazione-km {
        font-size: 15px;
    }
    .row-pagina-2cols .row-pagina {
        font-size: 13px;
        line-height: 15px;
        padding: 5px 5px 5px 5px;
    }
    .item-area-servizio-desc,
    .item-area-sosta-mezzi-pesanti-desc,
    .item-stazione-descrizione {
        font-size: 13px;
        margin: 10px 0 0 0;
    }
    .item-area-servizio-servizi,
    .item-area-servizio-documenti,
    .item-area-sosta-mezzi-pesanti-servizi,
    .item-area-sosta-mezzi-pesanti-documenti,
    .item-stazione-servizi {
        margin: 5px 0 10px 0;
    }
    a.cmdGeneral.cmdGeneralGreen {
        font-size: 19px;
    }

    a.cmdGeneral,
    .fascia-testo .testo-pagina a.cmdGeneral:link,
    .fascia-testo .testo-pagina a.cmdGeneral:visited {
        height: 35px;
        line-height: 32px;
    }
    #fascia-newsletter-content .TextBox {
        height: 35px;
        line-height: 35px;
    }
    .navigator-mappa-panel-box a:link,
    .navigator-mappa-panel-box a:visited {
        padding: 0 7px 0 7px;
    }
    .navigator-mappa-panel-box {
        font-size: 12px;
    }
    .item-area-servizio-servizi-titolo {
        font-size: 15px;
    }
    .item-stazione-direzione-titolo {
        font-size: 16px;
    }
    .item-stazione-direzione {
        padding: 10px 10px 10px 0;
    }
    .item-stazione-servizi .row-pagina {
        font-size: 13px;
        padding: 2% 6% 3% 5%;
    }

    .row-pagina {
        line-height: 24px;
    }
    #fascia-contatori .clear60 {
        height:30px;
    }
    .contatore-titolo {
        font-size: 20px;
    }
    .contatore-valore {
        font-size: 75px;
    }
    .fascia-news-new {
        padding-top: 23%;
    }
    .fascia-news-new-titolo {
        font-size: 20px;
        line-height: 20px;
    }
    #mappa-panel-previsioni {
        padding: 35px 5% 35px 5%;
    }
    a.cmdGeneral.cmdGeneralTiny {
        font-size: 14px;
        line-height: 14px;
        padding: 5px;
    }
    .legenda-previsioni-legenda-item-nord:before,
    .legenda-previsioni-legenda-item-sud:before {
        line-height: 30px;
    }

    .legenda-previsioni-legenda-item::before {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }
    .legenda-previsioni-legenda-item {
        padding: 0;
    }
    .no-avvisi-all-text {
        width: auto;
    }
}
@media screen and (max-width: 1350px) {
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited {
        width: 25%;
    }
    #fascia-servizi-boxes .centratore {
        margin: 0 4% 0 4%;
    }
    .Testata-item-align img {
        max-width: 90%;
    }
    .icons-pagina {
        width: 90%;
    }
    .RadioButtonListCalcolaPedaggio img {
        height: 35px;
    }
    .RadioButtonListCalcolaPedaggio label {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    .RadioButtonListCalcolaPedaggio span {
        font-size: 15px;
        margin-top: 20px;
    }
    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited,
    #fascia-servizi-tabs .slide-tab .slide-tab-hover-text {
        padding: 0 20px 0 20px;
    }
}
@media screen and (max-width: 1250px) {
    .Testata-item-align img {
        width:90%;
    }
    .contatore-valore {
        font-size: 50px;
    }
    .contatore-titolo {
        font-size: 20px;
    }
    .fascia-news-new-titolo {
        font-size: 20px;
    }
    .fascia-news-new-data,
    .fascia-news-new-piu {
        font-size: 14px;
    }
    #footer .centratore {
        width: 90%;
    }
    #fascia-servizi-tabs .centratore {
        margin: 0 6% 0 6%;
    }
    .fascia-testo .testo-pagina .desktop-table-right {
        flex: 1 0 80%;
    }
}
@media screen and (max-width: 1100px) {
    #mappa-panel-col-boxes {
        display:none;
    }
    #mappa-panel-menu {
        width: 130px;
        margin:10px 0 10px 0;
    }
    #mappa-panel-col-menu {
        min-width: 130px;
        width: 130px;
    }
    #mappa-panel-col-menu a:link,
    #mappa-panel-col-menu a:visited {
        padding: 40px 0 5px 0;
        line-height: 13px;
        font-size: 12px;
        background-position: center 0%;
        background-size: auto 60%;
    }
    #mappa-panel-webcams-sx {
        display: none;
    }

    #mappa-panel-webcams {
        width: auto;
        margin: 10px 0 10px 0;
    }

    #webcams-slider-list {
        padding-left: 0;
        margin-top: 0;
    }
    #fascia-servizi-tabs .centratore {
        margin: 0;
    }
    #footer .centratore {
        width: 100%;
    }
    #footer-boxes {
        display: flex;
        flex-wrap:wrap;
    }
        #footer-boxes .footer-box {
            display: block;
            width: 50%;
            padding: 0 25px 0 25px;
            box-sizing: border-box;
        }
        #footer-boxes .footer-box:nth-child(2) {
            border-left:0;
        }
        #footer-boxes .footer-box.first {
            width: 100%;
            text-align: center;
            border-top: 2px solid #FFFFFF;
            border-bottom: 2px solid #FFFFFF;
            padding: 10px 0 10px 0;
            margin-bottom: 30px;
        }
        #footer-boxes .footer-box.last {
            width: 100%;
            padding: 10px 0 10px 0;
            border-top: 2px solid #FFFFFF;
            margin-top: 30px;
            text-align: center;
            border-left:0;
        }
    .clear-footer {
        display:none;
    }
    #footer-copyright {
        display: none;
    }

    #footer-copyright-mobile {
        display: block;
        padding: 20px 0 20px 0;
    }
    .logo-footer-mobile img {
        max-width:50%;
    }
    #footer-copyright-mobile-text,
    #footer-copyright-mobile-text a:link,
    #footer-copyright-mobile-text a:visited {
        font-size: 11px;
        line-height: 16px;
    }
    .pattern-separator-desktop {
        display: none;
    }
    .pattern-separator-mobile {
        display: block;
    }
    #mappa-numero-notifiche {
        top: 14px;
        right: auto;
        left: 68%;
    }
    .slide-tab-hover-align {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width:100%;
        line-height: 25px;
    }
    #master.show-marker #fascia-mappa {
        position:relative;
        z-index:100;
    }
    #master.show-marker #mappa-panel-col-boxes {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #FFF;
        height: 100%;
        width: 100%;
        overflow:scroll;
    }
    #master.show-marker .mappa-panel-col-box {
        padding: 0 3% 0 3%;
    }
    #master.show-marker .rotator-mappa-panel-box {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    #master.show-marker .navigator-mappa-panel-box {
        display: none;
    }
    #master.show-marker #mappa-panel-close-box {
        display: block;
    }
    #master.show-marker #mappa-panel-close-webcams {
        display: block;
    }
    #master.show-marker #mappa-panel-webcams-sx {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #FFF;
        height: 100%;
        width: 100%;
        overflow-y:scroll;
    }
    #mappa-panel-pianifica {
        width: 90%;
        margin: 5%;
    }
    .fascia-news-new {
        width: calc(50% - 2px) !important;
        padding-top: 33.33%;
    }

        .fascia-news-new:nth-child(3),
        .fascia-news-new:nth-child(4) {
            border-top: 2px solid #ffffff;
        }

        
        .fascia-news-new:nth-child(2n + 1) {
            width: 50%;
            margin-left: 0;
        }

    #pianifica-go-to-map {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .icons-pagina {
        width: 100%;
    }
    #webcams-slider-image {
        height: auto;
        position: relative;
        padding-top: 87%;
    }
        #webcams-slider-image #webcam-immagine {
            position: absolute;
            top:0;
            left:0;
        }
    #mappa-panel-avvisi-mobile {
        display: flex;
        align-items: center;
        z-index: 4;
        width: calc(100% - 100px); 
        padding: 0;
    }

        #mappa-panel-avvisi-mobile.hide-mobile {
            display: none;
        }

    #mappa-panel-avvisi-mobile-align {
        background-color: #FFFFFF;
        margin: 0 3% 0 3%;
    }
    .mappa-panel-box-sud .mappa-panel-box-titolo {
        background-image: url('../private_images/icone_funzionali/general/arrow-direction-sud-20.png');
    }

    .mappa-panel-box-nord .mappa-panel-box-titolo {
        background-image: url('../private_images/icone_funzionali/general/arrow-direction-nord-20.png');
    }
    .master-de #mappa-tabs .mappa-tab:link,
    .master-de #mappa-tabs .mappa-tab:visited {
        font-size:15px;
    }
    .fascia-testo .testo-pagina .desktop-table {
        display:block;
    }
    .fascia-testo .testo-pagina .desktop-table-right {
        padding: 20px 0 20px 0;
    }
    .azioni-bando a.azione-bando:link,
    .azioni-bando a.azione-bando:visited {
        width: auto;
        padding: 0 20px 0 20px;
    }
}
@media screen and (max-width: 950px) {
    .pattern-separator {
        padding-bottom: 60px;
    }
        .pattern-separator.pattern-separator-1row {
            padding-bottom: 30px;
        }
    #fascia-contatori {
        display: none;
    }
    #pattern-separator-contatori {
        display:none;
    }
    .fascia-hightlights-item-titolo {
        font-size: 19px;
        color: #00a767;
    }
    #Header-top {
        position:relative;
    }

        #Header-top .centratore,
        #Header-top-dx {
            display: block;
        }
    #Header-top-sx {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 1;
        background: #004d29; /* Old browsers */
        background: -moz-linear-gradient(left, #004d29 0%, #00a767 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #004d29 0%,#00a767 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #004d29 0%,#00a767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d29', endColorstr='#00a767',GradientType=1 ); /* IE6-9 */
    }

    #Header-top-spacer {
        height: 83px;
    }

    #Header-top .centratore {
        margin: 0;
    }
    #Header-top #button-lingue {
        display: none;
    }
    #Header-top #button-lingue-mobile {
        display: inline-block;
        vertical-align: middle;
        margin-left: 4%;
    }
    #Header-top-sx,
    #Header-top-dx {
        float: none;
        border-bottom: 2px solid #FFF;
        padding: 0 6% 0 6%;
        text-align: center;
    }
    #Header-top-dx {
        padding: 20px 6% 13px 6%;
    }
    #Header-top-first-clear {
        display:none;
    }
    #Header-top #link-contatti {
        margin-left: 0;
    }
    #Header-top #button-lingue-mobile {
        position: absolute;
        top: 50%;
        right: 5%;
        margin-left: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0,-50%);
    }

    #Header-top #menu-principale-button {
        position: absolute;
        top: 50%;
        left: 5%;
        margin-left: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0,-50%);
    }
    #Testata {
        min-height: 0;
    }
    .container-servizi {
        flex-wrap: wrap;
    }
        .container-servizi .servizio {
            width: calc(100% / 3);
            height: 200px;
        }
    #box-imprese-e-fornitori .container-servizi .servizio {
        width: calc(100% / 4);
    }
    #new-primo-piano-content {
        padding: 0 3% 0 3%;
    }
    #new-primo-piano-content img {
        max-width:50%;
    }
    #new-primo-piano-claim {
        font-size: 20px;
    }
    #new-primo-piano-titolo {
        font-size: 30px;
    }
    #calendario-previsioni {
        display:none;
    }
    #legenda-previsioni-legenda {
        display: none;
    }
    #legenda-previsioni {
        width: 100%;
    }
    .icon-pagina-titolo {
        font-size: 16px;
    }
    .boxForm .labelForm {
        width: 100% !important;
        font-size: 15px;
    }

    .boxForm .TextBox,
    .boxForm .TextArea,
    .boxForm .DropDownList {
        width: 100% !important;
        height: 35px;
        line-height: 35px;
        padding: 0 10px 0 10px;
        font-size: 15px;
    }
    .boxForm .campoForm {
        width: 100% !important;
    }
        .boxForm .DropDownList select {
            height: 35px;
            line-height: 35px;
            font-size: 15px;
            padding: 0 20px 0 10px;
        }
        .boxForm .DropDownList::before {
            background-size: contain;
        }
    .RadioButtonList label {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 15px;
        line-height: 30px;
    }
    .RadioButtonList label::before {
        width: 20px;
        height: 20px;
        top: calc(50% - 12px);
    }
    .boxForm .HalfTextBox {
        width: 49% !important;
    }
    .boxForm .HalfTextBoxSpacer {
        width: 2%;
        vertical-align: middle;
        font-size: 15px;
    }
    .RadioButtonListCalcolaPedaggio label {
        width: 33.33%;
        box-sizing: border-box;
    }
    .boxForm .labelFormChb {
        font-size: 13px;
        line-height: 17px;
    }
    a.cmdGeneral {
        height: 40px;
        line-height: 37px;
        padding: 0 25px 0 25px;
        font-size: 18px;
    }
    a.cmdGeneral.cmdGeneralGreen {
        padding: 0 25px 0 25px;
        font-size: 18px;
    }
    #fascia-newsletter-content .TextBox {
        height: 40px;
        line-height: 40px;
    }
    .accordions-pagina,
    #pagina-download {
        width: 70%;
    }
    .owl-carousel .Testata-item-align img {
        width: 90%;
    }
    #logo {
        margin: 10px 0 10px 0;
    }
        #logo img {
            height: 60px;
        }
        .scrolled #logo img {
            height: 50px;
        }
    .azioni-bando a.azione-bando:link,
    .azioni-bando a.azione-bando:visited {
        width: 30%;
    }
}
@media screen and (max-width: 900px) {
    .slide-tab .slide-tab-hover-text {
    }
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited,
    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited,
    .slide-tab .slide-tab-hover-text {
        font-size: 15px;
    }
    .boxForm .chbA22Uscita .CheckBox label {
        margin: 10px 0 10px 0;
    }
}
@media screen and (max-width: 800px) {
    .fascia-hightlights-item-titolo {
        font-size: 25px;
    }

    .fascia-hightlights-item-desc {
        font-size: 15px;
    }

    .container-servizi .servizio {
        width: 33.33%;
        height: 200px;
    }

    #mappa-panel-pianifica-padding-top {
        padding: 0 10px 0 10px;
    }

    #mappa-panel-pianifica-titolo {
        font-size: 26px;
    }

    #mappa-panel-pianifica-sottotitolo {
        font-size: 20px;
    }

    #mappa-panel-pianifica-boxes {
        display: block;
    }

    #mappa-panel-pianifica-box-sx,
    #mappa-panel-pianifica-box-dx {
        display: block;
        width: 100%;
        border-right: 0;
        padding-right: 0;
    }

    #mappa-panel-pianifica-filtri a:link,
    #mappa-panel-pianifica-filtri a:visited {
        background-size: auto 50%;
    }

    .icons-pagina .icon-pagina {
        width: 100%;
        padding-top: 0;
    }

    .icon-pagina-content {
        position: relative;
        padding: 0% 5% 0 5%;
        display: table;
    }

    .icon-pagina-image-hover {
        position: relative;
        background-size: contain;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        display: table-cell;
    }

    .icon-pagina-image {
        position: relative;
        background-size: contain;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        display: inline-block;
    }

    .icon-pagina-titolo {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-left: 5%;
    }
    .gallery-pagina .item {
        width: calc(50% - 2px);
        padding-top: 25%;
    }
        .gallery-pagina .item:nth-child(1),
        .gallery-pagina .item:nth-child(3),
        .gallery-pagina .item:nth-child(5),
        .gallery-pagina .item:nth-child(7),
        .gallery-pagina .item:nth-child(9),
        .gallery-pagina .item:nth-child(11),
        .gallery-pagina .item:nth-child(13) {
            width: 50%;
            margin-left: 0;
        }
        .gallery-pagina .item:nth-child(3),
        .gallery-pagina .item:nth-child(4) {
            margin-top: 2px;
        }
    .gallery-pagina-more {
        padding: 20px 0 20px 0;
    }
    .mappa-panel-box-direzione .mappa-panel-box-titolo {
        background-size: 10%;
        padding-left: 30px;
        font-size: 20px;
        line-height: 20px;
    }

        .mappa-panel-box-direzione .mappa-panel-box-titolo strong {
            font-size: 17px;
        }

    .mappa-panel-box-direzione .mappa-panel-box-sottotitolo {
        font-size: 15px;
        margin-top: 10px;
    }

    .no-avvisi {
        font-size: 14px;
    }

    #brennerlec-text {
        padding-left: 10px;
        font-size: 11px;
        line-height: 14px;
    }
}
@media screen and (max-width: 700px) {
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited {
        font-size: 15px;
        line-height: 18px;
    }

    .master-de #mappa-tabs .mappa-tab:nth-child(1) {
        width: 27%;
    }
    .master-de #mappa-tabs .mappa-tab:nth-child(2) {
        width: 17%;
    }
    .master-de #mappa-tabs .mappa-tab:nth-child(3) {
        width: 39%;
    }
    .master-de #mappa-tabs .mappa-tab:nth-child(4) {
        width: 17%;
    }
    .slide-tab-hover-align {
        font-size: 17px;
        line-height: 18px;
        letter-spacing:1px;
    }

    #Header-top-sx, #Header-top-dx {
        float: none;
        border-bottom: 2px solid #FFF;
        padding: 15px 3% 15px 3%;
        text-align: center;
    }
    #Header-top-spacer {
        height: 113px;
    }

    /*#Header-top-sx {
        text-align: left;
        position: relative;
        padding: 4% 3% 4% 3%;
    }

    #logo {
        margin-left: 4%;
        width: 55%;
        display: block;
        position: absolute;
        top: 50%;
        text-align: center;
        left: 50%;

        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%,-50%);
    }*/
    
    #Testata {
        height: auto;
        min-height: 0;
    }

    #fascia-hightlights-titolo,
    #fascia-servizi-titolo,
    #fascia-aree-di-servizio-titolo,
    #fascia-sottosezione-titolo {
        line-height: 70px;
        font-size: 35px;
    }
    #titolo-testata {
        line-height: 35px;
        font-size: 35px;
    }

    .fascia-testo .titolo-pagina,
    .fascia-testo #titolo-pagina {
        line-height: 35px;
        font-size: 35px;
    }
    .fascia-testo .testo-pagina h2 {
        font-size: 20px;
        line-height: 21px;
    }
    #fascia-servizi-tabs .centratore {
        display: flex;
    }
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited,
    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited,
    #fascia-servizi-tabs .slide-tab .slide-tab-hover-text {
        font-size: 15px;
        padding: 0 15px 0 15px;
        flex-grow: 1;
    }


    .fascia-news-new {
        padding-top: 50%;
    }

    #fascia-newsletter-titolo {
        font-size: 40px;
    }

    #fascia-newsletter-content .TextBox {
        width: 50%;
    }

    a.cmdGeneral {
        padding: 0 6% 0 6%;
    }

    .fascia-testo .testo-pagina {
        font-size: 15px;
        line-height: 20px;
    }
        .fascia-testo .testo-pagina img {
            float: none !important;
            display: block;
            margin: 0 0 15px 0 !important;
        }

    .testo-pagina table tr td {
        font-size: 15px;
        padding: 15px 0 15px 0;
    }

    .fascia-testo .testo-pagina a.cmdGeneral:link,
    .fascia-testo .testo-pagina a.cmdGeneral:visited {
        line-height: 28px;
        height: 30px;
    }

    .fascia-testo .testo-pagina .titolo-menu-sottopagine,
    .fascia-testo .testo-pagina .titolo-documenti-pagina,
    .titolo-menu-sottopagine,
    .titolo-documenti-pagina {
        font-size: 38px;
        padding: 10px 0 10px 0;
        line-height: 30px;
    }

    .menu-sottopagine a:link,
    .menu-sottopagine a:visited,
    .documenti-pagina a:link,
    .documenti-pagina a:visited,
    .documenti-pagina div {
        padding: 15px 0 15px 0;
        font-size: 16px;
    }

    #mappa-numero-notifiche {
        top: 19px;
        right: auto;
        left: 68%;
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
    }
    .accordions-pagina,
    #pagina-download {
        width: 100%;
    }
    .testo-pagina table {
        word-break: break-all;
    }
    .container-servizi .servizio {
        height: 130px;
    }
    .container-servizi .servizio-content {
        padding-top: 80px;
        background-size: auto 45%;
        background-position: center 10px;
    }
    .container-servizi .servizio-titolo {
        font-size: 15px;
        height: 50px;
    }
    .container-servizi .servizio-content-hover {
        background-size: auto 45%;
        background-position: center 10px;
    }
    a.cmdGeneral.cmdGeneralBorderGreen {
        padding: 0 15px 0 15px;
        font-size: 16px;
    }
    .fascia-testo .testo-pagina .listato-item .miniaturaImg {
        display: none;
    }
    .listato-item-titolo .listato-item-label {
        font-size: 22px;
        line-height: 22px;
    }
    .RadioButtonList label {
        padding-left: 30px;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }
    .RadioButtonList.RadioButtonListCalcolaPedaggio label {
        padding-left: 0;
        display:inline-block;
    }
    .RadioButtonListCalcolaPedaggio img {
        height: 30px;
    }
    .RadioButtonListCalcolaPedaggio span {
        font-size: 15px;
        margin-top: 20px;
    }
        .RadioButtonListCalcolaPedaggio span span {
            padding-left: 30px;
        }
            .RadioButtonListCalcolaPedaggio span span:before {
                top: calc(50% - 13px);
                width: 20px;
                height: 20px;
            }
    .fascia-navigator a:link, .fascia-navigator a:visited {
        height: 45px;
        line-height: 46px;
        padding: 0 5px 0 5px;
        font-size: 15px;
    }
    .bando-value {
        width: 100%;
        margin-left: 0;
        padding-bottom: 10px;
        font-size: 13px;
        line-height: 15px;
    }
    .bando-label {
        font-size: 14px;
        padding-bottom: 10px;
        line-height: 17px;
        width: 100%;
        text-align: left;
    }
    .bando-titolo .bando-label {
        font-size: 20px;
        line-height: 22px;
        width: auto;
    }
    .bando-titolo .bando-value {
        width: 100%;
        margin-left: 0;
        padding-bottom: 0;
    }
    .azioni-bando {
        padding: 10px 0 20px 0;
        flex-wrap: wrap;
        justify-content:space-between;
    }
        .azioni-bando a.azione-bando:link,
        .azioni-bando a.azione-bando:visited {
            width: 49%;
            font-size: 15px;
            height: 40px;
            line-height: 38px;
            box-sizing: border-box;
            margin-top: 10px;
            margin-left:0;
        }

    .fascia-testo .testo-pagina .desktop-table-left {
        margin-right: 0;
        padding: 20px 0 0 0;
    }

    .fascia-testo .testo-pagina .desktop-table-right {
        padding: 0 0 20px 0;
    }
    .fascia-testo .testo-pagina .desktop-table {
        display: block;
    }
    .accordion-pagina-titolo {
        font-size: 18px;
    }
    .accordion-pagina-testo {
        font-size: 15px;
    }
    #pagina-download .documenti-pagina a:link,
    #pagina-download .documenti-pagina a:visited {
        font-size: 16px;
        line-height: 17px;
        height: auto;
    }
    #pagina-download h2 {
        font-size: 19px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited {
        width: auto;
    }
    #Header-top #link-contatti {
        position: static;
    }
    #contatti-a22 {
        top: 100%;
        left: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }
    .fascia-testo .menu-sottopagine a:link,
    .fascia-testo .menu-sottopagine a:visited,
    .fascia-testo .documenti-pagina a:link,
    .fascia-testo .documenti-pagina a:visited,
    .fascia-testo .documenti-pagina div {
        padding: 15px 0 15px 0;
        font-size: 16px;
        line-height: 20px;
    }
}
@media screen and (max-width: 600px) {
    .link-search-box {
        display:none;
    }
    #logo img {
        height: 50px;
    }
    .scrolled #Header-top-sx {
        padding: 10px 3% 10px 3%;
    }
}
@media screen and (max-width: 500px) {
    #fascia-news-menu-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url('../private_images/background-line-2px.jpg');
        background-position: center center;
        background-repeat: repeat-x;
    }

    #fascia-news-menu a:link,
    #fascia-news-menu a:visited {
        line-height: 75px;
        font-size: 17px;
        padding: 0 10px 0 10px;
    }

    .fascia-news-new {
        width: 100% !important;
        margin-left: 0;
    }

        .fascia-news-new:nth-child(2) {
            border-top: 2px solid #ffffff;
        }

    #new-primo-piano-titolo {
        font-size: 26px;
        line-height: 26px;
    }

    .container-servizi .servizio,
    #box-imprese-e-fornitori .container-servizi .servizio{
        width: 50%;
    }
    .slide-tab-hover-align {
        line-height: 17px;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .master-de .slide-tab-hover-align {
        line-height: 14px;
        font-size: 11px;
        letter-spacing: 1px;
    }
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited {
        height: 90px;
        line-height: 90px;
    }

    .menu-principale li ul {
        position: relative;
        top: 0;
        left: 0;
        display: none;
    }
    .menu-principale li.clicked ul,
    .menu-principale li.selected ul {
        display: block;
    }
    #master #menu-principale {
        overflow: auto;
    }
    /*.menu-principale li:hover a {
        background:none;
        color: #FFFFFF;
    }*/
    .menu-principale li.clicked a {
        background-color: #faf8f9;
        color: #00a767;
    }
    .menu-principale li a {
        padding-left: 5%;
    }
    .row-pagina-2cols .row-pagina {
        font-size: 12px;
        line-height: 13px;
        padding: 7px 10px 7px 10px;
        width: 100%;
    }
        .row-pagina-2cols .row-pagina:nth-child(2) {
            border-top: 2px solid #dadada;
        }
    .item-area-servizio-titolo,
    .item-area-sosta-mezzi-pesanti-titolo,
    .item-stazione-titolo {
        font-size: 20px;
    }
    .item-area-servizio-km,
    .item-area-sosta-mezzi-pesanti-km,
    .item-stazione-km {
        font-size: 15px;
    }
    .item-meteo-localita {
        font-size: 18px;
    }
    .item-meteo-meteo {
        font-size: 17px;
    }
    .item-meteo-icona {
        position: absolute;
        right: 25px;
        top: 0;
        width: 70px !important;
    }
    .item-meteo .row-pagina {
        padding: 5px 0 5px 0;
    }
    .row-pagina-label {
        font-size: 14px;
    }
    .row-pagina-value {
        font-size: 14px;
    }
    #webcam-titolo {
        font-size: 25px;
        padding: 0 0 0 20px;
    }
    #webcam-localita {
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    #webcam-direzione {
        font-size: 12px;
        padding: 20px 20px 0 20px;
        line-height: 12px;
    }
    #mappa-panel-pianifica-filtri {
        display: block;
    }
        #mappa-panel-pianifica-filtri a:link,
        #mappa-panel-pianifica-filtri a:visited {
            display: block;
            width: 100%;
            border-bottom: 2px solid #FFFFFF;
            background-position: 10px center;
            background-size: auto 90%;
            height: 45px;
        }
        #mappa-panel-pianifica-filtri a span {
            bottom: auto;
            position: relative;
            line-height: 45px;
        }
        #mappa-panel-pianifica-filtri a {
            border-left:0;
        }
    .gallery-pagina .item {
        width: 100% !important;
        padding-top: 50%;
        margin-left: 0 !important;
    }

        .gallery-pagina .item:nth-child(2) {
            margin-top: 2px;
        }
    .RadioButtonListCalcolaPedaggio label {
        width: 50%;
    }
    #fascia-hightlights-titolo,
    #fascia-servizi-titolo,
    #fascia-aree-di-servizio-titolo,
    #fascia-sottosezione-titolo {
        line-height: 35px;
        padding: 10px 0 10px 0;
    }
    .fascia-testo .testo-pagina img {
        max-width:100%;
    }
    #mappa-tabs .mappa-tab:link,
    #mappa-tabs .mappa-tab:visited,
    #fascia-servizi-tabs .fascia-servizi-tab:link,
    #fascia-servizi-tabs .fascia-servizi-tab:visited,
    #fascia-servizi-tabs .slide-tab .slide-tab-hover-text {
        font-size: 13px;
        letter-spacing: 0px;
        padding: 0 5px 0 5px;
    }
    .slide-tab,
    .slide-tab .slide-tab-hover-text {
        height: 90px;
    }
    .mappa-panel-box-notizia-testo,
    .disagio-testo {
        font-size: 12px;
        line-height: 15px;
    }
    #mappa-panel-menu {
        width: 100px;
    }
    #mappa-panel-col-menu {
        min-width: 100px;
        width: 100px;
    }
    .icona-estremo span {
        left: -20px;
        bottom: 60px;
        font-size: 18px;
    }
    #icona-estremo-2 span {
        left: 0;
    }
    #numero-notifiche-top {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }
    #new-primo-piano-content img {
        max-width: 75%;
    }
    #new-primo-piano-sottotitolo {
        font-size: 18px;
    }
    #fascia-news-list-more a.cmdGeneral {
        padding: 0 15% 0 15%;
    }
    #footer-box-numero-verde {
        width: 35%;
        display: inline-block;
    }
    #footer-box-numero-verde img {
        width: 100%;
    }
    .menu-footer a:link,
    .menu-footer a:visited {
        font-size: 14px;
        line-height: 20px;
    }
    .menu-principale li a {
        white-space: normal;
        padding: 15px 15px 15px 15px;
        height: auto;
        line-height: normal;
    }
    .menu-principale li li a {
        white-space: normal;
        padding: 0 15px 15px 15px;
    }
    .menu-principale li li .inner-span {
        display: block;
        border-top: 1px solid #dadada;
        padding-top: 15px;
    }
    .icona-mappa.icona-area-di-servizio span,
    .icona-casello span,
    .icona-webcam span,
    .icona-meteo .icona-meteo-testo {
        display: none;
    }
    .icona-area-di-servizio:link,
    .icona-area-di-servizio:visited {
        background: none !important;
        border: 0 !important;
    }
    .azioni-bando {
        padding: 10px 0 20px 0;
        display:block;
    }

        .azioni-bando a.azione-bando:link,
        .azioni-bando a.azione-bando:visited {
            width: 100%;
            margin-left:0;
        }
    #logo-footer,
    #logo-footer-mobile {
        width: 60%;
        display: inline-block;
        max-width: 360px;
    }
    .menu-principale li.clicked ul {
        bottom: auto !important;
        top: auto !important;
    }
    #logo img {
        height: 40px;
    }
}