/** small screens */
@media screen and (max-width: 768px) {

    /** layout */
    body {
        padding: 0 10px;
    }
    .banner h1 {
        font-size: 14px;
    }
    .banner h1 span {
        font-size: 12px;
    }
    #header {
        height: 90px;
    }
    #logo-position {
        width: 70%;
    }

    /** page-worldmap */
    .page-worldmap {
        background-color: white;
    }
    .page-worldmap > .background-position.background-position-left {
        display: none;
    }
    .page-worldmap > .background-position.background-position-right {
        display: none;
    }

    /** hidden */
    #search-position,
    #website-logo-position,
    #topmenu {
        display: none;
    }

    /** shown */
    #topmenu-small {
        display: block;
    }

    /** remove topmenu bottom gap */
    #page-row-topmenu {
        padding-bottom: 0 !important;
        background-color: transparent !important;
        margin-bottom: 10px;
    }

    /** homepage-publications  */
    .page-homepage h1 {
        margin: 0 30px;
    }
    .publication-page-bottom {
        padding: 0 !important;
    }
    .publication-page-bottom .col-md-4 {
        margin-bottom: 1px;
    }

    /** remove path gap */
    .path-position {
        margin: 0;
    }
    .page-worldmap > .page-position.page-position-path {
        padding: 5px 10px 8px 10px;
    }
    /** venue full width */
    .page-row-venue .venue-position {
        width: 100%;
        height: 100%;
        padding-left: 60px;
        background-image: url("../images/venue-right-layer-ID0Ok7z.png");
        background-repeat: repeat;
    }
    .page-row-venue .page-position {
        padding-bottom: 80%;
    }
    .page-row-venue .picto {
        float: none;
        width: auto;
    }
}