@media (max-width: 767px) {
    .header_menu        { display:none;  }
    .header_menu_mobile { display:block; }
    .games .swiper-slide img { width:108px;}
    main {padding: 0 10px;}
    #providers {display:none;}
    /*#providers a span { display:none; }
    #providers a img { width:20px; border:0; }*/
    #footer  { flex-direction:column;gap:20px;align-items:center;padding:10px 5px 20px 5px;}
    #footer .footerLinks {
        width:100%;
    }
    .footerLinks ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0; /* Adjust the gap as needed */
        grid-column-gap: 15px;
        font-size:7pt;
        text-align:center;
        letter-spacing: -0.2px;
     }
      .footerLinks ul li:nth-child(4),
      .footerLinks ul li:nth-child(5),
      .footerLinks ul li:nth-child(6),
      .footerLinks ul li:nth-child(7) {
      grid-row: span 2; /* This will span 2 rows, placing them in the second column */
      }

      

    .swiper-button-next, .swiper-button-prev {
        width:0 !important;
    }
    .main_sections {padding:5px; }
    .main_sections div img { height:280px; border-radius: 0; }
    .main_sections div a { bottom:0; font-size:8pt;}

    #providers_mobile { display: flex; }

    
    .modal {
        position:absolute;
        top:0;
        width:100%;
        min-height:100%;
        overflow-y: auto;
    }

    .modal2 {
        width:90%;
    }

    .modal3 {
        width:90%;
    }
    
    .profile .sidebar {
        flex-direction:column;
    }

    .modalContent {
        width: 90% !important;
    }
}