.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto; }

.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}

.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

.callbacks_container {  margin-bottom: 0;  position: relative;  float: left;  width: 100%; }

.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}

.callbacks li { position: absolute;width: 100%;left: 0;top: 0;}

.callbacks img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}


.callbacks_nav { top:43%;
  position: absolute;
  opacity: 0.7;
  z-index:9999;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:58px;
  width:25px;
	


  }

.callbacks_nav:hover {opacity: 1.0;}

.callbacks_nav.next {right:2%;
  background:url(../images/next.png) no-repeat top center;}

.callbacks_nav.prev{ left:2%;
  background: url(../images/prev.png) no-repeat top center}


@media only screen and (min-width: 1600px) and (max-width: 2000px) {
	
.bannerLeft{ padding:30% 0 0 0%}
.bannerRight{padding:20% 0 0 10%}
	
}
	
@media screen and (max-width: 1024px){
	
	.banImageFull img{width:80% !important}
	.bannerLeft{ padding:16% 0 0 9%}
.bannerRight{padding:12% 0 0 5%}
	
}

@media screen and (max-width: 768px) {.callbacks_nav{display:none;}


	.banImageFull img{width:auto !important}
.bannerLeft{ padding:35% 0 0 0%}
.bannerRight{padding:25% 0 0 5%}

  }

@media screen and (max-width: 640px) {	.callbacks_nav{display:block;}

.bannerLeft{ padding:25% 0 0 0%}
.bannerRight{padding:25% 0 0 5%}


}

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

.bannerLeft{ padding:20% 0 0 12%}
.bannerRight{padding:15% 0 0 5%}

.banImageFull img{width:85% !important}

}