@media screen and (max-width:90em) {

    .container {
        width: auto;
        padding: 0px 20px;
    }

    #nav-menu li {
        padding-right: 8px;
        padding-left: 8px;
    }

        #nav-menu li.pre {
            min-width: 105px;
        }

        #nav-menu li.os-pub {
            line-height: 15pt;
            margin-top: 1px;
        }

            #nav-menu li.os-pub .pub {
                position: static;
            }
}

@media screen and (max-width:80em) {

    body {
        font-size: 14pt;
    }

    #nav-menu li a, #nav-menu li span {
        font-size: 12pt;
    }

    h1.title, h2.title, h3.title {
        font-size: 24pt;
    }

    .footer .bottom {
        font-size: 12pt;
        padding: 7px 0px;
    }


    .col-3.osservatorio {
        list-style-type: none;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 50px;
        -moz-column-gap: 50px;
        -webkit-column-gap: 50px;
        font-size: 12pt;
    }
}

@media screen and (max-width:74em) {

    .header.menu {
        background-color: #e9e9eb;
    }

    .header .container {
        position: relative;
    }

    #nav-menu {
        position: absolute;
        left: 0;
        top: 70px;
        background-color: #e9e9eb;
        width: 100%;
        box-shadow: 0 3px 2px rgba(0, 0, 0, 0.20);
        max-height: 500px;
        overflow: auto;
        border-top: 1px solid #e95024;
        visibility: hidden;
        opacity: 0;
    }

        #nav-menu.vis {
            visibility: visible;
            opacity: 1;
        }

    #nav-menu-mob {
        display: inline-block;
    }

    #nav-menu li {
        display: block;
        float: none;
        height: auto;
        padding: 10px 0px;
        border-bottom: solid 1px #e95024;
    }

        #nav-menu li:last-child {
            border-bottom: none;
        }

        #nav-menu li a, #nav-menu li span {
            text-transform: uppercase;
            font-weight: 700;
            color: #e95024;
            display: inline-block;
            margin: 0px 20px;
        }

        #nav-menu li.pre {
            padding-bottom: 0px;
        }

            #nav-menu li.pre span {
                position: static;
            }

        #nav-menu li.os-pub {
            line-height: normal;
            margin-top: 0px;
        }

        #nav-menu li ul {
            visibility: unset;
            position: static;
            opacity: 1;
            background-color: transparent;
            border-top: solid 1px #e95024;
            border-right: none;
            border-bottom: none;
            border-left: none;
            margin-top: 10px;
            width: auto;
        }

            #nav-menu li ul li {
                border-bottom-color: #a2a2a2;
            }

                #nav-menu li ul li a {
                    color: #000;
                    text-transform: unset;
                    padding: 5px 0px;
                }

    #nav-menu > li:last-child {
        display: none;
    }

    .header #cercaGoogle {
        right: 150px;
    }

    #menu-bkg {
        transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
        -moz-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
        -webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
        -o-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
    }

        #menu-bkg.vis {
            opacity: 1;
            visibility: visible;
            transition-delay: 0s;
        }

    .footer .col {
        height: 310px;
    }

        .footer .col.images .list.img .txt {
            width: 58%;
        }
}

@media screen and (max-width:60em) {

    .footer .col {
        float: none;
        width: 100%;
        height: auto;
        border: none;
        overflow: unset;
        border-bottom: solid 1px #787878;
        text-align: center;
    }

        .footer .col.images .list.ico img, .footer .col.images .list .txt {
            float: none;
        }

        .footer .col.images .list .txt, .footer .col.images .list.ico .txt, .footer .col.images .list.img .txt {
            width: 100%;
            display: block;
            margin-top: 5px;
        }

    .pp .img, .pp .txt {
        float: none;
        width: 100%;
    }

    .pp .txt {
        margin-top: 15px;
    }

    .col-3 > li {
        float: none;
        width: 100%;
        display: block;
        min-height: unset;
        margin-bottom: 15px;
    }

    .col-2 {
        column-count: unset;
        -moz-column-count: unset;
        -webkit-column-count: unset;
        column-gap: unset;
        -moz-column-gap: unset;
        -webkit-column-gap: unset;
    }

    .col-3 > li .ico {
        width: 6%;
    }

    .col-3 > li .txt {
        width: 91%;
    }

    .col-3.osservatorio {
        list-style-type: none;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-gap: 50px;
        -moz-column-gap: 50px;
        -webkit-column-gap: 50px;
        font-size: 12pt;
    }

    .col-4 > li {
        width: 50%;
        margin-bottom: 20px;
    }

    .sp-map {
        width: 97%;
    }

    .cover li {
        width: 50%;
    }

    .sez-li.contratti {
        width: 40%;
    }

    .pubblicazioni {
        column-count: 2;
    }
}

@media screen and (max-width:45em) {
    .pubblicazioni {
        column-count: 1;
    }
}

@media screen and (max-width:35em) {

    body {
        font-size: 13pt;
    }

    .header .logo {
        width: 120px;
        float: none;
        display: inline-block;
    }

    #nav-menu-mob {
        display: block;
        float: none;
        margin-top: 5px;
    }

        #nav-menu-mob.sel {
            opacity: 0;
        }

    #nav-menu {
        top: 95px;
    }

    .header #cercaGoogle {
        right: 20px;
        top: 2px;
    }

    h1.title, h2.title, h3.title {
        font-size: 21pt;
    }

    .exp {
        cursor: pointer;
    }

    /*.exp-c {
        display:none;
    }*/

    .exp-c.vis {
        display: inherit;
    }

    .col-3 > li h3 {
        font-size: 18pt;
    }

    .col-3 > li .ico {
        width: 8%;
    }

    .col-3 > li .txt {
        width: 89%;
    }

    .news-l li img {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .news-l li .txt {
        column-count: unset;
        -moz-column-count: unset;
        -webkit-column-count: unset;
        column-gap: unset;
        -moz-column-gap: unset;
        -webkit-column-gap: unset;
        margin-top: 15px;
        width: 100%;
    }

    .pre-det .col-1 {
        width: 100%;
    }

    .col-4 > li {
        float: none;
        width: 100%;
        min-height: unset !important;
    }

    .cover li {
        width: 100%;
        float: none;
    }

    .div-search {
        width: 100%;
    }

        .div-search label {
            width: 20%;
        }

        .div-search input[type=text] {
            width: 60%;
        }

    .sez-li.contratti {
        width: 100%;
    }
}