#about_tabs_view {
    padding: 20px 0 80px;
}

.methodologie-details h1 {
    font-size: 90px;
}

@media screen and (max-width: 1200px) {
    .slider-right-image {
        width: 500px;
    }

    .slider-left-text {
        width: calc(100% - 500px);
    }

    .inner-slider-left-text h3 {
        font-size: 28px;
        margin: 0 0 10px;
        line-height: 38px;
    }

    .inner-slider-left-text p {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0;
    }
}

@media screen and (max-width: 1100px) {
    #about_tabs_view .cutom-tab-view .nav-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    #about_tabs_view .cutom-tab-view .nav-tabs::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #dadada;
    }

    #about_tabs_view .cutom-tab-view .nav-tabs .nav-link {
        padding: 12px 16px;
    }

    .inner-cadre-conceptuel .row h3,
    .pilotage .row h3 {
        color: #202124;
        font-size: 22px;
    }
}

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

    .search-btn.menu-open-button {
        font-size: 18px;
        color: #13678A;
        margin: 0 0 0 10px;
    }

    .search-btn.menu-open-button i {
        display: flex;
        margin: 2px 0 0 0;
    }

    header.home-header {
        padding: 10px;
        z-index: 99999;
        position: fixed !important;
        background: #13678A !important;
    }

    .inner-header .head-logo {
        padding: 0;
        border: none;
    }

    .head-logo a {
        flex-direction: inherit;
        align-items: center;
    }

    .head-logo a figure {
        margin: 0 5px 0 0;
    }

    .head-logo a figure img {
        height: 35px;
    }

    .head-logo a strong {
        font-size: 20px;
    }

    .navigation-menues .wsmenu-list li a.is-active {
        color: #ffffff !important;
        background: #13678a !important;
    }

    .slide-content-box .slide-inner-content-box .inner-section-div {
        height: 100%;
        height: 100%;
        display: flex;
        text-align: center;
        align-items: flex-end;
        justify-content: center;
        padding: 60px 15px 100px;
        background: rgba(0, 0, 0, 0.4);
    }

    .slider-text h1 {
        font-size: 38px;
    }

    #prapos_box {
        margin: 30px 0 0;
    }

    .section-title {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .h3basic01 {
        font-size: 22px;
    }

    .para-text {
        font-size: 15px;
        line-height: 22px;
    }

    #prapos_box .para-text {
        margin: 10px 0 16px;
    }

    #resilience_box {
        padding: 30px 0;
    }

    .resilience_blog h4 {
        margin: 15px 0 0;
        font-size: 18px;
        line-height: 36px;
    }

    .resilience_blog p {
        font-size: 14px;
    }

    #resilience_box .row .col-md-12.mt-5 {
        margin-top: 2rem !important;
    }

    .custom-link-button,
    .full-search input[type="submit"] {
        font-size: 14px;
        min-width: 110px;
        line-height: 24px;
        padding: 8px 16px;
    }

    .slider-left-text {
        width: 100%;
        height: auto;
    }

    .inner-slider-left-text {
        text-align: center;
        padding: 60px 15px 80px;
    }

    .slider-right-image {
        display: none;
    }

    .slider-left-text {
        justify-content: center;
    }

    .inner-slider-left-text h3 {
        font-size: 20px;
    }

    .inner-slider-left-text p {
        font-size: 14px;
        line-height: 24px;
    }

    #slider_view_box .single-item .slick-arrow {
        bottom: 20px;
        right: 50%;
        width: 30px;
        height: 30px;
        background: #FFFFFF url(../img/arrow_back_next.png) no-repeat scroll center center / 8px !important;
    }

    #slider_view_box .single-item .slick-arrow.slick-prev,
    .single-item-slider .slick-arrow.slick-prev {
        background: #FFFFFF url(../img/arrow_back_next.png) no-repeat scroll center center / 8px !important;
    }

    #slider_view_box .single-item .slick-arrow.slick-next {
        right: calc(50% - 40px);
    }

    #resources_box .views-element-container>div .views-row {
        margin: 0 15px;
    }

    #resources_box {
        overflow: hidden;
        padding: 0px 0;
    }

    #resources_box h2 {
        margin: 0 0 10px;
        font-size: 24px;
    }

    .resource-card figure {
        height: 300px;
    }

    .resourc-details {
        padding: 10px;
    }

    .resourc-details h5 a {
        font-size: 16px;
        margin: 0 0 6px;
        padding: 0 0 8px;
        border-bottom: 1px solid rgba(255, 255, 225, 0.1);
    }

    .resourc-details p {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .custom-link-button,
    .full-search input[type="submit"] {
        text-align: center;
    }

    .overlay-border-bottom {
        bottom: -1px;
    }

    .footer-layer {
        top: -2px;
    }

    #resources_box .custom-link-button {
        max-width: 15px 0 0 0;
    }

    .inner-copy-rights {
        padding: 10px;
        text-align: center;
    }

    .privacy-links {
        padding: 10px 0 0;
        text-align: center;
    }

    .scroll-top {
        right: 14px;
        bottom: 14px;
    }

    .scroll-top img {
        width: 30px;
    }

    #head_name {
        padding: 30px 0;
        background: #ECE6D6 url("../img/img_bg_header.png") no-repeat scroll right 0 bottom 0 / 40% auto;
    }

    #head_name h1 {
        font-size: 28px;
        line-height: 38px;
        padding: 10px;
        border-left: 2px solid #202124;
        border-bottom: 2px solid #202124;
    }

    #about_resilience {
        padding: 10px 0 15px;
        background: none;
    }

    .h2basic01 {
        font-size: 24px;
    }

    #about_resilience .para-text {
        margin: 10px 0 0 0;
    }

    #about_tabs_view {
        padding: 20px 0 30px;
        border-top: 1px solid #eaeaea;
    }

    #about_tabs_view .cutom-tab-view .tab-content {
        padding: 20px 0 0;
    }

    .sectors-accordion {
        padding: 0;
    }

    .sectors-accordion .accordion-item {
        padding: 0;
        margin: 0 0 14px;
    }

    .sectors-accordion .accordion-item .accordion-button {
        padding: 10px 16px 10px 12px;
    }

    .sectors-accordion .accordion-item .accordion-button h5 {
        color: #202124;
        font-size: 22px;
        line-height: 30px;
        font-style: normal;
        padding: 0 0 0 10px;
    }

    .sectors-accordion .accordion-body .inner-accordion-body {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        border-top: 1px solid #eaeaea;
    }

    .sectors-accordion .accordion-body .inner-accordion-body .accordion-body-content {
        padding: 0 0 0 0;
        align-items: flex-start;
        width: calc(100% - 0px);
    }

    .sectors-accordion .accordion-body .inner-accordion-body figure {
        width: auto;
        height: 200px;
        border-radius: 10px;
    }

    .sectors-accordion .accordion-body .inner-accordion-body .accordion-body-content p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .inner-engagements-specifiques .views-element-container>div .views-row {
        width: calc(50% - 30px);
        margin: 0 15px 25px;
    }

    .capacites-center-image {
        display: none;
    }

    .row-first .col-md-6,
    .row-last .col-md-6 {
        opacity: 1 !important;
        transition: all 1.2s;
    }

    .row-first .col-md-6:first-child,
    .row-last .col-md-6:first-child,
    .row-first .col-md-6:last-child,
    .row-last .col-md-6:last-child {
        transform: translate(0%, 0%) !important;
    }

    .inner-capacites-content {
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
        padding: 0 0 20px;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
    }

    .capacites-content .row .col-md-6:last-child {
        justify-content: flex-start;
    }

    .inner-capacites-content h5 {
        font-size: 22px;
        margin: 20px 0 10px;
    }

    .inner-capacites-content p {
        font-size: 16px;
        line-height: 24px;
    }

    #resources-blocks {
        display: flex;
        margin: 10px 0;
    }

    .filtered-views .views-element-container>div .views-row {
        margin: 0 12px 40px;
        width: calc(100% - 24px);
    }

    .filtered-views .views-element-container>div .views-row .resource-view-box figure img {
        object-position: center;
    }

    .filter-box {
        width: 100%;
        padding: 10px;
        margin: 0 0 20px;
    }

    .filter-box form .js-form-item input,
    .filter-box form .js-form-item select {
        margin: 0 0 15px;
    }

    #contact_us {
        text-align: center;
        padding: 30px 0;
    }

    .mailbox {
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }

    .contact-us-btn {
        margin: 16px 0;
    }
}

@media screen and (max-width: 768px) {
    #prapos_box {
        background: none;
    }

    #prapos_box .row .col-md-6.text-end {
        margin: 20px 0 0 0;
        text-align: center !important;
    }

    #prapos_box .row .col-md-6.text-end figure img {
        width: auto !important;
        height: 300px !important;
    }

    .resilience_blog {
        margin: 0 auto 20px;
        max-width: 200px;
    }

    #resources_box .views-element-container>div {
        justify-content: center;
    }

    #resources_box .views-element-container>div .views-row {
        width: calc(50% - 10px);
        margin: 0 5px;
    }

    #resources_box .views-element-container>div .views-row:nth-child(2) {
        margin-top: 0;
    }

    .resource-card {
        margin: 0 0 10px;
    }

    #resources_box {
        padding: 10px 0 20px 0;
    }

    #footer {
        padding: 60px 0 0;
    }

    .inner-footer .foot-links {
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .foot-links-mt {
        margin: 0;
    }

    .foot-logo {
        margin: 0 0 20px;
    }

    .inner-engagements-specifiques .views-element-container>div .views-row {
        width: calc(100% - 0px);
        margin: 0 15px 25px;
    }

    .inner-cadre-conceptuel .row figure {
        padding: 0;
    }

    #about_tabs_view {
        padding: 20px 0 10px;
    }

    .inner-cadre-conceptuel .row figure img,
    .pilotage .inner-pilotage .row figure img {
        max-height: 300px;
        width: auto;
        margin: 0 auto;
        display: block;
    }

    .about-single-cadre .slick-arrow,
    .about-single-cadre .carousel-control-next,
    .about-single-cadre .carousel-control-prev {
        left: calc(50% - 35px);
        width: 30px;
        height: 30px;
        bottom: -45px;
        transform: rotate(180deg);
        border: 1px solid #13678A;
        background: #FFFFFF url(../img/arrow_back_next.png) no-repeat scroll center center / 7px auto !important;
    }

    .about-single-cadre .slick-next,
    .about-single-cadre .carousel-control-next {
        left: auto;
        transform: rotate(0deg);
        right: calc(50% - 35px);
    }

    .methodologie-details {
        max-width: 100%;
        position: relative;
        margin: 0 auto 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #eaeaea;
    }

    .methodologie-details p {
        font-size: 14px;
        line-height: 22px;
    }

    .methodologie-details h5 {
        font-size: 18px;
    }

    .pilotage .inner-pilotage {
        margin: 0 0 20px;
    }

    .pilotage .inner-pilotage .row .col-md-7.align-items-center {
        align-items: flex-start !important;
    }

    .inner-cadre-conceptuel .row p,
    .pilotage .row p {
        font-size: 14px;
        max-width: 100%;
        line-height: 22px;
        margin: 14px 0;
    }

    .resource-detailed-container,
    #resources-blocks {
        flex-direction: column;
    }

    .resource-detailed-container figure,
    .news-blocks .filtered-views .views-element-container>div .views-row .resource-view-box figure,
    .resource-detailed-container.newses-detailed-container figure {
        width: 100%;
        height: 250px;
    }

    .resource-detailed-container figure img {
        object-position: center;
    }

    .resource-detailed-container .resource-detailed-text {
        padding: 20px 0 0 0;
        width: 100%;
    }

    .filtered-views .views-element-container>div {
        margin: 0;
    }

    #resources-blocks .filtered-views {
        width: 100%;
    }

}

@media screen and (max-width: 580px) {
    .slide-content-box .slide-inner-content-box .inner-section-div {
        padding: 60px 15px;
    }

    #resources_box .views-element-container>div .views-row {
        width: 100%;
        margin: 0;
    }

    .slider-text h1 {
        font-size: 32px;
        line-height: 116%;
    }
}

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

    .head-logo a strong,
    .search-btn {
        display: none;
    }
}