.ui-cm4all-device-preview {
	width: 100%;
	height: 100%;
	
	position:absolute;

	background: #f7f7f7;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F7F7F7), color-stop(1, #C1C1C1));
	background: -webkit-linear-gradient(top left, #f7f7f7 0%, #c1c1c1 100%);
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #c1c1c1 100%);
	background: linear-gradient(to bottom, #f7f7f7 0%, #c1c1c1 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c1c1c1', GradientType=1);
}

.ui-cm4all-device-wrapper {
	width: 100%;
	height: 100%;
	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8);
	
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	background: rgba(87, 86, 86, 1);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(87, 86, 86, 1)), color-stop(50%, rgba(0, 0, 0, 1)), color-stop(50%, rgba(97, 97, 97, 1)), color-stop(100%, rgba(43, 43, 43, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(87, 86, 86, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(97, 97, 97, 1) 50%, rgba(43, 43, 43, 1) 100%);
	background: -webkit-linear-gradient(328deg, rgba(87, 86, 86, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(97, 97, 97, 1) 50%, rgba(43, 43, 43, 1) 100%);
	background: linear-gradient(122deg, rgba(87, 86, 86, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(97, 97, 97, 1) 50%, rgba(43, 43, 43, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#575656', endColorstr='#2b2b2b', GradientType=1);
	
	border-top: 3px solid rgba(255, 255, 255, 0.3);
	border-left: 3px solid rgba(255, 255, 255, 0.3);
}

.desktop {
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	
	position: relative;
	top:0;
	left:0;
}

.tablet_landscape,
.tablet_portrait {
	width: 1050px;
	height: 700px;
	padding: 20px 70px;
	border-radius: 30px;
	
	position: relative;
	top: -ms-calc(50% - 370px);
	top: calc(50% - 370px);
	left: -ms-calc(50% - 595px);
	left: calc(50% - 595px);
}
.tablet_portrait {
	width: 770px;
	height: 1150px;
	padding: 70px 20px;
	
	position: relative;
	top: -ms-calc(50% - 645px);
	top: calc(50% - 645px);
	left: -ms-calc(50% - 370px);
	left: calc(50% - 370px);
}

.phone_landscape ,
.phone_portrait {
	width: 600px;
	height: 370px;
	padding: 10px 60px;
	border-radius: 20px;
	
	position: relative;
	top: -ms-calc(50% - 190px);
	top: calc(50% - 190px);
	left: -ms-calc(50% - 360px);
	left: calc(50% - 360px);
}
.phone_portrait {
	width: 370px;
	height: 600px;
	padding: 60px 10px;
	
	position: relative;
	top: -ms-calc(50% - 360px);
	top: calc(50% - 360px);
	left: -ms-calc(50% - 195px);
	left: calc(50% - 195px);
}

.ui-cm4all-device-view {
	height: 100%;
	width: 100%;
	border:0;

    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F7F7F7), color-stop(1, #C1C1C1));
    background: -webkit-linear-gradient(top left, #f7f7f7 0%, #c1c1c1 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #c1c1c1 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #c1c1c1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c1c1c1', GradientType=1);
}