/*.tmask{
  width: 5000px;
  max-width: none !important;
}.thumbs li{
  float: left !important;
}.thumbs{
  overflow-x: scroll;
}*/

@media screen and (max-width: 1024px) {
  .lc, .rc{
    display: none !important;
  }

}
@media screen and (max-width: 767px) {
  #ng{
    padding-bottom: 0;
  }
  li.nmob{
    display: none;
  }
  #ng li img, #ng li picture{
    display: none;
  }
  #scroller{
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    overflow-y: hidden;
    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;
    height: 100%;
    background-size: cover;
  }.lc,.rc{
    display:none;
  }#scroller::-webkit-scrollbar {
    display: none;
  }#hero22, #ng{
    height: 150vw !important;
  }#hero22.fade ul.viewer, #ng.fade ul.viewer, #scroller{
    height: 100% !important;
  }#hero22 .viewer li .content{
    transition: all 0.6s ease-in-out 0.2s;
    opacity: 1;
  }/*hero22 .viewer li{
    background-image: none;
  }*/
}