@media screen and (max-width: 1144px) {
    #wpadminbar,
    #header #main-menu,
    #header #search-main,
    #header #top-bar #customer-menu li a span.label,
    #header #top-bar #customer-menu li button span.label {
        display: none;
    }

    .view-mobile,
    #header #main-menu.open {
        display: block !important;
    }

    #header #top-bar #search-main {
        position: absolute;
        top: 61px;
        z-index: 10;
        display: none;
        width: 100%;
        margin: 0;
        padding: 15px 15px;
        background: #fff;
        left: 0;
    }

    #header #top-bar #search-main.open-barSearch {
        display: block;
    }

    #header #top-bar #customer-menu li.searchMobile a:before {
        background-image: url(../img/icon_recherche.png);
    }

    header.container .container-inner {
        padding-bottom: 0;
    }

    body {
        padding-top: 15px;
        background: var(--anti-flash-white) none;
    }

    #btn-mobile-menu {
        display: block;
        background: none;
        border: 0;
        float: left;
        position: relative;
        margin: 0 20px 0 0;
        padding: 0;
        width: 32px;
        height: 32px;
    }

    #btn-mobile-menu:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/menu-mobile.svg) no-repeat center;
        background-size: contain;
        width: 32px;
        height: 32px;
    }

    #btn-mobile-menu.open:before {
        background: url(../img/menu-mobile-close.png) no-repeat center;
    }

    #header {
        position: fixed;
        z-index: 2;
        width: 100%;
        background-color: #fff;
        height: 60px;
        top: 0;
        border-top: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    #header #top-bar {
        padding: 0 10px;
        margin: 10px 0;
    }

    #header #top-bar #logo-milan {
        width: 40px;
    }

    main {
        padding-top: 45px;
        position: relative;
        z-index: 1;
    }

    #header #main-menu {
        max-height: 100vh;
        top: 60px;
        position: absolute;
        border: 0.1rem solid #f4f4f4;
        border-radius: 0;
        padding: 0;
        width: 100%;
        z-index: 6;
        left: 0;
        box-shadow: 0 50vh 0 50vh rgb(255 255 255 / 85%);
        overflow-y: auto;
        background-color: #f4f4f4;
    }

    #header #main-menu nav {
        padding: 0 0 60px;
        overflow: hidden;
    }

    #header #main-menu ul li {
        float: none;
        width: 100%;
        text-align: left;
        line-height: 48px;
    }

    #header #main-menu ul li#menu-actus .submenu li.level-0 {
        margin-bottom: 15px;
    }

    #header #main-menu ul li#menu-actus .submenu ul.level-1 {
        margin-left: 15px;
    }

    #header #main-menu nav ul li#menu-actus.open-submenu .submenu {
        position: relative;
        background-color: #ffffff;
    }

    #header #main-menu nav ul li > .submenu,
    #header #main-menu nav ul li:hover > .submenu {
        position: relative;
        top: auto !important;
    }

    #header #main-menu nav ul li#subscribe {
        padding: 0;
        text-align: center;
    }

    #header #main-menu nav ul li#subscribe > a {
        border-radius: 30px;
        width: calc(100% - 100px);
        padding: 0;
        background-color: #E40413;
        font-size: 14px;
        line-height: 45px;
    }

    #header #main-menu nav ul li#subscribe:hover > .submenu {
        display: none;
    }

    #header #main-menu nav ul li a {
        width: calc(100% - 30px);
    }

    #header #main-menu nav ul li#menu-actus {
        position: relative;
    }

    #header #main-menu nav ul li#menu-actus .headline {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #header #main-menu nav ul li#menu-actus .headline .link {
        flex: 0 0 75%;
    }

    #header #main-menu nav ul li#menu-actus .headline .link a {
        display: inline;
    }

    #header #main-menu nav ul li#menu-actus .headline .arrow {
        flex: 0 0 25%;
        line-height: 0;
        text-align: center;
    }

    #header #main-menu nav ul li a:hover,
    #header #main-menu nav ul li#menu-actus:hover > a {
        background-color: transparent;
        color: var(--black);
    }

    #header #main-menu nav ul li#menu-actus.open-submenu .submenu {
        padding: 15px 30px;
    }

    #header #main-menu nav ul li#menu-actus.open-submenu .submenu .cat-title {
        margin: 0;
    }

    #header #main-menu nav ul li#menu-actus.open-submenu {
        background-color: var(--persian-green);
    }

    #header #main-menu nav ul li#menu-actus.open-submenu a {
        color: #ffffff;
    }

    #header #main-menu nav ul li#menu-actus i.arrow-down {
        display: inline-block;
        background: url(../img/arr-down.svg) no-repeat center;
        background-size: 10px 10px;
        width: 48px;
        height: 48px;
        transition: all 0.3s ease;
    }

    #header #main-menu nav ul li#menu-actus.open-submenu i.arrow-down {
        filter: invert(100%);
        transform: rotate(180deg);
    }

    #header #main-menu nav ul li#menu-actus.open-submenu ul.submenu li a {
        color: var(--black) !important;
        height: auto;
    }

    #header #main-menu nav ul li#menu-actus a span.cat-title {
        display: inline-block;
        margin: 15px 0;
    }

    main header .band,
    body.actus main header .band.actus-liste,
    main header .band.activites-liste {
        height: auto;
    }

    body.actus main header .band.actus-liste {
        background: url(../img/actus-cover-mobile.jpg) no-repeat center;
    }

    main header .band.activites-liste h1,
    body.actus main header .band.actus-liste h1 {
        color: #fff;
        top: auto;
        left: auto;
        text-align: center;
        width: 100%;
        position: relative;
        margin-bottom: 50px;
        padding-top: 50px;
        text-shadow: 1px 2px 3px #000;
    }


    body.actus main header .band.actus-liste h1,
    main header .band.activites-liste h1 {
        font-size: 25px;
        margin-bottom: 40px;
        padding-top: 40px;
    }


    body.actus main header .band.actus-liste h1,
    main header .band.activites-liste h1 {
        font-size: 25px;
        margin-bottom: 25px;
        padding-top: 25px;
    }

    main header .band #btn-header-filters {
        margin: 0 auto 20px;
    }

    main header .band .filters {
        display: none;
    }

    main header .band .filters.enabled {
        display: block;
    }

    main header .band .filters {
        position: fixed;
        top: 60px;
        bottom: auto;
        width: 100%;
        z-index: 2;
        height: 100vh;
        background-color: #ebf2f5;
        overflow-y: scroll;
    }

    main header .band .filters #btn-close-filters {
        position: absolute;
        top: 16px;
        right: 10px;
        border-radius: 50% !important;
        width: 40px;
        height: 40px;
        padding: 0 !important;
        font-size: 23px !important;
    }

    main header .band .filters .filter-block .header,
    main header .band .filters .title {
        border-radius: 0;
        box-shadow: none;
        background-color: #ebf2f5;
        border-bottom: 1px solid #d9d9d9;
        justify-content: flex-start;
    }

    main header .band .filters .title {
        font-size: 24px;
        font-weight: 900;
        background-color: #fff;
        text-align: center;
        justify-content: center;
    }

    /*main header .band.activites-liste .filter-block-ul,*/
    /*main header .band .filters .filter-block-ul {*/
    /*    width: 100%;*/
    /*}*/

    main header .band .filters .filter-block-ul {
        width: 100%;
        left: 0;
    }

    main header .band .filters .filter-block.open:hover i.arrow-down,
    main header .band .filters .filter-block.open.active i.arrow-down {
        top: 40px;
    }

    main header .band .filters .filter-block .header img.icon {
        width: 40px;
        height: 40px;
    }

    main header .band .filters .filter-block .term-children,
    main header .band .filters .filter-block-ul .term-children-container {
        margin-top: 0;
        border-radius: 0;
        padding: 24px 0;
        background-color: #fff;
        box-shadow: none;
    }

    main header .band.activites-liste .filters .filter-block-ul .term-children {
        /*justify-content: start;*/
        padding: 0 10px;
    }

    main header .band .filters .filter-block.filter-block-1 {
        margin-left: 0;
    }

    main header .band .filters .filter-block .term-children-container,
    main header .band .filters .filter-block-ul {
        position: relative;
        top: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    main .list-article {
        padding: 0 30px;
        gap: 20px;
    }

    main .list-article.actus.page-1 > article:nth-child(1),
    main .list-article.actus.page-1 > article:nth-child(2) {
        flex: 0 0 calc(50% - 10px);
    }

    main .list-article.actus article {
        flex: 0 0 calc(33.333333333333% - 14px);
    }

    main .list-article.activites article {
        width: auto;
        flex: 1 1 32%;
    }

    main .list-article.actus article .visuel img,
    main .list-article.activites article .visuel img {
        width: 100%;
    }

    main .activites-heros-list,
    main .activites-types-list {
        padding: 40px 0;
    }

    main .activites-types-list .content .list {
        padding: 0 20px;
    }

    main .activites-types-list .content .list .item a {
        padding: 3px 5px;
        width: 138px;
        height: 98px;
    }

    main .activites-types-list .content .list .item {
        margin-bottom: 20px;
    }

    main .activites-types-list .content .list .item a img {
        margin-bottom: 17px;
        width: 48px;
    }

    main .filters-list {
        padding: 0 10px;
    }

    .newsletter-milan-jeunesse .wrapper {
        background-image: none;
        padding: 50px 20px;
    }

    .newsletter-milan-jeunesse .wrapper .text-wrapper {
        margin: 0 auto !important;
    }

}

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

    #breadcrumb {
        height: auto;
    }

    #header #main-menu nav ul li#subscribe {
        text-align: center;
        padding: 1rem 0 1rem;
        background-color: #FFFFFF;
    }

    main header .band .filters .filter-block:hover + div,
    main header .band .filter-block + main header .band .filter-block-ul {
        display: none;
    }

    main header .band .filters .filter-block.open:hover + div,
    main header .band .filter-block.open + main header .band .filter-block-ul.active {
        display: block;
    }

    main header .band .filters .filter-block.open:hover i.arrow-down {
        transform: rotateX(180deg);
        top: 45%;
    }

    main header .band .filters .filter-block:hover i.arrow-down {
        transform: rotate(0);
    }

    main #single-content {
        margin: 50px 20px 0 !important;
    }

    main .activites-special-bloc .content {
        margin-bottom: 20px;
    }

    main .activites-special-bloc .swiper {
        margin: 30px auto !important;
        height: auto;
        overflow: hidden !important;
        width: 100%;
    }

    main .activites-special-bloc .swiper .swiper-wrapper {
        margin-bottom: 50px !important;
        flex-direction: row !important;
        align-items: flex-start;
    }

    main .activites-special-bloc .swiper-pagination,
    main .activites-heros-list .swiper-pagination-activites-heros-list {
        display: block;
        z-index: 1;
    }

    main .activites-heros-list .swiper-pagination-activites-heros-list {
        text-align: center;
        margin: 30px 0;
    }

    main .activites-special-bloc .swiper-pagination span.swiper-pagination-bullet,
    main .activites-special-bloc .swiper-pagination span.swiper-pagination-bullet-next,
    main .activites-special-bloc .swiper-pagination span.swiper-pagination-bullet-next-next,
    main .activites-heros-list  .swiper-pagination-activites-heros-list span.swiper-pagination-bullet,
    main .activites-heros-list .swiper-pagination-activites-heros-list span.swiper-pagination-bullet-next,
    main .activites-heros-list .swiper-pagination-activites-heros-list span.swiper-pagination-bullet-next-next{
        width: 14px !important;
        height: 14px !important;
        margin: 0 5px !important;
    }

    main .activites-special-bloc .swiper-pagination span.swiper-pagination-bullet-active,
    main .activites-heros-list .swiper-pagination-activites-heros-list span.swiper-pagination-bullet-active {
        background-color: var(--persian-green);
    }


    main .activites-special-bloc .content .list .swiper-button,
    main .activites-heros-list .content .list .swiper-button {
        display: none;
    }

    main .activites-special-bloc {
        margin: 0 0 90px 0;
    }

    main .activites-magazines-connexes .content .couvertures .item {
        flex-basis: 125px;
    }

}

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

    #breadcrumb ul {
        margin-left: 15px;
    }

    #header #main-menu nav ul li > .submenu,
    #header #main-menu nav ul li:hover > .submenu {
        padding: 15px 30px;
        background-color: #f4f4f4;
    }

    #header #top-bar #customer-menu li > button:before {
        margin: 0 auto;
    }

    main .container.content {
        padding-top: 0;
    }

    main .filters-list.activites ul {
        flex-wrap: wrap;
    }

    main .filters-list.activites ul li {
        margin-top: 5px;
    }

    main .list-article.actus.page-1 > article:nth-child(1),
    main .list-article.actus.page-1 > article:nth-child(2),
    main .list-article.actus article,
    main .list-article.activites article {
        flex: 0 0 calc(50% - 10px) !important;
    }

    main .activites-heros-list, main .activites-types-list {
        padding: 37px 0 0;
    }

    main .activites-heros-list .content > h2,
    main .activites-types-list .content > h2 {
        margin-bottom: 15px;
    }

    main .activites-types-list .content .list {
        flex-wrap: wrap;
        justify-content: center;
    }

    main #single-content.videos article {
        width: 100%;
    }

    main #single-content.videos aside.videos-others {
        width: calc(100% - 40px);
    }

    main #single-content.videos aside.videos-others h4 {
        text-align: center;
    }

    #modal-cgu-nl .modal-dialog {
        margin: 0 auto;
    }

    body.single main #single-content .content-locked {
        display: block;
    }

    body.single main #single-content #tag-related {
        margin: 40px;
    }

    .newsletter-milan-jeunesse .wrapper .text-wrapper {
        max-width: 100%;
    }

    .newsletter-milan-jeunesse form {
        flex-wrap: wrap;
        justify-content: left;
    }

    .newsletter-milan-jeunesse form input[type="text"] {
        margin-bottom: 20px;
    }

    .magazines-push {
        padding: 0;
    }

    body.error404 #single-content.page-404 {
        padding: 0;
    }

    body.error404 #single-content.page-404 .left,
    body.error404 #single-content.page-404 .right {
        float: none;
        margin: 0 auto;
    }

    body.error404 #single-content.page-404 .right {
        width: 100%;
        text-align: center;
    }

    .footer-bottom-content #footer-top .newsletter .content {
        max-width: 90%;
    }
}

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

    main header .band.activites-liste .filters .filter-block-ul.heros .term-children li {
        width: auto;
    }

    .newsletter-milan-jeunesse form,
    .newsletter-milan-jeunesse form .fieldset {
        width: 100%;
    }

    .newsletter-milan-jeunesse form input[type="email"] {
        width: calc(100% - 40px);
    }

    .newsletter-milan-jeunesse form .btn-submit {
        margin-top: 24px;
    }
}

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

    #breadcrumb {
        width: 100%;
    }

    #breadcrumb ul {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    main .list-article.actus.page-1 > article:nth-child(1),
    main .list-article.actus.page-1 > article:nth-child(2),
    main .list-article.actus article,
    main .list-article.activites article {
        flex: 1 0 100% !important;
    }
}


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

    main .list-article {
        display: block;
    }

    main .list-article.actus article {
        margin-bottom: 30px;
    }

    main .activites-special-bloc .content {
        margin-bottom: -10px;
    }

    main .activites-special-bloc .list article.swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
    }

    main .activites-special-bloc .btn-container a {
        display: inline-block;
    }

    body.error404 #single-content.page-404 .left {
        width: 70%;
    }

    body.error404 #single-content.page-404 #search form {
        display: flex;
        flex-direction: column;
    }

    body.error404 #single-content.page-404 #search .search-field {
        margin: 10px;
    }
}