.back-v{
 background-image:url(../../img/conoce-prep/navego/back-video-navegacion.a876e7aba6612485c3e0.png)
}
.bg-color-video{
 background-color:#f9dbed!important;
 border-top:1px solid #f9dbed!important
}
.btn-video{
 border-bottom:1px solid #f9dbed
}
.back-v.none-banner{
 background-image:none
}
.card-img-top{
 width:450px!important
}
.listas{
 counter-reset:li;
 list-style:none;
 padding:0;
 margin-bottom:4em
}
.listas  li{
 position:relative;
 padding:0 0 8px 35px;
 text-decoration:none
}
.listas  li:before {
 content:counter(li);
 counter-increment:li;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-1em;
 background:#cf0f7f;
 height:25px;
 width:25px;
 border-radius:50%;
 line-height:26px;
 text-align:center;
 font-weight:700;
 color:#fff
}
@media only screen and (min-width:320px) and (max-width:359px) {
 .card-img-top{
  width:290px!important
 }
 .margen-top{
  margin-top:0!important
 }
 .btn-video{
  border-bottom:1px solid #fff
 }
 .btn-video,
 .video-x.video-dos{
  height:190px
 }
}
@media only screen and (min-width:360px) and (max-width:413px) {
 .card-img-top{
  width:320px!important
 }
 .margen-top{
  margin-top:0!important
 }
 .btn-video{
  border-bottom:1px solid #fff
 }
 .btn-video,
 .video-x.video-dos{
  height:211px
 }
}
@media only screen and (min-width:414px) and (max-width:479px) {
 .card-img-top{
  width:360px!important
 }
 .margen-top{
  margin-top:0!important
 }
 .btn-video,
 .video-x.video-dos{
  height:240px
 }
}
@media only screen and (min-width:768px) and (max-width:991.99px) {
 .card-img-top{
  width:370px!important
 }
}