.device-mockup {
	position: relative;
	width: 100%;
	padding-bottom: 61.775701%
}

.device-mockup>.device {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.device-mockup>.device>.screen {
	position: absolute;
	top: 11.0438729%;
	bottom: 14.6747352%;
	left: 13.364486%;
	right: 13.364486%;
	overflow: hidden
}

.device-mockup>.device>.button {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	cursor: pointer
}

.device-mockup.iphone6_plus,
.device-mockup.iphone6_plus.portrait {
	padding-bottom: 201.76%
}

.device-mockup.iphone6_plus.gold>.device,
.device-mockup.iphone6_plus.portrait.gold>.device {
	background-image: url(../app-assets/iphone_6_plus_gold_port.png)
}

.device-mockup.iphone6_plus.portrait>.device>.screen,
.device-mockup.iphone6_plus>.device>.screen {
	top: 11.58%;
	bottom: 9%;
	left: 5.97%;
	right: 5.97%
}

.device-mockup.iphone6_plus.portrait>.device>.button,
.device-mockup.iphone6_plus>.device>.button {
	display: block;
	top: 89.9%;
	bottom: 3.2%;
	left: 43%;
	right: 43%
}


/* =========android=========== */
.device-mockup.android,
.device-mockup.android.portrait {
	padding-bottom: 201.76%
}

.device-mockup.android.gold>.device,
.device-mockup.android.portrait.gold>.device {
	background-image: url(../app-assets/android.png)
}

.device-mockup.android.portrait>.device>.screen,
.device-mockup.android>.device>.screen {
	top: 11.58%;
	bottom: 9%;
	left: 5.97%;
	right: 5.97%
}

.device-mockup.android.portrait>.device>.button,
.device-mockup.android>.device>.button {
	display: block;
	top: 89.9%;
	bottom: 3.2%;
	left: 43%;
	right: 43%
}