@media(max-width:767px){
  .ri__player .video-js {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

@media (min-width: 768px) {
  .container.ri__player {
    width: 100%;
  }
  .ra__gif-notify .ra__gif-mail {
    width: 335px;
    margin-right: 5px;
  }
}

@media (min-width: 992px) {
  .container.ri__player {
    width: 100%;
  }
}
@media (max-width: 783px) {
  body {
    padding-bottom: 70px;
  }
  .player {
    padding: 10px 10px 100px;
  }
  .player img { max-width: 100%;}
  .ri__controls {
    position: fixed;
    bottom: 37px;
    width: 100%;
    left: 0;
    z-index: 1031;
    background-color: #fff;
  }
  .ri__controls--slider {
    margin-right: 10px;
  }
  .footer {
    position: fixed;
    height: 37px;
    width: 100%;
    background-color: #F8F8F8;
    border-color: #E7E7E7;
    border-top-style: solid;
    border-top-width: 1px;
  }
  html.touch .full-view .player img {
    max-width: none;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .container.ri__player {
    width: 100%;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) {

  /* Large screen, retina, stuff to override above media query */

}