#show-device{
  width: 100%;
  height: auto;
  display: none;
  float: left;
}

  #owl-demo  {
          display: none;
          width: 320px;
          height: auto;
      }

      .item{
        width:320px;
        }


      #battery-img {
        position:absolute;
          }

      .battery-pro{
        width:180px;
        position:absolute;
        left:130px;
        }





.owl-carousel .owl-wrapper:after {
  content: ".";
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  margin: 0 auto;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 320px;
  height: 530px;
  -ms-touch-action: pan-y;
  margin: 0 auto;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  margin: 0 auto;
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

.hi-way{
  position: relative;
  top: 30px;
}

.pro-bike{
   position: relative;
   width: 140px;
   left: 160px;
   top: 20px;
}

/*=======*/

        @media screen and (max-width: 768px){
           #show-device{display: block;}
        }