#what-we-do{
	background:rgba(0,0,0,0.0);
	text-align:center;
	width:100%;
	//display:none;
}
#what-we-do div{
	width: 93%;
	height:220px;
	color:#FFF;
	text-align:center;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
	margin-top:10px;
	transition:all 1s;
	opacity:0;
	border-radius:20px 20px 20px 20px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07),
				0 2px 4px rgba(0,0,0,0.07),
				0 4px 8px rgba(0,0,0,0.07),
				0 8px 16px rgba(0,0,0,0.07),
				0 16px 32px rgba(0,0,0,0.07),
				0 32px 64px rgba(0,0,0,0.07);
}
#what-we-do div p{
	width: 80%;
	margin: auto;
	font-size: small;
}
#what-we-do div h2 {
	margin-bottom: 0px;
}
table{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
table td{
	padding:10px;
}
#analytics{
	background: url('../images/analytics.jpeg');
	background-size: cover;
	//border-radius:50px 0px 50px 0px;	
	float:left;
}
#iot{
	background: url('../images/iot.JPG');
	background-size: cover;
	//border-radius:0px 50px 0px 50px;	
	float:left;
}
#industrial{
	background: url('http://souliot.in/images/industry.png');
	background-size: cover;
	//border-radius:0px 50px 0px 50px;
}
#mqtt{
	background: url('../images/mqtt.jpg');
	background-size: cover;
	//border-radius:50px 0px 50px 0px;
	float:left;
}

@media (max-width:1150px){
}
@media (max-width:1000px){
	table{
		width:95%;
	}
}
@media (max-width:900px){
	table{
		width:95%;
	}
	#what-we-do div{
		width: 95%;
		height:250px;
		margin-bottom:-15px;
	}
}
@media (max-width:800px){
	table{
		width:95%;
	}
	#what-we-do div{
		width: 95%;
		height:250px;
		margin-bottom:-15px;
	}
}
@media (max-width:770px){
	/*table{
		width:95%;
	}
	#what-we-do div{
		width: 95%;
		height:250px;
		margin-bottom:-15px;
	}*/
	table{
		width:95%;
	}
	table tr td{
		display:table-row;
	}
	#what-we-do div{
		width: 95%;
		height:100px;
		margin-bottom:10px;
		margin-left: -6px;
	}
}
@media (max-width:670px){
	table{
		width:95%;
	}
	table tr td{
		display:table-row;
	}
	#what-we-do div{
		width: 95%;
		height:100px;
		margin-bottom:10px;
		margin-left: -6px;
	}
}
@media (max-width:610px){
	table{
		width:95%;
	}
	table tr td{
		display:table-row;
	}
	#what-we-do div{
		width: 95%;
		height:100px;
		margin-bottom:10px;
		margin-left: -6px;
	}
}