.owl-item {
		height:auto;
	float: left;
	width:100%;
	position:relative; 
}
.owl-wrapper{ height:100%; width:100%; transition:all ease 0.5s; position:relative;}
.owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	top:0;
	height:auto;
	width:100%;
	left:0;
	transition:all ease 0.5s;
}

.item > img {
	height:auto;
    width:100%;
	transition:all ease 0.5s;
}
.item {
    height: auto;
	width:100%;
}
.owl-prev{ background:url(../img/prev.png) left center no-repeat; width:38px; height:59px; position:absolute; color:#fff; left:22px; top:40%; cursor:pointer; z-index: 9999;}
.owl-next{ background:url(../img/next.png) left center no-repeat; width:38px; height:59px;  position:absolute; color:#fff;  right:22px; top:40%; cursor:pointer; z-index: 9999;}

#owl-example1 .owl-prev{ background:url(../img/prev1.png) left center no-repeat; width:40px; height:39px; position:absolute; color:#fff; left:22px; top:50%; cursor:pointer; z-index: 9999;}
#owl-example1 .owl-next{ background:url(../img/next1.png) left center no-repeat; width:40px; height:39px;  position:absolute; color:#fff;  right:22px; top:50%; cursor:pointer; z-index: 9999;}


    
 @media only screen and (min-width: 320px) and (max-width: 480px) {
.owl-prev,.owl-next{ display:none;}	 
 }
 
 @media only screen and (min-width:550px) and (max-width:767px){
.owl-prev,.owl-next{top:35%;}		 
 }
 
  @media only screen and (min-width:768px) and (max-width:1023px){
.owl-prev,.owl-next{top:35%;}		 
 }