.IOTTypeSelection{

	
	height: 10vh;
	bottom: 0vh;
	position: absolute;
	width: 100%;
	margin: 0 !important;
}

.IOTTypeTile{
	height: 100%;
	text-align: center;
	display: table;
	cursor: pointer;
	background-color: #041B27;
	transition: background-color .2s ease-in-out !important;
}
.IOTTypeTileBorder{
	border-left: 1px solid #5C6B73;
}
.IOTTypeTileSelected{
	background-color: #00b4f4 !important;
}

.IOTTypeTileText{

	font-weight: bold;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.IOTSymbols{
		background-size: 90% auto !important;
		height: 100%;
		position:relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 1300px;
		transition: opacity 0.25s ease-in !important;
	}

.IOTSymbolsContainer{
	height: 100%;
	max-height: 40vw;
	position:absolute;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 4rem;
}

@media (min-width: 768px){
	



	.IOTImage{
		background: url('/wp-content/themes/bs-theme/img/IOT2.png') no-repeat center center; 
		background-size: 100% auto !important;
		width:100%;
		height:60vw;
		max-height: 90vh;
		position:relative;
		martin-top: 10px;
		padding-bottom: 20px;
	}
	
}
@media (max-width: 767px){


	.IOTImage{
		background: url('/wp-content/themes/bs-theme/img/IOT2.png') no-repeat center center; 
		background-size: auto 100% !important;
		width:100%;
		height:55vh;
		position:relative;
		top: 15px;
	}
}