.skinPreviewArea.fixedpreview .previewModesToolbar{ position: absolute; border-radius:0; border:none; box-shadow:none; margin-top: 81px; text-align: center; z-index: 2000; top:75px; left: 0; right: 0; margin: auto; bottom: auto;display: inline-block; width: 388px;}
.skinPreviewArea.fixedpreview .previewModesToolbar ul{ font-size:0 }
.skinPreviewArea.fixedpreview .previewModesToolbar ul li{display: inline-block; vertical-align: top; background-color: #eaf0f6; border: 1px solid #cbd6e2; border-right: 0; color: #506e91; border-radius: 0; position:relative; cursor: pointer;}
.skinPreviewArea.fixedpreview .previewModesToolbar ul li:hover{ background-color: #f5f8fa; color: #506e91; }
	
.skinPreviewArea.fixedpreview .previewModesToolbar ul li:first-child{ border-right: 1px solid #cbd6e2; border-radius: 5px 0 0 5px;}
.skinPreviewArea.fixedpreview .previewModesToolbar ul li:nth-child(4){ border-right: 1px solid #cbd6e2; border-radius: 0 5px 5px 0; }
.skinPreviewArea.fixedpreview .previewModesToolbar ul li:nth-child(5){ display:none!important }
	
.skinPreviewArea.fixedpreview .previewModesToolbar ul li .btn{ padding: 12px 30px 36px; background: transparent; }
.skinPreviewArea.fixedpreview .previewModesToolbar ul li .btn.active{ background-color: #cbd6e2 !important; border-color: #7c98b6 !important; color: #506e91 !important; }	
.skinPreviewArea.fixedpreview .previewModesToolbar ul li .btn i{ font-size:30px; color: #506e91 !important;}
.skinPreviewArea.fixedpreview .previewModesToolbar ul li .btn i.icon-prv_desktop{ margin-top: -9px; margin-bottom: -3px;}
.skinPreviewArea.fixedpreview .previewModesToolbar ul li span{
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: 8px;
    display: inline-block;
    left: 0;
    right: 0;
    width: 100%;
    color: #506e91;	
}

.skinPreviewArea.fixedpreview .previewModesToolbar ul li:nth-child(2) span{bottom:4px}
.skinPreviewArea.fixedpreview .headLeft{max-width: 30%;}
.skinPreviewArea.fixedpreview .skinPreview-head p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:none}
.skinPreviewArea.fixedpreview .useThisSkin{margin-top:8px;   padding: 16px;}
.skinPreviewArea.fixedpreview .preview-customize--link {
	background: transparent;
	border: none;
	color: #434a54;
}
.skinPreviewArea.fixedpreview .preview-customize--link b {
	text-decoration: underline;
}
.skinPreviewArea.fixedpreview .preview-customize--link:hover,
.skinPreviewArea.fixedpreview .preview-customize--link:focus {
	box-shadow: none;
}
.skinPreviewArea.fixedpreview .preview-customize--link:hover b,
.skinPreviewArea.fixedpreview .preview-customize--link:focus b {
	text-decoration: none;
}
.skinPreviewArea.fixedpreview .skinPreview-head .backToSkins b{    
	position: absolute; margin: auto; left: 0; right: 0; bottom: 16px; color: #434a54; font-size: 0; display:block
}
.skinPreviewArea.fixedpreview .skinPreview-head .backToSkins b:before {
    content: "Back"; display: block; font-size: 12px; position: absolute; left: 0; right: 0; bottom: 0;
}

.skinPreviewArea.fixedpreview .skinPreview-head h3{ margin-bottom: 10px;}
.skinPreviewArea.fixedpreview .skinPreview-head{padding: 14px 30px 14px 60px;}
.skinPreviewArea.fixedpreview .skinPreview-head button.prev{margin-left:0; padding-left:0}

.skinPreviewArea.fixedpreview .simulatorContainer{width:auto; display:block}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.desktop{ width: 1284px!important; border: 2px solid #cbd6e2; border-radius: 8px 8px 0 0; height: auto; background-image:none; padding: 0; max-width:none!important}
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.fullscreen{ width: 100%; border: 2px solid #cbd6e2; border-radius: 8px 8px 0 0; height: auto; background-image:none; padding: 0;}
.skinPreviewArea .toolbar, .skinPreviewArea .toolbar-top-bar, .skinPreviewArea .toolbar-bottom-bar{display:none}
.skinPreviewArea .toolbar-camera, .skinPreviewArea .toolbar-speaker, .skinPreviewArea .toolbar-home{background: #eaf0f6; vertical-align:top; display:inline-block}
.simulatorContainer .simulator .toolbar{width: 100%; line-height: 12px; text-align: left; padding: 4px 8px 4px 16px; border-bottom: 2px solid #cbd6e2;}
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.desktop .toolbar, .skinPreviewArea.fixedpreview .simulatorContainer .simulator.fullscreen .toolbar{ display:block;  }
	
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.portrait .toolbar-top-bar,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.portrait .toolbar-bottom-bar{
	display:block; height: 90px; text-align:center
}
	
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.landscape .toolbar-top-bar,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.landscape .toolbar-bottom-bar{
	display:inline-block; width: 90px; text-align:center; height:100%; vertical-align: top;position:relative
}	
.skinPreviewArea.fixedpreview .toolbar-camera{
	height: 10px; width: 10px; border-radius: 50%;
}	
.skinPreviewArea.fixedpreview .toolbar-speaker{ border-radius: 6px; }
.skinPreviewArea.fixedpreview .portrait .toolbar-camera{ margin-top: 40px; }
.skinPreviewArea.fixedpreview .landscape .toolbar-camera{ display: block; text-align: center; margin-left: 40px; }
.skinPreviewArea.fixedpreview .landscape.tablet .toolbar-camera{ margin-top: 341.5px; }
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-camera{ margin-top: 135px; }	
.skinPreviewArea.fixedpreview .portrait .toolbar-speaker{ height: 6px; width: 60px; margin-left: 16px; margin-top: 42px;
}	
.skinPreviewArea.fixedpreview .landscape .toolbar-speaker{ width: 6px; height: 60px; margin-left: 2px; margin-top: 15px;
}
.skinPreviewArea.fixedpreview .toolbar-home{ border-radius: 50%; height: 50px; width: 50px;}
.skinPreviewArea.fixedpreview .portrait .toolbar-home{ margin-top: 20px; }
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-home,
.skinPreviewArea.fixedpreview .landscape.tablet .toolbar-home,
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-camera,
.skinPreviewArea.fixedpreview .landscape.tablet .toolbar-camera,
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-speaker,
.skinPreviewArea.fixedpreview .landscape.tablet .toolbar-speaker{ 
	display: inline-block; vertical-align: middle; white-space: nowrap; position: absolute; left: 0; right: 0; margin: auto; ;
}
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-home, .skinPreviewArea.fixedpreview .landscape.tablet .toolbar-home{top: 50%; top: calc(50% - 25px)}
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-camera, .skinPreviewArea.fixedpreview .landscape.tablet .toolbar-camera{top: 50%; top: calc(50% - 38px)}
.skinPreviewArea.fixedpreview .landscape.mobile .toolbar-speaker, .skinPreviewArea.fixedpreview .landscape.tablet .toolbar-speaker{top: 50%; top: calc(50% - 22px)}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile{
	background:none; background: #cbd6e2!important; border: 2px solid #cbd6e2;  border-radius: 40px; height:auto;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.portrait,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.portrait{
	padding: 0 16px !important;
}
	
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.landscape,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.landscape{
	padding:16px 0 !important;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.portrait{
	width: 804px!important;
	max-width: 100%;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.landscape{
	width: 1217px!important;
	height: 804px;
	/*max-height: calc(100vh - 130px);*/
	max-width: 100%;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.portrait{
	width: 411px!important;;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.landscape{
	width: 840px!important;
	height: 411px;
	/*max-height: calc(100vh - 130px);*/
	max-width:100%
}

.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-button{
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 7.2px;
	border: 2px solid #cbd6e2;
	border-radius: 50%;
	margin-top:4px;
	margin-bottom:4px
}

.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-button:nth-child(1){background-color: #FF5C5C; border-color:#FF5C5C}
.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-button:nth-child(2){background-color: #FDBC44; border-color:#FDBC44}
.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-button:nth-child(3){background-color: #24CB40; border-color:#24CB40}

.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-input{
	border: 2px solid #cbd6e2;
    width: 300px;
    display: inline-block;
    margin-left: 20px;
    height: 20px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 8px;
	cursor:default
}

.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-input span{
	font-size: 14px;
    line-height: 16px;
    color: #434a54;
	vertical-align: top;
    display: inline-block;
	user-select: none;
	
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator .iframeWrapper{
	overflow: hidden !important;
}
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.desktop .iframeWrapper{
	max-width:none!important
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.desktop .iframeWrapper,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.fullscreen .iframeWrapper{
	height: calc(100vh - 230px) !important;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.portrait .iframeWrapper{
	height: 1024px;
}
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.portrait .iframeWrapper{
	height: 647px;
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.landscape .iframeWrapper{
	width: 647px;
	display: inline-block;
	max-width: calc(100% - 189px);	
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.landscape .iframeWrapper{
	width: 1024px;
	display: inline-block;
	max-width: calc(100% - 189px);	
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator iframe{
	height:100%;
	border:none;
	background:transparent
}

.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet iframe,
.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile iframe{
	height:100% !important;
}

@media only screen and (max-width: 1320px) {
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.desktop .iframeWrapper{
		height: calc(100vh - 184px) !important;
	}
}	

@media only screen and (min-width: 800px) and (max-width: 1200px) {
    .skinPreviewArea.fixedpreview .headLeft{max-width: 41%; width:41%}
	.skinPreviewArea.fixedpreview .previewModesToolbar{left:42%; right:auto}
	
	.skinPreviewArea.fixedpreview .previewModesToolbar ul{text-align:left; width:310px}
	.skinPreviewArea.fixedpreview .previewModesToolbar ul{text-align:center}
	.skinPreviewArea.fixedpreview .previewModesToolbar ul li .btn{padding:12px 23px 36px}
}

@media only screen and (max-width: 1180px){
	.skinPreviewArea.fixedpreview .useThisSkin{ position: fixed; display: block; bottom: 0; width: 100%; width: calc(50% - 8px); z-index: 4000; left: 0; right:auto; padding: 22px 5px; }
	.skinPreviewArea.fixedpreview .useThisSkin.primary{left:auto;right:0;border: none;}
}

@media only screen and (max-width: 800px){
	.toolbar-top-bar, .toolbar-bottom-bar{display:none!important}
	.skinPreviewArea.fixedpreview{z-index: 2001!important}
	.skinPreviewArea.fixedpreview .toolbar{display:block}
	.skinPreviewArea .simulatorContainer .simulator{height:100%!important}
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.portrait .iframeWrapper,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.portrait .iframeWrapper,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.landscape .iframeWrapper,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.landscape .iframeWrapper{
		height: calc(100vh - 170px) !important;
		max-width:100%!important;
		width:100%
	}
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.portrait,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.portrait,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.mobile.landscape,
	.skinPreviewArea.fixedpreview .simulatorContainer .simulator.tablet.landscape{
		width:100%!important;
		border-radius: 8px 8px 0 0;
		max-width:100%;
		background:none!important;
	}
	.skinPreviewArea.fixedpreview .previewRotate{display:none!important}
	.skinPreviewArea.fixedpreview .skinPreview-head{
		padding: 14px;
		padding-left: 60px;
		padding-right: 0;
	}
	.skinPreviewArea.fixedpreview .headLeft{margin:0}
	.skinPreviewArea.fixedpreview .headRight{display:block}
	.skinPreviewArea.fixedpreview .skinPreview-head .btn.next b, .skinPreviewArea.fixedpreview .skinPreview-head .btn.prev b{ display:inline-block }
	
}
@media only screen and (max-width: 450px){
	.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-input{max-width:170px}
	.skinPreviewArea.fixedpreview .simulatorContainer .toolbar-input span{font-size:12px}
	.skinPreviewArea.fixedpreview .skinPreview-head .btn.next, .skinPreviewArea.fixedpreview .skinPreview-head .btn.prev{ font-size: 11px; }
}