/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
	div.polaroid {
		/* width: 100px; */
		text-align: center;
		margin: 5px;
		padding: 5px;
		font-weight: 100;
	  }

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	div.polaroid {
		/* width: 100px; */
		text-align: center;
		margin: 5px;
		padding: 5px;
		font-weight: 100;
	  }

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	div.polaroid {
		/* width: 100px; */
		text-align: center;
		margin: 5px;
		padding: 5px;
		font-weight: 100;
	  }
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
.col-sm-5{
	width:40%;
}
 
div.polaroid {
	/* width: 100px; */
	text-align: center;
	/* margin: 5px;
	padding: 5px; */
	font-weight: 100;
  }
  .polaroid img{
	width:100%;
  }
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.col-sm-0  {visibility: hidden;}
div.polaroid {
	/* width: 100px; */
	text-align: center;
	/* margin: 5px;
	padding: 5px; */
	font-weight: 100;
  }
  .polaroid img{
	width:100%;
  }
}





div.polaroid:hover {
	/* width: 100px; */
	box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10%;
  }
  div.polaroid img{
	width: 50%;
  }
  
  div.industry {
	padding-top: 10px;
  }

  div.benefits1 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #db304a;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-weight: 100;
  }
  div.benefits1 p{
	color: #fff;
  }
  div.benefits2 p{
	color: #fff;
  }
  div.benefits2 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #067fcd;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-weight: 100;
  }

.wrapper {
	display: flex;
	/* width: 90vw; */
	margin: 0 auto;
	overflow: hidden;
	border-radius: 0px;
	padding: 1rem;	
}
.item {
	animation: animate 25s alternate linear infinite;
}

.hcenter{
	align-items: center;display: flex;justify-content: center;
}
.vcenter{
	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}