@media only screen and (max-width: 400px)  { 
    .page.page-city #city-articles .city-article a img.wp-post-image, .page.page-nature #city-articles .city-article a img.wp-post-image {
        max-width: 175px!important;
    }
}
@media only screen and (max-width: 540px)  { 
    .home .image_hd, .home .image_hg, .home .image_bg {
        width: 38%!important;
    }
    .home .image_bg {
        bottom: 15%!important;
    }
}
@media only screen and (max-width: 576px)  { 
    .page .main-content #city-articles {
        max-width: 100%!important;
    }
    .home #header .paris-tonic {
        max-width: 80px;
    }
    .home #header .visit-flanders {
        max-width: 240px;
    }
    .home #header span {
        font-size: 14px;
    }
    .home .principal a img {
        max-width: 300px!important;
    }
}

@media only screen and (max-width: 680px) and (min-width: 577px) { 
    .page .main-content #city-articles {
        max-width: 80%!important;
    }
}

@media only screen and (max-width: 768px) { 
    .home .image_hd, .home .image_bg {
        display: none;
    }
    .home .image_bd, .home .image_hg {
        display: none;
    }
    .home #footer {
        margin-top: 20px;
    }
    .principal-content p {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .page-item .single-overflow {
        margin-top: 80px!important;
    }
    .page-item .main-content {
        margin-top: 200px!important;
    }
    .page-item .single-part-right {
        /* margin-top: 290px!important; */
    }
    .page-item .single-image {
        /* top: 250px!important; */
    }
    .home #header {
        padding-top: 40px;
    }

    .home #footer .heateor_sss_sharing_container {
        display: none;
    }
    .home .hide-desktop {
        display: block;
    }

    .home .image_hg {
        left: -20%;
        top: 5%;
    }
    .home .image_hd {
        top: 22%;
        right: -25%;
    }
    .home .image_bg {
        bottom: 5%;
        left: -22%;
    }
    .home .image_bd {
        right: -20%;
        bottom: 0;
    }
    .page-nature #footer, .page-city #footer {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }
    .page-nature #header .my-menu, .page-city #header .my-menu{padding: 24px 10px;}

    .home, .page-nature, .cat-nature,  .page-city, .cat-city {
        background: url('../img/background-mobile-nature.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    
    /* .page-city, .cat-city {
        background: url('../img/background-mobile-city.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    } */
    .page-city .paris-tonic, .page-nature .paris-tonic {
        display: none;
    }
    .page-city #header span.collab, .page-nature #header span.collab {
        display: none;
    }
    .page-city #header .visit-flanders, .page-nature #header .visit-flanders {
        max-width: 100%;
    }
    .page-city #header span, .page-nature #header span {
        font-size: 14px;
    }
    .page-nature .principal img {
        max-width: 100%;
    }
    .page-city .principal img {
        margin: 0;
        margin-top: 10px;
    }
    .page-nature #city-articles {
        max-width: 100%;
    }
    .page-nature #header {
        padding-top: 20px;
        background: #F9F7F1;
        border-bottom-right-radius: 50%;
        width: 50%;
        top: 0;
    }
    .page-city #header {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #F9F7F1;
        border-bottom-left-radius: 50%;
        width: 50%;
        top: 0;
    }
    .page-city #header .my-menu {
        padding: 0;
    }
    .page-city .city-article:nth-child(odd) h2 {
        max-width: none;
    }
    .page-nature .city-article:nth-child(odd) h2 {
        max-width: none;
    }
    .page-city #city-articles .city-article a img.wp-post-image, .page-nature #city-articles .city-article a img.wp-post-image {
        max-width: 200px!important;
    }
    .page .main-content #city-articles {
        max-width: 60%;
    }
    .page-city .city-article:first-child {
        margin-top: 50px;
    }

    .page-city .city-article:nth-child(even), .page-nature .city-article:nth-child(even) {
        margin-top: -55px;
    }

    .single-article h1 {
        font-size: 24px;
    }
    .page-city .city-article:first-child, .page-nature .city-article:first-child {
        margin-top: 50px;
    }
    .single-article .single-header {
        margin-bottom: 10px;
    }
    .page-item p {
        font-size: 14px;
    }
    .page-item #footer .heateor_sss_sharing_container {
        margin-top: 30px;
    }
    .page-item .partner-img {
        max-width: 96px;
        bottom: 0;
        right: 0%;
    }
    .page-item .single-links a, .page-item .single-links a span {
        font-size: 18px;
    }
    .page-item .single-links a {
        height: 55px;
    }
    .page-item a.flandre-link {
        padding: 10px 0;
    }

    .principal .choices a {
        padding: 20px 55px!important;
    }
    .principal .principal-content {
        width: 75%!important;
        font-size: 14px;
    }
    .nav-logo span {
        margin-bottom: 0!important;
    }
    .page-item #header {
        /* margin-top: 10px; */
    }
    .page-item #header .nav-logo {
        max-width: 200px;
        margin: 0 auto;
    }
    .page-item #header img.visit-flanders {
        max-width: 200px;
    }
    .page-item #header span {
        font-size: 14px;
        margin-bottom: 10px!important;
    }
    .page-item img.img-nature-city {
        max-width: 150px;
    }
    .page-item .float-mobile {
        top: -140px;
    }
    .page-item .float-mobile img {
        width: 45px;
    }
 }



@media only screen and (max-width: 991px) {

    .page-item .impair .single-image {
        max-width: 65%
    }

    /* .page-item #footer {
        max-width: 100%;
        margin-left: 0;
    } */
    .page-item .single-image {
        z-index: -1;
    }
    .page-item .single-overflow {
        /* overflow-y: hidden;
        max-height: inherit; */
        /* margin-top: 250px; */
        /* max-width: 65%; */
    }
    .page-item .main-content {
        /* overflow-y: scroll;
        max-height: 700px; */
        margin-top: 330px;
    }
    .page-city .city-article:nth-child(odd) {
        margin-left: 0!important;
    }
    .page-nature .city-article:nth-child(odd) {
        margin-right: 0!important;
    }
    .home .principal img {
        max-width: 400px!important;
    }
    #header .visit-flanders {
        max-width: 350px;
    }
    #header span {
        font-size: 22px;
    }
    .principal .principal-content {
        width: 65%;
    }
    
    .principal .choices a {
        font-size: 22px;
        padding: 20px 85px;
    }
    .page-city .city-article .point, .page-nature .city-article .point, .page-city .city-article:hover h2, .page-nature .city-article:hover h2, .page-city .city-article:hover .point, .page-nature .city-article:hover .point {
        visibility: hidden;
        opacity: 0;
    }
    .page-city .city-article:hover img, .page-nature .city-article:hover img {
        transform: none;
    }
    .float-mobile {
        position: absolute;
        top: -300px;
        right: 10px;
    }
    .nav-logo span {
        margin-bottom: 30px;
    }
    .page-item .single-image {
        margin-top: 0;
        margin-left: -50px;
        max-width: 80%;
        position: relative;
        top: 15%;
    }
    .heateor_sss_sharing_ul > a span {
        width: 35px!important;
        height: 35px!important;
        background-size: cover;
    }
    .heateor_sss_button_instagram span.heateor_sss_svg {
        background-size: cover!important;
    }
    .page-city .city-article a img.wp-post-image, .page-nature .city-article a img.wp-post-image {
        max-width: 300px!important;
    }
    .page-city .city-article h2, .page-nature .city-article h2 {
        margin-top: 0;
    }
    .page-item .single-part-right {
        max-width: 100%;
        margin: 0 35px 0 35px;
    }
    .page-item .single-overflow {
        margin-top: 115px;
    }

 }


@media screen and (max-width: 1200px) {
    .home .image_bd {
        right: -8%;
    }

}

@media screen and (max-width: 1280px) {
    .page-city .city-article a img, .page-nature .city-article a img {
        max-width: 350px!important;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    .page-item .single-image {
        top: 20%;
        left: 5%;
        max-width: 30%;
    }
}
@media screen and (max-width: 1440px) and (min-width:1224px) {
    .page-item .single-image {
        max-width: 33%;
    }

}
@media screen and (max-width: 1440px) {

    .home .image_hg {
        width: 30%;
    }
    .home .image_bg {
        width: 30%;
    }
    .home .image_bd {
        width: 30%;
    }
    .home .image_hd {
        width: 30%;
    }
    .home .principal img {
        max-width: 35%;
    }
    .home .visit-flanders {
        max-width: 30%;
    }
    #header span {
        font-size: 24px;
    }
    .page-city .city-article img, .page-nature .city-article img {
        max-width: 450px;
    }
    .page-city .principal img, .page-nature .principal img {
        max-width: 75%;
    }
    .page-city .visit-flanders {
        max-width: 60%;
    }
}

@media screen and (max-width: 1600px) {

    .principal img {
        max-width: 550px;
    }

    .home .image_hd, .home .image_bg {
        max-width: 470px;
    }
    .home .image_bd, .home .image_hg {
        max-width: 440px;
    }

    .page-city .city-article:nth-child(even) .point {
        margin-top: 20px;
    }
    .page-city .city-article:nth-child(odd) {
        margin-left: 50px;
    }
    .page-nature .city-article:nth-child(odd) {
        margin-right: 50px;
    }
}