#owl-demo {
	margin-top: -150px;
	margin-bottom: -10px;
	height: 400px;
	overflow: hidden;
}

#owl-demo .item .ui.card {
	text-align: left;
	margin: 100px 0px -350px 35px;
	z-index: 5;
	float: left;
	width: 550px;
	opacity: 0.9;
}

#owl-demo .item .ui.card .header {
	font-size: 32px;
}

#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  z-index: 1;
}

#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #ed3237;
}

#progressBar {
  width: 100%;
  background: #EDEDED;
}

@media only screen and (max-width: 720px) {

	#owl-demo {
		height: 300px;
		margin-bottom: -10px;
	}

	#owl-demo .item .ui.card {
		margin: 25px 0px -250px 15px;
	  	width: 320px;
	  	min-height: 80px;
	  	overflow: hidden;
	}

	#owl-demo .item .ui.card .header {
		font-size: 16px;
	}

}