@media screen and (max-width: 600px) {
  #scroller{
    scroll-snap-type: x mandatory;
    overflow: scroll;
    position: relative;
  }#hero22.fade ul.viewer li,
  #ng ul.viewer li{
    position: relative !important;
    display: block !important;
    float: left !important;
    scroll-snap-align: start;
    scroll-snap-stop:always;
  }.lc,.rc{
    display:none;
  }#scroller::-webkit-scrollbar {
    display: none;
  }#hero22, #ng{
    height: 142vw !important;
  }#hero22.fade ul.viewer, #ng.fade ul.viewer, #scroller{
    height: 100% !important;
  }#hero22 .viewer li .content{
    transition: all 0.5s ease-in-out 0.8s;
    opacity: 1;
  }#hero22 .lc.donly, #hero22 .rc.donly{
    display: none !important;
  }
}

#hero22 .viewer li .content{
  transition: all 0.5s ease-in-out 0.8s;
  opacity: 1;
}