/* Responsive slider
=========================================================================================*/


/* Dependancies 
  --------------------------------------------------------------------------------
  parts/slider-responsive.php
  responsiveslides.min.js
  theme.css - base slider rules
  
  Slider is called in the header from <?php include("parts/slider-responsive.php"); ?>
  JS call made in footer.php
  CSS call made in header.php
  -------------------------------------------------------------------------------- */


/* Small screens
  -------------------------------------------------------- */

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

  .responsive-slider .rslides img {
    width: 90%;
    float: none !important;
    margin: 0px auto;
  }
  
  .responsive-slider .rslides .caption {
    width: 90% !important;
    float: none;
  }
}


/* Larger screens
  -------------------------------------------------------- */

@media only screen 
and (min-width : 478px) {

	.page-template-template-slider-and-boxes-php .responsive-slider {
	  max-width: 64%;
	  float: left !important;
	  margin-right: 40px;
	}

	.responsive-slider .rslides img {
	  max-width: 100% !important;
	  height: auto !important;
	  width: 35%;
	  float: right !important;
	  padding: 0 6% 0 0 !important;
	}
	
	.responsive-slider .rslides .caption {
	  width: 50% !important;
	  position:relative !important;
	  left: 0;
	  top: 0 !important;
	  padding:0 !important;
	  background: transparent !important;
	  float: left;
	}

}

.rslides {
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}
  
.responsive-slider #slider-wrapper {
  width: 100% !important;
  float: none !important;
}

.responsive-slider {
  position: relative;
  overflow: hidden;
}

.rslides_tabs li {
  padding: 0 10px !important;
}

.rslides_tabs {
  margin: 0 !important;
}

.responsive-slider .rslides .caption h3 {
  line-height: 1.3;
  width: 80%;
}

.rslides_tabs {
  text-align: left !important;
}

.responsive-slider .rslides ul,
.responsive-slider .rslides li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important
}