@media(max-width:575px){
.tool-main-div {
    padding: 30px 15px;

}

    }
    
    .beauty.container{
    padding:0 0 !important;
}
    
.single-tools div#single-wrapper .vc_row .vc_row.wpb_row.vc_row-fluid.tool-content-main-div.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}




.json-key     { color: #d19a66; }
.json-string  { color: #98c379; }
.json-number  { color: #d3869b; }
.json-boolean { color: #56b6c2; }
.json-null    { color: #c678dd; }

#JSONHighlightOutput {
  color: white; 
  font-family: monospace;
  padding: 1em;
   height: 280px !important;
    width: 100% !important;
    padding: 10px;
    border-radius: 10px;
  border:1px solid #000;
  overflow:auto;
}
#JSONHighlightOutput::-webkit-scrollbar {
  display: none;
}
#JSONHighlightOutput > pre {
    text-wrap: auto;
}

.change-bg{
  background:#000;
}
#JSONHighlightOutput {
  white-space: pre-wrap;      
  word-wrap: break-word;      
  overflow-y: auto;        
  overflow-x: hidden;  
}


#JSONHighlightOutput pre {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}