/* LayersWP Tolle theme : Products Carousel plugin */

#products_carousel_preview .owl-carousel .item { background: #4dc7a0 none repeat scroll 0 0; height: 15rem; padding: 1rem; margin-bottom: 20px; }
.owl-controls { text-align: center; }
.owl-dots { border: 1px solid rgba( 0, 0, 0, 0.05 ); background-color: rgba( 0, 0, 0, 0.03 ); display: inline-block; line-height: 0; padding: 5px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.owl-dots .owl-dot { display: inline-block; }
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; }
.owl-dots .owl-dot span { background-color: rgba( 0, 0, 0, 0.75 ); border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease 0s; width: 10px; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: #869791; }

.owl-nav { position: absolute; height: 0; top: 50%; margin-top: -6%; line-height: 1; min-width: 100%; z-index: 25; zoom: 1; }
#products_carousel_preview .owl-nav { margin-top: -2%; }
.owl-controls .owl-nav [class*="owl-"] { background-color: #d6d6d6; color: #fff; cursor: pointer; display: inline-block; width: 30px; height: 30px; line-height: 31px; text-align: center; }
.owl-controls .owl-nav [class*="owl-"]:hover { background-color: #111; }
.owl-controls .owl-nav .owl-prev { float: left; }
.owl-controls .owl-nav .owl-next { float: right; }
.owl-controls .owl-nav .owl-prev:hover { -moz-box-shadow: 2px 2px 0 rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 2px 2px 0 rgba( 0, 0, 0, 0.3 ); box-shadow: 2px 2px 0 rgba( 0, 0, 0, 0.3 ); }
.owl-controls .owl-nav .owl-next:hover { -moz-box-shadow: -2px 2px 0 rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: -2px 2px 0 rgba( 0, 0, 0, 0.3 ); box-shadow: -2px 2px 0 rgba( 0, 0, 0, 0.3 ); }
.owl-controls .owl-nav .owl-prev:before { content: "\f053"; font-family: "fontAwesome"; padding-right: 5px; }
.owl-controls .owl-nav .owl-next:before { content: "\f054"; font-family: "fontAwesome"; padding-left: 5px; }

/* general layouts smaller than 480px, iPhone and older mobiles */
@media only screen and (max-width : 480px){

}

/*------------------------------------------------*/
/* portrait layouts smaller than 600px, most mobiles */
@media only screen and (max-width : 600px){

} 
 
/* Tablets between 601 and 1024px */ 
/*------------------------------------------------*/ 
@media only screen and (max-width: 768px) {

}