/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

@media (min-width: 1200px) {
.coin-slider { overflow: hidden; zoom: 1; position: relative; margin-left: 65px; display:inline-block; }
}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #FFFFFF; color: #FFFFFF; text-indent: -1000px; }
.cs-active { background-color: #FFFFFF; color: #000000; }
.cs-title { width: 545px; padding: 10px; background-color: #FFFFFF; color: #000000; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

@media (max-width: 1200px) {
.coin-slider {
  overflow: hidden;
  zoom: 0.9;
  position: relative;
  margin-left: 115px;
  display:inline-block;
}
}
@media (max-width: 1100px) {
.coin-slider {
  overflow: hidden;
  zoom: 0.75;
  position: relative;
  margin-left: 65px;
  display:inline-block;
}
}
@media (max-width: 900px) {
.coin-slider { overflow: hidden; zoom: 0.6; position: relative; margin-left: 65px;}
}
@media (max-width: 768px) {
.coin-slider {
  overflow: hidden;
  zoom: 0.55;
  position: relative;
  margin-top: 190px;
  margin-bottom: -120px;
  margin-right: -45%;
  padding-bottom: 0px;
}
}
@media (max-width: 550px) {
  .coin-slider {
    visibility: hidden;
  }
}