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 d4af162fe..51c7e2a33 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,894 +1,896 @@
 /*---------------------------------------------------
     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: 100%;
   z-index: 100;
   cursor: pointer;
   opacity: 1;
 }
 #media-slider .carousel-control .visible-container {
   background: rgba(0, 0, 0, 0.35);
   top: 50%;
   width: 50px;
   height: 50px;
   display: block;
   position: absolute;
   left: 0;
 }
 #media-slider .carousel-control .visible-container .glyphicon {
   margin-top: -15px;
 }
 #media-slider .swiper-pagination {
   bottom: 0;
 }
 #media-slider .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: white;
   border: 1px solid #ccc;
   background: #ccc;
 }
 #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;
   display: none !important;
 }
 #media-slider #slider-container {
   padding-bottom: 30px;
 }
 #media-slider .swiper-wrapper .react-player-container {
   width: inherit;
   position: relative;
 }
 #media-slider .swiper-wrapper .react-player-container .video-render-mask {
   background-color: white;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react {
   font-family: inherit;
   overflow: hidden;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-big-play-button {
   border: 0.06666em solid transparent !important;
   background-color: #ff0000 !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-slider:focus {
   box-shadow: none;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-control-bar {
   font-size: 6pt;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex !important;
   visibility: visible;
   opacity: 1;
   height: 5em;
   padding-top: 1em;
   padding-right: 1em;
   padding-left: 1em;
   background-color: rgba(0, 0, 0, 0.7);
   background: transparent;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, transparent));
   background: -ms-linear-gradient(bottom, #000000, transparent);
   background: -moz-linear-gradient(center bottom, #000000 0%, transparent 100%);
   background: -o-linear-gradient(transparent, #000000);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#000000', GradientType=0);
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-control::before {
   font-size: 2.8em;
   line-height: 1.4;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-current-time,
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-duration {
   line-height: 2.7em;
   font-size: 1.5em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-current-time {
   padding-right: 0;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-current-time::after {
   content: "/";
   position: absolute;
   top: 0;
   right: -0.7em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-vertical {
   width: 100%;
   height: 8.5em;
   padding: 1.35em;
   margin-right: 0 !important;
   margin-left: 0 !important;
   background-color: transparent;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
   width: 0.3em;
   left: 50%;
   margin-left: -0.15em;
   z-index: 10;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level::before {
   position: absolute;
   font-size: 1.6em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level::before {
   top: -0.2em;
   left: -0.4em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-vertical::after {
   width: 0.3em;
   left: 50%;
   margin-left: -0.15em;
   height: 100%;
   content: "";
   display: block;
   background-color: rgba(115, 133, 159, 0.5);
   position: absolute;
   top: 0;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-horizontal {
   width: 7em;
   height: 4em;
   margin: 0;
   background-color: transparent;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
   height: 0.4em;
   top: 1.75em;
   left: 0.5em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level::before {
   font-size: 1.6em;
   top: -4px;
   right: -0.4em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-menu-button-horizontal::before {
   width: 1.5em;
   font-size: 2.6em;
   margin-top: 0.1em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
   height: 12em;
   width: 2.9em;
   bottom: 2.5em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-time-divider {
   display: none !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control {
   position: absolute;
   top: 4px;
   left: 0;
   height: 1em;
   width: 100%;
   padding: 0 1em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-mouse-display {
   background-color: transparent !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-mouse-display::after {
   font-size: 0.8em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-progress-holder {
   height: 100%;
   padding: 13px 0 0 0;
   background: none;
   margin: 0;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-progress-holder .video-react-play-progress::before {
   visibility: hidden;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-progress-holder:hover .video-react-play-progress::before {
   visibility: visible !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-slider-bar,
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-load-progress {
   top: 50%;
   margin-top: -0.15em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-load-progress {
   width: 100% !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-progress-control.video-react-control .video-react-load-progress div {
   background: #eaeaeaba;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-play-progress.video-react-slider-bar::after {
   display: none !important;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-fullscreen-control {
   position: absolute;
   right: 1em;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-play-progress {
   background-color: #ff0000;
 }
 #media-slider .swiper-wrapper .react-player-container .video-react .video-react-play-progress::before {
   color: #ff0000;
 }
 #media-slider .swiper-wrapper .react-player-container .cinema-mode-button {
   line-height: 3em;
   display: inline-block;
   color: white;
   font-size: inherit;
   text-transform: uppercase;
   cursor: pointer;
   position: absolute;
   right: 5em;
 }
 #media-slider .swiper-wrapper .react-player-container .cinema-mode-button span {
   display: block;
   width: 2.5em;
   height: 1.4em;
   border: 2px solid #e8e8e8;
   margin: 1.2em;
 }
 #media-slider .swiper-wrapper .react-player-container .next-slide-video {
   font-size: 1.8em;
   color: white;
   margin: 0.5em;
   cursor: pointer;
 }
 #media-slider .swiper-wrapper .react-player-container.hide {
   opacity: 0;
 }
 #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.audio {
   overflow: hidden;
   width: 100%;
 }
 #media-slider .swiper-wrapper .slide-item.image {
   background-color: white !important;
   max-height: 100%;
 }
 #media-slider .swiper-wrapper .slide-item > div {
   text-align: center;
   height: 100%;
 }
 #media-slider .swiper-wrapper .slide-item > div iframe {
   height: 100%;
 }
 #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-wrapper .slide-item #book-container {
   width: auto;
   display: table;
 }
 #media-slider .swiper-wrapper .slide-item #iframe-container {
   margin: 0 auto;
 }
 #media-slider .swiper-wrapper .slide-item #iframe-container iframe {
   width: 560px !important;
   height: 315px !important;
 }
 #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 .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.book {
   background-color: #524631;
   padding: 10px;
 }
 #media-slider #slide-navigation .swiper-slide.book .preview-image {
   background-color: white;
 }
 #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: cover;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
 }
 #media-slider.hide-arrows .carousel-control {
   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 .carousel-control,
 #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-wrapper .slide-item img {
   max-height: 360px;
 }
 #media-slider.disable-gallery .carousel-control,
 #media-slider.disable-gallery .slider-navigation-toggle,
 #media-slider.disable-gallery #slide-navigation {
   display: none;
 }
 #media-slider.is-mobile .video-react-playing .video-react-video {
   pointer-events: none;
 }
 #book-reader-wrapper {
   position: relative;
   height: inherit;
 }
 #book-reader-wrapper #book-container {
   border: 1px solid #ccc;
   width: 100% !important;
   display: block !important;
   padding: 20px;
   box-sizing: border-box;
   height: 100%;
   background-color: #524631;
   text-align: center;
 }
 #book-reader-wrapper #book-container .epub-container {
   border: 1px solid #eee;
   background: white;
   margin: 0 auto;
 }
 #book-reader-wrapper #book-pager {
   position: absolute;
   bottom: 0;
   z-index: 100;
   font-weight: bold;
   left: 0;
   width: 100%;
   font-size: 14px;
 }
 #book-reader-wrapper .arrow {
   position: fixed;
   top: 50%;
   margin-top: -13px !important;
   font-size: 32px;
   color: #E2E2E2;
   font-family: arial, sans-serif;
   font-weight: bold;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   text-decoration: none;
   z-index: 1000;
 }
 #book-reader-wrapper .arrow:hover,
 #book-reader-wrapper .navlink:hover {
   color: #777;
 }
 #book-reader-wrapper .arrow:active,
 #book-reader-wrapper .navlink:hover {
   color: #000;
 }
 #book-reader-wrapper #prev {
   left: 50px;
 }
 #book-reader-wrapper #next {
   right: 50px;
 }
 #book-reader-wrapper #title {
   width: 900px;
   min-height: 18px;
   margin: 10px auto;
   text-align: center;
   font-size: 16px;
   color: #E2E2E2;
   font-weight: 400;
 }
 #book-reader-wrapper #title:hover {
   color: #777;
 }
 #book-reader-wrapper #viewer.spreads {
   width: 94%;
   height: 100%;
   box-shadow: 0 0 4px #ccc;
   border-radius: 5px;
   padding: 0;
   position: relative;
   margin: 10px auto;
   background: white url(ajax-loader.gif) center center no-repeat;
   top: 0;
   padding: 15px 30px;
 }
 #book-reader-wrapper #viewer.spreads .epub-view > iframe {
   background: white;
 }
-#book-reader-wrapper #viewer.spreads:after {
-  position: absolute;
-  width: 1px;
-  border-right: 1px #000 solid;
-  height: 90%;
-  z-index: 1;
-  left: 50%;
-  margin-left: -1px;
-  top: 5%;
-  opacity: 0.15;
-  box-shadow: -2px 0 15px #000000;
-  content: "";
+@media (min-width: 969px) {
+  #book-reader-wrapper #viewer.spreads:after {
+    position: absolute;
+    width: 1px;
+    border-right: 1px #000 solid;
+    height: 90%;
+    z-index: 1;
+    left: 50%;
+    margin-left: -1px;
+    top: 5%;
+    opacity: 0.15;
+    box-shadow: -2px 0 15px #000000;
+    content: "";
+  }
 }
 #book-reader-wrapper #viewer.scrolled {
   overflow: hidden;
   width: 800px;
   margin: 0 auto;
   position: relative;
   background: url('ajax-loader.gif') center center no-repeat;
 }
 #book-reader-wrapper #viewer.scrolled .epub-container {
   background: white;
   box-shadow: 0 0 4px #ccc;
   margin: 10px;
   padding: 20px;
 }
 #book-reader-wrapper #viewer.scrolled .epub-view > iframe {
   background: white;
 }
 #book-reader-wrapper #toc {
   display: block;
   margin: 10px auto;
 }
 @media (min-width: 1000px) {
   #book-reader-wrapper #viewer.spreads.single:after {
     display: none;
   }
   #book-reader-wrapper #prev {
     left: 40px;
   }
   #book-reader-wrapper #next {
     right: 40px;
   }
 }
 #book-reader-wrapper .navlink {
   margin: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   color: #ccc;
 }
 #book-reader-wrapper #book-wrapper {
   width: 480px;
   height: 640px;
   overflow: hidden;
   border: 1px solid #ccc;
   margin: 28px auto;
   background: #fff;
   border-radius: 0 5px 5px 0;
   position: absolute;
 }
 #book-reader-wrapper #book-viewer {
   width: 480px;
   height: 660px;
   margin: -30px auto;
   -moz-box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
   box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
 }
 #book-reader-wrapper #book-viewer iframe {
   padding: 40px 40px;
 }
 #book-reader-wrapper #controls {
   position: absolute;
   bottom: 16px;
   left: 50%;
   width: 400px;
   margin-left: -200px;
   text-align: center;
   display: none;
 }
 #book-reader-wrapper #controls > input[type=range] {
   width: 400px;
 }
 #book-reader-wrapper #navigation {
   width: 400px;
   height: 100vh;
   position: absolute;
   overflow: auto;
   top: 0;
   left: 0;
   background: #777;
   -webkit-transition: -webkit-transform 0.25s ease-out;
   -moz-transition: -moz-transform 0.25s ease-out;
   -ms-transition: -moz-transform 0.25s ease-out;
   transition: transform 0.25s ease-out;
 }
 #book-reader-wrapper #navigation.fixed {
   position: fixed;
 }
 #book-reader-wrapper #navigation h1 {
   width: 200px;
   font-size: 16px;
   font-weight: normal;
   color: #fff;
   margin-bottom: 10px;
 }
 #book-reader-wrapper #navigation h2 {
   font-size: 14px;
   font-weight: normal;
   color: #B0B0B0;
   margin-bottom: 20px;
 }
 #book-reader-wrapper #navigation ul {
   padding-left: 36px;
   margin-left: 0;
   margin-top: 12px;
   margin-bottom: 12px;
   width: 340px;
 }
 #book-reader-wrapper #navigation ul li {
   list-style: decimal;
   margin-bottom: 10px;
   color: #cccddd;
   font-size: 12px;
   padding-left: 0;
   margin-left: 0;
 }
 #book-reader-wrapper #navigation ul li a {
   color: #ccc;
   text-decoration: none;
 }
 #book-reader-wrapper #navigation ul li a:hover {
   color: #fff;
   text-decoration: underline;
 }
 #book-reader-wrapper #navigation ul li a.active {
   color: #fff;
 }
 #book-reader-wrapper #navigation #cover {
   display: block;
   margin: 24px auto;
 }
 #book-reader-wrapper #navigation #closer {
   position: absolute;
   top: 0;
   right: 0;
   padding: 12px;
   color: #cccddd;
   width: 24px;
 }
 #book-reader-wrapper #navigation.closed {
   -webkit-transform: translate(-400px, 0);
   -moz-transform: translate(-400px, 0);
   -ms-transform: translate(-400px, 0);
   transform: translate(-400px, 0);
 }
 #book-reader-wrapper svg {
   display: block;
 }
 #book-reader-wrapper .close-x {
   stroke: #cccddd;
   fill: transparent;
   stroke-linecap: round;
   stroke-width: 5;
 }
 #book-reader-wrapper .close-x:hover {
   stroke: #fff;
 }
 #book-reader-wrapper #opener {
   position: absolute;
   top: 0;
   left: 0;
   padding: 10px;
   stroke: #E2E2E2;
   fill: #E2E2E2;
 }
 #book-reader-wrapper #opener:hover {
   stroke: #777;
   fill: #777;
 }
 #music-player-wrapper {
   position: relative;
 }
 #music-player-wrapper.mobile .audio-lists-panel {
   height: 100%;
   padding-bottom: 60px;
 }
 #music-player-wrapper.mobile .audio-lists-panel .audio-lists-panel-content {
   width: 100% !important;
   height: calc(100% - 56px);
   transform-origin: bottom center;
 }
 #music-player-wrapper.mobile #music-sponsor-display {
   width: 100%;
   left: 0;
 }
 #music-player-wrapper .progress-bar {
   margin: -3px 20px 0 20px;
 }
 #music-player-wrapper .progress-bar .rc-slider {
   height: 20px;
   padding: 8px 0;
 }
 #music-player-wrapper .progress-bar .rc-slider .rc-slider-step {
   height: 20px;
 }
 #music-player-wrapper .audio-lists-panel .audio-lists-panel-header .close-btn {
   display: block;
   margin-right: 30px;
 }
 #music-player-wrapper .audio-lists-panel .audio-lists-panel-header .line,
 #music-player-wrapper .audio-lists-panel .audio-lists-panel-header .delete-btn {
   display: none;
 }
 #music-player-wrapper .audio-lists-panel .audio-item .group.player-delete {
   display: none;
 }
 #music-player-wrapper .audio-lists-panel .audio-lists-panel-content ul {
   text-align: left;
 }
 #music-player-wrapper.desktop .music-player-panel {
   height: 100%;
   width: 100%;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content {
   display: block !important;
   padding: 20px !important;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .img-content {
   width: 100%;
   height: 200px;
   background-size: contain;
   display: block;
   background-position: center;
   margin-bottom: 20px;
   border-radius: 0;
   box-shadow: none;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .progress-bar-content {
   padding: 0;
   flex: none;
   margin-bottom: 20px;
   display: block;
   float: left;
   width: 100%;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .progress-bar-content .audio-main {
   margin-top: 20px;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content {
   padding: 0;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content .play-btn {
   padding: 0 5px;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group {
   margin: 0 5px;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.audio-download,
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.hide-panel,
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.lyric-btn {
   display: none;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.reload-btn {
   order: 10;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.theme-switch {
   order: 11;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sound-operation {
   width: 0;
   opacity: 0;
   overflow: hidden;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sound-operation .rc-slider-handle {
   margin-left: -14px;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sounds-icon {
   margin-right: 0;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds:hover .sounds-icon {
   margin-right: 15px;
 }
 #music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds:hover .sound-operation {
   opacity: 1;
   display: block;
   width: 100px;
 }
 #music-player-wrapper.desktop .audio-lists-panel {
   position: absolute;
   top: 0;
   right: 0;
   width: 50%;
   height: 100%;
   padding-bottom: 60px;
   display: none !important;
 }
 #music-player-wrapper.desktop.show-playlist .music-player-panel {
   width: 50%;
 }
 #music-player-wrapper.desktop.show-playlist .audio-lists-panel {
   display: block !important;
 }
 #music-player-wrapper .react-jinke-music-player-mobile {
   height: inherit;
 }
 #music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-play-model-tip,
 #music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-singer,
 #music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-switch,
 #music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-header > .right.item {
   display: none;
 }
 #music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-cover {
   width: 145px;
   height: 145px;
 }
 #music-player-wrapper #music-sponsor-display {
   position: absolute;
   width: 50%;
   bottom: 0;
   left: 50%;
   height: 65px;
   z-index: 1000;
   color: white;
   background-color: #454951;
   padding: 5px;
   text-align: center;
   font-size: 10px;
 }
 #music-player-wrapper #music-sponsor-display span {
   display: block;
   float: left;
   width: 100%;
 }
 #music-player-wrapper #music-sponsor-display span {
   text-align: center;
 }
 #music-player-wrapper #music-sponsor-display span img {
   border-radius: 100%;
   border: 2px solid #c1c1c1;
   width: 30px;
   height: 30px;
   margin-top: 3px;
   cursor: pointer;
 }
 #comics-reader-wrapper {
   height: 100%;
   position: relative;
 }
 #comics-reader-wrapper .comic-book-reader {
   margin: 0 auto;
   height: 100%;
   position: relative;
   padding-bottom: 34px;
 }
 #comics-reader-wrapper .comic-book-reader .bb-bookblock {
   width: 450px;
   height: 327px;
 }
 #comics-reader-wrapper .comic-book-reader .bb-bookblock .bb-item img,
 #comics-reader-wrapper .comic-book-reader .bb-bookblock .bb-page img {
   width: 50%;
   float: left;
 }
 #comics-reader-wrapper .nav-container {
   width: 100%;
   text-align: center;
   position: absolute;
   bottom: 0;
   z-index: 111;
   height: 34px;
 }
 #comics-reader-wrapper .nav-container nav {
   width: auto;
   height: 34px;
   margin: 0 auto 0;
   display: table;
 }
 #comics-reader-wrapper .nav-container nav a {
   display: block;
   min-width: 30px;
   height: 30px;
   text-align: center;
   border-radius: 2px;
   background: rgba(0, 0, 0, 0.35);
   color: #fff;
   margin: 2px;
   float: left;
 }
 #comics-reader-wrapper .nav-container nav a .glyphicon {
   top: 7px;
 }
 #comics-reader-wrapper .nav-container nav a:hover {
   opacity: 0.6;
 }
 #comics-reader-wrapper .nav-container nav a#bb-nav-counter {
   line-height: 30px;
   font-size: 12px;
 }
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 a72a9e94f..649f45e81 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,1103 +1,1105 @@
 @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: 100%;
         z-index: 100;
         cursor: pointer;
         opacity: 1;
 
         .visible-container {
           background: rgba(0,0,0,0.35);
           top:50%;
           width:50px;
           height:50px;
           display: block;
           position: absolute;
           left:0;
           
           .glyphicon {
             margin-top: -15px;
           }
         }
     }
 
     .swiper-pagination {
       bottom: 0;
     }
 
     .swiper-pagination-bullet {
         width: 14px;
         height: 14px;
         background: white;
         border: 1px solid #ccc;
         background: #ccc;
     }
 
     .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;
         display: none !important;
     }
 
     #slider-container {
         padding-bottom: 30px;
     }
 
     .swiper-wrapper {
         
         .react-player-container {
             width:inherit;
             position: relative;
 
             .video-render-mask {
               background-color:white;
               position: absolute;
               top: 0;
               left: 0;
               width:100%;
               height:100%;
               z-index: 1;
             }
 
             .video-react {
                 font-family: inherit;
                 overflow: hidden;
 
                 .video-react-big-play-button {
                   border: 0.06666em solid transparent !important;
                   background-color: rgb(255, 0, 0) !important;
                 }
 
                 .video-react-slider:focus {
                     box-shadow: none;
                 }
 
                 .video-react-control-bar {
                   font-size: 6pt;
                   display: -webkit-box;
                   display: -webkit-flex;
                   display: -ms-flexbox;
                   display: flex !important;
                   visibility: visible;
                   opacity: 1;
                   height: 5em;
                   padding-top: 1em;
                   padding-right:1em;
                   padding-left:1em;
                   background-color: rgba(0, 0, 0, 0.7);
                   .gradient(transparent,#000000,transparent);
                 }
 
                 .video-react-control {
                   &::before {
                     font-size: 2.8em;
                     line-height: 1.4;
                   }
                 }
 
                 .video-react-current-time,
                 .video-react-duration {
                   line-height: 2.7em;
                   font-size: 1.5em;
                 }
 
                 .video-react-current-time {
                   padding-right:0;
 
                   &::after {
                     content: "/";
                     position: absolute;
                     top: 0;
                     right: -0.7em;
                   }
                 }
 
                 .video-react-volume-bar.video-react-slider-vertical {
                     width: 100%;
                     height: 8.5em;
                     padding: 1.35em;
                     margin-right: 0 !important;
                     margin-left: 0 !important;
                     background-color: transparent;
 
                     .video-react-volume-level {
                         width: 0.3em;
                         left: 50%;
                         margin-left: -0.15em;
                         z-index: 10;
 
                         &::before {
                           position: absolute;
                           font-size: 1.6em;
                         }
                     }
 
                     .video-react-volume-level {
                       &::before {
                         top: -0.2em;
                         left: -0.4em;
                       }
                     }
 
                     &::after {
                       width: 0.3em;
                       left: 50%;
                       margin-left: -0.15em;
                       height: 100%;
                       content: "";
                       display: block;
                       background-color:rgba(115, 133, 159, 0.5);
                       position: absolute;
                       top: 0;
                     }
                 }
 
                 .video-react-volume-bar.video-react-slider-horizontal {
                   width: 7em;
                   height: 4em;
                   margin: 0;
                   background-color: transparent;
 
                   .video-react-volume-level {
                     height: 0.4em;
                     top: 1.75em;
                     left: 0.5em;
 
                     &::before {
                       font-size:1.6em;
                       top:-4px;
                       right:-0.4em;
                     }
                   }
                 }
 
                 .video-react-volume-menu-button-horizontal {
                   &::before {
                     width:1.5em;
                     font-size: 2.6em;
                     margin-top: 0.1em;
                   }
                 }
                 
                 .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
                   height: 12em;
                   width: 2.9em;
                   bottom: 2.5em;
                 }
 
                 .video-react-time-divider {
                     display: none !important;
                 }
 
                 .video-react-progress-control.video-react-control{
                   position: absolute;
                   top: 4px;
                   left: 0;
                   height: 1em;
                   width: 100%;
                   padding: 0 1em;
 
                   .video-react-mouse-display {
                     background-color: transparent !important;
 
                     &::after {
                       font-size:0.8em;
                     }
                   }
 
                     .video-react-progress-holder {
                         height: 100%;
                         padding: 13px 0 0 0;
                         background: none;
                         margin: 0;
 
                         .video-react-play-progress {
                           &::before {
                             visibility: hidden;
                           }
                         }
 
                         &:hover {
                           .video-react-play-progress {
                             &::before {
                               visibility: visible !important;
                             }
                           }
                         }
                     }
                     .video-react-slider-bar,
                     .video-react-load-progress {
                         top: 50%;
                         margin-top: -0.15em;  
                     }
 
                     .video-react-load-progress {
                       width:100% !important;
                       div {
                         background: #eaeaeaba;
                       }
                     }
                 }
 
                 .video-react-play-progress.video-react-slider-bar {
                   &::after {
                     display: none !important;
                   }
                 }
 
                 .video-react-fullscreen-control {
                   position: absolute;
                   right: 1em;
                 }
 
                 .video-react-play-progress {
                   background-color: #ff0000;
 
                   &::before {
                     color: #ff0000;
                   }
                 }
             }
 
             .cinema-mode-button {
               line-height: 3em;
               display: inline-block;
               color: white;
               font-size: inherit;
               text-transform: uppercase;
               cursor: pointer;
               position: absolute;
               right: 5em;
 
                 span {
                   display: block;
                   width: 2.5em;
                   height: 1.4em;
                   border: 2px solid #e8e8e8;
                   margin: 1.2em;
                 }
             }
 
             .next-slide-video {
               font-size: 1.8em;
               color: white;
               margin: 0.5em;
               cursor: pointer;
             }
 
             &.hide {
               opacity: 0;
             }
         }
 
         .slide-item {
             float:left;
             height: inherit;
             position: relative;
             margin:0;
             padding:0;
             text-align: center;
 
             &.audio {
               overflow: hidden;
               width:100%;
             }
 
             &.image {
                 background-color:white !important;
                 max-height: 100%;
             }
 
             > div { 
                 text-align: center;
                 height:100%;
 
                 iframe {
                   height:100%;
                 }
 
                 > 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;
             }
 
             #book-container {
                 width: auto;
                 display: table;
             }
 
             #iframe-container {
               iframe {
                 width: 560px !important;
                 height: 315px !important; 
               }
               margin: 0 auto;
             }
         }
     }
 
     .swiper-pagination {
         display: none;
     }
 
     #slide-navigation {
         width:100%;
         text-align: center;
         position: absolute;
         height: 110px;
         bottom: 0;
         padding: 10px 0;
         
         .swiper-slide {
             width: 25%;
             height: 100%;
             opacity: 0.7;
             border: 5px solid white;
 
             &.active {
                 border-color: #2673b0;
             }
 
             &.book {
               background-color: #524631;
               padding:10px;
 
               .preview-image {
                 background-color:white;
               }
             }
         }
         
         .swiper-slide-thumb-active {
             opacity: 1;
         }
         
         .swiper-wrapper {
 
             .swiper-slide {
 
                 .preview-image {
                     width:100%;
                     height: 100%;
                     background-size: cover;
                     background-position: center center;
                     background-repeat: no-repeat;
                     cursor: pointer;
                 }
             }
         }
     }
 
     &.hide-arrows {
         .carousel-control {
             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 {
         .carousel-control,
         .slider-navigation-toggle { 
             opacity: 0 !important;
         }
 
         .video-react-playing {
             .video-react-control-bar {
                 opacity: 0 !important;
             }
         }
     }
 
     &.disable-gallery {
         padding-bottom:0;
           .swiper-wrapper .slide-item img {
             max-height:360px
           }
         .carousel-control,
         .slider-navigation-toggle,
         #slide-navigation { 
             display: none;
         }
     }
 
     &.is-mobile {
       .video-react-playing {
         .video-react-video {
           pointer-events: none;
         } 
       }
     }
 }
 
 
 #book-reader-wrapper {
   position: relative;
   height: inherit;
 
     #book-container {
       border: 1px solid #ccc;
       width: 100% !important;
       display: block !important;
       padding: 20px;
       box-sizing: border-box;
       height: 100%;
       background-color: #524631;
       text-align: center;
 
       .epub-container {
         border: 1px solid #eee;
         background: white;
         margin: 0 auto;
       }
     }
 
     #book-pager {
       position: absolute;
       bottom: 0;
       z-index: 100;
       font-weight: bold;
       left: 0;
       width: 100%;  
       font-size:14px;
     }
 
     .arrow {
       position: fixed;
       top: 50%;
       margin-top: -13px !important;
       font-size: 32px;
       color: #E2E2E2;
       font-family: arial, sans-serif;
       font-weight: bold;
       cursor: pointer;
       -webkit-user-select: none;
       -moz-user-select: none;
       user-select: none;
       text-decoration: none;
       z-index: 1000;
     }
     
     .arrow:hover, .navlink:hover {
       color: #777;
     }
     
     .arrow:active, .navlink:hover {
       color: #000;
     }
 
     #prev {
       left: 50px;
     }
     
     #next {
       right: 50px;
     }
 
     #title {
       width: 900px;
       min-height: 18px;
       margin: 10px auto;
       text-align: center;
       font-size: 16px;
       color: #E2E2E2;
       font-weight: 400;
     }
     
     #title:hover {
       color: #777;
     }
     
     #viewer.spreads {
       width: 94%;
       height: 100%;
       box-shadow: 0 0 4px #ccc;
       border-radius: 5px;
       padding: 0;
       position: relative;
       margin: 10px auto;
       background: white url(ajax-loader.gif) center center no-repeat;
       top: 0;
       padding: 15px 30px;
     }
     
     #viewer.spreads .epub-view > iframe {
         background: white;
     }
 
-    #viewer.spreads:after {
-      position: absolute;
-      width: 1px;
-      border-right: 1px #000 solid;
-      height: 90%;
-      z-index: 1;
-      left: 50%;
-      margin-left: -1px;
-      top: 5%;
-      opacity: .15;
-      box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
-      content:  "";
+    @media (min-width:969px){
+      #viewer.spreads:after {
+        position: absolute;
+        width: 1px;
+        border-right: 1px #000 solid;
+        height: 90%;
+        z-index: 1;
+        left: 50%;
+        margin-left: -1px;
+        top: 5%;
+        opacity: .15;
+        box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
+        content:  "";
+      }
     }
     
     #viewer.scrolled {
       overflow: hidden;
       width: 800px;
       margin: 0 auto;
       position: relative;
       background: url('ajax-loader.gif') center center no-repeat;
     
     }
     
     #viewer.scrolled .epub-container {
       background: white;
       box-shadow: 0 0 4px #ccc;
       margin: 10px;
       padding: 20px;
     }
     
     #viewer.scrolled .epub-view > iframe {
         background: white;
     }
     
     #toc {
       display: block;
       margin: 10px auto;
     }
     
     @media (min-width: 1000px) {
 
     
       #viewer.spreads.single:after {
         display: none;
       }
     
       #prev {
         left: 40px;
       }
     
       #next {
         right: 40px;
       }
     }
 
     .navlink {
       margin: 14px;
       display: block;
       text-align: center;
       text-decoration: none;
       color: #ccc;
     }
     
     #book-wrapper {
       width: 480px;
       height: 640px;
       overflow: hidden;
       border: 1px solid #ccc;
       margin: 28px auto;
       background: #fff;
       border-radius: 0 5px 5px 0;
       position: absolute;
     }
     
     #book-viewer {
       width: 480px;
       height: 660px;
       margin: -30px auto;
       -moz-box-shadow:      inset 10px 0 20px rgba(0,0,0,.1);
       -webkit-box-shadow:   inset 10px 0 20px rgba(0,0,0,.1);
       box-shadow:           inset 10px 0 20px rgba(0,0,0,.1);
     }
     
     #book-viewer iframe {
       padding: 40px 40px;
     }
     
     #controls {
       position: absolute;
       bottom: 16px;
       left: 50%;
       width: 400px;
       margin-left: -200px;
       text-align: center;
       display: none;
     }
     
     #controls > input[type=range] {
         width: 400px;
     }
     
     #navigation {
       width: 400px;
       height: 100vh;
       position: absolute;
       overflow: auto;
       top: 0;
       left: 0;
       background: #777;
       -webkit-transition: -webkit-transform .25s ease-out;
       -moz-transition: -moz-transform .25s ease-out;
       -ms-transition: -moz-transform .25s ease-out;
       transition: transform .25s ease-out;
     
     }
     
     #navigation.fixed {
       position: fixed;
     }
     
     #navigation h1 {
       width: 200px;
       font-size: 16px;
       font-weight: normal;
       color: #fff;
       margin-bottom: 10px;
     }
     
     #navigation h2 {
       font-size: 14px;
       font-weight: normal;
       color: #B0B0B0;
       margin-bottom: 20px;
     }
     
     #navigation ul {
       padding-left: 36px;
       margin-left: 0;
       margin-top: 12px;
       margin-bottom: 12px;
       width: 340px;
     }
     
     #navigation ul li {
       list-style: decimal;
       margin-bottom: 10px;
       color: #cccddd;
       font-size: 12px;
       padding-left: 0;
       margin-left: 0;
     }
     
     #navigation ul li a {
       color: #ccc;
       text-decoration: none;
     }
     
     #navigation ul li a:hover {
       color: #fff;
       text-decoration: underline;
     }
     
     #navigation ul li a.active {
       color: #fff;
     }
     
     #navigation #cover {
       display: block;
       margin: 24px auto;
     }
     
     #navigation #closer {
       position: absolute;
       top: 0;
       right: 0;
       padding: 12px;
       color: #cccddd;
       width: 24px;
     }
     
     #navigation.closed {
       -webkit-transform: translate(-400px, 0);
       -moz-transform: translate(-400px, 0);
       -ms-transform: translate(-400px, 0);
       transform: translate(-400px, 0);
     }
     
     svg {
       display: block;
     }
     
     .close-x {
       stroke: #cccddd;
       fill: transparent;
       stroke-linecap: round;
       stroke-width: 5;
     }
     
     .close-x:hover {
       stroke: #fff;
     }
     
     #opener {
       position: absolute;
       top: 0;
       left: 0;
       padding: 10px;
       stroke: #E2E2E2;
       fill: #E2E2E2;
     
     }
     
     #opener:hover {
       stroke: #777;
       fill: #777;
     }
 }
 
 #music-player-wrapper {
   position: relative;
   
   &.mobile {
     .audio-lists-panel {
       height: 100%;
       padding-bottom:60px;
 
       .audio-lists-panel-content {
         width: 100% !important;
         height: calc(100% - 56px);
         transform-origin: bottom center;
       }
     }
     #music-sponsor-display {
       width: 100%;
       left:0;
     }
   }
   .progress-bar {
     margin: -3px 20px 0 20px;
 
     .rc-slider {
       height: 20px;
       padding: 8px 0;
 
       .rc-slider-step {
         height:20px;
       }
     }
   }
 
   .audio-lists-panel {
     
     .audio-lists-panel-header {
       .close-btn {
         display: block;
         margin-right: 30px;
       }
       .line, .delete-btn {
         display:none;
       }
     }
     
     .audio-item {
       .group.player-delete {
         display:none;
       }
     }
 
     .audio-lists-panel-content {
       ul {
         text-align: left;
       }
     }
   }
 
   &.desktop {
     .music-player-panel {
       height: 100%;
       width: 100%;
   
       .panel-content {
         display:block !important;
         padding:20px !important;
         
         .img-content {
           width: 100%;
           height: 200px;
           background-size: contain;
           display: block;
           background-position: center;
           margin-bottom: 20px;
           border-radius: 0;
           box-shadow: none;
         }
   
         .progress-bar-content {
           padding: 0;
           flex: none;
           margin-bottom: 20px;
           display: block;
           float: left;
           width: 100%;
 
           .audio-main {
             margin-top:20px;
           }
         }
   
         .player-content {
           padding: 0;
   
           .play-btn {
             padding: 0 5px;
           } 
   
           > .group {
             margin: 0 5px;
 
             &.audio-download,
             &.hide-panel, 
             &.lyric-btn {
               display:none;
             }
 
             &.reload-btn {
               order:10;
             }
 
             &.theme-switch {
               order:11;
             }
 
             &.play-sounds {
               .sound-operation {
                 width:0;
                 opacity: 0;
                 overflow: hidden;
                 .transition();
 
                 .rc-slider-handle {
                   margin-left: -14px;
                 }
               }
 
               .sounds-icon {
                 margin-right: 0;
               }
 
               &:hover {
                 .sounds-icon {
                   margin-right:15px;
                 }
                 .sound-operation {
                   opacity: 1;
                   display: block;
                   width: 100px;
 
                   
                 }
               }
             }
           }
         }
       }
     }
   
     .audio-lists-panel {
       position: absolute;
       top: 0;
       right: 0;
       width: 50%;
       height: 100%;
       padding-bottom:60px;
       display:none !important;
     }
   
     &.show-playlist {
       .music-player-panel {
         width: 50%;
       }
       
       .audio-lists-panel {
         display:block !important;
       }
     }
   }
 
   .react-jinke-music-player-mobile {
     height: inherit;
 
     .react-jinke-music-player-mobile-play-model-tip,
     .react-jinke-music-player-mobile-singer,
     .react-jinke-music-player-mobile-switch,
     .react-jinke-music-player-mobile-header > .right.item {
       display:none;
     }
 
     .react-jinke-music-player-mobile-cover {
       width: 145px;
       height: 145px;
     }
   }
 
   #music-sponsor-display {
     position: absolute;
     width: 50%;
     bottom: 0;
     left: 50%;
     height: 65px;
     z-index: 1000;
     color: white;
     background-color: #454951;
     padding: 5px;
     text-align: center;
     font-size: 10px;
 
     span {
       display: block;
       float:left;
       width:100%;
     }
 
     span {
       text-align: center;
       img {
         border-radius: 100%;
         border: 2px solid #c1c1c1;
         width: 30px;
         height: 30px;
         margin-top: 3px;
         cursor: pointer;
       }
     }
   }
 }
 
 #comics-reader-wrapper {
   height:100%;
   position: relative;
 
   .comic-book-reader {
     margin: 0 auto;
     height: 100%;
     position: relative;
     padding-bottom: 34px;
 
     .bb-bookblock {
       width: 450px;
       height: 327px;
       .bb-item, .bb-page {
         img {
           width:50%;
           float: left;
         }
       }
     }
   }
 
   .nav-container {
     width:100%;
     text-align: center;
     position: absolute;
     bottom: 0;
     z-index: 111;
     height: 34px;
 
     nav {
       width: auto;
       height: 34px;
       margin: 0 auto 0;
       display: table;
     
       a {
         display: block;
         min-width: 30px;
         height: 30px;
         text-align: center;
         border-radius: 2px;
         background: rgba(0,0,0,0.35);
         color: #fff;
         margin: 2px;
         float: left;
 
         .glyphicon {
           top:7px;
         }
   
         &:hover {
           opacity: 0.6;
         }
 
         &#bb-nav-counter {
           line-height: 30px;
           font-size: 12px;
         }
       }
     }
   }
 }
\ No newline at end of file