/* Agregado: Estilos para dispositivos móviles */
@media (max-width: 980px) {
    body {
        width: 100%; /* Modificación: El ancho del cuerpo ocupa todo el ancho de la pantalla */
        margin: 0; /* Modificación: Elimina los márgenes del cuerpo */
    }

    .banner img {
        max-width: 90%; /* Modificación: El banner ocupa el 90% del ancho de la pantalla */
    }

    #accordian {
        width: 100%; /* Modificación: El menú lateral ocupa todo el ancho */
        float: none; /* Modificación: Elimina el float */
        display: none; /* Agregado: Oculta el menú lateral por defecto */
    }

    #partidoss,
    #principal {
        width: 100%; /* Modificación: Los partidos y la sección principal ocupan todo el ancho */
        margin-left: 0; /* Modificación: Elimina el margen izquierdo */
        padding-left: 0; /* Modificación: Elimina el padding izquierdo */
    }

    #ayerhoy {
      margin: auto;
    }

    #bayer,
    #bman,
    #titulo1 {
        width: 21%; /* Modificación: Los botones y el título ocupan un tercio del ancho */
        float: left; /* Modificación: Coloca los elementos uno al lado del otro */
    }

    /* Agregado: Estilos para el botón de menú */
    #menuboton {
        display: block; /* Modificación: Muestra el botón de menú */
        background: #17573d;
        color: #fff;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box; /* Agregado: Incluye el padding y el borde en el ancho total */
    }

    /* Agregado: Estilos para el botón de volver al menú */
    #volvermenu {
        display: block; /* Modificación: Muestra el botón de volver al menú */
        background: #17573d;
        color: #fff;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box; /* Agregado: Incluye el padding y el borde en el ancho total */
    }

    #partidos {
      width: 100%; /* Modificación: Los partidos ocupan todo el ancho */
      margin-left: 0;
    }

    #tablagrupos{
      width: 100%;
    }

    .grupo{
      width: 95%;
      margin-left: 5px;
    }

    #partoff{
      width: 95%;
      margin-left: 5px;
    }

    #partoff1{
      width: 95%;
    }

    #fixclub{
      width: 95%;
      margin-left: 5px;
    }

    .fixclub{
      width: 95%;
    }

    #tabplantel{
      width: 95%;
    }

    #tabhist{
      width: 95%;
      margin-left: 5px;
    }

    #divcuadro{
      width: 95%;
    }

    #botonescalc{
      width: 95%;
      margin-left: 5px;
    }

    #historialpart{
      width: 95%;
    }

    #tablahistorial{
      width: 95%;
    }

    #maxgoleadas{
      width: 95%;
      margin-left: 5px;
    }

    #rankint{
      width: 95%;
    }

    #cajacomentarios{
      width: 95%;
    }

    #cajatexto{
      width: 90%;
      margin-left: 5%;
    }

    #pub728{
      width: 95%;
      height: auto;
    }
    #fixturein table {
      width: 100%;
      border-spacing: 2.5px;
    }
    .game-info {
      width: 5%;
    }
    .game-r1, .game-r2 {
      width: 7%;
    }
}