.for-tablette{
    display: none;
}
/* Target tablets in landscape and portrait mode */
@media (min-width: 600px) and (max-width: 1024px) {
    /* Styles for tablets */
.slick-dots li button:before {
    top: -3px;
    left: -5px;
    width: 15px;
    height: 15px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    }
/*
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}*/
   /* .container, .container-sm {
        /*max-width: max-content !important;*/
    /*}
    /******************* footer *******************/
    el-69711331 > .bb-inner {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    #block-notech-subtheme-gaviascontentbuilderfooter > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-90840165.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 > div > div > div > div > div > div {
        margin: 0 50px;
    }

    #block-notech-subtheme-gaviascontentbuilderfooter > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-55238950.col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-12.col-xs-12 > div > div > div > div > div > div{
        margin: 0px 50px;
    } 

    #block-notech-subtheme-gaviascontentbuilderfooter > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-90840165.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 > div > div > div > div > div > div > div > div.gsc-column.el-86887093.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 > div > div > div > div > div > div{
        margin: 0px;
    }
    /************************ ****************** ******** *******/

.gbb-row.bg-size-cover.el-83838968 {
    display: flex !important;
    flex-direction: row !important;

}
.gsc-column.el-8851772.col-xxl-1.col-xl-1.col-lg-1.col-md-1.col-sm-2.col-xs-6.ic-right {
    margin-top: inherit !important;
    margin-left: inherit !important;
} 
.gsc-column.el-44518985.col-xxl-1.col-xl-1.col-lg-1.col-md-1.col-sm-2.col-xs-6.ic-right {
    margin-top: inherit !important;
    margin-left: inherit !important;
}

    .counter-item {
        padding: 8px !important;
    }
/*************************************************/
.tt-act .iconbox-one__icon-inner {
        margin-left: 25rem !important;
        margin-top: -66px !important;
        display: none;
    }
    .posts-slider .slick-dots {
        right: 19rem !important;
        top: 287px !important;
        width: 23% !important;
        visibility: hidden;
    }
    
.posts-slider h2.field-content {
    padding-right: 10%;
    padding-left: 10%;
    justify-content: flex-start;
    display: flex;
    height: 95px;
    font-size: 21px !important;
    align-items: center;
}
.posts-slider h2.field-content a {
    font-size: 18px;
}

/********** Section 2 ****************/
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-38669449.col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        margin-top: 0% !important;
        margin-left: 5% !important;
        width: 46% !important;
    }
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 h2 {
    font-size: 13px !important;
}
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 {
    width: 45% !important;
    font-size: 10px !important;
}
/*************************************************/
/**********************Section 3******************/
    .el-98668936 {
        padding-right: 48px !important;
        padding-left: 50px !important;
    }
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(3) > div > div > div > div > div.gsc-column.el-2858170.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-98668936.col-xxl-10.col-xl-10.col-lg-10.col-md-12.col-sm-12.col-xs-12 > div > div > div.widget.gsc-heading.gsc-heading__align-center.ala-une.style-1 > div.gsc-heading__action.clearfix > a {
        padding: 19px 37px 16px 25px !important;
}
    .counter-section {
        flex-direction: row !important;
}
/*************************************************/
/***************publication**************

    .el-64631561 .owl-item, .el-29444959 .owl-item {
        margin-top: 0% !important;
        width: 10% !important;
        left: 0% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }*/
/*************************************************/
/******************* MEDIATHEQUE *****************/
.el-52042873 {
    width: 100% !important;
    padding: 0;
}
.el-40598447 {
    width: 100% !important;
    padding: 24px !important; 
}
/*************************************************/
/****************** Nos capsule *******************/
/*
.el-18716227 .owl-item{
    margin-top: 53px !important;
    width: 405px !important;
}*/
/*** publication accueill */
/*

.owl-item{
    margin-top: 53px !important;
    /*width: 260px !important;*/
  /**  width: 420px !important;
} */
/*
.owl-dots {
    visibility: hidden !important;
}*/

.el-69711331 > .bb-inner{
    margin-right: 0 !important;
    margin-left: 0 !important;
} 
/*.el-60029078{
    margin-left: -17% !important;
}*/
/** block DOP ***//*
.container-1{
    gap: 5% !important;
}
.block-1, .block-2, .block-3, .block-4{
    width: 220px !important;
}
*/

.dropdown.nouveauMenu {
    left: 90%;
}
.menu_drop_down_for_aria .dropdown-button.dmenu {
       padding: 5px 10px;
       background-color: #891614;
       color: white;
       border: none;
       border-radius: 5px;
       cursor: pointer;
}
  
ul.dropdown-menu.dmenu.show {
    opacity: 1;
    transform: translateY(0) translateX(0);
    pointer-events: auto;
}
.menu_drop_down_for_aria .dropdown-menu.dmenu {
       position: absolute;
       top: 100%;
       right: 0;
       list-style: none;
       margin: 0;
       padding: 10px;
       background-color: white;
       border: 1px solid #ccc;
       border-radius: 5px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       opacity: 0;
       transform: translateY(-10px) translateX(10px);
       pointer-events: none;
       transition: opacity 0.3s ease, transform 0.3s ease;
       min-width: 250px;
   }
   body > div.dialog-off-canvas-main-canvas > div > div > div.main.main-page.has-breadcrumb > div:nth-child(5) {
    padding-bottom: 70px;
    margin-top: -55px;
    }
    
   /*** accordiants des pages singles missions et attributions ***/
    h4.panel-title {
        background-color: #ffffff;
        padding: 15px 20px;
    }
    .gsc-accordion .panel-group.skin-white .panel {
    padding: 0;
}

   /* .pg-attjur .header-title .container {
        margin-left:0;
    }
    .pg-nonjur .header-title .container {
        margin-left:0;
    }*/

    .header-title .container {
        margin-left:0;
        
    }

    /*** plateforme de citoyene ***/ 
    #page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-88334296.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div > p{
        margin-left:30px;
    }

    .pg-disc .el-66553233 svg {
        width: 50%;
        margin-top: auto !important;
    }
    .gsc-row {
        display: flex;
        flex-wrap: wrap;
    }

    .el-50001190 {
        order: 1;
    }

    .el-35955251 {
        order: 2;
    }
    .el-11424492{
        order: 3;
    }

    .for-disck {
        display: none;
    }
    .for-tablette{
        display: block !important;
    }

    .pg-hist h2.title {
        padding-left: 0 !important;
    }



    :lang(fr) .el-62844232{
        width: 50% !important;
    }
    :lang(fr) .el-23578974{
        width: 50% !important;
    }
     .el-76463395 {
        padding-left: 91px !important;
    }
/*
    .ic-right {
        margin-top: -55px !important;
        margin-left: 37pc !important;
    }
  */  
    .el-73658020{
        width: 97.5% !important;
        padding-left: 4.5% !important;
    }

    .container-fondment-textuel .title-ftxt{
        padding-left: 50px;
    }

    .el-7756085 {
        padding-bottom: 10px;
        padding-left: 20px;
    }
    /*:lang(tfi) .ic-right {
        margin-top: -55px !important;
        margin-left: 37pc !important;
    }*/

    .widget.gsc-heading.gsc-heading__align-left.title-dec.style-1 {
        padding: 10px 10px 10px 10px !important;
    }

    .init-carousel-owl {
    margin-left: -15px;
    margin-right: -15px;
    }
/*************************************************/
}

/* Tablets in portrait mode */
@media (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
    /* Styles for tablets in portrait */

.slick-dots li button:before {
    top: -3px;
    left: -5px;
    width: 15px;
    height: 15px;
}

.slick-dots li { 
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}
    .container, .container-sm {
        max-width: inherit !important;
    }
.gbb-row.bg-size-cover.el-83838968 {
    display: flex !important;
    flex-direction: row !important;

}
.gsc-column.el-8851772.col-xxl-1.col-xl-1.col-lg-1.col-md-1.col-sm-2.col-xs-6.ic-right {
    margin-top: -55px !important;
    margin-left: 37pc !important;
}
.gsc-column.el-44518985.col-xxl-1.col-xl-1.col-lg-1.col-md-1.col-sm-2.col-xs-6.ic-right {
    margin-top: -55px !important;
    margin-left: 37pc !important;
}


/*************************************************/
.tt-act .iconbox-one__icon-inner {
        margin-left: 25rem !important;
        margin-top: -66px !important;
    }
    .posts-slider .slick-dots {
        right: 19rem !important;
        top: 287px !important;
        width: 23% !important;
        visibility: hidden;

    }
   
/********** Section 2 ****************/
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-38669449.col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        margin-top: 0% !important;
        margin-left: 5% !important;
        width: 46% !important;
    }
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 h2 {
    font-size: 13px !important;
}
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 {
    width: 45% !important;
    font-size: 10px !important;
}
    .counter-item {
        padding: 8px !important;
    }
/*************************************************/
/**********************Section 3******************/
    .el-98668936 {
        padding-right: 48px !important;
        padding-left: 50px !important;
    }
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(3) > div > div > div > div > div.gsc-column.el-2858170.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-98668936.col-xxl-10.col-xl-10.col-lg-10.col-md-12.col-sm-12.col-xs-12 > div > div > div.widget.gsc-heading.gsc-heading__align-center.ala-une.style-1 > div.gsc-heading__action.clearfix > a {
        padding: 19px 37px 16px 25px !important;
}
    .counter-section {
        flex-direction: row !important;
}
/*************************************************/
/***************publication**************

    .el-64631561 .owl-item, .el-29444959 .owl-item {
        margin-top: 0% !important;
        width: 10% !important;
        left: 0% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }*/

/*************************************************/
/******************* MEDIATHEQUE *****************/
.el-52042873 {
    width: 100% !important;
}
.el-40598447 {
    width: 100% !important;
    padding: 24px !important; 
}
/*************************************************/
/****************** Nos capsule *******************//*
.owl-item{
    margin-top: 53px !important;
    width: 378px !important;
}*//*
.el-18716227 .owl-item{
    width: 600px !important;
}*/

.el-18716227 .block_capsul {
    max-width: 500px !important;
}

.ic-right > div > div > div > div.iconbox-two__icon-inner {
    background: #fff;
    top: -15px;
}
  /* Custom arrow */
    .custom-caret {
        margin-left: 4px;
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        transition: transform 0.3s ease; /* Smooth rotation */
    }

    .custom-caret.rotate {
        transform: rotate(-135deg);
    }

/*************************************************/
}

/* Tablets in landscape mode */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Styles for tablets in landscape */
.slick-dots li button:before {
    top: -3px;
    left: -5px;
    width: 15px;
    height: 15px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    }
/*
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}*/
    .container, .container-sm {
        max-width: inherit; !important;
    }

.gbb-row.bg-size-cover.el-83838968 {
    display: flex !important;
    flex-direction: row !important;

}



    .counter-item {
        padding: 8px !important;
    }
/*************************************************/
.tt-act .iconbox-one__icon-inner {
        margin-left: 25rem !important;
        margin-top: -66px !important;
}
    .posts-slider .slick-dots {
        right: 19rem !important;
        top: 287px !important;
        width: 23% !important;
    }
/********** Section 2 ****************/
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-38669449.col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        margin-top: 0% !important;
        margin-left: 5% !important;
        width: 46% !important;
    }
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 h2 {
    font-size: 13px !important;
}
.gsc-column.el-27826007.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 {
    width: 45% !important;
    font-size: 10px !important;
}
/*************************************************/
/**********************Section 3******************/
    .el-98668936 {
        padding-right: 48px !important;
        padding-left: 50px !important;
    }
#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(3) > div > div > div > div > div.gsc-column.el-2858170.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-98668936.col-xxl-10.col-xl-10.col-lg-10.col-md-12.col-sm-12.col-xs-12 > div > div > div.widget.gsc-heading.gsc-heading__align-center.ala-une.style-1 > div.gsc-heading__action.clearfix > a {
        padding: 19px 37px 16px 25px !important;
}
    .counter-section {
        flex-direction: row !important;
}
/*************************************************/
/***************publication**************

    .el-64631561 .owl-item, .el-29444959 .owl-item {
        margin-top: 0% !important;
        width: 10% !important;
        left: 0% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }*/
/*************************************************/
/******************* MEDIATHEQUE *****************/
.el-52042873 {
    width: 100% !important;
}
.el-40598447 {
    width: 100% !important;
    padding: 24px !important; 
}
/*************************************************/
/****************** Nos capsule *******************/
/*
.owl-item{
    margin-top: 53px !important;
    width: 378px !important;
} 

*/

/*************************************************/
.col-med {
    margin: 0 5px !important;
    width: 20% !important;
    padding: 0;
}
.gbb-row.bg-size-cover.el-95966360 {
    margin-top: -13% !important;
}

   
/*
.gsc-column.el-60029078.col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    margin-left: -15%;
}*/


}
/* iPad Mini */
@media (min-width: 768px) and (max-width: 819px) {
    .col-med {
        margin: 0 5px !important;
        width: 16% !important;
        padding: 0;
    }
    .gbb-row.bg-size-cover.el-95966360 {
        margin-top: -8% !important;
    }
    .gsc-column.el-47505403.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        width:91% !important;
        /*margin-left: -3%;*/
        padding: 0;
    }
    .el-49256707 {
        padding: 0;
        width: 4.5% !important;
    }

    #page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(4) > div > div > div > div > div.gsc-column.el-2858170.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-13662541.col-xxl-10.col-xl-10.col-lg-10.col-md-12.col-sm-12.col-xs-12 > div > div > div.widget.gsc-heading.gsc-heading__align-center.ala-une.style-1 > div.gsc-heading__action.clearfix > a > span {
        margin-right: 15px;
    }
    .ala-une .gsc-heading__action.clearfix a:after {
        top: 20px;
        right: 22px;
    }
    .el-64631561 .owl-item, .el-29444959 .owl-item {
        margin-top: 0% !important;
        width: 16% !important;
        left: 0% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }
    .block-1, .block-2, .block-3, .block-4 {
        width: 40vw !important;
        height: 50vw !important;
    }
    /*COURS RÉGIONALES DES COMPTES*/
    #page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(6) > div > div > div > div > div > div > div > div > div > div > div > div > div.gsc-column.el-62844232.col-xxl-6.col-xl-6.col-lg-6.col-md-6.col-sm-12.col-xs-12.cour-reg > div > div > div > div{
        margin-right: -76px;
        margin-top: -15%;

    }
    .ic-right > div > div > div > div.iconbox-two__icon-inner {
        background: #fff;
        /*top: -21px;*/
        width: 305%;
    }
    #page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(12) > div > div > div > div > div.gsc-column.el-23397564.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div > div.gsc-column.el-50894212.col-xxl-1.col-xl-1.col-lg-1.col-md-1.col-sm-2.col-xs-6.play-ic{
        margin-left: 90%;
    }
    /*footer*/
    .gsc-column.el-90840165 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .gsc-column.el-55238950 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 20px; 
    }
    #block-notech-subtheme-gaviascontentbuilderfooter > div.content.block-content > div > div:nth-child(3) > div > div > div > div > div.gsc-column.el-90840165.col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        margin-top: 0px;
        margin-right: 180px;
        margin-bottom: 0px;
        margin-left: 100px;
    }

    
     
}

/* iPad Air */
@media (min-width: 820px) and (max-width: 911px) {
    .col-med {
        margin: 0 5px !important;
        width: 15% !important;
        padding: 0;
    }
    .gbb-row.bg-size-cover.el-95966360 {
        margin-top: -7% !important;
    }
    .gsc-column.el-47505403.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-xs-12{
        width: 97.5% !important;
        padding-left: 4.5% !important;
    }

    /*.ic-right > div > div > div > div.iconbox-two__icon-inner {
        background: #fff;
        top: -30px;
        width: 750%;
    }*/
     /*footer*/
     .gsc-column.el-90840165 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .gsc-column.el-55238950 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 20px; /* Adjust the margin as needed */
    }
   
}

/* Surface Pro */
@media (min-width: 912px) and (max-width: 1023px) {
    .col-med {
        margin: 0 5px !important;
        width: 15% !important;
        padding: 0;
    }
    .gbb-row.bg-size-cover.el-95966360 {
        margin-top: -7% !important;
    }
    .gsc-column.el-47505403.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-xs-12{
        width: 95.5% !important;
        padding-left: 6.1% !important;
    }
     /*footer*/
     .gsc-column.el-90840165 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .gsc-column.el-55238950 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 20px; /* Adjust the margin as needed */
    }
   
   
}

/* iPad Pro */
@media (min-width: 1024px) and (max-width: 1366px) {
    .col-med {
        margin: 0 5px !important;
        width: 15% !important;
        padding: 0;
    }
    .gbb-row.bg-size-cover.el-95966360 {
        margin-top: -8% !important;
    }

    .gsc-column.el-47505403.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        width: 85% !important;
        padding-left: 16.1% !important;
    }

  
   
}




@media (min-width: 800px) and (max-width: 1180px) {
    /** block DOP ***/
    .container-1{
        gap: 5% !important;
    }
    .block-1, .block-2, .block-3, .block-4{
        width: 220px !important;
    }
   /* .el-18716227 .owl-item{
        margin-top: 53px !important ;
        width: 405px !important;
    }*/
}


@media (max-width: 600px){
   /* .el-18716227 .owl-item {
        width: 600px !important;
    }
        .el-18716227 .block_capsul {
        max-width: 500px !important;
    }*/
    .el-51498025 .bb-container.container {
        margin-left: 2%;
    }
    .el-1861115  .bb-container.container {
        margin-left: 0%;
    }
        
    /*** accordiants des pages singles missions et attributions ***/
    h4.panel-title {
        background-color: #ffffff;
        padding: 15px 20px;
    }
    .gsc-accordion .panel-group.skin-white .panel {
    padding: 0;
    }
      /** tabs missions ***/
      ul.nav.nav-tabs {
        display: flex;
        flex-direction: column;
        width: 100%;
    } 
    .img-act img {
        width: 100% !important;
    }

    .pager {
        text-align: right;
    }
    .pager ul.pager__items{
        margin-right: 0px !important;
    }
    /*.el-60029078{
        margin-left: -5%;
    }*/
   
    .nav-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        flex-direction: column !important;
    }
}


@media (min-width: 600px) and (max-width: 926px) {

   /* .el-60029078 {
        margin-left: 0 !important;
    }

   /* .owl-stage {
         width: 630px !important;
    }*/
    .owl-carousel .owl-nav > div.owl-prev{
        display:none;
    }
    .owl-carousel .owl-nav > div.owl-next{
        display:none;
    }
    .el-51498025 .bb-container.container {
        margin-left: 2%;
    }
    .el-1861115  .bb-container.container {
        margin-left: 0%;
    }
   
}



@media (min-width: 768px) and (max-width: 1024px)  {
    /*** missions et attribitions ****/
    .el-21423867 .row.row-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 5px; /* Optional spacing between columns */
    }
    
    .el-21423867 .row.row-wrapper > .gsc-column {
        width: calc(100% / 3 - 10px); /* 3 columns with spacing */
    }
    .el-51498025 .bb-container.container {
        margin-left: 2%;
    }
    .el-1861115  .bb-container.container {
        margin-left: 0%;
    }
    .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links {
        padding-left: 15px;
    }
  
}


/**** menu mobile *****/ 
@media (max-width: 1024px) {
.gva-offcanvas-mobile{
    max-width: 100% !important;
}

.result-footer {
    padding: 0 0 0 15px !important;
}
.mediatheque-wrapper .filter-container {
    display:grid !important;
}

#page-main-content > div > div > div > div > div.node__content.clearfix > div > div:nth-child(12) > div > div > div > div > div.gsc-column.el-23397564.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div > div > div:nth-child(2) > div > div > div > div{
    justify-content: flex-end !important;
}

}



@media (min-width: 500px) and (max-width: 768px) {
    .container-fondment-textuel a img {
        margin-top: 0 !important;
    }

    .el-47505403 {
        padding: 0 !important;
        width: 88% !important;
    }
    }





/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- tablette Arabe --------------------------------------------*/
/* Target tablets in landscape and portrait mode */
@media (min-width: 600px) and (max-width: 1024px) {
    :lang(ar) .header-three__left {
        flex: 0 0 55%;
    }
    :lang(ar) a.faq-link {
        width: 115px;
    }
    :lang(ar) .header-three__right > div:last-child {
        margin-right: 0 !important;
    }
    :lang(ar) .pub-acc .owl-item {
        width: 263px !important;
    }
    :lang(ar) .owl-stage {
        direction: rtl;
    }
    :lang(ar) .ic-right > div > div > div > div.iconbox-two__icon-inner {
        background: #fff;
        top: -15px;
        width: auto;
        left: 10%;
    }
    :lang(ar) .iconbox-two__single {
        /*margin-bottom: 15px;
        float: left;
        margin-right: 550px;*/
        margin-top: -3%;
    }
    :lang(ar) .owl-carousel .owl-stage-outer {
        margin-left: auto;
    }

/*
    :lang(ar) .el-51705516 .row.row-wrapper {
        display: flex;
        justify-content: center;
    }

    :lang(ar) .el-85888160 {
        width: 95%;
    }
    .gsc-column.el-96953402.col-xxl-2.col-xl-2.col-lg-2.col-md-2.col-sm-4.col-xs-12 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }
    
    
    .gsc-column.el-85888160.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-xs-12 {
                padding-top: 0px;
            padding-right: 35px;
            padding-bottom: 0px;
            padding-left: 35px;
    }*/
    :lang(ar) .el-97785736{
        width: 1%;
    }
    :lang(ar) .el-40501626 {
        width: 100%;
    }
    :lang(ar) .el-85888160 {
        width: 97.5% !important;
        padding-right: 2.5% !important;
    }
    .kit-presse .row.row-wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end;
        margin-left: 0;
    }
    .kit-presse p {
        margin-left: 10px;
        margin-right: 10px;
    }
    :lang(ar) .kit-presse .row.row-wrapper {
        margin-left: auto;
        margin-right: 0;
    }
 
    .kit-presse p.texte-mob span {
        font-size: 16px !important;
    }


    
}
 



/**** for mobile ***/
@media (max-width: 768px){
    :lang(ar) .container-1 {
        gap: 100px !important;
    }

}



/*********** DOT DISCTOP *****/
@media (min-width: 1024px){
    .owl-dots {
        visibility: hidden !important;
    }
    #page-main-content {
        padding: 0;
    }
}


/***for mobile et tablette***/
@media (max-width: 1024px) {
    .custom-caret {
        margin-left: 4px;
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }

    .bb-inner {
        width: 100% !important;
    }
}


/** tout sauf mobile ***/
@media (min-width: 600px) { 
 .pub-acc .owl-item{
    width: 16.5% !important;
}
 :lang(tfi) .pub-acc .owl-item{
    width: 24.6% !important;
}
/*
:lang(tfi) .owl-stage {
    width: 1550px !important;
}*/
}


@media (min-width: 850px) { 
.block-1, .block-2, .block-3, .block-4{
   width: 20.8% !important;
}
}


/*********** block carousel nos capsul **********/

@media (min-width: 851px) and (max-width: 1000px) {
    .el-18716227  .owl-item {
    width: 16.5% !important;
}
}
@media (min-width: 600px) and (max-width: 850px) {
    .el-18716227  .owl-item {
    width: 16.5% !important;
}
}
@media (max-width: 599px){
.car-cap .init-carousel-owl .owl-item > .item{
    width:100% !important;
}
.block_capsul {
    max-width:100% !important;
}
}