.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 3px;
    background-color: #FFF;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    /* -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-5px, 5px); */
}

.change .bar2 {
    /*opacity: 0;*/
}

.change .bar3 {
    /* -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px); */
}

.block-superfishmain ul.sf-expanded li {
    -webkit-animation: fadein .5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .5s;
    /* Firefox < 16 */
    -ms-animation: fadein .5s;
    /* Internet Explorer */
    -o-animation: fadein .5s;
    /* Opera < 12.1 */
    animation: fadein .5s;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

.stat #accordion .card .card-header .mb-0 a {
    white-space: normal;
    text-align: left;
}

html[lang=ar] .stat #accordion .card .card-header .mb-0 a {
    white-space: normal;
    text-align: right !important;
}

@media (max-width: 768px) and (min-width: 0px) {
    body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form--inline{
        display: flex;
    }
    body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions button,
    body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions--2 button,
    body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions--2 button,
    body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions button,
    body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form-actions button{
        width: 43px;
    }
    body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form-actions button::after{
        font-size: 16px;
    }





    body.ins-tn #evenement {
        padding: 30px 0px 71px 0px;
    }

    body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above .field--label {
        width: 100%;
    }

    #block-mainnavigation ul li ul li:hover, body.ins-tn #block-mainnavigation ul li ul li:hover ul {
        background: #0058a9;
    }

    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix{
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix div#edit-actions--3{
        display: block;
    }
    #block-menufooter {
        padding-left: 15px !important;
    }

    body.ins-tn #block-formulaireexposesolr-search-contentpage-1 {
        margin-right: 30px;
        padding-right: 15px;
    }

    form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix #edit-actions {
        position: relative !important;
    }

    html[lang=ar] body.path-statistiques aside.col-sm-3 {
        float: none !important;
    }

    html[lang="ar"] #mc-embedded-subscribe-form {
        display: block;
    }

    .view-footer {
        width: 50%;
        height: 100%;
        text-align: center;
        float: none;
        margin: auto;
    }

    #evenement .view-footer a {
        float: none;
        margin: auto;
    }

    #statistique #block-publicationconnexe .pubconexe .row .pub-cnx {
        text-align: center;
    }

    .sf-sub-indicator {
        display: block !important;
    }

    .sf-depth-2.sf-no-children .sf-sub-indicator {
        display: none !important;
    }

    .top10 {
        top: 10% !important;
    }

    html[lang=ar] #block-mainnavigation li.sf-depth-1 {
        width: 100%;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation ul li {
        border-left: none;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    body.ins-tn #header-top {
        height: 100%;
    }

    ul.menu--menu-footer- li a {
        width: auto;
    }

    #block-menufooterbas {
        text-align: center;
    }

    #block-menufooterbasgenre {
        text-align: center;
    }

    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        margin-bottom: 10px;
    }

    #block-mainnavigation ul li {
        border-left: none;
    }

    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        width: auto!important;
        height: auto;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(1) {
        width: 100% !important;
        height: auto;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(2) {
        width: 100% !important;
        height: auto;
        margin-bottom: 20px;
        border: 0;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(3) {
        height: auto;
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding: 0 0 15px 0;
        /*float: none;*/
        width: 100%!important;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(n+3) a{
        border: none;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(n+4) {
        width: 40%!important;
        border-left: 0;
        padding: 0;
        height: auto;
    }


    #block-mainnavigation ul li:hover,
    #block-mainnavigation ul li:focus {
        background: #1f58a9;
    }

    #block-mainnavigation ul li:last-child {
        border-right: none;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li {
        margin-right: 10px;
    }

    #block-menuheader,
    #block-dropdownlanguage,
    #block-socialmedialinks {
        text-align: center;
    }

    #block-socialmedialinks ul {
        float: none;
    }

    .social-media-links--platforms {
        padding-left: 0;
        padding-right: 0;
    }

    section#block-socialmedialinks {
        padding-left: 0;
    }

    #block-mainnavigation ul li ul {
        display: block;
        margin-top: 8px;
        margin-left: 0;
    }

    #block-mainnavigation ul li ul:before {
        content: " ";
    }

    #menu {
        padding: 8px 0px;
    }

    #block-menuheader {
        text-align: center;
    }

    #block-languagedropdownswitcher {
        text-align: center;
    }

    section#block-languagedropdownswitcher .select-wrapper {
        float: none;
    }

    #block-socialmedialinks ul {
        text-align: center;
        float: none;
        margin-top: 7px;
    }

    #block-dropdownlanguage ul {
        margin-top: 7px;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title {
        top: 54px;
        left: 66px;
        font-size: 16px;
        width: 60%;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
        top: 155px;
        left: 66px;
        font-size: 18px;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        /*top: 536px;*/
        padding: 0 40px 0;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-field-banniere .field-content img {
        height: 340px;
    }

    section#block-languagedropdownswitcher {
        margin-bottom: 13px;
    }

    #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing {
        text-align: center;
    }

    #block-logolunioneuropeenne .field--name-body p,
    #block-logomosawat .field--name-body p {
        text-align: center;
    }

    #block-menufootergenre {
        text-align: center;
    }

    #block-menufootergenre ul li a {
        float: none;
        margin: auto;
    }

    #block-menufooter,
    #block-menufooter-2,
    #block-menufooter-3,
    #block-lettredinformation,
    #block-lettredinformation form#mc-embedded-subscribe-form,
    #block-staticmenufooter,
    #block-copyrightfooter {
        text-align: center;
    }

    h2#block-menufooter-menu,
    h2#block-menufooter-2-menu,
    h2#block-menufooter-3-menu {
        padding-left: 0px;
    }

    #block-copyrightfooter p {
        text-align: center;
    }

    #block-socialmedialinks-2 ul {
        text-align: center;
        float: none;
    }

    #menu {
        z-index: 9999999;
    }

    #block-mainnavigation ul li ul li.sf-depth-2 {
        width: 100% !important;
    }

    #block-mainnavigation ul li ul li a,
    #block-mainnavigation ul li ul li a:focus,
    #block-mainnavigation ul li ul li a:hover {
        color: #ffffff;
    }

    #block-mainnavigation ul li ul li a:focus {
        background: #1f58a9;
    }

    #block-mainnavigation ul li ul {
        background: none;
    }

    body.ins-tn #block-mainnavigation ul li ul li span {
        color: #FFFFFF;
    }

    body.ins-tn #block-mainnavigation ul li ul li ul {
        display: block;
        margin-left: 0;
        margin-top: 0;
    }

    #menu .sf-accordion-toggle #superfish-main-toggle span {
        display: inline-block;
        position: absolute;
        left: 63px;
        top: 15px;
        font-size: 17px;
        color: #ffffff;
    }

    body.page-node-type-publication article.publication .content .field--name-field-vignette {
        right: 20%;
    }

    body.page-node-type-publication article.publication .content .field--name-field-date-edition .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-type-publication .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-periodicite .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-fomat .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-isbn .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-issn .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-prix .field--item {
        /*margin-left: 53%;*/
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /*margin-left: 53%;
        margin-top: -22px;*/
    }

    ol.breadcrumb {
        /*margin-bottom: 28px !important;*/
    }

    body.page-node-type-publication .main-container section {
        margin-top: 20px;
    }

    #block-autreseditions {
        margin: auto;
        margin-bottom: 20px;
        max-width: 400px;
    }

    body.genre-ins #block-autreseditions {
        max-width: 100%;
    }

    #block-autreseditions .autre-edition .dropdown ul {
        width: 100%;
    }

    body.page-node-type-publication section#block-views-block-publication-block-1 {
        display: block;
        margin: auto;
        margin-bottom: 20px;
        max-width: 400px;
    }

    ol.breadcrumb {
        /*margin-bottom: 0px !important;*/
        position: initial;
        top: 0px;
    }

    body.page-node-type-actualites section#block-formulaireexposeev-nementspage-1-2,
    body.path-methodes section#block-exposedformmethodologiespage-1 {
        margin-top: 0px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-prix .field--item {
        width: 60%;
        float: right;
    }

    body.page-node-type-publication .main-container article.publication .content .field--name-body {
        float: left;
    }

    body.path-publication .region-content {
        margin-top: 0px;
    }

    #datatable .views-field-nothing .pub-listing .col-md-3 {
        margin-bottom: 20px;
    }

    .path-definitions-methodologies h1.page-header {
        display: none;
    }

    body.page-node-type-publication.publication ol.breadcrumb {
        margin-bottom: 0px !important;
    }

    /**** chiffre clé genre********/
    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin img {
        margin-bottom: 0px;
    }

    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        height: 330px;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-masculin span.man,
    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin span.women {
        /*  margin-left: 30px; */
        display: block;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin {
        text-align: center;
        margin-bottom: 12px;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-masculin {
        text-align: center;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre {
        display: table;
        width: 100%;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin,
    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-masculin {
        display: table-cell;
    }

    /**** end chiffre clé genre***/
    html[lang="ar"] h2#block-menufooter-menu,
    html[lang="ar"] h2#block-menufooter-2-menu,
    html[lang="ar"] h2#block-menufooter-3-menu {
        text-align: center;
    }

    /*html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
      float: none!important;
      margin: auto;
      margin-bottom: 30px;
      margin-top: 30px;
    }*/





    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li ul {
        left: auto !important;
        position: relative;
        top: auto !important;
        box-shadow: none;
        margin: 0;
        float: initial;
        background: none;
        border: 0;
        text-align: right;
        display: none;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:hover:not(:nth-child(4)) ul {
        display: block;

    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:hover:nth-child(4) ul {
        height:auto;
    }
    html[lang="ar"] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) ul li:nth-child(1){
        width: auto;
        height: auto;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li.open-mee ul {
        display: inline-grid;

    }


    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul  li  ul li a {
        /*padding: 0;*/
        color: #fff;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul > li > a {
        width: 100%;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li.menuparent ul {
        background: #1f58a9;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        padding: 0;
        height: auto;
        width: auto;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) ul li a {

        padding: 14px 28px 14px 21px !important;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) ul li a {
        text-align: right;
        color: white;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) > span{
        /*padding: 0 15px 0 0!important;*/
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) span.caret {
        margin-left: 30px!important;
    }
    html[lang=ar] #block-mainnavigation-2 ul li span, html[lang=ar] #block-mainnavigation-2 ul li ul li span {
        color: #fff!important;
        border-bottom: 0;
        padding: 0;
        text-align: right;
        float: right;
        margin: 15px 28px 15px 0px;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li span.caret {
        display: block;
        margin: -15px 0 0 31px;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(2) span.caret {
        margin: -15px 0 0 0;

    }
    body.genre-ins #block-menugenre ul li ul {
        width: auto !important;
        display: block!important;
        margin-top: 8px;
        margin-left: 0;
        background: none;
    }
    body.genre-ins #block-menugenre ul li ul li.sf-depth-2 {
        width: 100% !important;
    }
    body.genre-ins #block-menugenre ul li ul li a{
        color: #ffffff!important;
    }
    body.genre-ins #block-menugenre ul li ul li a:hover{
        color: #ffffff!important;
    }
    body.genre-ins #block-menugenre ul li ul li:hover{
        background: transparent!important;
    }
    body.genre-ins #block-menugenre ul li ul:before{
        display: none;
    }

}

@media screen and (max-width: 320px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 302px;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li {
        margin-right: 0px;
        display: inherit;
        margin-bottom: 9px;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link {
        padding: 0px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /*margin-left: 9% !important;*/
    }

    #views_slideshow_cycle_teaser_section_evenements_-block_2 {
        width: 100%;
    }

    /* Begin: Ul Statistics */
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(n+3) a {
        padding: 16px 0 9px 0;
    }

    #block-mainnavigation ul li a, #block-mainnavigation ul li span {
        padding: 14px 0 14px 0;
    }

    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        padding: 0;
    }

    /* End: Ul Statistics */
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) > span{
        /*padding: 0 30px 0 0!important;*/
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) span.caret {
        /*margin-left: 35px!important;*/
    }
}

@media screen and (max-width: 425px) {
    #loader {
        left: 0 !important;
    }
    #offre-emploi{
        padding: 0;
        padding-top: 66px;
        padding-bottom: 66px;
    }
    #block-logo2 .field--name-body {
        text-align: center;
    }

    body.genre-ins #header .region-header {
        position: relative;
        left: 12px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /*margin-left: 15% !important;*/
    }

    .stat #accordion .card .card-header .mb-0 a {
        white-space: normal;
        text-align: left;
    }

    html[lang=ar] .stat #accordion .card .card-body .source-date .source {
        /*float: none !important;*/
    }

    #accordion .card .card-body .source-date .miseajour {
        text-align: left;
    }

    html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 {
        margin-left: 42px !important;
    }

    html[lang=ar] body.genre-ins #header .region-header {
        left: 0 !important;
        text-align: center;
    }

    #views_slideshow_cycle_teaser_section_evenements_-block_2 {
        width: 100%;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) > span{
        /*padding: 0 30px 0 0!important;*/
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) span.caret {
        /*margin-left: 35px!important;*/
    }

    /*body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        display: inline-table;
        height: auto;
    }*/
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(2) {
        height: auto;
        margin-bottom: 0;
    }

    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(n+4) {
        width: 70%!important;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) ul {
        height: auto!important;
        width: auto!important;
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) ul li:nth-child(n+3) {
        width: 70%!important;
     }

}

@media screen and (max-width: 576px) {
    #statistique #block-publicationconnexe .pubconexe .row .pub-cnx {
        text-align: center;
    }

    #datatable_paginate a {
        padding: 7px 12px;
        font-size: 15px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-vignette {
        position: relative;
        right: 0%;
    }

    body.page-node-type-publication article.publication .content .field--name-field-vignette img {
        /*float: none;
        margin: auto;
        margin-bottom: 26px;*/
    }

    #block-autreseditions {
        margin-bottom: 22px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-date-edition {
        margin-top: 42px;
    }

}

@media screen and (max-width: 480px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 218px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-date-edition,
    body.page-node-type-publication article.publication .content .field--name-field-type-publication,
    body.page-node-type-publication article.publication .content .field--name-field-langue-publication,
    body.page-node-type-publication article.publication .content .field--name-field-periodicite,
    body.page-node-type-publication article.publication .content .field--name-field-fomat,
    body.page-node-type-publication article.publication .content .field--name-field-isbn,
    body.page-node-type-publication article.publication .content .field--name-field-issn,
    body.page-node-type-publication article.publication .content .field--name-field-prix {
        width: 100%;
    }

    body.page-node-type-publication article.publication .content .field--name-field-sous-title {
        /* margin-bottom: 20px;*/
    }

    body.page-node-type-publication article.publication .content .field--name-field-date-edition .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-type-publication .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-periodicite .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-fomat .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-isbn .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-issn .field--item,
    body.page-node-type-publication article.publication .content .field--name-field-prix .field--item {
        /* margin-left: 42%;*/
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /*margin-left: 20%;
         margin-top: 0px;*/
    }

    #block-autreseditions {
        margin: auto;
        max-width: 360px;
        margin-bottom: 22px;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        /*top: 637px;*/
    }

    #block-dropdownlanguage, section#block-socialmedialinks {
        padding-right: 15px;
    }
}

@media screen and (max-width: 375px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 246px;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li {
        margin-right: 0px;
        display: inherit;
        margin-bottom: 9px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /*margin-left: 19%;*/
    }

    html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 {
        margin-left: 42px !important;
    }

    html[lang=ar] body.genre-ins #header .region-header {
        left: 0 !important;
        text-align: center;
    }

    #views_slideshow_cycle_teaser_section_evenements_-block_2 {
        width: 100%;
    }

    /* Begin: Ul Statistics */
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(2) a {
        padding: 5px 28px 14px 0;
    }
    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul li:nth-child(n+3) a {
        padding: 16px 0 9px 0;
    }

    #block-mainnavigation ul li a, #block-mainnavigation ul li span {
        padding: 14px 0 14px 0;
    }

    body.ins-tn #block-mainnavigation ul li:nth-child(4) ul {
        padding: 0;
    }

    /* End: Ul Statistics */
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) > span{
        /*padding: 0 30px 0 0!important;*/
    }
    html[lang=ar] body.ins-tn #block-mainnavigation-2 ul li:nth-child(4) span.caret {
        /*margin-left: 35px!important;*/
    }
}

@media screen and (max-width: 991px) {
    #block-socialmedialinks,
    #block-menuheader {
        margin-top: 5px;
    }

    #header-top .menu--menu-header li.first a:before {
        left: -14px;
    }

    #header-top .menu--menu-header li.last a:before {
        left: -4px;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li {
        display: initial;
        margin-right: 7px;
    }

    #header-top .menu--menu-header li a {
        padding: 10px 5px;
    }

    .hi-slide > ul .view-content .views-row .views-field-nothing span > li {
        width: auto !important;
        margin-left: 53px;
    }

    #evenement .cond .views-field-nothing .field-content li .type-event {
        font-size: 15px;
    }

    #evenement .cond .views-field-nothing .field-content li .resum-event {
        font-size: 16px;
    }

    #evenement .cond .views-field-nothing .field-content li .date-even {
        font-size: 14px;
    }
}


/* @media screen and (max-width: 992px) {

} */

@media screen and (min-width: 991px) and (max-width: 1024px) {
    #block-mainnavigation ul li a {
        padding: 1em 12px;
    }

    body.page-node-type-publication article.publication .content .field--name-field-langue-publication .field--items {
        /* margin-left: 24%;*/
    }

    .view-footer {
        width: 100%;
    }

    #mc_embed_signup_scroll {
        width: 74%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    #block-mainnavigation ul li a {
        padding: 1em 0.7em;
        font-size: 13px;
    }

    #block-mainnavigation ul {
        padding-right: 1em;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title {
        font-size: 21px;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
        top: 317px;
    }

    .view-footer {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above .field--label {
        width: 25%;
    }

    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-masculin span.man,
    #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin span.women {
        font-size: 11px;
        width: 100%;
        margin: auto;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .hi-slide .hi-prev {
        left: 44%;
        float: none;
        margin: auto;
        margin-top: 6px;
        top: 0px;
    }

    .hi-slide .hi-next {
        right: 45%;
        float: none;
        margin: auto;
        margin-top: 6px;
        top: 0px;
    }

    .hi-slide > ul {
        margin-top: 12px;
    }

    body.genre-ins #evenement .evenement-block-home .view-header {
        height: 115px;
    }

    #evenement .evenement-block-home .view-header .sous-titre {
        margin-bottom: 62px;
    }

    #block-mainnavigation ul li ul {
        margin-left: -136px;
    }

    #block-mainnavigation ul li ul:before {
        left: 14.4VW;
    }

    #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link {
        padding-left: 0px;
    }

    #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title {
        font-size: 27px;
    }

    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        height: 255px;
    }

    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {

        /*height: 380px;*/
        height: 300px;
    }

    #block-views-block-slider-home-page-block-3 .view-slider-home-page.view-display-id-block_3 .view-content #views_slideshow_cycle_main_slider_home_page-block_3 #views_slideshow_cycle_teaser_section_slider_home_page-block_3 .views_slideshow_cycle_slide .views-field-nothing-1 .field-content .content-row .content-text .titre {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #statistique #block-publicationconnexe .pubconexe .row {
        text-align: center;
    }

    .slide-desktop {
        display: none;
    }

    .slide-mobile {
        display: block;
    }
}

@media screen and (min-width: 322px) and (max-width: 360px) {
    html[lang=ar] .stat #accordion .card .card-body .source-date .miseajour {
        padding: 0;
    }

}