.preview-frame-wrapper .device-preview {
	position: relative;
	width: 1025px;
	height: 680px;
	margin: 0 auto;
	overflow: hidden;
}

.preview-frame-wrapper .device-preview, .preview-frame-wrapper .device-preview:after,
.preview-frame-wrapper .device-preview iframe {
	transition: all 0.5s ease;
}

.preview-frame-wrapper .device-preview iframe {
	transform: scale(1);
}

.preview-frame-wrapper .device-desktop {
	padding: 1em 1em 5em;
}

.preview-frame-wrapper .device-desktop iframe {
	width: 1360px;
	height: 800px;
}

.preview-frame-wrapper .device-tablet-p {
	width: 384px;
	height: 512px;
	padding: 1em 1em 3em;
}

.preview-frame-wrapper .device-tablet-p iframe {
	width: 768px;
	height: 1024px;
}

.preview-frame-wrapper .device-tablet-l {
	width: 512px;
	height: 384px;
	padding: 1em 3em 1em 1em;
}

.preview-frame-wrapper .device-tablet-l iframe {
	width: 1024px;
	height: 768px;
}

.preview-frame-wrapper .device-mobile-p iframe,
.preview-frame-wrapper .device-mobile-l iframe {
	transform: scale(0.75);
}

.preview-frame-wrapper .device-mobile-p {
	width: 240px;
	height: 420px;
	padding: 1em 1em 3em;
}

.preview-frame-wrapper .device-mobile-p iframe {
	width: 320px;
	height: 560px;
}

.preview-frame-wrapper .device-mobile-l {
	width: 420px;
	height: 240px;
	padding: 1em 3em 1em 1em;
	border-radius: 1em;
}

.preview-frame-wrapper .device-mobile-l iframe {
	width: 560px;
	height: 320px;
}

.preview-frame-wrapper iframe {
	margin: 0;
	border: 0;
	transform-origin: 0 0;
}