/* 	Resets defualt browser settings	reset.css*/:focus { outline:0; }ol,ul { list-style:none; } /*table { border-collapse:separate; border-spacing:0; }blockquote:before,blockquote:after,q:before,q:after { content:""; }blockquote,q { quotes:"" ""; }*/#products_example { max-width: 800px; position: relative; margin-bottom: 30px; }/*	Slideshow*/#products { margin-left: 10px; width: 350px; float: left; }/*	Slides container	Important:	Set the width of your slides container	Set to display none, prevents content flash*/#products .slides_container { width:350px; overflow:hidden; float:left; position:relative; border:1px solid #dfdfdf; display:block; height: 350px; margin-bottom: 10px; }

/*#products .slides_container img { 
    width:350px; 
    height:350px;
    object-fit: contain;
    object-position: center; 
}
*/
/*	Each slide	Important:	Set the width of your slides	If height not specified height will be set by the slide content	Set to display block*/.slides_container a { width: 350px; height: 350px; display: block; }/*	Next/prev buttons*/#products .next,#products .prev { position: absolute; top: 150px; left: 0; width: 30px; height: 0; overflow: hidden; display: block; z-index: 101; padding-top: 70px; }#products .prev { background: url(arrow-prev.png); }#products .next { left: 345px; background: url(arrow-next.png); }/*	Pagination*/#products .pagination { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #FFF; display: inline-block; padding: 5px; float: left; margin: 0px; }#products .pagination li { float: left; list-style: none; margin: 4px; background: #FFF; }

/*#products .pagination img { 
    height: 50px; 
    width: 50px; 
    float: left; 
    display: block; 
    object-fit: contain;
    object-position: center;
}*/

#products .pagination li a { display:block; width:50px; height:50px; float:left; background:#f9f9f9; border: 1px solid #eee; }#products .pagination li.current a { border: 1px solid #999; -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3); box-shadow: 0 0px 5px rgba(0,0,0,0.3); }

@media (max-width: 992px) {
    #products_example {max-width: 370px; margin: 0 auto;}
    #products {margin-left: 0;}
    #products .pagination {float: none;}

}
