diff --git a/httpdocs/theme/react/product-media-slider/style/product-media-slider.css b/httpdocs/theme/react/product-media-slider/style/product-media-slider.css
index 6948b3135..ac5926f15 100644
--- a/httpdocs/theme/react/product-media-slider/style/product-media-slider.css
+++ b/httpdocs/theme/react/product-media-slider/style/product-media-slider.css
@@ -1,238 +1,241 @@
 /*---------------------------------------------------
     LESS Elements 0.9
   ---------------------------------------------------
     A set of useful LESS mixins
     More info at: http://lesselements.com
   ---------------------------------------------------*/
 /* MIXINS */
 /* /MIXINS */
 /* COLORS */
 /* /COLORS */
 video:focus {
   outline: none;
   outline-style: none;
 }
 #product-media-slider-container {
   width: 100%;
   margin-bottom: 15px;
 }
 #media-slider {
   box-sizing: content-box;
   overflow: hidden;
   position: relative;
   padding-bottom: 110px;
   background-color: white;
 }
 #media-slider .carousel-control {
   width: 50px;
   height: 50px;
   z-index: 100;
   cursor: pointer;
   background: rgba(0, 0, 0, 0.35);
   opacity: 1;
 }
 #media-slider .carousel-control .glyphicon {
   margin-top: -15px;
 }
 #media-slider .slider-navigation-toggle {
   position: absolute;
   right: 5px;
   height: 31px;
   width: 31px;
   background-size: 25px 25px;
   z-index: 100;
   cursor: pointer;
   background-image: url(../../assets/img/playlist-toggle.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-color: white;
   border: 2px solid black;
 }
 #media-slider #slider-container {
   padding-bottom: 30px;
 }
 #media-slider .swiper-wrapper .react-player-container {
   width: inherit;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react {
   font-family: inherit;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-control-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex !important;
   visibility: visible;
   opacity: 1;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-time-divider {
   display: none !important;
 }
 #media-slider .swiper-wrapper .react-player-container .cinema-mode-button {
   line-height: 30px;
   display: inline-block;
   color: white;
   font-size: 10px;
   text-transform: uppercase;
   cursor: pointer;
 }
 #media-slider .swiper-wrapper .react-player-container .cinema-mode-button span {
   display: block;
   width: 15px;
   height: 10px;
   border: 2px solid white;
   margin: 10px;
 }
 #media-slider .swiper-wrapper .slide-item {
   float: left;
   height: inherit;
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
 }
 #media-slider .swiper-wrapper .slide-item.image {
   background-color: white !important;
   max-height: 100%;
 }
 #media-slider .swiper-wrapper .slide-item > div {
   text-align: center;
 }
 #media-slider .swiper-wrapper .slide-item > div > div {
   margin: 0 auto;
 }
 #media-slider .swiper-wrapper .slide-item img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   max-width: 100%;
   max-height: 100%;
   cursor: -moz-zoom-in;
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
 }
 #media-slider .swiper-pagination {
   display: none;
 }
 #media-slider #slide-navigation {
   width: 100%;
   text-align: center;
   position: absolute;
   height: 110px;
   bottom: 0;
   padding: 10px 0;
 }
 #media-slider #slide-navigation ul {
   list-style-type: none;
   margin: 0 auto;
   display: table;
   padding: 10px 5px;
 }
 #media-slider #slide-navigation ul li {
   width: 120px;
   height: 80px;
   margin: 0;
   background-color: black;
   border: 5px solid #fff;
   float: left;
   margin: 0 5px;
   box-sizing: content-box;
 }
 #media-slider #slide-navigation ul li a {
   display: block;
   width: 100%;
   height: 100%;
   cursor: pointer;
   position: relative;
 }
 #media-slider #slide-navigation ul li a img {
   cursor: pointer !important;
 }
 #media-slider #slide-navigation ul li a .glyphicon {
   font-size: 30px;
   top: 50%;
   margin-top: -15px;
   color: white;
   position: absolute;
   left: 50%;
   margin-left: -10px;
 }
 #media-slider #slide-navigation ul li.image {
   background-color: white;
 }
 #media-slider #slide-navigation ul li.embed {
   background-color: black;
   background-image: url('../../assets/img/youtube-icon.png');
 }
 #media-slider #slide-navigation ul li .video-thumbnail-wrapper {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
 }
 #media-slider #slide-navigation .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: 0.7;
   border: 5px solid white;
 }
 #media-slider #slide-navigation .swiper-slide.active {
   border-color: #2673b0;
 }
 #media-slider #slide-navigation .swiper-slide-thumb-active {
   opacity: 1;
 }
 #media-slider #slide-navigation .swiper-wrapper .swiper-slide .preview-image {
   width: 100%;
   height: 100%;
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
 }
 #media-slider.hide-arrows .swiper-button-prev,
 #media-slider.hide-arrows .swiper-button-next {
   opacity: 0;
 }
 #media-slider.cinema-mode .swiper-wrapper .slide-item img {
   cursor: -moz-zoom-out;
   cursor: -webkit-zoom-out;
   cursor: zoom-out;
 }
 #media-slider.cinema-mode .swiper-wrapper .swiper-pagination-bullet {
   background: white !important;
 }
 #media-slider.cinema-mode #slide-navigation {
   background: black;
 }
 #media-slider.cinema-mode #slide-navigation.dots {
   background-color: white;
 }
 #media-slider.hide-playlist {
   padding-bottom: 30px;
 }
 #media-slider.hide-playlist #slide-navigation {
   display: none;
 }
 #media-slider.hide-playlist .swiper-pagination {
   display: blocK;
 }
 #media-slider.fade-controls .swiper-button-prev,
 #media-slider.fade-controls .swiper-button-next,
 #media-slider.fade-controls .slider-navigation-toggle {
   opacity: 0 !important;
 }
 #media-slider.fade-controls .video-react-playing .video-react-control-bar {
   opacity: 0 !important;
 }
 #media-slider.disable-gallery {
   padding-bottom: 0;
 }
 #media-slider.disable-gallery .swiper-button-prev,
 #media-slider.disable-gallery .swiper-button-next,
 #media-slider.disable-gallery .slider-navigation-toggle,
 #media-slider.disable-gallery #slide-navigation {
   display: none;
 }
+#media-slider.is-mobile .slider-navigation-toggle {
+  display: none;
+}
diff --git a/httpdocs/theme/react/product-media-slider/style/product-media-slider.less b/httpdocs/theme/react/product-media-slider/style/product-media-slider.less
index ad9399885..cbd414424 100644
--- a/httpdocs/theme/react/product-media-slider/style/product-media-slider.less
+++ b/httpdocs/theme/react/product-media-slider/style/product-media-slider.less
@@ -1,292 +1,298 @@
 @import "../../assets/less/elements.less";
 
 video:focus {
     outline: none;
     outline-style: none;
 }
 
 #product-media-slider-container {
     width:100%;
     margin-bottom: 15px;
 }
 
 #media-slider {
     box-sizing: content-box;
     overflow: hidden;
     position: relative;
     padding-bottom: 110px;
     background-color: white;
 
     .carousel-control {
         width: 50px;
         height: 50px;
         z-index: 100;
         cursor: pointer;
         background: rgba(0,0,0,0.35);
         opacity: 1;
 
         .glyphicon {
             margin-top: -15px;
         }
     }
 
     .slider-navigation-toggle {
         position: absolute;
         right: 5px;
         height: 31px;
         width: 31px;
         background-size: 25px 25px;
         z-index: 100;
         cursor: pointer;
         background-image: url(../../assets/img/playlist-toggle.png);
         background-repeat: no-repeat;
         background-position: center center;
         background-color: white;
         border: 2px solid black;
     }
 
     #slider-container {
         padding-bottom: 30px;
     }
 
     .swiper-wrapper {
         
         .react-player-container {
             width:inherit;
             .video-react {
                 font-family: inherit;
 
                 .video-react-control-bar {
                     display: -webkit-box;
                     display: -webkit-flex;
                     display: -ms-flexbox;
                     display: flex !important;
                     visibility: visible;
                     opacity: 1;
                 }
                 .video-react-time-divider {
                     display: none !important;
                 }
             }
 
             .cinema-mode-button {
                 line-height: 30px;
                 display: inline-block;
                 color: white;
                 font-size: 10px;
                 text-transform: uppercase;
                 cursor: pointer;
 
                 span {
                     display: block;
                     width: 15px;
                     height: 10px;
                     border: 2px solid white;
                     margin: 10px;
                 }
             }
         }
 
         .slide-item {
             float:left;
             height: inherit;
             position: relative;
             margin:0;
             padding:0;
             text-align: center;
 
             &.image {
                 background-color:white !important;
                 max-height: 100%;
             }
 
             > div { 
                 text-align: center;
 
                 > div {
                     margin: 0 auto;
                 }
             }
 
             img {
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
                 margin-top: auto;
                 margin-bottom:auto;
                 max-width: 100%;
                 max-height: 100%;
                 cursor: -moz-zoom-in; 
                 cursor: -webkit-zoom-in; 
                 cursor: zoom-in;
             }
         }
     }
 
     .swiper-pagination {
         display: none;
     }
 
     #slide-navigation {
         width:100%;
         text-align: center;
         position: absolute;
         height: 110px;
         bottom: 0;
         padding: 10px 0;
 
         ul {
             list-style-type: none;
             margin:0 auto;
             display:table;
             padding: 10px 5px;
 
             li {
                 width: 120px;
                 height: 80px;
                 margin: 0;
                 background-color: black;
                 border: 5px solid #fff;
                 float: left;
                 margin: 0 5px;
                 box-sizing: content-box;
 
                 a {
                     display: block;
                     width:100%;
                     height: 100%;
                     cursor: pointer;
                     position: relative;
 
                     img {
                         cursor: pointer !important;
                     }
 
                     .glyphicon {
                         font-size: 30px;
                         top: 50%;
                         margin-top: -15px;
                         color: white;
                         position: absolute;
                         left: 50%;
                         margin-left: -10px;
                     }
                 }
 
                 &.image {
                     background-color: white;
                 }
 
                 &.embed {
                     background-color: black;
                     background-image: url('../../assets/img/youtube-icon.png');
                 }
 
                 .video-thumbnail-wrapper {
                     width: 100%;
                     height: 100%;
                     position: relative;
                     overflow: hidden;
                 }
             }
         }
         
         .swiper-slide {
             width: 25%;
             height: 100%;
             opacity: 0.7;
             border: 5px solid white;
             &.active {
                 border-color: #2673b0;
             }
         }
         
         .swiper-slide-thumb-active {
             opacity: 1;
         }
         
         .swiper-wrapper {
 
             .swiper-slide {
 
                 .preview-image {
                     width:100%;
                     height: 100%;
                     background-size: contain;
                     background-position: center center;
                     background-repeat: no-repeat;
                     cursor: pointer;
                 }
             }
         }
     }
 
     &.hide-arrows {
         .swiper-button-prev,
         .swiper-button-next {
             opacity: 0;
         }
     }
 
     &.cinema-mode {
 
         .swiper-wrapper {
 
             .slide-item {
 
                 img {
                     cursor: -moz-zoom-out; 
                     cursor: -webkit-zoom-out; 
                     cursor: zoom-out;
                 }
             }
 
             .swiper-pagination-bullet {
                 background: white !important;
             }
         }
 
         #slide-navigation {
             background: black;
             &.dots {
                 background-color: white;
             }
         }
     }
 
     &.hide-playlist {
         padding-bottom: 30px;
 
         #slide-navigation {
             display: none;
         }
 
         .swiper-pagination {
             display: blocK;
         }
     }
 
     &.fade-controls {
         .swiper-button-prev,
         .swiper-button-next,
         .slider-navigation-toggle { 
             opacity: 0 !important;
         }
 
         .video-react-playing {
             .video-react-control-bar {
                 opacity: 0 !important;
             }
         }
     }
 
     &.disable-gallery {
         padding-bottom:0;
         .swiper-button-prev,
         .swiper-button-next,
         .slider-navigation-toggle,
         #slide-navigation { 
             display: none;
         }
     }
+
+    &.is-mobile {
+        .slider-navigation-toggle {
+            display: none;
+        }
+    } 
 }