/*

		MOBILE : <=767px

***************************************************** */

@media only screen and (max-device-width : 500px) {

    .hidden-mobile {
        display: none !important;
    }

    .region-top-header {
        width: 100%;
        margin: 0 15px;
    }

    .region-top-header .block-syrtis-search {
        margin: 20px auto 0px auto;
    }

    .region-top-header #syrtis-search-form {
        width: 100%;
        margin-right: 0;
    }

    .region-top-header-form {
        width: 100%;
        margin: 10px 0 -10px 0;
    }

    /**  Carousel front page **/
    .carousel-frame {
        width: auto;
        margin: auto!important;
        padding: .3rem;
        font-size: unset;
    }

    .button-see-more {
        font-size: smaller;
    }

    .view-id-bloc_animations_encadrees .grid__content {
        height: auto;
    }

    .navbar-collapse.collapse:not(.show) {
        display: none!important;
    }

    #syrtis_search_page .advsearch .search-input-group,
    #syrtis_search_page .advsearch .syrtis_cms .search-input-group,
    #syrtis_search_page .input-group, .syrtis_cms
    #syrtis_search_page .advsearch .search-input-group, .syrtis_cms .advsearch
    #syrtis_search_page .search-input-group, .syrtis_cms .advsearch .search-input-group, .syrtis_cms .input-group {
        display:grid;
    }
}

@media only screen and (max-width: 58.999em){
    body.scrolled .header .region-top-header-form {
        margin: 10px 0 0px 0;
    }

    .block-ultimenu-blockultimenu-account {
        width: 100%;
        padding: 0 15px;
    }
}

/*

		TABLET : >=768px

***************************************************** */

@media only screen and  (min-device-width: 700px) and (max-device-width: 992px){
    .hidden-tablet{
        display: none !important;
    }

    .region-top-header-form {
        display: contents;
    }

    .navbar-collapse.collapse.show {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        visibility: visible!important;
    }

    .modal-xl {
        width: 90%;
        max-width:1200px;
    }

    .navbar-collapse.collapse:not(.show) {
        display: none!important;
    }

    .navbar-expand-sm .navbar-toggler {
        display: block;
    }
}
/***** tablet horizontale *****/
@media (min-width: 992px) and (max-device-width: 1024px){

    .hidden-tablet-hor {
        display: none!important;
    }

    .region-top-header {
        width: 30%;
    }

    .region-secondary-menu {
        width: 35%;
    }

    .region-top-header-form {
        width: 35%;
    }


    .button-see-more, .button-see-more:hover {
        font-weight: bold;
        border: 0;
        background-color: transparent;
        color: inherit;
    }

}

@media only screen and (max-width: 1199px){
    h2 h1{
        font-size: 1.5rem;
    }
}

/*

		DESKTOP : >=992px

***************************************************** */

@media only screen and (min-device-width : 1025px){

    .hidden-desktop{
        display: none!important;
    }

    #ultimenu-account .ultimenu__flyout {
        width: 65%;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }

    /** Cas particulier du sous menu reseau qui est grand **/
    a[data-drupal-link-system-path="reseau"] + .ultimenu__flyout {
        left: -120%!important;
        width: auto!important;
    }
}