@media (max-width: 1201px) {
	.cl-if {
		position: relative;
		height: 690px !important;
		overflow: hidden;
	}

	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1199px)  {
	.cl-if {
		position: relative;
		height: 780px !important;
		overflow: hidden;
	}

	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}

@media (max-width: 991px) {
	.cl-if {
		position: relative;
		height: 680px !important;
		overflow: hidden;
	}
	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}

@media (max-width: 768px) {
	.cl-if {
		position: relative;
		height: 575px !important;
		overflow: hidden;
	}

	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}

@media (max-width: 535px) {
	.cl-if {
		position: relative;
		height: 490px !important;
		overflow: hidden;
	}

	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}


@media only screen and (min-width: 400px) and (max-width: 534px) {
	.cl-if {
		position: relative;
		height: 565px !important;
		overflow: hidden;
	}

	.iframe-area {
		width: 100%;
		height: 3920px !important;
		overflow: hidden;
		position: absolute;
		top: -250px;
	}
}