@media(min-width:1400px){
main#main {
    padding:15px !important;
}
}

main#main {
    width: 100% !important;
}


@media(max-width:767px){
.tool-main-div {
    padding: 30px 15px;
}
    }
    
    @media(max-width:1200px){
.container-box {
    flex-direction:column;
    height:100% !important;
    
}

    .editor, #preview {
    width: 100% !important;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    max-height: 500px;
    overflow: auto;
    position:relative;
}

    


    .live-preview{
      top:0 !important;
     }
    

    
}
    
    
 
 div#preview {
    padding: 0;
}

#preview-inner-div {
    padding: 20px;
}
    
    p.edit-heading, p.live-preview {
    display: block !important;
    position: sticky;
    top: 0px;
    z-index: 10;
    background: #383838;
    color: #fff;
    padding: 4px 10px;
    margin-top: 0px !important;
}
p.live-preview{
  border-left:1px solid #fff;    
}

.eidtor {
  overflow: auto;          
}
.editor::-webkit-scrollbar {
  display: none;          
}