/* =============================================================Editor Page */
 #finishOrderPage .previewImg {
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    }
#content {
    min-height: unset;
}
.i-desktop-only{
display:none;
}

#editorPage {
  width: 100%;
  float: left;
   display: block;
}

#saveAndNextButtonsWrapper{
    text-align: right;
    padding: 10px 20px;
	width: 100%;
	margin: auto;
    background-color: #fff;
    float: left;
}
.editor-back-btn {
    width: 100px;
    float: left;
    display: block;
}
.editor-back-btn a{
    width: 100%;
}


#iframeWrapper {
    width: 100%;
    float: left;
}
#editorFrame,
#page-editor{
    height:70vh;
     
    height : -webkit-calc(100vh - 144px);
    height :-moz-calc(100vh - 144px);
    height :-o-calc(100vh - 144px);
    height :-ms-calc(100vh - 144px);
    height :calc(100vh - 144px);
     
    height : -webkit-calc((var(--vh, 1vh) * 100) - 144px);
    height :-moz-calc((var(--vh, 1vh) * 100) - 144px);
    height :-o-calc((var(--vh, 1vh) * 100) - 144px);
    height :-ms-calc((var(--vh, 1vh) * 100) - 144px);
    height :calc((var(--vh, 1vh) * 100) - 144px);
    min-height:340px;
    border:0;
}

@media (min-width:600px) {
    .i-desktop-only{
        display:block;
    }
    .i-mobile-only{
        display:none; 
    }
    #editorFrame {
        height:700px;
    border-radius: 0;
    }
     #finishOrderPage .previewImg {
    image-rendering: pixelated;
    image-rendering: -moz-pixelated;         /* Firefox */
    image-rendering: -o-pixelated;         /* Opera */
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }
    
    /*#finishOrderPage .previewImg {
       max-width: 200px;
       width: 50%;
       margin-top: 20px;
    }
    */
    .area {
        width: 100%;
        max-width: 1220px;
        margin: 0 auto;
    }
}

/*
@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}*/