@media screen and (max-width: 1850px) {
    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        width: 250px;
        right: -20%;
    }

    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before {
        left: -19%;
        width: 250px;
    }

    .card:nth-child(6)::before,
    .views-element-container .search-result-card:nth-child(4)::before {
        left: -20%;
        width: 250px;
    }

    .card:nth-child(8)::before,
    .views-element-container .search-result-card:nth-child(6)::before {
        left: -17%;
        width: 250px;
    }
}

@media screen and (max-width: 1800px) {
    .map-regions > div {
        top: -15px;
        left: auto;
        right: 20px;
        width: 57%;
    }

    .work-package-row {
        flex-basis: 50%;
    }

    .work-package-row::before {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }

    .work-package-row > div p {
        padding: 0 20px 0 35px;
    }

    .work-packages-link {
        right: 44px;
        bottom: 26px;
        padding: 29px 20px;
    }

    .news-content-body {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: auto;
    }

    .map-top-bar {
        padding: 20px 200px;
    }
}

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

    .main-nav-header {
        width: 72%;
    }

    .main-menu {
        width: 57%;
    }

    body.project-partners .views-element-container > div {
        grid-template-columns: repeat(3, 1fr);
    }

    .project-partners .views-element-container footer {
        grid-column-end: 4;
    }

    .views-field-field-partner-logo > img {
        max-width: 350px;
    }

    .green-divider {
        width: 100%;
        object-fit: none;
        max-width: none;
    }

    body.project-partners #block-pilos-content footer::before,
    .pager::before,
    #views-exposed-form-news-block-1::after,
    #views-exposed-form-events-block-1::after,
    #views-exposed-form-search-results-page-1::after,
    .provisory-green-divider::before  {
        background-size: cover;
    }
}

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

    .bef-exposed-form .form--inline > .form-item {
        margin-bottom: 10px;
    }

    .work-package-row::before {
        font-size: 18px;
    }

    .work-package-row > div p {
        font-size: 16px;
    }

    .timeline-legend {
        right: 160px;
        width: 33%;
    }

    .map-top-bar {
        padding: 20px 150px;
    }

    .mc-signup {
        background-position-x: 31%;
    }

}

@media screen and (max-width: 1650px) {
    #block-pilos-search {
        flex-basis: 32%;
    }

    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .search-result-card:nth-child(3)::after {
        right: -22%;
    }

    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before {
        left: -21%;
    }

    .views-element-container .search-result-card:nth-child(4)::before {
        left: -22%;
    }

}

@media screen and (min-width: 1600px) {
    .twitter-block iframe {
        width: 80% !important;
        display: block !important;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 1600px) {
    #block-pilos-search {
        flex-basis: 35%;
        justify-content: flex-end;
    }

    header .sm-icons {
        display: none;
    }

    .hero-content {
        background-position: center;
        overflow: hidden;
    }

    .main-nav-header {
        width: 100%;
    }

    .main-menu {
        width: 65%;
    }

    header.sticky-header #block-pilos-search {
        background-position: 90px 0px;
        background-repeat: no-repeat;
    }

    .map-regions > img {
        height: 600px;
        object-fit: cover;
        object-position: left;
    }

    .map-top-bar {
        padding: 20px 75px;
    }

    #map-marker-portugal {
        left: 17%;
    }

    #map-marker-united-kingdom {
        left: 25%;
    }

    body:not(.home) header > img {
        right: -210px;
    }

    body.advisory-board .item-list ul {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 30px;
        margin: 40px 75px;
    }

}

@media screen and (max-width: 1550px) {
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        right: -23%;
    }

    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before,
    .views-element-container .search-result-card:nth-child(4)::before {
        left: -23%;
    }

    .map-regions > div {
        width: 59%;
    }

    .work-packages-link {
        right: 23px;
        width: 46%;
        padding: 22px 20px;
    }

    .work-package-row > div {
        width: 90%;
    }

    .work-package-row > div > div {
        margin-left: -22px;
        height: 65px;
    }

    .work-package-row > div p {
        padding: 0 15px 0 27px;
    }

    .work-package-row::before {
        line-height: 73px;
        width: 80px;
        height: 80px;
        font-size: 16px;
    }

    .hero-content-container img {
        right: 75px;
    }

    .mc-signup {
        background-position-x: 31%;
    }

    .objectives-and-outcomes-section-countries footer {
        padding-left: 75px;
    }

}

@media screen and (max-width: 1500px) {
    #block-pilos-search {
        flex-basis: 33%;
    }

    .contact-content {
        display: grid;
        grid-template-columns: 45% 55%;
        margin-right: 0;
    }

    #block-contactform {
        width: auto;
    }

    #block-views-block-contact-block-2 {
        width: 50%;
        grid-row: 2;
        grid-column: 1/span 2;
        padding: 60px 30px;
        margin: 0 auto;
    }

    .contact-details {
        margin: 0 0 0 40px;
        padding: 60px 30px 15px;
    }

    .contact-details div > * {
        max-width: none;
    }

    #map-marker-france {
        left: 29%;
    }

    .wp-results {
        margin: 30px 20px 30px 50px;
      }

}

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

    .map-regions > .tablet-map {
        display: block;
        margin-top: 35px;
        height: 592px;
        object-fit: none;
        object-position: left;
    }

    .map-regions > img:first-child {
        display: none;
    }


    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        right: -26%;
    }


    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before {
        left: -25%;
    }

    .views-element-container .card:nth-child(6)::before,
    .views-element-container .search-result-card:nth-child(4)::before {
        left: -26%;
    }

    .views-element-container .card:nth-child(8)::before,
    .views-element-container .search-result-card:nth-child(6)::before {
        left: -19%;
    }

    .work-packs-and-regions {
        flex-direction: column;
        max-width: 100%;
    }

    .map-regions {
        width: 100%;
    }

    .map-regions > div {
        left: 10px;
        right: auto;
        width: 400px;
        margin: 0 20px;
        top: 180px;
    }

    .work-packs {
        width: auto;
        margin-left: 75px;
        margin-right: 75px;
    }

    .work-package-row {
        flex-basis: 33.33%;
    }

    .work-packages-link {
        width: 30%;
    }

    .hero-content {
        background-position: 57% -4px;
        padding: 300px 70px 260px;
    }

    .hero-content-container {
        width: 55%;
    }

    header.sticky-header .main-nav-header {
        padding: 10px 40px 10px 20px;
    }

    header.responsive-menu.sticky-header .main-nav-header,
    header.responsive-menu .main-nav-header {
        padding-bottom: 0;
    }

}

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

    .node-type--wp .page-header-breadcrumb,
    .node-type--wp .node-header h1 {
        padding: 0;
    }

    .events-container,
    .news-container {
        margin: 0 20px;
    }

    .container-article {
        max-width: 100%;
        margin: 0 20px;
    }

    .node-individual-body {
        margin: 35px 20px 80px;
    }

    .climate-action {
        margin: 50px 20px;
    }

    .container-4xx #block-pilos-content {
        margin-left: 20px;
        margin-right: 20px;
    }

    .objectives-and-outcomes-section-countries footer {
        padding-left: 20px;
    }

    .focus-regions {
        padding: 0 20px;
    }

    .partner-types-container .views-col:first-child {
        padding-left: 20px;
    }

    .partner-types-container .views-col:last-child {
        padding-right: 20px;
    }

    #block-views-block-objectives-outcomes-block-4 {
        margin: 0 20px;
    }

    body.work-packages .views-view-grid {
        margin: 45px 20px;
    }

    .wp-card {
        width: auto;
        margin: 35px 0 0 0;
        padding-left: 90px;
    }

    .wp-card > div,
    .wp-card > a {
        margin-left: -60px;
    }

    .wp-individual-bottom .wp-card {
      margin: 20px 0 0 30px;
    }

    .wp-individual-bottom .wp-card > a {
      margin-left: 0;
    }

    body:not(.home) .views-element-container header,
    .node-header {
        padding: 40px 20px 50px;
    }

    .about-the-project #block-pilos-content footer {
        padding: 40px 20px 25px;
    }

    .news #block-views-block-news-block-1 header,
    .events #block-views-block-events-block-1 header {
      padding: 0;
    }

    .bef-exposed-form,
    body.project-partners #block-pilos-content {
        margin: 0 20px;
    }

    .timeline-year-checkpoints {
        padding-left: 20px;
        padding-right: 20px;
    }

    .timeline-of-key-dates .views-element-container > div footer,
    .project-partners-carousel > div.container,
    body.work-packages #block-pilos-content footer {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hero-content-container img {
        right: -20px;
    }

    .hero-content-container {
        width: 80%;
    }

    .hero-content-container > div {
        width: 60%;
    }

    .timeline-of-key-dates .views-element-container > div footer::after {
        left: -8px;
    }

    .timeline-legend {
        right: 40px;
        width: 38%;
    }

    .pager {
        margin: 50px 20px 90px;
    }

    .search-results-container .views-view-grid {
        margin: 0 20px;
    }

    .card-text p:last-of-type {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: auto;
    }

    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        right: -24%;
    }

    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before {
        left: -22%;
    }

    .views-element-container .card:nth-child(6)::before,
    .views-element-container .search-result-card:nth-child(4)::before {
        left: -23%;
    }

    .views-element-container .card:nth-child(8)::before,
    .views-element-container .search-result-card:nth-child(6)::before {
        left: -17%;
    }

    .work-packs {
        margin-left: 20px;
        margin-right: 20px;
    }

    .twitter-block,
    .latest-news-section > div:first-child {
        padding: 50px 20px;
    }

    .contact-content {
        margin-left: 20px;
    }

    #block-views-block-contact-block-2 {
        padding: 60px 20px 60px 30px;
    }

    .timeline-year-checkpoints:first-of-type .checkpoint-element:first-child::before {
        width: 100vw;
        background-repeat: no-repeat;
        left: -28px;
        background-position: top center;
    }

    #search-page-info {
        right: 20px;
    }

    .search-results-container .pager::before {
        margin: 30px 20px;
    }

    .node-individual {
        margin: 0;
    }

    .explore-the-region-block > p:first-child {
        margin: 55px 20px;
    }

    .map-top-bar {
        padding: 20px;
    }

    .subpage-footer {
        margin: 55px 20px 80px;
    }

    header.sticky-header #block-pilos-search {
        background-position: 50px 0px;
    }

    body:not(.home) header > img {
        right: -260px;
    }

    body.advisory-board .item-list ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin: 40px 20px;
    }

    body.advisory-board .item-list::before,
    body.advisory-board .item-list::after {
        margin: 40px 20px 0;
      }

}

@media screen and (max-width: 1350px) {
    .views-element-container .card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(2)::before,
    .views-element-container .search-result-card:nth-child(4)::before {
        left: -25%;
    }

    .checkpoint-element {
        width: 43%;
    }

    .home .hero-bg {
        object-position: 25% 0%;
    }

    .marker-icon > i {
        font-size: 52px;
    }

    #map-marker-poland .content-marker,
    #map-marker-spain .content-marker,
    #map-marker-greece .content-marker,
    .content-marker {
        height: 52px;
    }

    #map-marker-germany {
        left: 36%;
    }

    #map-marker-poland {
        left: 52%;
    }

    .node-type--wp .wp-card {
        padding: 10px 0 20px 70px;
    }

    .node-type--wp .wp-cog {
        top: -6px;
        height: 95px;
        width: 95px;
        line-height: 95px;
    }

}

@media screen and (max-width: 1300px) {
    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .card:nth-child(4)::before,
    .views-element-container .card:nth-child(6)::before,
    .views-element-container .card:nth-child(8)::before,
    .views-element-container .search-result-card:nth-child(2)::before,
    .views-element-container .search-result-card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(6)::before,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        width: 220px;
        background-size: contain;
    }

    .main-nav-header {
      justify-content: space-between;
      padding-right: 40px;
    }

    .hero-content-container img {
        width: 650px;
        height: auto;
    }

    .popup-content {
        width: 80%;
    }

    .top-bar,
    body:not(.home) header[role="banner"] {
        flex-direction: column;
        margin-bottom: 54px;
    }

    #block-pilos-search {
        flex-basis: 100%;
        justify-content: space-between;
        padding: 10px 20px;
        border-top: 2px solid #E1DE30;
        border-bottom: 2px solid #E1DE30;
        background-color: #f8f6eb;
        z-index: 1;
    }

    .main-nav-header {
        background-color: white;
    }

    header .sm-icons {
        display: flex;
    }

    header .main-menu {
      width: 70%;
    }

    header.sticky-header .main-menu {
        width: 100%;
    }

    header.sticky-header #block-pilos-search {
        display: none;
    }

}

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

    .contact-content {
        margin: 0;
        column-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }

    #block-contactform {
        grid-column-start: 1;
        grid-column-end: two;
        margin: 30px 20px;
    }

    #block-views-block-contact-block-1 {
        grid-row: 2;
        grid-column: 1;
    }

    .follow-for-more ul {
        flex-direction: column;
    }

    .follow-for-more ul li:nth-child(2) {
        margin: 30px 0;
    }

    .contact-details {
        margin: 30px 0 0;
    }

    #block-views-block-contact-block-2 {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        grid-column: 2;
    }

    body.project-partners .views-element-container > div {
        grid-template-columns: repeat(2, 1fr);
    }


    .project-partners .views-element-container footer {
        grid-column-end: 3;
    }

    #map-marker-portugal {
        left: 15%;
    }

    #map-marker-united-kingdom {
        left: 22%;
    }

}

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

    .views-element-container .card:first-of-type::after,
    .views-element-container .card:nth-child(4)::before,
    .views-element-container .card:nth-child(5)::after,
    .views-element-container .card:nth-child(6)::before,
    .views-element-container .card:nth-child(7)::after,
    .views-element-container .card:nth-child(8)::before,
    .views-element-container .search-result-card:nth-child(2)::before,
    .views-element-container .search-result-card:nth-child(4)::before,
    .views-element-container .search-result-card:nth-child(6)::before,
    .views-element-container .search-result-card:nth-child(3)::after,
    .views-element-container .search-result-card:nth-child(5)::after {
        display: none;
        background-image: none;
    }

    .card {
        width: 100%;
    }

    .events-card:nth-child(even),
    .news-card:nth-child(odd) {
        align-self: flex-start;
    }

    .latest-news-section {
        flex-direction: column;
    }

    .latest-news-section > div:first-child,
    .twitter-block {
        width: 100%;
        padding: 40px 20px;
    }

    .twitter-block iframe {
        width: 58% !important;
        display: block !important;
        margin: 0 auto !important;
        height: 500px !important;
    }

    .twitter-block .iframe-container {
        background: none;
    }

    body.home .twitter-block > div:first-child {
        width: 58%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-menu > ul:first-child {
        margin-right: 0;
        margin-left: 0;
    }

    .node-individual {
        flex-direction: column;
        overflow: hidden;
    }

    .node-individual > img {
        margin-top: 30px;
        margin-left: 0;
    }

    div.checkpoints-container > div:nth-child(2n+1)::after {
        width: 35px;
        right: -40px;
    }

    div.checkpoints-container > div:nth-child(2n)::before {
        width: 35px;
        left: -40px;
    }

    .hero-content-container > div {
        width: 60%;
    }

    .hero-content > div > h1 {
        width: 100%;
    }

    .map-regions > img:first-child {
        height: 750px;
    }

    .map-regions > .tablet-map {
        object-position: 20%;
    }

    .map-regions > div {
        left: 0;
        width: 370px;
    }

    .node-type--wp .views-view-grid {
        display: block;
    }

    .node-type--wp .wp-row {
        max-width: 47%;
        float: left;
        width: 100%;
    }



}

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

    .map-top-bar {
        justify-content: space-evenly;
    }

    .map-top-bar > div:nth-child(3),
    .map-top-bar > div:last-child {
        display: none;
    }

    .popup-country .popup-content {
        width: 80%;
    }

    .country-deets {
        display: block;
    }

    #map-marker-poland .content-marker,
    #map-marker-spain .content-marker,
    #map-marker-greece .content-marker,
    .content-marker {
        display: none;
    }

    .explore-map > img {
        height: 500px;
        object-fit: cover;
    }

    #map-marker-united-kingdom {
        left: 28%;
    }

    #map-marker-germany {
        left: 46%;
        top: 20%;
    }

    #map-marker-poland {
        left: 61%;
        top: 24%;
    }

    #map-marker-france {
        left: 36%;
    }

    #map-marker-portugal {
        left: 18%;
    }

    #map-marker-spain {
        left: 28%;
    }

    #map-marker-greece {
        left: 64%;
    }

    .map-regions > .tablet-map {
        object-position: 28%;
    }

    .wp-row {
        width: 100%;
    }

    .wp-row:nth-child(2n) {
        align-self: flex-start;
    }

    .wp-row:not(:first-of-type) {
        margin-top: 30px;
    }

    body.work-packages .views-view-grid {
        background-image: none;
    }

}

@media screen and (max-width: 1050px) {
    .hero-content-container > div {
        width: 70%;
    }

    .map-regions > img {
        height: 650px;
    }

    .map-regions > .tablet-map {
        object-position: 42%;
    }

    .popup-content {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    body.advisory-board .item-list ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

}

@media screen and (max-width: 1000px) {
    .about-the-project #block-pilos-content footer article p:first-child {
        float: none;
        display: flex;
        margin-left: 0;
    }

    .work-package-row {
        flex-basis: 47%;
    }

    .work-packs > div > div {
        justify-content: space-between;
    }

    .map-regions img:first-child {
        display: block;
        margin-top: 0;
        /* object-fit: contain;
        height: 644px; */
    }

    .map-regions > .tablet-map {
        display: none;
    }

    .map-regions > div {
        width: 50%;
        left: auto;
        right: 0;
        top: 30px;
    }

    footer,
    .footer-middle {
        position: relative;
    }

    footer .sm-icons {
        margin-bottom: 20px;
    }

    .footer-menu {
        width: 100%;
        margin-top: 55px;
    }

    .footer-menu > ul:first-child {
        flex-direction: column;
        align-items: center;
    }

    .footer-top,
    .footer-middle,
    .footer-bottom {
        flex-direction: column;
    }

    .footer-top {
        margin-bottom: 5px;
    }

    .footer-bottom {
        align-items: center;
    }

    .footer-bottom > * {
        margin-bottom: 20px;
    }

    .footer-menu > ul:first-child li {
        margin-bottom: 20px;
    }

    .views-field-field-partner-logo > img {
        max-width: 250px;
    }

    .search-results .search-results-container header h1:last-child {
        margin-top: 0;
    }

    .timeline-legend {
      width: 100%;
      right: 20px;
      justify-content: flex-end;
      bottom: -40px;
    }

    .timeline-of-key-dates #block-pilos-content header > div.timeline-legend > p {
        margin-left: 20px;
        width: auto;
    }

    .timeline-of-key-dates .views-element-container > div footer::after {
        left: 0;
    }

   .timeline-year-checkpoints:first-of-type .checkpoint-element:first-child::before,
   .timeline-of-key-dates .views-element-container > div footer::after {
        display: none;
    }

    div.checkpoints-container > div:nth-child(2n)::before,
    div.checkpoints-container > div:nth-child(2n+1)::after {
        display: none;
    }

    .checkpoint-element {
        width: 100%;
        margin-bottom: 20px;
    }

    .checkpoint-text {
        z-index: 4;
        width: 100%;
    }

    .timeline-year-checkpoints div.checkpoints-container {
        align-items: center;
    }

    div.checkpoints-container > div:nth-child(2n) {
        align-self: center;
    }

    .hero-content {
        text-align: center;
        padding-top: 200px;
    }

    .hero-content-container {
        margin: 0 auto;
        width: 90%;
    }

    .hero-content-container > div {
        width: 100%;
    }

    .hero-content-container > a {
        margin: 0 auto;
    }

    .hero-content-container img {
        width: 500px;
    }

    .partner-types-container {
        flex-direction: column;
    }

    .popup-country .popup-content {
        flex-direction: column;
    }

    .popup-country img {
        width: 260px;
        margin-right: 0;
        margin-top: 20px;
    }

    .country-deets {
        margin-top: 20px;
    }

    .work-packages-link {
        width: 42%;
        bottom: 28px;
    }

    .popup-content {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 85vh;
        margin-top: 5%;
    }

    .popup-content > div:last-child > div {
      max-height: none;
      overflow: hidden;
    }

    #views-exposed-form-project-partners-page-1 {
        position: relative;
        margin-bottom: 30px;
    }

    #views-exposed-form-project-partners-page-1 .form-actions {
        position: absolute;
        bottom: -55px;
    }
}

@media screen and (max-width: 950px) {
    #map-marker-portugal {
        left: 14%;
    }

    #map-marker-spain {
        left: 24%;
    }

    header[role="banner"] {
        border-bottom: 2px solid #E1DE30;
    }

    header #block-sitebranding img {
        margin-left: 20px;
    }

    .main-nav-header {
        width: 100%;
        flex-direction: column;
        padding-bottom: 0;
        z-index: 9;
        padding-right: 20px;
    }

    header.sticky-header .main-nav-header {
      padding-right: 20px;
    }

    #block-sitebranding {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .hamburger {
        display: block;
        position: relative;
        z-index: 9;
        width: 50px;
        cursor: pointer;
    }

    .bar {
        width: 22px;
        height: 3px;
        background: #19525e;
        border-radius: 5px;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(0deg);
        transition: all 0.5s ease;
    }

    .bar::before,
    .bar::after {
        content: "";
        width: 22px;
        height: 3px;
        background: #19525e;
        border-radius: 5px;
        display: block;
        position: absolute;
        transition: all 0.5s ease;
    }

    .bar::before {
        top: -7px;
    }

    .bar::after {
        top: 7px;
    }

    .hamburger.cross .bar {
        transform: rotate(45deg);
    }

    .hamburger.cross .bar::before {
        top: 0;
    }

    .hamburger.cross .bar::after {
        transform: rotate(-90deg);
        top: 0;
    }

    #block-pilos-search,
    .main-menu,
    body:not(.home) header > img {
        display: none;
    }

    .top-bar,
    body:not(.home) header[role="banner"] {
        margin-bottom: 0;
    }

    header.responsive-menu {
        flex-direction: column;
    }

    header.responsive-menu .main-menu {
        display: block;
        width: 100vw;
        margin-left: -20px;
        background-color: white;
    }

    .responsive-menu .main-menu ul {
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
        text-align: -webkit-center;
    }

    .responsive-menu .main-menu ul li {
        margin: 15px 0;
        width: 100%;
        text-align: center;
    }

    .responsive-menu .main-menu ul li i {
        margin-left: 5px;
        cursor: pointer;
    }

    .arrow-90 {
        transform: rotate(-90deg);
    }

    .responsive-menu .main-menu ul li > ul {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .responsive-menu .main-menu ul li > ul li {
        margin: 0;
        width: 100%;
    }

    header.responsive-menu #block-pilos-search {
        display: flex;
        background-color: #f8f6eb;
        padding: 10px 20px;
        border-top: 2px solid #E1DE30;
        border-bottom: 2px solid #E1DE30;
    }

    .home .top-bar {
        background-color: white;
        border-bottom: 2px solid #E1DE30;
        z-index: 4;
        display: block;
    }

    .home header.sticky-header .top-bar {
        border-bottom: none;
    }
}

@media screen and (min-width: 950px) { /* MIN width */
    .main-menu ul li i {
        display: none;
    }
}

@media screen and (max-width: 950px) { /* MAX width */
  #sliding-popup .popup-content h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 900px) {
    .hero-content-container {
        margin: 0;
        width: 100%;
    }

    .hero-content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .map-regions > img {
        height: 590px;
    }

    .focus-regions:first-of-type > div,
    .focus-regions:last-of-type > div {
        flex-direction: column-reverse;
    }

    .focus-regions img {
        height: auto;
        width: 100%;
        margin: 0 0 30px;
        max-width: 340px;
    }

    .focus-regions:last-of-type > div > div,
    .focus-regions:first-of-type > div > div {
        margin-left: 0;
        margin-right: 0;
    }

    .map-regions img:first-child {
        object-fit: contain;
        height: auto;
    }

    #map-marker-united-kingdom {
        left: 24%;
    }

    #map-marker-greece {
        left: 69%;
    }

    #map-marker-portugal {
        left: 12%;
    }

    #map-marker-france {
        left: 33%;
    }

    #map-marker-poland {
        left: 65%;
    }
}

@media screen and (max-width: 850px) {
    #map-marker-united-kingdom {
        left: 22%;
    }

    #map-marker-greece {
        left: 69%;
    }

    #map-marker-portugal {
        left: 9%;
    }

    #map-marker-france {
        left: 29%;
    }

    #map-marker-poland {
        left: 65%;
    }

    .map-regions > div {
        width: 63%;
    }

    .node-type--wp .wp-row {
        max-width: none;
        float: none;
    }

    .work-package-row {
        flex-basis: 50%;
    }

    #sliding-popup .popup-content h2 {
      font-size: 16px;
    }

    #sliding-popup .popup-content p,
    #sliding-popup .popup-content p a {
      font-size: 14px;
    }
}

@media screen and (max-width: 800px) {
    .mailchimp-newsletter-mergefields {
        flex-direction: column;
    }

    .mailchimp-newsletter-mergefields .form-item:first-child {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .mailchimp-newsletter-mergefields .form-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .mailchimp-newsletter-mergefields .form-item input {
        width: 80%;
    }

    .mailchimp-newsletter-mergefields .js-form-item:first-child label,
    .mailchimp-newsletter-mergefields .js-form-item:last-child label {
        white-space: nowrap;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .form-item-mergevars-fname {
        margin-right: 0;
    }

    body.home .twitter-block > div:first-child {
        width: 70%;
    }

    .twitter-block iframe {
        width: 70% !important;
    }

    .twitter-block > div:first-child a,
    .latest-news-block > div:first-child a {
        width: max-content;
    }

    .project-partners-carousel .project-partners-container {
        display: flex;
        margin-left: 20px;
        margin-right: 20px;
        align-items: center;
    }

    .project-partners-carousel > div.container {
        flex-direction: column;
        align-items: center;
    }

    .arrows-container {
        position: absolute;
        bottom: -205px;
    }

    .project-partners-carousel .project-partners-container {
        margin-bottom: 120px;
    }

    .work-packs > h2 {
        text-align: center;
    }

    .map-regions > img {
        height: 555px;
    }

    .map-regions > div {
        top: 15px;
    }

    .mc-text a:first-of-type {
        display: unset;
    }

    .popup-content > div:last-child h2 {
        position: absolute;
        top: 20px;
    }

    .popup-content {
        padding: 20px;
        flex-direction: column;
        margin: 5% 20px;
        width: auto;
    }

    .popup-img {
        margin-top: 40px;
        width: 100%;
        margin-bottom: 20px;
        min-height: 250px;
    }

    .popup-content > div:last-child > h2 {
        position: absolute;
        top: 17px;
    }

    #sliding-popup .popup-content {
      flex-direction: row;
    }

    .work-package-row {
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    .work-package-row::before {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 18px;
        position: absolute;
    }

    .work-packs {
        margin-left: 0;
        width: 100%;
    }

    .work-packs > h2 {
        margin-bottom: 40px;
    }

    .work-packs > div {
        margin: 0 20px;
    }

    .work-package-row > div {
        width: 100%;
    }

    .work-package-row > div > div {
      margin-left: 50px;
      width: calc(100% - 50px);
    }

    .work-package-row > div p {
        padding: 0 15px 0 35px;
        font-size: 16px;
        margin-left: 5px;
    }

    .work-packages-link {
        width: auto;
        position: relative;
        display: block;
        right: 0;
        bottom: 0;
        margin: 0 20px;
        padding: 20px;
    }

    .work-packs-and-regions .map-regions > img {
        margin-top: 30px;
    }

    .map-regions > div {
        width: auto;
        top: 80px;
        right: 0;
    }

    body.advisory-board .item-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
  #sliding-popup .popup-content p,
  #sliding-popup .popup-content p a {
    font-size: 16px;
  }
}

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

    .news-content-body {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: auto;
    }

    body.log-in #block-pilos-content {
        width: auto;
    }

    .user-login-form input {
        width: 100%;
    }
}