/* index */
#slides {
  display: none;
  width:100% !important; height:auto;
  position:relative;
  
}
#slides img {width:100%; height:auto;}
#slides .slidesjs-navigation {
  margin-top:0;
}

#slides .slidesjs-previous {
  margin-right: 5px;
  float: left;
}

#slides .slidesjs-next {
  margin-right: 5px;
  float: left;
}

#slides .slidesjs-pagination {
 position:absolute; left:50%; margin-left:-80px; bottom:5%; z-index:50;
}



.slidesjs-pagination li { width:30px; float: left; margin-left:10px;}

.slidesjs-pagination li a { width: 100%; height: 4px;  float: left; background-color: #848484;  position:relative; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:0.5s color ease;}

.slidesjs-pagination li a::after {position: absolute; content: ''; top: 0; left:0; width: 0%; height: 4px;  z-index: 1; background-color: #ffffff; transform:translate(0%); backface-visibility:hidden;}

.slidesjs-pagination li a.active::after
{
 width: 100%; top: 0; left:0; position: absolute; z-index:3; height: 4px; background-color: #ffffff; transform:translate(0%); transition: width 0.25s ease; z-index: 1; backface-visibility:hidden;
}

.slidesjs-pagination li.current a::after { width: 100%; top: 0; left:0; position: absolute; z-index:3; height: 4px; background-color: #ffffff; transform:translate(0%); transition: width 0.25s ease; z-index: 1; backface-visibility:hidden;}

.slidesjs-pagination li.current a:hover::after  {width: 100%; background-color: #ffffff;}

.slidesjs-pagination li a:hover {text-decoration:none;}


/* For tablets & smart phones */
@media (max-width: 720px) {
  body {
  }
  .container {
	width: auto;
	height: auto;
  }
}

/* For smartphones */
@media (max-width: 720px) {
  .container {
	width: auto;
	height: auto;
  }
}

/* For smaller displays like laptops */
@media  (max-width: 720px) {
  .container {
	width: auto;
	height: auto;
  }
}

/* For larger displays */
@media (min-width: 720px) {
  .container {
	width: auto;
	height: auto;
  }
}