/*!
* Version 2.1.0
* jQuery: desoSlide plugin
* Copyright - 2014 - https://github.com/sylouuu/desoslide
* This source code is under the MIT License
*/
.desoslide-wrapper {
  position: relative;
  text-align: center;
}
.desoslide-controls-wrapper {
  position: relative;
  float: right;
  height: 36px;
  line-height: 41px;
  bottom: 8px;
  z-index: 100;
  opacity: 1;
}
.desoslide-controls-wrapper a:hover {
  opacity: 0.7;
}
.desoslide-overlay {
  height: 36px;
  position: absolute;
  z-index: 10;
  text-align: left;
  color: white;
  font-weight: bold;
  background-color: black;
  padding: 8px;
  opacity: 0;
}
.desoslide-overlay > a {
  position: relative;
  top: -1px;
  color: white;
}
.desoslide-overlay .desoslide-caption-title {
  display: inline-block;
  position: relative;
  top: -1px;
  max-width: 90%;
  max-height: 24px;
  font-size: 14px;
  overflow: hidden;
}
.desoslide-controls {
  display: inline-block;
  background: url('../images/desoslide_controls.png') no-repeat 0 0;
}
.desoslide-controls.prev {
  width: 16px;
  height: 16px;
  background-position: 0 -54px;
}
.desoslide-controls.pause {
  width: 16px;
  height: 16px;
  background-position: 0 -18px;
}
.desoslide-controls.play {
  width: 16px;
  height: 16px;
  background-position: 0 -36px;
}
.desoslide-controls.next {
  width: 16px;
  height: 16px;
  background-position: 0 0;
}

#galleria .img-responsive {
  width: 100%;
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*slider styles*/
#slideshow_thumbs{
	float:left;
	width:260px;
	list-style:none;
	margin:0;
	padding:0px;
	line-height:normal;
}
#slideshow_thumbs li{
	float:left;
	margin:5px;
	border:2px solid #E55D2B;
}
#slideshow_thumbs li img{
	display:block;
	width: 60px;
	height: 67px;
}
#slideshow{
	float:right;
	width:640px;
}
#slideshow img{
	border:3px solid #E55D2B;
}
.text-center {
  text-align: center;
}


@media only screen and (max-width: 958px) and (min-width: 768px) {
#slideshow_thumbs {
  width: 215px;
}
#slideshow_thumbs li img {
  width: 48px;
  height: 50px;
}
#slideshow {
  width: 486px;
}


}



@media only screen and (min-width: 480px) and (max-width: 767px) {
#slideshow {
  width: 100%;
  max-height:350px;
  float:none;
  margin-bottom:15px;
}
#slideshow .desoslide-wrapper {
  position: relative;
  text-align: center;
  display: block; 
}
.img-responsive {
  width: auto;
  max-width:100%;
  height: 350px;
}
#slideshow_thumbs {
  width: 100%;
  float:none;
}
}




@media only screen and (max-width: 479px) {
#slideshow {
  width: 100%;
  max-height:350px;
  float:none;
  margin-bottom:15px;
}
#slideshow .desoslide-wrapper {
  position: relative;
  text-align: center;
  display: block; 
}
.img-responsive {
  width: auto;
  max-width:100%;
  height: 315px;
}
#slideshow_thumbs {
  width: 100%;
  float:none;
}
#galleria .img-responsive {
  width: auto;
}
.desoslide-caption-title {
  font-size: 10px!important;
}
}