
    #slides .slidesjs-navigation, #post-slider .slidesjs-navigation, #product-gallery .slidesjs-navigation {
      font-size: 30px;
      z-index: 222;
      position: absolute;
      bottom: 25px;
    }

    #slides .slidesjs-previous, #post-slider .slidesjs-previous, #product-gallery .slidesjs-previous {
      left: 60px;
    }

    #slides .slidesjs-next, #post-slider .slidesjs-next, #product-gallery .slidesjs-next {
      left: 78px;
    }

    .slidesjs-pagination {
      margin: -44px 0 0;
      margin-left: 105px;
      padding-left: 0;
      z-index: 222;
      position: relative;
      float: left;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 4px;
      z-index: 222;
      position: relative;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 8px;
      height: 0;
      padding-top: 8px;
      background-image: url(../../images/pagination.png);
      background-size: 100% auto;
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -8px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -8px
    }

    #post-slider a:link, #slides a:link,
    #slides a:visited, #post-slider a:visited,
    #product-gallery a:link, #product-gallery a:visited {
      color: #8d8d8d;

    }

    #slides a:hover,
    #post-slider a:hover,
    #slides a:active,
    #post-slider a:active,
    #product-gallery a:hover,
    #product-gallery a:active {
      color: black
    }

    .navbar {
      overflow: hidden
    }

/* REQUIRED 
===================*/

    #slides, #post-slider, #product-gallery {
      display: none
    }
    #product-gallery img {
      width: 100% !important;
      height: auto !important;
    }
    #product-gallery {
      min-height: 519px;
    }
    #product-gallery .slidesjs-container {
      min-height: 519px;
    }
    .container {
      margin: 0 auto;
      position: relative;
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
     
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {

    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 100%;
      }
    }
