@media(min-width: 576px) {
    .nav-logo::before {
        width: calc(((100vw - 540px) / 2) + 18 0px);
    }
}

@media(min-width: 768px) {
    .nav-logo::before {
        width: calc(((100vw - 720px) / 2) + 180px);
    }

    .bg-mob-btn {
        display: none;
    }

    .bg-right .accordion {
        display: block;
    }
}

@media(min-width: 992px) {
    .nav-logo::before {
        width: calc(((100vw - 960px) / 2) + 180px);
    }
}

@media(min-width: 1200px) {
    .nav-logo::before {
        width: calc(((100vw - 1140px) / 2) + 180px);
    }
}

@media(min-width: 1400px) {
    .nav-logo::before {
        width: calc(((100vw - 1320px) / 2) + 180px);
    }
}







@media(max-width: 1440px) {
    .nav-menu li a {
        padding: 8px 8px;
    }

    .header-last {
        margin-left: 20px;
    }

    .nav-header .header-btn {
        margin-left: 20px;
    }
    .home .bg-right .accordion .accordion-body, .plateformes .bg-right .accordion .accordion-body {
        height: 480px;
    }

}
@media(max-width: 1280px) {
    .nav-header .nav-row .menu-container {
        gap: 20px;
    }
    .nav-header .nav-row {
        gap: 20px;
    }
    .nav-header .nav-row .menu-container .nav-menu li {
        margin-right: 7px;
    }
    .nav-header .header-btn {
        margin-left: 10px;
    }
}

@media(max-width: 1200px) {

    .categories_one .slick-next {
        right: 24px;
    }
    .categories_one .slick-prev {
        left: 24px;
    }

    .dossier-dependance-banner .left-side {
        width: 100%;
        
    }
    .dossier-dependance-banner .inner-banner-content .image {
        max-width: calc(100% - 420px);
      }
    .dossier-dependance-banner .inner-banner-content .left-side .sec-title {
        margin-top: 0;
    }

    .nav-header .nav-row .menu-container .nav-menu>li {
        font-size: 11px;
    }

    .nav-header .header-last ul li a {
        font-size: 11px;
    }

    .nav-menu li a {
        padding: 2px;
    }

    .banner .bg-left h3 {
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
    }

    .membres-image .img {
        width: 22%;
    }
    .home .bg-right .accordion .accordion-body, .plateformes .bg-right .accordion .accordion-body {
        height: 420px;
    }
    
    
}

@media(max-width: 1024px) {
    .nav-header {
        padding: 13px 0 6px;
    }
    .nav-logo img {
        width: 130px;
    }

    .nav-logo::before {
        height: 28px;
        right: calc(100% - 130px);
    }
}

@media(max-width: 991px) {
    .gform-theme--framework .gfield--type-choice .gfield_radio label {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    .categories_one .slick-dots {
        display: none !important;
    }

    .banner-accordion .breadcrumb {
        width: 100%;
    }

    .block.plateforme-listing-block .bg-right {
        position: initial;
        height: 30px;
    }
    .bg-right.plateforme-banner-widget .accordion .accordion-collapse {
        position: absolute;
    }
    .home .bg-right .accordion .accordion-body, .plateformes .bg-right .accordion .accordion-body {
        background-color: #fff;
    }
    
    .plateformes .bg-right .accordion {
        top: 90px !important;
    }
    .type-3.plateforme-box {
        margin-bottom: 50px;
    }

    .inner-bg-btn {
        margin: 30px -30px;
    }

    /* home */
    .header-last {
        margin-left: 0;
    }

    .bg-mob-btn {
        display: block;
    }

    .bg-right .accordion {
        display: none;
    }

    .banner .bg-content {
        flex-direction: column;
        gap: 60px;
        justify-content: flex-start;
    }

    .banner .bg-left h4 {
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;

    }

    .banner .bg-left h3 {
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        display: none;
    }

    .banner .bg-left h2 {
        font-size: 25px;
        font-weight: 400;
        line-height: 34px;
    }

    .bg-btn {
        margin: 18px 0;
    }

    .bg-btn a {
        font-size: 14px;
        font-weight: 300;
    }

    .banner .bg-left h5 {
        font-size: 16px;
        font-weight: 400;
    }

    .banner .slick-dots {
        width: 300px;
        left: 20px;
        right: 0;
    }

    .banner .bg-content .dwn-arrow {
        display: none;
    }
    .dossier-dependance-banner .inner-banner-content {
        display: block;
    }
    .dossier-dependance-banner .inner-banner-content .image {
        margin: 0 auto;
        max-width: 100%;
    }

    .inner-bg-btn .nav-item .nav-link {
        text-wrap: nowrap;
    }

    .categories_one .block h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
        text-align: center;
    }

    .categories_two .block-image .button a {
        font-size: 16px;
        font-weight: 400;
    }

    .categories_two .block .block-text h6 {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
    }

    .categories_two .block .block-text a {
        font-size: 10px;
        line-height: 13px;
    }

    .sec-mid .sub-title {
        font-size: 25px;
        font-weight: 400;
        line-height: 34px;
    }

    .categories_three .block .block-content {
        padding: 24px;
    }

    .categories_three .block .block-content h3 {
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
    }

    .categories_three .block .block-content h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
    }

    .categories_three .block .block-content h6 {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
    }

    .categories_three .block .block-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        margin: 10px 0 18px;
    }

    .categories_four .block {
        padding: 24px;
    }

    .categories_four_content .block h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;

    }

    .categories_four_content .block h4 {
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
    }

    .categories_four_content .block h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .categories_four_content .block p {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        margin: 10px 0 18px;
    }

    .categories_four_content .block h6 {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
    }

    .footer-content h2 {
        font-size: 25px;
        font-weight: 400;
        line-height: 32px;

    }

    .footer-content .f-form .btn {
        float: inline-end;
    }

    /* home */


    /* comite */
    /* .inner-page .b-crumb {
        padding-top: 0;
    } */

    .sec-title h1,
    .sec-title h2 {
        font-size: 35px;
        font-weight: 400;
        line-height: 47px;
    }

    .sec-b-title h1,
    .sec-b-title h2 {
        font-size: 35px;
        font-weight: 400;
        line-height: 47px;
        margin: 20px 0;
    }

    .sec-paragraph p {
        font-size: 16px;
        font-weight: 400;
    }

    .sec-b-paragraph p {
        font-size: 16px;
    }

    li {
        font-size: 16px;
        font-weight: 400;
    }

    .inner-sub-title h3 {
        font-size: 25px;
        font-weight: 400;
        line-height: 34px;
    }

    .y-btn,
    .b-btn {
        font-size: 16px !important;
        line-height: 21px;
    }

    .comite-boxes {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .comite-boxes .comite-box {
        width: 28%;
    }

    /* comite */


    /* secrétariat */

    .romain-boxes .romain-box {
        margin: 14px 0 46px;
    }

    .romain-box .text h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;

    }

    .romain-box .text h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
    }

    .romain-box .text p {
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
    }

    .romain-boxes .romain-box .image {
        width: 136px;
        height: 136px;
    }



    /* secrétariat */


    /* membres */

    .membres-list ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
    }

    .membres-image {
        gap: 28px;
    }


    /* membres */


    /* devnir-membres */

    .ud-border {
        margin: 30px 0 !important;
    }

    .membre-from {
        margin: 80px 60px;
    }

    .membre-from-check {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .membre-from-check .form-check label {
        font-size: 25px;
        font-weight: 400;
        line-height: 35px;
    }

    .membre-from h3 {
        font-size: 25px;
        font-weight: 400;
        line-height: 35px;
    }

    /* devnir-membres */

    /* dossier-detail */

    .dossier-detail-page .bg-right {
        display: none;
    }

    .dossier-detail-page .inner-banner-content .image {
        margin-right: 90px;
    }

    /* dossier-detail */




    /* ledito-article-details */

    .ledito-details-block {
        padding-bottom: 50px;
    }

    .ledito-details-block .date {
        margin-bottom: 26px;
    }

    .ledito-details-sec::after {
        clip-path: polygon(100% 100%, -535% 108%, 100% 36%);
    }

    /* ledito-article-details */

    /* formations */

    .recherche-box h5,
    .recherche-box h6 {
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        color: var(--black);

    }

    /* formations */


    /* projects-details */

    .project-form {
        padding: 60px 0;
    }

    .project-form::after {
        clip-path: polygon(100% 100%, -663% 100%, 100% 27%);
    }

    /* projects-details */



    /* publications */

    .publications-ct.recherche-upper::before {
        clip-path: polygon(100% 100%, -364% 0%, 100% 0%);
    }

    .recherche-upper .recherche-upper-content .btn {
        float: inline-end;
    }

    .recherche-upper .recherche-upper-content label {
        margin-bottom: 0;
    }

    /* publications */


    /* publication_details */

    .link-boxes .link-box {
        width: 44%;
    }

    /* publication_details */


    /* recherche */

    .recherche-upper {
        padding: 40px 0;
    }

    .recherche-upper::before {
        clip-path: polygon(100% 100%, -966% 0%, 100% 0%);
    }

    .recherche-boxes {
        margin-top: 30px;
    }

    /* recherche */
    .inner-banner.revue-article-banner .inner-banner-content {
        display: block;
    }
    .revue-article-banner .left-side {
        width: 100%;
        margin-bottom: 0;
    }
    
    .bg-right .accordion .accordion-collapse {
        height: calc(100vh - 350px);
        min-height: inherit;
    }

    .inner-banner{
        height: calc(100vh - 64px);
    }
    .home .bg-right .accordion .accordion-body, .plateformes .bg-right .accordion .accordion-body {
        height: 380px;
    }

}


@media(max-width: 767px) {
    .gform-theme--framework .gfield--type-choice .gfield_radio {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .banner .bg-item {
        padding: 120px 0 60px;
    }

    p.designed_by {
        text-align: center;
    }
    
    .container-custom {
		padding: 0 30px;
	}
	.banner .bg-content h3 {
		display: none;
	}

    .banner .bg-left {
        padding-top: 20px;
    }

    .banner .bg-content {
        justify-content: space-between;
    }

    .banner .slick-dots {
        width: 100%;
        left: 0;
        right: 0;
        padding-left: 0;
        text-align: center;
        bottom: 180px;
        position: initial;
    }

    .footer-content .footer-address {
        padding-right: 0;
    }

    .footer-content .footer-address h5 {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .footer-content .footer-address li {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .footer-content ul li a {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;

    }

    .inner-banner-content {
        flex-direction: column;
    }

    .inner-banner-content .sec-title {
        margin-top: 30px;
    }

    .inner-banner-content .image {
        margin-top: 36px;
        margin-right: 0 !important;
    }

    .inner-page .bg-right {
        position: unset;
    }

    .inner-page .inner-upper-content {
        position: relative;
    }

    .inner-page .inner-upper-content.p-4 {
        padding: 0 !important;
        padding-bottom: 30px !important;
    }

    .inner-page .inner-upper-content .image {
        margin-top: 60px;
    }

    .inner-page .bg-mob-btn {
        position: absolute;
        top: 50px;
    }

    .inner-page .inner-banner-content .image {
        margin: 0 auto 60px !important;
    }

    .inner-page .inner-banner-content .bg-mob-btn {
        position: absolute;
        top: 150px;
    }

    .comite-boxes .comite-box {
        width: 100%;
    }


    .sec-mid::before {
        height: 547px;
        clip-path: polygon(100% 96%, -418% 0%, 100% 0%);
    }

    .sec-mid::after {
        height: 1330px;
        clip-path: polygon(100% 100%, -1425% 100%, 100% 0%);
    }

    .categories_one {
        padding: 30px 0 16px;
    }

    .membre-from {
        margin: 80px 0px;
    }

    .membre-from .row {
        width: 100%;
    }

    .membres-image .img {
        width: 46%;
    }

    .inner-upper-content {
        flex-direction: column;
    }

    .link-boxes .link-box {
        width: 100%;
    }

    .dossier-boxes .dossier-box {
        padding: 0;
    }

    .dossier-box h4 {
        font-size: 16px;
        line-height: 24px;

    }

    .dossier-box h4 small {
        font-size: 16px;
        line-height: 24px;
    }

    .demploi-box h6.date {
        font-size: 13px;
        line-height: 17px;

    }

    .project-form::after {
        height: 1160px;
    }

    .project-details-text h4 {
        font-size: 16px;
        line-height: 24px;

    }

    .project-details-text h4 small {
        font-size: 16px;
        line-height: 24px;
    }
}

@media(max-width: 575px) {

    .bg-right .accordion {
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 998;
    }

    .container-custom {
		padding: 0 24px;
	}
    .revue-article-banner .bg-right {
        width: 100%;
    }
    .bg-right .accordion .accordion-collapse {
        height: calc(100vh - 390px);
        min-height: inherit;
    }
}

@media(max-width: 479px) {
    .inner-page .inner-banner-content .bg-right {
        width: 100%;
      }
    .categories_four .slick-slide.block .org-box {
        height: 400px;
    }
    .banner .bg-item {
        padding: 60px 0 60px;
    }
    .inner-page .inner-banner-content .image {
        width: 100%;
    }
}

@media(max-width: 420px) {
    /* .bg-right .accordion .accordion-collapse {
        height: 350px;
    } */
}