/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/


/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #F00; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 0px; height: 50px; width: 50px; display: block; font-size: 12px; }
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none; }
.owl-prev { position: absolute; top: 30%; left: -7%; background: url(http://event.msi.com/2015/computex_2015/images/sprite.png)0px -65px no-repeat; }
.owl-next { position: absolute; top: 30%; right: -7%; background: url(http://event.msi.com/2015/computex_2015/images/sprite.png) no-repeat -99px -65px; }
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
 display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background: #CCC;
 
  }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 80%; -ms-touch-action: pan-y; margin: 0 auto; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; padding: 1.2em 0em; }
.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, #computex2015 .owl-controls .owl-buttons div { cursor: pointer; }










 @media (min-width:320px) and (max-width:768px) {
.owl-prev { left: -50px;}
.owl-next { right: -50px; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; padding: 0px; margin:0px; }

.owl-theme .owl-controls .owl-buttons div { color: #F00; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 0px; height: 50px; width: 50px; display: block; font-size: 8px; }

}