@media (max-width: 768px) {
    /* at a glance */

    #at-a-glance-credit-logos {
        padding: 30px;
    }

    #at-a-glance-credit-logos .custom-block__right {
        padding: 0;
    }

    #at-a-glance-credit-logos .custom-block__left p {
        text-align: left;
    }

    #at-a-glance-credit-logos .custom-block__left {
        padding: 30px;
    }

    #at-a-glance-credit-logos > .custom-block__inner,
    #at-a-glance-credit-logos .custom-block__right .custom-block__logos {
        flex-direction: column;
    }

    #at-a-glance-credit-logos .custom-block__right .custom-block__logos .custom-block__logo-item {
        padding-bottom: 30px;
    }

    #text-homepage .custom-block__text p {
        text-align: left;
    }

    #text-homepage .custom-block__text {
        padding: 30px;
    }

    /* member states */

    #countries-with-images {
        padding: 30px;
    }

    /* governance */

    #board-of-directors .custom-block__tabs {
        width: 100%;
        gap: 15px;
    }

    #board-of-directors .custom-block__tab-contents {
        width: 100%;
    }

    #board-of-directors .custom-block__tab-content:first-of-type {
        margin-top: 35px;
        width: 100%;
        overflow-x: auto;
    }

    /* how we operate */

    #how-we-operate-page-project-cycle .custom-block__content-text p, .custom-block__content-text ul {
        margin: 0;
    }

    #how-we-operate-page-environmental li, #how-we-operate-page-internal-audit li, #how-we-operate-page-environmental li {
        text-align: justify;
    }

    /* what we offer  */

    #what-we-offer-smes {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    /* text aligns */

    #what-we-offer-entity-invest li,
    #what-we-offer-smes li,
    #what-we-offer-special-funds li {
        text-align: left;
    }

    #what-we-offer-trade-finance p,
    #what-we-offer-special-products li {
        text-align: justify;
    }

    #what-we-offer-financing-program .custom-block__row--bottom p {
        text-align: left;
    }

    /* work with us */

    #work-with-us-corporate {
        flex-direction: column;
    }

    #work-with-us-corporate .custom-block__table tr {
        display: flex;
        flex-direction: column;
    }

    #work-with-us-corporate .custom-block__table {
        display: flex;
        width: 100%;
        min-width: 0;
    }

    #work-with-us-corporate .custom-block__table thead th {
        border-bottom: 1px solid #dcdcdc;
    }

    #work-with-us-corporate .custom-block__table th,
    #work-with-us-corporate .custom-block__table td {
        width: 100% !important;
        height: 62px;
    }

    /* work with us - mobile breadcrumps */

    #project-nav-links, #corporate-nav-links, #consultancy-nav-links, #apply-nav-links {
        font-size: 12px;
        padding: 0;
        padding-bottom: 30px;
    }

    #project-nav-links .custom-block__block-nav-links, 
    #corporate-nav-links .custom-block__block-nav-links, 
    #consultancy-nav-links .custom-block__block-nav-links,
     #apply-nav-links .custom-block__block-nav-links {
        display: flex;
        justify-content: center;
    }

    #project-nav-links .custom-block__block-nav-link:first-of-type, 
    #corporate-nav-links .custom-block__block-nav-link:first-of-type, 
    #consultancy-nav-links .custom-block__block-nav-link:first-of-type, 
    #apply-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }


    /* work with us - project procurement */

    #work-with-us-project {
        padding: 30px;
        width: 100%
    }

    /* work with us - apply for financing form */

    div#edit-main-container {
        padding: 0;
    }

    #edit-main-container {
        zoom: 0.85;
        flex-direction: column;
    }

    #edit-amount-to-be-financed-by-bstdb-euro {
        width: 100%;
    }

    #apply-for-financing-form .wrapped-forms {
        flex-direction: column;
    }

    #edit-left-container .webform-flex.webform-flex--1 {
        width: 100%;
    }

    #edit-countries-of-investments .form-type-checkbox {
        width: 50%;
    }

    /* accordion content */

    #work-with-us-corporate .custom-block__accordion-item-content,
    #work-with-us-consultancy .custom-block__accordion-item-content {
        padding: 0;
        font-size: 15px;
    }

    #work-with-us-consultancy .custom-block__accordion-item-title {
        padding-left: 0;
    }

    /* investor relations */

    /* mandate */

    #investor-page-mandate .custom-block__tabs {
        flex-direction: row;
        height: auto;
        border-bottom: 1px solid #555;
        padding-bottom: 0;
        margin-bottom: 1rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #investor-page-mandate .custom-block__tab {
        min-width: fit-content;
        font-size: 0.85rem;
        padding: 0.7rem 0.8rem;
    }

    #investor-page-mandate .custom-block__tabs-wrapper {
        gap: 1rem;
    }

    #investor-page-mandate .custom-block__tab-content p {
        margin-left: 0;
    }

    /* knowledge center - complaints form */

    #complaints-form {
        padding: 30px !important;
        zoom: 0.85;
    }

    #complaints-form .custom-wrapper {
        flex-direction: column;
    }

    #auto-id-13,
    #auto-id-14,
    div#auto-id-15,
    div#auto-id-16 {
        width: 100%;
    }

    /* knowledge center - tables */

    #knowledge-page-enviro-social-info .custom-block__table,
    #knowledge-page-independent-evaluation .custom-block__table {
        min-width: 0;
        width: 100%;
    }

    #knowledge-page-independent-evaluation .custom-block__table th:first-child {
        width: 30%;
    }

    /* knowledge center - documents */

    #knowledge-center-document-list .doc-table {
        max-width: none;
    }

    .block-views-blockpublic-documents-block-1 #my-wrapper {
        display: block;
    }

    #knowledge-center-document-list .custom-block__table {
        min-width: 0;
        width: unset;
    }

    /* knowledge center - enviro button */

    #enviro-button {
        padding: 30px;
        padding-top: 0;
    }

    #enviro-button a {
        width: 100%;
    }

    /* newsroom - media contacts */

    #newsroom-page-media-contacts {
        margin: 0 0 30px 0;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 100%
    }

    /* career */

    /* list text align */

    #career-page-career .custom-block__text ul li,
    #career-page-internships .custom-block__text li {
        text-align: justify;
    }

    /* BSTDB current vacancies */

    .node-career-title {
        padding: 30px 30px 0 30px;
    }

    .table-wrapper {
        padding: 30px;
        flex-direction: column;
        gap: 30px;
    }

    .career-table {
        padding: 0;
        width: 100%;
    }

    #node-vacancies-text,
    #node-application,
    #node-document {
        padding: 0 30px 30px 30px;
    }

    .table-wrapper .custom-block__button a {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 18px 0;
    }

    /* BSTDB career pages */

    .node-career-text {
        padding: 0 30px;
    }

    .career-link {
        margin: 30px;
    }

    .career-link a {
        padding: 18px 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* environmental project */

    #environmental-project-breadcrumb {
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #environmental-project-breadcrumb a {
        padding: 0 5px;
        max-width: 152px;
    }

    #environmental-project-breadcrumb,
    .node-project-text {
        padding: 30px;
    }

    .node-project-title {
        padding: 0 30px;
    }

    #node-document {
        width: 100%;
    }

    .node-project-button {
        padding: 30px;
        padding-top: 0;
    }

    .node-project-button a {
        width: 100%;
    }

    /* at a glance - key events */

    #key-events-homepage {
        padding: 30px;
    }

    .key-events-timeline {
        grid-template-columns: 1fr;
    }

    .key-events-timeline__dot {
        border: none;
        width: 0;
        height: 0;
        top: unset;
    }

    #key-events-content {
        border: none;
        margin-top: 20px;
    }

    #key-events-homepage .year-list {
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 0 5px;
    }

    /* country - latest news */

    #block-bstdb-views-block-latest-news-latest-news-block .view-header {
        padding: 30px 30px 0 30px;
    }

    #block-bstdb-views-block-latest-news-latest-news-block .latest-news-container {
        padding: 30px;
        padding-top: 0;
    }

    /* mobile breadcrumbs */

    #assessment-nav-links,
    #standards-nav-links,
    #enviro-info-nav-links,
    #compliance-nav-links,
    #supervision-nav-links,
    #international-nav-links,
    #useful-info-nav-links {
        padding: 30px;
        padding-bottom: 0;
        font-size: 12px;
    }

    #assessment-nav-links .custom-block__block-nav-links,
    #standards-nav-links .custom-block__block-nav-links,
    #enviro-info-nav-links .custom-block__block-nav-links,
    #compliance-nav-links .custom-block__block-nav-links,
    #supervision-nav-links .custom-block__block-nav-links,
    #international-nav-links .custom-block__block-nav-links,
    #useful-info-nav-links .custom-block__block-nav-links {
        display: flex;
        justify-content: center;
    }

    #assessment-nav-links .custom-block__block-nav-link:first-of-type,
    #standards-nav-links .custom-block__block-nav-link:first-of-type,
    #enviro-info-nav-links .custom-block__block-nav-link:first-of-type,
    #compliance-nav-links .custom-block__block-nav-link:first-of-type,
    #supervision-nav-links .custom-block__block-nav-link:first-of-type,
    #international-nav-links .custom-block__block-nav-link:first-of-type,
    #useful-info-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }

    /* who we are */

    /* map */

    #map {
        padding: 30px;
    }

    #member-states-title p {
        padding: 30px 0 0 30px;
        font-size: 32px;
    }

    #map .custom-block__image img {
        display: none;
    }

    #map .member-share-map,
    #map .member-share-map .country-name, 
    #map .member-share-map .country-value {
        position: unset;
    }

    #map .member-share-map .country-name, 
    #map .member-share-map .country-value {
        text-shadow: none;
        color: #000;
        font-weight: 400;
        line-height: 1.5;
        border-bottom: 1px solid #989799;
        padding: 13px 0;
    }

    #map .member-share-map .country-name:first-of-type, 
    #map .member-share-map .country-value:nth-of-type(2) {
        padding-top: 0;
    }

    #map .member-share-map .country-name:nth-last-of-type(2), 
    #map .member-share-map .country-value:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #map .member-share-map .country-name {
        font-weight: 600;
    }

    #map .member-share-map {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: #ececed;
        padding: 20px;
    }

    #map .member-share-map .country-value {
        margin-top: 0;
    }
}