/* Estilos móviles */
/* header */
@media screen and (max-width: 800px) {
  #mobile_see_comments {
    display: block;
  }
  .resh-video {
    width: 92vw;
  }
  body {
    font-size: 14px !important;
  }
  h1 {
    font-size: 2rem !important;
  }
  .play-icon-cate {
    width: 81% !IMPORTANT;
    position: absolute !IMPORTANT;
    top: -21px !IMPORTANT;
    left: 0px !IMPORTANT;
    bottom: 0px !IMPORTANT;
    right: 0px !IMPORTANT;
  }
  .title-video-mobil {
    text-align: center !important;
    padding-bottom: 1rem !important;
  }
  .reco-video-mobil {
    text-align: center !important;
    padding-top: 1rem !important;
  }
  div form.buscar {
    width: 87% !IMPORTANT;
    background: #FFF;
    border-radius: 9px;
    border: solid #707070 1px;
    padding-top: 0rem !IMPORTANT;
    float: right !IMPORTANT;
    height: 37px;
  }
  .video-mt-res {
    margin-top: .2rem !IMPORTANT;
  }
  .tar-inf {
    padding: 1.5rem 0rem !important;
    padding-bottom: 0 !IMPORTANT;
  }
  .socil-youtube {
    display: block !IMPORTANT;
  }
  .m-tex-visitas {
    margin-bottom: .5rem !IMPORTANT;
  }
  .m-span-social {
    margin-right: .5rem !IMPORTANT;
  }
  .tex-yotube-modal {
    font-size: 11px !IMPORTANT;
  }
  .card-img, .card-img-bottom, .card-img-top {
    width: 200% !IMPORTANT;
  }
  .play-icon-cate {
    margin-left: 170px !IMPORTANT;
    margin-top: 76px !IMPORTANT;
  }
  
  /*menú responsive*/
  
  .hide-responsive {
    display: none;
  }  
  .nav-res-styl{
    padding-left: .5rem !IMPORTANT;
    padding-right: .5rem !IMPORTANT;
  }
  .mar-res-like {
    margin-top: -1rem !IMPORTANT;
  }  
  .play-icon-cate {
      width: 140px !IMPORTANT;
      position: absolute !IMPORTANT;
      top: 10px !IMPORTANT;
      left: 32px !IMPORTANT;
      bottom: 0px !IMPORTANT;
      right: 0px !IMPORTANT;
  }
  .comments-section {
    display: none;
  }
  .play-icon-cate {
    width: 140px !IMPORTANT;
    position: absolute !IMPORTANT;
    top: 10px !IMPORTANT;
    left: 6px !IMPORTANT;
    bottom: 0px !IMPORTANT;
    right: 0px !IMPORTANT;
  }
  .cont-flex {
    display: flex;
  }
  .ocultar-info-desck {
    display: block!IMPORTANT;
  }
  .ocultar-info-res {
    display: none!IMPORTANT;
  }
  .styl-list-responsive {
    margin-top: 2px;
    color: rgb(255, 104, 0);
    margin-right: 8px;
  }
  .scrollbar {
      max-height: 218px !important;
  }
  .left-menu-vt {
      display: none;
  }
  .bx-wrapper img {
      max-width: 100%;
  }
  .best-rated-videos {
      display: flex;
      justify-content: center;
      margin-top: 2vh;
  }
  .video-mt-res {
      flex-flow: column;
  }
  .img-prew-vide {
    width: 41vw ! IMPORTANT;
  }
}

.btn {
    padding: .25rem !IMPORTANT;
}
.btn:hover{
	  color:#4b4b4b !important;
    background:#fff !important;  
}
.btn.focus, .btn:focus {
    box-shadow: none !IMPORTANT;
}
.mar-sub-cate {
    padding: 0rem 0rem 0rem 1rem;
}
.mar-sub-cate-li {
    padding: .5rem;
}
.styl-sub-cate {
    padding-left: 0rem;
    font-size: 12px;
    list-style: none;
}
.li-sub-cate {
    border-bottom: solid #868686 1px;
    padding-bottom: .2rem;
    padding-top: .2rem;
}
.tar-inf {
    padding: 0rem 1.5rem !important;
}
.top-menu-mobile {
    width: 80vw;
}

@media screen and (max-width: 576px) {
  .top-menu-mobile {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%;
  }
}