.off-top-img-wrap-1 .off-top-img {
	padding: 40% 0;
}

.off-top-img-wrap-2 .off-top-img {
    padding: 45% 0;
}

.off-top-img-wrap-3 {
	padding-bottom: 10%;
}

.off-top-img-wrap-3.cnt-imgs-box .cnt-frame-img-wrap {
	top: auto;
	bottom: 0;
}

.off-logo {
    padding: 15% 0;
	margin-top: -5%;
}

.off-video-wrap {
	background-color: #fff;
	padding: 50px;
}

.off-video {
	height: 100%;
	width: 100%;
}

.off-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background-image: url(../img/svg/ico-offices-bg-1.svg);
}




/*========== RESPONSIVENESS ==================*/

@media screen and (max-width: 1024px) {
	
	.off-video-wrap {
		padding: 25px;
	}
	
}




@media screen and (max-width: 768px) {
	
	.off-top-img-wrap-1,
	.off-top-img-wrap-2 {
		width: 100%;
		padding-right: 25px;
	}
	
	.off-top-img-wrap-3 {
		width: 100%;
		padding: 25px;
	}
	
	.off-top-img-wrap-3.cnt-imgs-box .cnt-frame-img-wrap {
		top: auto;
		bottom: auto;
		position: relative;
		width: 100%;
		left: auto;
		padding: 50%;
	}
	
	.off-top-img-wrap-4 {
		width: 100%;
		padding-bottom: 25px;
	}
	
	.off-logo {
		margin-top: 0;
	}
	
	.off-video-wrap {
		width: 100%;
	}
	
}