.sliderwrap {
float:left;
width:100%
}

 ul.bxslider{
	margin:0;
	
}

 ul.bxslider img{ /*makes the img full width */
width:100%;
} 

 .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:0px solid #51a351 ;
	left: -5px; 
	background: #fff;
} 


/* css needfor thumbnail navigation */
#bx-pager {
  /* border:2px solid red; */
	text-align: center;
	margin-top: -30px;
	float: left;
	width: 100%;
}
#bx-pager img{
	padding-bottom:9px;
 	width:70px;
	height:55px;  
}
/* css needfor thumbnail navigation */





 @media screen and (min-width: 769px) {
  .bx-wrapper .bx-caption span {
  font-familly: 'Open Sans', sans-serif;
  font-size:22px;
  } 


/* added my own media queries form bootstrap */  
  
@media (min-width: 1200px) {

 .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid grey 0px;
	left: -5px; 
	background: #fff;
} 


}


@media print {  
}


@media (max-width: 767px) {

 .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid black 0px;
	left: -5px; 
	background: #fff;
} 

}


@media (min-width: 768px) and (max-width: 991px) {

 .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid yellow 0px;
	 left: -5px; 
	background: #fff;
}

 

}


@media (min-width: 992px) and (max-width: 1199px) {

  .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid red 0px;
	left: -5px;
	background: #fff;
} 

}


@media (min-width: 1200px) {
 
  .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid green 0px;
	left: -5px;
	background: #fff;
} 

}




}