/*------------------------------------------------------------------
	+ Devices
-------------------------------------------------------------------*/
#devices {
	position: relative;
	padding: 120px 0;
	background: $light_grey;

	@media screen and (max-width: 1400px) {
		padding: 100px 0;
	}

	.devices_image {
		position: absolute;
		left: 0;
		top: 50%;
		width: 50%;

		@media screen and (max-width: 991px) {
			position: static;
			width: 100%;
			margin-top: 0 !important;
			margin-bottom: 50px;
			text-align: center;
		}

		img {
			max-width: 100%;
			height: auto;
		}
	}

	.device {
		margin-top: 50px;
		padding-left: 100px;

		@media screen and (max-width: 991px) {
			padding-left: 0;
		}

		i {
			display: block;
			margin-left: -10px;
			margin-bottom: 30px;
			color: $black;
			font-size: 50px;
		}

		h5 {
			margin-bottom: 15px;
		}
	}
}