@media screen and (min-width: 200px) and (max-width: 1040px) {
    .container {
        max-width: 93%!important;
    }
    h2 {
        font-size: 18px;
    }
    section#contact form,
    section.newsletter form,
    section.newsletter div.newsletter-left,
    section#contact div.contact_info {
        max-width: 100%;
    }
    footer .col,
    div.card,
    footer .first-col {
        width: 100%;
        float: none;
    }
    footer p.address {
        margin-bottom: 26px;
    }
    div.legal {
        height: auto;
        padding-bottom: 72px;
        position: relative;
    }
    div.legal img {
        float: none;
        position: absolute; bottom: 0; right: 0;
        height: 56px;
    }
    div.legal div.rf {
        height: 56px; width: 100%;
        background-color: #fff;
        position: absolute; bottom: 0; right: 0;
    }
    div.legal strong {
        margin: 0 0 15px;
        display: block;
    }
    body {
        font-size: 14px;
    }
    p {
        font-size: 14px; line-height: 24px;
        margin-top: 0!important;
    }
    a.all-events {
        display: none;
    }
    section.games .game {
        float: left;
        width: 47%; height: 156px;
        margin-left: 3%; margin-bottom: 16px;
        border-radius: 20px;
    }
    section.games .game img {
        height: auto; width: 100%;
    }
    section.games .game:hover img {
        height: 100%; top: 0; left: 0;
    }
    section.games .game h3 {
        font-size: 18px;
    }
    section.games .game h3 span {
        padding: 16px;
    }
    section.services div.service img,
    section.responsible div.responsible img,
    section.advantages div.advantage img {
        height: 100%; width: 100%;
        object-fit: cover; object-position: center;
    }
    section.advantages div.advantage span.button, section.services div.service span.button, section.responsible div.responsible span.button {
        display: block;
        width: auto;
    }
    section.games .game:nth-child(odd) {
        margin-left: 0;
    }
    nav.breadcrumb ul li {
        font-size: 12px;
    }
    header {
        border-bottom: none;
        position: fixed; top: 0; left: 0; z-index: 1000;
        height: 71px; width: 100%;
        background-color: #fff;
        box-shadow: 0 3px 6px rgba(20, 20, 20, 0.2);
    }
    header nav.right,
    header a#back_hub,
    header nav.top {
        display: none;
    }
    h1, h2.big-title {
        font-size: 24px;
    }
    h1.icon, h2.icon {
        line-height: 36px;
        background-size: 32px; background-position: left center;
    }
    h3 {
        font-size: 18px;
    }
    .button-negative, .button {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .box {
        padding: 24px; margin-bottom: 24px;
        border-radius: 20px;
    }
    div.flex-container div.inner-box {
        padding: 24px;
    }
    div.flex-container div.flex-content:first-child {
        margin-right: auto;
    }
    div.banner {
        height: auto;
        margin-bottom: 28px; margin-top: 71px;
    }
    div.banner-picture {
        height: 235px;
    }
    div.banner h3 {
        top: 128px;
        font-size: 26px;
    }
    div.banner span {
        display: none;
    }
    section.first-visit a img {
        height: 100%; width: 100%;
        object-fit: cover; object-position: center;
    }
    section.first-visit a img.mobile,
    section.casinos div.casino img.mobile,
    section.advantages div.advantage img.mobile,
    section.services div.service img.mobile,
    section.responsible div.responsible img.mobile {
        display: block;
    }
    section.casinos div.casino span {
        display: block;
        width: auto;
    }
    section.first-visit a div.gradient {
        width: 100%;
    }
    section.casinos div.casino {
        width: 100%;
        margin: 0 0 20px;
        border-radius: 20px;
    }
    section.advantages div.advantage {
        width: 100%; height: 230px;
        margin: 0 0 16px;
    }
    section.advantages div.advantage a:hover img,
    section.casinos div.casino a:hover img,
    section.responsible div.responsible a:hover img,
    section.services div.service a:hover img {
        top: 0; left: 0;
        width: auto;
    }
    section.first-visit {
        background-position: 16px center;
    }
    section.first-visit a {
        padding: 12px 16px 12px 64px;
        border-radius: 20px;
        height: 324px;
    }
    section.casinos div.casino a {
        border-radius: 20px;
        width: auto;
        display: block;
        margin: 24px 24px 0;
    }
    .container .container {
        width: 100%!important; max-width: 100%!important;
    }
    section.first-visit h2 {
        font-size: 18px; text-transform: none;
        margin: 0 0 6px;
    }
    section.first-visit p {
        font-size: 14px;
        width: auto;
    }
    section.first-visit a div.inner-gradient { 
        width: auto;
        padding: 0 24px 24px 24px;
    }
    section.casinos p.right {
        display: none;
    }
    section.casinos p.mobile {
        font-family: Averta, sans-serif; font-size: 18px; color: #AEAEAE; text-align: center;
        display: block;
    }
    section.casinos p.mobile a {
        margin-top: 16px; margin-left: 33px; margin-right: 33px;
        display: block;
        width: auto;
    }
    section.casinos div.casino img {
        height: 100%; width: 100%;
        object-fit: cover; object-position: center;
    }
    section.services div.service {
        width: 100%;
        margin: 0 0 15px;
    }
    div.banner img {
        width: 300%; max-width: 300%;
        margin: -100% 0 0 -100%;
    }
    header a#burger {
        text-indent: -10000px; text-align: left;
        position: absolute; right: 16px; top: 20px;
        height: 24px; width: 24px;
        background: url(../images/public/burger.png) no-repeat; background-size: cover;
        display: block;
    }
    nav.main {
        width: 100%; height: 100vh;
        position: fixed; top: 71px; left: -100%; z-index: 9999;
        background-color: #141414;
        padding: 0;
        transition: all 0.6s ease;
        text-align: left;
    }
    header a#close-menu {
        display: block;
        position: absolute; top: 20px; right: -160px;
        text-indent: -10000px;
        width: 24px; height: 24px;
        background: url(../images/public/X.png) no-repeat; background-size: cover;
    }
    nav.main img.logo {
        margin: 142px 0 58px;
        display: inline;
    }
    nav.main ul {
        padding: 32px 0 0 10%;
    }
    header img.logo_gp_white {
        margin: 12px 0;
        max-width: 200px;
        display: inline;
    }
    header nav.main img.logo_gp_white {
        display: inline;
    }
    .content img.round,
    img.half-img {
        border-radius: 10px;
    }
    .no-border img.round,
    section.access div.dark,
    .eventscard,
    div.flex-background div.content,
    div.flex-background,
    section.restaurant img.round,
    section.google-reviews div.item {
        border-radius: 20px;
    }
    .eventscard {
        display: block;
        margin-left: 0;
        width: 100%;
    }
    .eventscard img {
        border-radius: 20px 20px 0 0;
    }
    nav.main ul li {
        display: block;
        height: auto;
        margin: 0 0 24px; padding: 0;
    }
    nav.main ul li.mobile,
    a.button.mobile {
        display: block;
    }
    nav.main ul li a {
        font-size: 18px; font-weight: bold; color: #fff; text-decoration: underline; line-height: normal;
        display: inline;
        height: auto;
    }
    nav.main ul li a:hover {
        color: #B99658; text-decoration: underline;
    }
    nav.main ul li a:hover, nav.main ul li:hover a, nav.main ul li.active a {
        border-bottom: none;
    }
    nav.main ul.secondary {
        margin: 54px 0 0
    }
    nav.main ul.secondary li {
        margin: 0 0 10px;
    }
    nav.main ul.secondary li a {
        font-size: 18px; font-weight: normal;
    }
    div.flex-container div.flex-content {
        width: 100%;
    }
    div.flex-background div.inner-content {
        padding: 0 32px;
    }
    div.flex-background div.inner-content h3 {
        margin-left: 0!important;
        width: 100%!important;
    }
    div.flex-background div.inner-content ul.two-col {
        margin-left: 16px;
        width: 100%;
    }
    div.flex-container {
        min-width: 100%; max-width: 100%;
        display: block;
    }
    div.flex-container div.flex-content {
        margin: 0 0 24px;
        max-width: 100%;
    }
    section#contact {
        width: 90%;
        left: 5%;
        margin: 0; padding: 24px 0;
        border-radius: 20px;
    }
    section#contact h2, section#contact p, section#contact form {
        margin-left: 24px; margin-right: 24px;
    }
    section.access div.col {
        width: 100%;
        margin: 0 0 16px;
    }
    section.access iframe {
        border-radius: 20px;
        box-shadow: 0 6px 20px rgba(51, 51, 51, 0.5);
        height: 328px!important;
    }
    section#contact div.container {
        padding-bottom: 120px;
    }
    div.cards {
        display: block;
        margin: 0;
    }
    div.cards div.card:first-child,
    div.cards div.card:last-child {
        transform: none;
    }
    div.card {
        margin: 0 0 30px;
    }
    .underlined {
        font-size: 28px;
    }
    .underlined::after {
        width: 100%;
    }
    div.img-left div.content-right,
    div.img-right div.content-left {
        width: auto; min-height: auto;
        margin: 0 24px; padding: 30px 0;
        display: block;
    }
    section.advantages div.advantage h3, section.services div.service h3, section.responsible div.responsible h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    section.advantages div.advantage p, section.services div.service p, section.responsible div.responsible p {
        font-size: 14px;
    }
    section.advantages div.advantage, section.services div.service, section.responsible div.responsible {
        width: 100%; min-height: 348px;
        margin: 0 0 24px;
        border-radius: 20px;
    }
    div.img-right div.content-left-container,
    div.img-left div.content-right {
        width: auto;
    }
    div.img-right div.bg {
        display: none;
    }
    div.img-left div.bg,
    div.img-right div.mobile-bg {
        height: 260px; width: auto;
        margin: 24px 24px 0;
        border-radius: 10px;
        background-size: cover; background-position: center center;
    }
    nav.tabs {
        border-color: #E0E0E0;
        overflow: hidden;
    }
    nav.tabs ul {
        white-space: nowrap;
    }
    nav.tabs li {
        display: inline-block;
        margin-right: 40px;
    }
    nav.tabs li a {
        font-size: 18px;
    }
    div.flex {
        display: block;
    }
    div.img-left,
    div.img-right {
        display: block;
        margin-bottom: 24px;
        max-width: 100%;
    }
    div.dark div.card {
        width: 100%;
        margin: 0 0 30px;
    }
    div.dark div.content {
        padding: 30px 0;
    }
    div.table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table.vip {
        width: 750px!important;
        border-radius: 20px;
    }
    table.vip tbody tr th {
        padding-left: 18px;
    }
    table.vip thead th {
        font-size: 12px;
    }
    table.vip th h3 {
        margin-left: 18px;
    }
    table.vip td, table.vip tbody th {
        padding: 8px;
        font-size: 10px;
        width: 150px;
    }
    table.vip th img {
        position: static;
        margin: 0;
        max-height: 50%;
    }
    table.vip tr td:last-child {
        padding-right: 50px;
    }
    section.restaurant {
        display: block;
    }
    section.restaurant div.col {
        width: 100%;
    }
    section.restaurant div.col div.menu {
        margin-bottom: 24px;
        border-radius: 20px;
    }
    section.advantages div.advantage p, section.advantages div.advantage h3, section.services div.service p, section.services div.service h3, section.responsible div.responsible p, section.responsible div.responsible h3, section.restaurant div.menu p,
    section.advantages div.advantage span.button, section.services div.service span.button, section.responsible div.responsible span.button, section.restaurant div.menu span.button,
    section.casinos div.casino h3, section.casinos div.casino h4, section.casinos div.casino span {
        margin-left: 24px; margin-right: 24px;
    }
    section.casinos div.casino h4 {
        font-size: 18px; font-weight: bold;
    }
    section.casinos div.casino h3 {
        font-size: 14px; font-weight: normal;
    }
    section.restaurant div.menu img {
        height: 100%; width: auto;
    }
    section.restaurant div.menu h3 {
        margin-left: 24px; margin-right: 24px;
    }
    section.restaurant div.menu a:hover img {
        height: 100%; width: auto;
        top: 0; left: 0;
    }
    section.restaurant div.menu span.button {
        display: block;
        width: auto;
    }
    div.restaurant-left {
        width: 84%;
        padding: 8%; margin-top: -90px;
    }
    div.restaurant-right {
        width: 100%;
    }
    div.restaurant-right div.slider {
        margin: 30px 0 30px;
        width: 100%; height: auto;
    }
    div.restaurant-right div.slider div {
        position: static;
    }
    div.restaurant-right div.slider div:nth-child(even) {
        display: none!important;
    }
    div.restaurant-right div.slider a#next-slide {
        display: none;
    }
    div.gallery img {
        margin-left: 0; margin-right: 0;
    }
    table.jackpots {
        font-size: 14px;
    }
    table.jackpots thead tr, table.jackpots tr:nth-child(even) {
        background-color: #FBFAF8;
    }
    table.jackpots tr {
        display: block;
        padding: 12px 0;
    }
    table.jackpots th, table.jackpots td {
        display: block;
        text-align: left;
        padding: 2px 16px;
    }
    div.jackpot-totals {
        display: block;
        background-color: transparent;
        border-radius: 0; border: none;
        padding: 0;
    }
    div.jackpot-total {
        width: 100%; height: 196px;
        margin: 20px 0 0 ;
        background-color: #fbfaf8;
        border-radius: 10px; border: 1px solid #e0e0e0;
    }
    div.jackpot-total:first-child {
        border-left: 1px solid #e0e0e0;
        margin-top: 0;
    }
    div.jackpot-total p {
        margin: 0; padding: 72px 0 0;
    }
    div.center-content {
        margin-bottom: 30px;
    }
    div.slide1 {
        height: 130px;
    }
    div.dark div.flex-container {
        margin-top: 30px; margin-bottom: 30px;
    }
    div.slider {
        width: 100%; height: auto;
        margin: 24px 0;
    }
    div.slider div {
        position: static;
    }
    section.banner a#next-slide {
        width: 30px; height: 30px;
        right: 25px;
    }
    section.banner ul.shortcuts {
        width: 100%;
    }
    iframe {
        max-width: 100%;
    }
    div.homepage iframe {
        max-height: 200px;
    }
    .title h2 {
        font-size: 32px;
    }
    nav.main div.mobile {
        background-color: #fff;
        text-align: center;
        margin: 0 0 40px;
    }
    nav.main ul li nav.megamenu {
        position: static;
        box-shadow: none;
        border-top: none;
        margin: 7px 0 0;
    }
    nav.main ul li nav.megamenu div.container {
        max-width: 100%;
    }
    nav.main ul li nav.megamenu ul {
        width: 100%;
        padding: 0; margin-left: 0!important;
        border-right: none;
    }
    nav.main ul li nav.megamenu ul li {
        padding: 0; margin: 0 0 7px;
    }
    nav.main ul li nav.megamenu ul li a {
        font-size: 14px;
    }
    nav.main ul li.has-submenu {
        background: none;
    }
    nav.main ul li.has-submenu a {
        background: url(../images/public/submenu.png) no-repeat right 6px;
        padding: 0 24px 0 0;
        text-decoration: none;
    }
    nav.main ul li nav.megamenu div.content {
        display: none;
    }
    nav.main ul li nav.megamenu div.megamenu-right {
        display: none;
    }
    nav.main ul li.has-submenu ul li a {
        background: none;
    }
    div.img-left div.mobile, div.img-right div.mobile {
        width: auto;
        margin: 24px 24px 0;
        display: block;
    }
    div.img-right div.picture {
        display: none;
    }
    div.img-left div.picture {
        width: auto;
        margin: 24px 24px 0;
    }
    div.quote p {
        font-size: 32px;
    }
    section#contact {
        margin-top: 30px;
    }
    section.who a.block {
        width: 45%; height: 156px;
        display: inline-block;
        margin: 0 0 16px;
        line-height: 128px;
    }
    section.who a.block:nth-child(even) {
        margin-left: 16px;
    }
    section.who a.block span {
        bottom: 16px;
        font-size: 14px;
    }
    section.who a.block img {
        max-width: 40%;
    }
    footer {
        background-size: 1100px;
    }
    footer img {
        max-width: 200px;
        margin-bottom: 24px;
    }
    footer div.container {
        padding-top: 276px;
    }
    footer nav.footer {
        margin: 47px 0; padding-top: 47px;
        display: block;
    }
    footer p.copyright span.social {
        display: none;
    }
    section.gallery div.outer-gallery img {
        width: 90%; height: auto;
        margin-right: 16px;
    }
    p#thefork iframe {
        width: 100%!important;
    }
    section.gallery div.outer-gallery::after {
        display: none;
    }
    div#event-popup {
        width: 90%;
        left: 5%; top: 5%;
        margin-left: 0;
        border-radius: 20px;
    }
    section.restaurants div.col {
        width: 100%;
    }
    section.restaurants div.restaurant-name {
        margin: 0 auto;
        float: none;
    }
    section.restaurants div.col:first-child div.restaurant-name {
        margin-top: 0;
    }
    div.content table.three-column {
        width: 100%!important;
    }
    div.content table.three-column td {
        display: block;
        width: 100%;
        padding-bottom: 24px;
    }
    div.content table.three-column tr td:last-child {
        padding-bottom: 0;
    }
    h1 {
        margin-bottom: 10px;
    }
    img.half-img {
        display: block;
        width: 100%;
        margin-top: 24px;
    }
    div.content img.half-img:nth-child(2) {
        margin-top: 24px;
    }
    a.one-third {
        width: 100%;
        margin: 0 0 16px;
    }
    section.restaurants .col {
        display: block;
        width: 100%;
        margin: 0 0 24px;
        border-radius: 20px;
    }
    section.restaurants .col img {
        height: 100%; width: 100%;
        object-fit: cover; object-position: center;
    }
    section.restaurants .col h3 {
        font-size: 18px;
    }
    section.restaurants .col h4 {
        font-size: 14px;
    }
    section.restaurants .col span.button {
        display: block;
        width: auto;
    }
    .boulogne, .tlb, .dlb {
        line-height: normal;
        min-height: 80px;
        padding-top: 28px;
    }
    div.background-content {
        border-radius: 20px;
        background-size: cover; background-position: right center;
    }
    div.background-content div.mobile-background {
        background-size: cover;
    }
    div.background-content:hover {
        background-size: cover;
    }
    p.three-col {
        display: block;
    }
    p.three-col img {
        width: 100%;
        margin: 16px 0 0;
        border-radius: 10px;
    }
    p.three-col img:first-child {
        margin-top: 0;
    }
    ul.two-column li {
        display: block;
        width: auto;
    }
    div.eventscard div.event-content {
        padding-left: 24px; padding-right: 24px;
    }
    section.google-reviews div.item {
        display: block;
        width: auto;
        margin: 0 0 24px;
    }
     a#events-more {
        margin: 0 33px;
        width: auto;
        display: block;
     }
    .noiretable {
        white-space: nowrap;
    }
    div.eventscard .button {
        margin: 24px;
    }
    div#age-popup {
        width: 90%;
        margin-left: -45%;
        border: none;
    }
    div#age-popup h2 {
        height: 206px;
    }
    div#age-popup h2 span {
        display: none;
    }
    div#age-popup p {
        color: #AEAEAE;
    }
    div#age-popup p.buttons a {
        display: block;
        width: auto;
        margin: 16px 24px 0;
    }
    div#age-popup p.small {
        font-size: 10px; line-height: 12px;
        padding: 0 0 24px; margin: 0 24px;
    }
    div.timeline-outer {
        overflow: hidden;
    }
    div.timeline-inner {
        padding-left: 5px;
    }
    div.timeline-event {
        width: 95%;
        padding-right: 5%;
    }
    div.flip-cards {
        white-space: nowrap;
        overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none;
        margin-bottom: 0;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
    }
    div.flip-cards::-webkit-scrollbar {
        display: none;
    }
    div.flip-card {
        margin: 0 0 24px 24px;
        width: 170px; height: 170px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: top;
    }
    div.flip-card:first-child {
        margin-left: auto;
    }
    div.flip-card div.recto a {
        font-size: 16px; line-height: 25px;
        padding: 60px 0 0;
        height: 100px;
        background-size: 12px;
        -webkit-tap-highlight-color: transparent; /* Désactive l'effet de surbrillance au clic */
        touch-action: manipulation; /* Améliore les interactions tactiles */
    }
    .flip-card .recto, .flip-card .verso {
        transition: none; /* Désactiver temporairement pour tester */
    }
    .flip-card:focus {
        outline: none; /* Enlève la bordure du focus */
    }
    div.flip-card div.recto a strong {
        font-size: 32px;
    }
    div.flip-card div.verso {
        white-space: normal;
        padding: 0 26px;
        height: 170px;
        -webkit-tap-highlight-color: transparent; /* Désactive l'effet de surbrillance au clic */
        touch-action: manipulation; /* Améliore les interactions tactiles */
    }
    div.flip-card div.verso p {
        font-size: 12px; line-height: 20px;
        margin: 0;
    }
    div.flip-card div.verso .less {
        background-size: 12px;
        margin-left: -6px;
        width: 12px; height: 2px;
        bottom: 15px;
    }
    .flip-nav {
        margin-bottom: 50px;
        text-align: center;
        display: block;
    }
    .flip-nav a {
        text-decoration: none;
        display: inline-block;
        width: 32px; height: 32px;
        background: url(../images/public/arrow-right.svg);
        text-indent: -10000px;
    }
    .flip-nav a.flip-previous {
        transform: scaleX(-1);
    }
    .flip-nav a.flip-previous-disabled {
        background: url(../images/public/arrow-left.svg);
        transform: none;
    }
    .flip-nav a.flip-next-disabled {
        background: url(../images/public/arrow-left.svg);
        transform: scaleX(-1);
    }
    nav.submenu ul {
        height: 70px;
    }
    nav.submenu .less-than-four ul li:first-child {
        margin-left: 36px;
    }
    nav.submenu .less-than-four a#submenu-left, nav.submenu .less-than-four a#submenu-right {
        display: block;
    }
    nav.submenu .less-than-four ul {
        cursor: grab;
    }
    nav.submenu li {
        text-overflow: ellipsis;
        max-width: 255px;
        white-space: nowrap;
        overflow: hidden;
    }
    a#press-more {
        display: block;
        margin: 0 33px;
        width: auto;
    }
    div.social-casinos {
        display: block;
    }
    div.social-casinos div.social-casino {
        width: 100%;
        border-left: none; border-top: 1px solid #986F16;
        padding: 24px 0 0;
    }
    div.social-casinos div.social-casino:first-child {
        border-top: none;
        padding-top: 0;
    }
}