@media (max-width: 575.98px) {  /*`sm` applies to x-small devices (portrait phones, less than 576px)*/

.proximo-equipo img {
  display: none;
}

.proximo-equipo h1 {
  font-size: 18px;
}

.cont-el {
  text-align: center;
  width: 70px;
  margin: 0 7px;
  border-radius: 50%;
  border: 4px solid #fff;
  height: 70px;
}

.cont-el p {
  margin-bottom: 20px;
  padding-top: 15px !important;
  line-height: 32px;
}


.big-text {
  font-weight: 600;
  font-size: 32px;
  color: #F6B500;
}


#partido-evento {
  min-height: 250px;
}


.countdown-container {
  margin-top: 30px;
}

.box-login a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  margin-right: 20px;
}

#proximo-partido {
  min-height: 500px !important;
}

.box-pr-partidos {
  margin-bottom: 25px;
  padding-bottom: 25px;
}


#faq {
  padding-top: 0px;
}

.box-img-faq {
  min-height: 300px;
  background-color: #444;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}


.bloque-faq {
  padding-right: 25px;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 30px;
}

.titular-faq {
  padding-top: 30px;
  padding-left: 20px;
}

.box-novedad {
  margin-bottom: 25px;
}


#ultimos-eventos {
  padding-bottom: 20px;
}

#contenedor-compra .box-operacion {
  padding: 0px;
}

.datos-compra {
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
}

#contenedor-compra .box-operacion {
  padding-bottom: 30px;
}

.img-compra img {
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0x;
  -moz-border-radius-bottomleft: 0x;
  border-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}


.box-totales {
  margin-left: 20px;
}

.box-totales p {
  text-align: left;
}

.box-operacion .btn-primario {
  width: 215px;
  margin: 40px auto 0px;
  display: block;
  float: none !important;
}

.box-totales {
  padding-bottom: 0;
}

.logo-boca-footer {
  float: left;
  width: 80px;
  margin-right: 0px;
}

.bloque-footer {
  width: 307px;
  margin: auto;
}

.logo-boca-footer img{
  width: 100%;
}

.redes {
    padding-top: 13px;
}

.titulares h2 {
    margin-bottom: 34px;
}

#contenedor-operacion, #contenedor-compra, #contenedor-detalle{
    padding-top: 35px;
}


.logo-boca {
    margin-top: 23px;
}

.m-enxs{
  margin-top: 15px !important;
}

}

@media (max-width: 767.98px) /* `md` applies to small devices (landscape phones, less than 768px)*/ { 

.proximo-equipo img {
  display: none;
}

.proximo-equipo h1 {
  font-size: 25px;
}

#partido-evento {
  min-height: 320px;
}


#proximo-partido {
  min-height: 540px;
}

#faq {
  padding-top: 0px;
}


.box-img-faq {
  min-height: 300px;
  background-color: #444;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}


.bloque-faq {
  padding-right: 25px;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 30px;
}

.titular-faq {
  padding-top: 30px;
  padding-left: 20px;
}

.box-novedad {
  margin-bottom: 25px;
}

#ultimos-eventos {
  padding-bottom: 20px;
}


#contenedor-compra .box-operacion {
  padding: 0px;
}

#contenedor-detalle .box-operacion {
  padding: 0px;
}

.datos-compra, .datos-detalle {
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
}

.mas-info-detalle {
  margin-top: 30px;
  margin-right: 20px;
  margin-left: 20px;
}

#contenedor-compra .box-operacion, #contenedor-detalle .box-operacion {
  padding-bottom: 30px;
}

.img-compra img {
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0x;
  -moz-border-radius-bottomleft: 0x;
  border-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}


.box-totales {
  margin-left: 20px;
}

.box-totales p {
  text-align: left;
}

.box-operacion .btn-primario {
  width: 215px;
  margin: 40px auto 0px;
  display: block;
  float: none !important;
}

.box-totales {
  padding-bottom: 0;
}

.titulares h2 {
    margin-bottom: 34px;
}

#contenedor-operacion, #contenedor-compra, #contenedor-detalle {
    padding-top: 35px;
}

}


@media (max-width: 991.98px) /*`lg` applies to medium devices (tablets, less than 992px)*/{


.proximo-equipo h1 {
  font-size: 25px;
}

.box-novedad {
  margin-bottom: 25px;
}

.box-pr-partidos {
  margin-bottom: 25px;
  padding-bottom: 25px;
}

#faq {
  padding-top: 0px;
}


#contenedor-compra .box-operacion {
  padding: 0px;
}

#contenedor-detalle .box-operacion {
  padding: 0px;
}

.datos-compra, .datos-detalle{
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
}

.mas-info-detalle {
  margin-top: 30px;
  margin-right: 20px;
  margin-left: 20px;
}

#contenedor-compra .box-operacion, #contenedor-detalle .box-operacion {
  padding-bottom: 30px;
}

.img-compra img {
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0x;
  -moz-border-radius-bottomleft: 0x;
  border-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.box-totales {
  margin-left: 20px;
}

.box-totales p {
  text-align: left;
}

.box-operacion .btn-primario {
  width: 215px;
  margin: 40px auto 0px;
  display: block;
  float: none !important;
}


.box-totales {
  padding-bottom: 0;
}



}


@media (max-width: 1199.98px) /*`xl` applies to large devices (desktops, less than 1200px)*/

{ ... }


@media (max-width: 1399.98px)  /*`xxl` applies to x-large devices (large desktops, less than 1400px)/

{ ... }




































@media (max-width: 480px) { /*480*/ 

}



@media (min-width: 481px) and (max-width:767px){ /*ms*/

}


@media (min-width: 768px) and (max-width:991px){ /*sm*/

}



@media (min-width: 992px) and (max-width:1200px){ /*md*/

}




@media screen and (max-width: 1050px) {
.side-collapse-container{
  width:100%;
  position:relative;
  left:0;
  transition:left .4s;
}
.side-collapse-container.out{
  left:200px;
}
.side-collapse {
  top:84px;
  bottom:0;
  left:0;
  width:100%;
  position:fixed;
  overflow:hidden;
  transition:width .4s;
  z-index: 9999;
}
.side-collapse.in {
  width:0;
}

}   



@media (min-width: 1850px) and (max-width:2600px){ 



}