#slides {
      display: none;
    }
    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      /*background-position: -12px 0;*/
	  position: absolute;
	  right: 1%;
	  top: 30%;
	  z-index:11;
	  width:50px;
	  height:50px;
	  background:url(../images/arrow_right.png) no-repeat 0 0;
    }

    a:hover.slidesjs-next {
     /* background-position: -12px -18px;*/
    }

    a.slidesjs-previous {
	background-position: 0 0;
	background-position: 0 0;
	left: 1%;
	position: absolute;
	top: 30%;
	z-index: 11;
	width:50px;
	height:50px;
	background:url(../images/arrow_left.png) no-repeat 0 0;
}
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
	  display:none;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
	  position: absolute;
      right: 7%;
      bottom: 5%;
      z-index: 11;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/pagination.png);
      background-position: 0 0;
	  background-repeat:no-repeat;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
	
	@media (max-width:768px){
		.slidesjs-pagination li a {
			width: 18px; height:18px; background-size:cover;
		}
		.slidesjs-pagination li a.active,
    	.slidesjs-pagination li a:hover.active { background-position: 0 -18px; }
    	.slidesjs-pagination li a:hover { background-position: 0 -36px; }		
	}

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
    #slides {
      display: none
    }

    #banner .container {
      margin: 0 auto
    }
	#banner .container {
        width: 100%;
      }
    /* For tablets & smart phones */

	
/*rand slider*/
.list_carousel {
	margin: 0 0 30px 60px;
	width: 360px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	color: rgb(153, 153, 153);
    display: block;
    float: left;
    font-size: 40px;
    height: 77px;
    padding-top: 22px;
    text-align: center;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
#next2{
	float:right;
}
#prev2{
	float:left;
}
.pager {
	float: left;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}
#wrapper{
	background:#FFF;
	height:99px;
}
    @media (max-width: 767px) {
      #banner .container {
        width: 100%;
      }
	  .span1.brands_navi{
		  display:none;
		}
    }

    /* For smartphones */
    @media (max-width: 480px) {
      #banner .container {
        width: auto
      }
		a.slidesjs-next,
		a.slidesjs-previous{
			display:none;
		}
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      #banner .container  {
       width: 100%;
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      #banner .container  {
        width: 100%;
      }
    }