.slright{ width:34.5%; margin-left:0.5%; float:left;}
.slleft{ width:65%;float:left;}
#slider a{ }
#slides{ width:100%; text-align:center;}
 .slider-wrapper
{
    background-position: center center; overflow:hidden;
    margin: auto;  max-height:430px; min-height:300px;
    width: 100%; /*overflow:hidden; min-height:300px;*/
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
}
 .slider-wrapper.default > div {
  
}
.slider-wrapper.default > div #slides {
  font-weight: 400;
  color: white; margin:auto;
  line-height: normal;
}
.slider-wrapper.default > div #slides img {
  border: 0; max-width:100%;
}
.slider-wrapper.default > div #slides > a {
  line-height: 0px;
}
.slider-wrapper.default > div #slides h1,
.slider-wrapper.default > div #slides h2,
.slider-wrapper.default > div #slides h3,
.slider-wrapper.default > div #slides h4 {
  padding: 1% 3% 1% 3%; font-weight:lighter; width:100%;
  color: #fff; font-family: 'ITCAvantGardePro-Bk', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; font-size:30px;text-align: left;
  line-height: normal;  font-size:2em;
}
.slider-wrapper.default > div #slides span,
.slider-wrapper.default > div #slides p {
  line-height: normal;
}
.slider-wrapper.default > div .social {
  position: absolute;
  top: 4%;
  left: 3%;
  z-index: 10000;
}
.slider-wrapper.default > div .social div {
  float: left;
  margin-right: 10px;
}
.slider-wrapper.default > div #bullets {
  height: 10px;
  position: absolute;
  bottom: 4%;
  right: 3%;
  z-index: 10000;
}
.slider-wrapper.default > div #bullets .bullet {
  min-height: 12px;
  min-width: 12px;
  border-radius: 6px;
  margin-left: 5px;
  float: left; 
  cursor: pointer;
  background-color: #000000;
}
.slider-wrapper.default > div #bullets .bullet:hover {
  background-color: #fff;
}
.slider-wrapper.default > div #bullets .bullet.selected { background-color: #fff;
}
.slider-wrapper.default > div #left {
  position: absolute;
  width: 47px;
height: 47px;
  background-image: url(../images/arrow.png);
  left: 5%;
  top: 50%;
  margin-top: -20px;
  z-index: 999;
  cursor: pointer;
}
.slider-wrapper.default > div #right {
  position: absolute;
 width: 47px;
height: 47px;
  background-image: url(../images/arrow.png);
  background-position: right top;
  right: 5%;
  top: 50%;
  margin-top: -20px;
  z-index: 99999;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) and (min-width: 800px) 
{
    .slider-wrapper{ height:auto!important; margin-top:10px;}
}


@media only screen and (max-width: 800px) and (min-width: 660px) 
{
    .slider-wrapper{ height:auto!important; margin-top:10px;}
     .slider-wrapper.default > div #slides h2{ font-size:12px;}
     .slider-wrapper.default > div #bullets { bottom:8%;}
}

@media only screen and (max-width: 660px) and (min-width: 480px) 
{
    .slider-wrapper{ height:auto!important; margin-top:10px;}
     .slider-wrapper.default > div #slides h2{ font-size:12px;}
     .slider-wrapper.default > div #bullets { bottom:8%;}
}

@media only screen and (max-width: 480px) and (min-width: 320px) 
{
    .slider-wrapper{ height:auto!important; margin-top:10px;min-height:inherit;}
     .slider-wrapper.default > div #slides h2{ font-size:12px;}
     .slider-wrapper.default > div #bullets { bottom:8%;}
}

@media only screen and (max-width: 320px) and (min-width: 240px) 
{
    .slider-wrapper{ height:auto!important; margin-top:10px;min-height:inherit;}
    .slider-wrapper.default > div #slides h2{ font-size:12px;}
     .slider-wrapper.default > div #bullets { bottom:8%;}
}