/*! http://responsiveslides.com v1.54 by @viljamis */

.main-slider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  max-height: 340px;
  }

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

.main-slider li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.main-slider img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.mainslider_nav.mainslider1_nav {
  position: absolute;
  top: 50%;
  z-index: 500;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: #fff;
  text-indent: -9999px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  display: none;
}
.mainslider_nav.mainslider1_nav.prev {
  left: -25px;
  background: url('../images/left.svg') -2px;
  background-color: #fff;
} 
.mainslider_nav.mainslider1_nav.next {
  right: -25px;
  background: url('../images/right.svg') 2px;
  background-color: #fff;
}  

.mainslider_tabs.mainslider1_tabs {
  position: absolute;
  bottom: 0; 
  z-index: 500;
  background: #fff;
  margin-bottom: 0; 
  padding: 10px 10px 0 10px;
  right: 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.mainslider_tabs.mainslider1_tabs li {
  display: inline;
  float: none;
  margin-right: 10px;
}

.mainslider_tabs.mainslider1_tabs li:nth-last-child(1) {
  margin-right: 0!important;
}
.mainslider_tabs.mainslider1_tabs li a{
   text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-shadow: inset 0 0 3px 0 #1c93c8;
  -moz-box-shadow: inset 0 0 3px 0 #1c93c8;
  box-shadow: inset 0 0 3px 0 #1c93c8;
  width: 15px;
  height: 15px;
}

.mainslider_here a{
  background: #003543!important;
}
@media screen and (min-width: 768px) {
  #main_banner, .main-slider{
     height: 220px;
  }
}
@media screen and (min-width: 992px) {
  #main_banner, .main-slider{
     height: 285px;
  }
}

@media screen and (min-width:1200px) {
  #main_banner, .main-slider{
     height: 340px;
  }
}