/*               |<---->|        */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 1199px) {
    
    .project_maparea {
        height: 293px;
    }
}

/*        |<---->|               */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 991px) {
    
    .project_maparea {
        height: 220px;
    }

    .prev_article {
        left: -20px;
    }

    .next_article {
        right: -20px;
    }

    .project_carousel_section {
        margin: -50px 0 0;
    }
}

/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {

    .maparea_row {
        display: block;
    }

    .maparea {
        min-height: 300px;
    }

    .project_maparea {
        height: 300px;
    }

    .articles_filter .btn-group,
    .articles_filter .dropdown-menu {
        width: 100%;
    }

    .article_section {
        margin: 30px 0 0;
    }

    .article_gallery_carousel::before,
    .article_gallery_carousel::after {
        width: 20vw;
    }

    .articles_filter .form-group,
    .articles_filter .form-group + .form-group
    {
        margin: 0 0 10px 0;
    }

    .articles_filter {
        margin-bottom: 15px;
    }
}