#slides {
	display: none
}
#slides .slidesjs-navigation {
	margin-top:5px;
}
a.slidesjs-next,  a.slidesjs-previous {
	background-image: url(../images/new-btns-next-prev.png);
	background-repeat: no-repeat;
	display:block;
	width:25px;
	height:115px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right:5px;
	position:absolute;
	z-index:1000;
	top:36%;
}
a.slidesjs-next {
	margin-right:10px;
	background-position: -0px 0;
	left:3%;
}
/*
    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }*/

    a.slidesjs-previous {
	background-position: -33px 0;
	right:3%;
}
/* a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }
*/
    a.slidesjs-play {
	width:15px;
	background-position: -25px 0;
	display:none !important;
}
a:hover.slidesjs-play {
	background-position: -25px -18px;
}
a.slidesjs-stop {
	width:18px;
	background-position: -41px 0;
	display:none !important;
}
a:hover.slidesjs-stop {
	background-position: -41px -18px;
}
.slidesjs-pagination {
	margin: 7px 0 0;
	float: right;
	list-style: none;
	display:none;
}
.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.html);
	background-position: 0 0;
	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
}
#slides a:link,  #slides a:visited {
	color: #333
}
#slides a:hover,  #slides a:active {
	color: #00aeef
}
.navbar {
	overflow: hidden
}
.slider-img {
	float:left;
}
.slider-img ul li {
	float:left;
	height:400px;
	border:2px solid #fff;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
}
.slider-img ul li img {
	border-radius:5px;
	height:100%;
	min-width:100%;
	width:auto;
	
}
.slidesjs-container{
	height:400px !important;	
}
.slider-img ul li:first-child {
	width:55%;
	margin-right:2%;
}
.slider-img ul li:last-child {
	width:40%;
}
.gallery-slider-img {
	float:left;
}
.gallery-slider-img ul li {
	float:left;
	width:31%;
	padding:0 0px;
}
.gallery-slider-img ul li img {
	border:2px solid #fff;
	border-radius:5px;
	width:100%;
}
 .gallery-slider-img ul li:nth-child(2) {
 margin:0 25px;
}
<!--
End SlidesJS Optional-->
<!--
SlidesJS Required: These styles are required if you'd like a responsive slideshow
-->
 #slides {
 display: none
}
.slider-container {
	margin: 0 auto
}

    /* For tablets & smart phones */
    @media (max-width: 767px) {
 .slider-container {
 width: auto
}
}

    /* For smartphones */
	



    @media (max-width:550px) {
 .slider-container {
 width:100% !important;
}
 a.slidesjs-next, a.slidesjs-previous {
 top:16%;
}
 a.slidesjs-previous {
 right:6%;
}
 a.slidesjs-next {
 left:4%;
}
 .gallery-slider-img ul li {
 width:30%;
}
 .gallery-slider-img ul li:nth-child(2) {
 margin:0 10px;
}
}
 @media (max-width: 650px) {
 .slider-container {
 width:500px;
}
 .slider-img ul li:first-child {
 width:55.5%;
}
 .slider-img ul li:last-child {
 width:40%;
}
 a.slidesjs-next, a.slidesjs-previous {
 top:16%;
 background: url(../images/new-btns-next-prev-ph.png);
}
 a.slidesjs-previous {
 right:8%;
}
 a.slidesjs-next {
 left:6%;
}
 .gallery-slider-img ul li {
 width:30%;
}
}
    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
 .slider-container {
 width: 740px
}
 a.slidesjs-next, a.slidesjs-previous {
 top:104px;
}
.slidesjs-control {
	height:300px !important;
}
}

    /* For larger displays */
    @media (min-width: 1200px) {
 .slider-container {
 width: 1170px
}
}
<!--
SlidesJS Required:
-->
.slidesjs-control {
	height:500px !important;
}
#gallery-slides > a.slidesjs-next {
	top:25%;
}
#gallery-slides > a.slidesjs-previous {
	top:25%;
	right:5%;
}

/*add-css*/
.gallery-slider-img{
	height:375px !important;
}
.gallery-slider-img ul li{
	height:100%;
}
.gallery-slider-img ul li img{
	height:100%;
}
 @media (max-width: 815px) {
 .gallery-slider-img{
	height:280px !important;
}
.gallery-slider-img ul li:nth-child(2) {
margin: 0 24px;
 }
 .slidesjs-container, .slider-img ul li{
	height:280px !important;	
}
 }
  @media (max-width:615px) {
 .gallery-slider-img{
	height:106px !important;
}
.gallery-slider-img ul li:nth-child(2) {
margin: 0 12px;
 }
 .slidesjs-container, .slider-img ul li{
	height:190px !important;	
}
 }
  @media (max-width:380px) {
 .slidesjs-container, .slider-img ul li{
	height:120px !important;	
}
 }
  @media (max-width:500px) {
 .slidesjs-container, .slider-img ul li{
	height:165px !important;	
}
 }