#slider{
	height: auto;
	width:100%;
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
#owl-demo {
	
}
#owl-demo .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	
}
#owl-demo img  {
	padding:0;
	float: left ;
	height:380px ;
	width:100%;
	
}

#owl-demo .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:28px;
}
#owl-demo .title h1 {	
}
#owl-demo .title h1 a {
	font-size:20px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:14px;
}
/** OWL DEMO 1 **/
#owl-demo1 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	
}
#owl-demo1 img  {
	padding:0;
	float: left ;
	height:380px ;
	width:100%;
	
}

#owl-demo1 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:28px;
}
#owl-demo1 .title h1 {	
}
#owl-demo1 .title h1 a {
	font-size:20px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo1 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:14px;
}
/** OWL DEMO 2 **/
#owl-demo2 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	
}
#owl-demo2 img  {
	padding:0;
	float: left ;
	height:380px ;
	width:100%;
	
}

#owl-demo2 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:28px;
}
#owl-demo2 .title h1 {	
}
#owl-demo2 .title h1 a {
	font-size:20px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo2 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:14px;
}
/** Add 1 Slider **/
.add1 {display:none; position:relative;}

.add1 img {height:200px; width:100%; border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */}
.add1 .title {
	background-color: rgba(0,0,0,.75);
	padding: 1%;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	size:12px;
	text-align:center;
	color:#FFF;
	
}

@media screen and (max-width:768px){
#slider{
	height: auto;
	width:100%;
}
#owl-demo {
	
}
#slider #owl-demo .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo img  {
	padding:0;
	float: left ;
	height:310px ;
	width:100%;
}

#owl-demo .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:22px;
}
#owl-demo .title h1 {	
}
#owl-demo .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** OWL DEMO 1 **/
#slider #owl-demo1 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo1 img  {
	padding:0;
	float: left ;
	height:310px ;
	width:100%;
}

#owl-demo1 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:22px;
}
#owl-demo1 .title h1 {	
}
#owl-demo1 .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo1 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** OWL DEMO 2 **/
#slider #owl-demo2 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo2 img  {
	padding:0;
	float: left ;
	height:310px ;
	width:100%;
}

#owl-demo2 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 60%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:22px;
}
#owl-demo2 .title h1 {	
}
#owl-demo2 .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo2 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** Add 1 Slider **/
.add1 {display:none; position:relative;}
.add1 {
	background-image:url(img/bb2.jpg);
	background-size:100% 100%;
}
.add1 img {height:200px;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */}
.add1 .title {
	background-color: rgba(0,0,0,.75);
	padding: 1%;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	size:12px;
	text-align:center;
	color:#FFF;
	
}
}

/** ------------------------ Mobile Landscap Layout ------------------------- **/
@media screen and (max-width:480px){

#slider{
	height: auto;
	width:100%;
}
#owl-demo {
	
}
#slider #owl-demo .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo img  {
	padding:0;
	float: left ;
	height:200px ;
	width:100%;
}

#owl-demo .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 5%;
	left:5%;
	line-height:20px;
}
#owl-demo .title h1 {
}
#owl-demo .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** OWL DEMO 1 **/
#slider #owl-demo1 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo1 img  {
	padding:0;
	float: left ;
	height:200px ;
	width:100%;
}

#owl-demo1 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 5%;
	left:5%;
	line-height:20px;
}
#owl-demo1 .title h1 {
}
#owl-demo1 .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo1 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** OWL DEMO 2 **/
#slider #owl-demo2 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo2 img  {
	padding:0;
	float: left ;
	height:200px ;
	width:100%;
}

#owl-demo2 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 5%;
	left:5%;
	line-height:20px;
}
#owl-demo2 .title h1 {
}
#owl-demo2 .title h1 a {
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo2 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** Add 1 Slider **/
.add1 {display:none; position:relative;}
.add1 img {height:200px;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */}
.add1 .title {
	background-color: rgba(0,0,0,.75);
	padding: 1%;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	size:12px;
	text-align:center;
	color:#FFF;
	
}
}

/** ------------------------ Mobile 320 Layout ------------------------- **/
@media screen and (max-width:320px){
#slider{
	height: auto;
	width:100%;

}
#owl-demo {
	
}
#slider #owl-demo .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo img  {
	padding:0;
	float: left ;
	height:180px ;
	width:100%;
}

#owl-demo .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:20px;
}
#owl-demo .title h1 {
}
#owl-demo .title h1 a {
	font-size:14px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** Owl Demo 1 **/
#slider #owl-demo1 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo1 img  {
	padding:0;
	float: left ;
	height:180px ;
	width:100%;
}

#owl-demo1 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:20px;
}
#owl-demo1 .title h1 {
}
#owl-demo1 .title h1 a {
	font-size:14px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo1 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** Owl Demo 2 **/
#slider #owl-demo2 .item {
	height: auto;
	width: 100%;
	float: left !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#slider #owl-demo2 img  {
	padding:0;
	float: left ;
	height:180px ;
	width:100%;
}

#owl-demo2 .title {
	background-color: rgba(0,0,0,0);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 10%;
	left:5%;
	line-height:20px;
}
#owl-demo2 .title h1 {
}
#owl-demo2 .title h1 a {
	font-size:14px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, 0 10px 10px #000, 0 0 20px #003300;	
}
#owl-demo2 .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}
/** Add 1 Slider **/
.add1 {display:none; position:relative;}
.add1 img {height:200px;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */}
.add1 .title {
	background-color: rgba(0,0,0,.75);
	padding: 1%;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	size:13px;
	text-align:center;
	color:#FFF;
	
}
}