main#main {   width:100% !important;   padding:0px 30px 50px 30px; } .card {   margin-bottom:20px; } input, textarea, button { width:100%; padding:10px; margin:6px 0; font-size:16px;   }   .actions { display:flex; justify-content:space-between; flex-wrap:wrap;   }   .card img { width:100%; max-height:250px; object-fit:cover; border-radius:5px;   }   .card h2 { font-size:18px; margin:8px 0 4px;   }   .card p { color:#555;   }   .card small { color:#888;   }   #metaList pre {   white-space:pre-wrap; background:#f8f8f8; color:#000; padding:15px; border-radius:6px; font-size:14px; line-height:1.5; font-family:monospace; overflow-x:auto; border:1px solid #ccc;   }   .code-table {   background-color:rgb(42 39 52 );   padding:20px;   border-radius:10px;   max-width:576px;   overflow:auto; } .table-row {   margin-bottom:5px; } .mainCard-parentDiv {   gap:20px;   width:100%;   display:flex;   margin-top:30px; } div#editSection {   width:100%; } .cards-div {   width:100%;  } div#metaList {   width:100%; } .metalist-code {   width:100%; } .editInner-div {   padding:20px;   border:1px solid rgb(209 213 219);   border-radius:10px;   background:#fff;   display:flex;   flex-direction:column;   gap:10px;  } p.edit-descpt {   margin-top:0; } .titleDiv {   width:100%; } textarea#customTitle, textarea#customDesc {   border-radius:5px;   border-color:rgb(209 213 219); } p.edit-heading {   display:flex;   gap:15px;   align-items:center;   font-size:28px;   margin:0;   font-weight:700; } p.edit-heading img {   width:25px;   height:25px;   object-fit:contain; } .cardInfo {   background:#000;   padding:10px; } .card-content {   border:1px solid #ccc; } .cardsInner-div {   padding:20px;   background:#fff;   border-radius:10px;   border:1px solid #ccc; } .cardInfo p,.cardInfo small {   color:#fff; } p#fbTitle, p#twTitle, p#liTitle {   font-weight:800;   font-size:17px;   margin:5px 0; } .preivewDiv {   display:flex;   flex-direction:column;   gap:10px; } .metaInner-div {   padding:20px;   background:#fff;   border:1px solid #ccc;   border-radius:10px; } .editInner-div label {   font-weight:700; } .blue-btn:hover {   transform:scale(0.9); } .inner-Innital {   display:flex;   max-width:800px;   justify-content:center;   align-items:center;   width:100%;   gap:20px; } input#urlInput {   width:75%; } button.blue-btn {   width:25% !important; } .initialBtns {   display:flex;   justify-content:center; } .actions button {   width:100% !important; } div.editInner-div, div.metaInner-div, div.cardsInner-div {   box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px; }  @media(min-width:1024px) and (max-width:1279px){ .parentMetaEdit {   max-width:592px;   min-width:468px;   width:100%;   display:flex;   flex-direction:column;   gap:20px; }   }  @media(min-width:1024px) and (max-width:1399px){ .container{   max-width:100% !important;  } } @media(max-width:1023px){   .mainCard-parentDiv {  flex-direction:column;   }   .code-table {   max-width:100%;  }   .container{  max-width:100% !important;   } } @media(max-width:767px){   main#main {  padding-left:0;  padding-right:0;   } }  @media(max-width:853px){   .inner-Innital {   flex-direction:column; }   h1.open-heading {   font-size:30px; }   button.blue-btn {   width:55% !important; } .inner-Innital {   gap:0px !important; } } .actions button.blue-btn {   width:100% !important; } h2.tool-heading {   text-align:center !important; } #og-preview-tool-wrapper input, #og-preview-tool-wrapper textarea, #og-preview-tool-wrapper button { width:100%; padding:10px; margin:6px 0; font-size:16px; }  .headCopy img {   width:15px;   height:15px; } .headCopy {   display:flex;   justify-content:space-between;   align-items:center; } .headCopy span {   font-size:12px;   margin-left:0; } p.wordLimit {   font-size:13px; } p.wordLimit span {   font-weight:600; } textarea#customTitle, textarea#customDesc {   margin-bottom:0; } .inner-Innital button.blue-btn:hover {   background:#fff !important;   color:#225bbb;   border-color:#225bbb; } .inner-Innital button.blue-btn{   border:1px solid #225bbb; } .vc_row.wpb_row.vc_row-fluid.tool-content-main-div.container {   max-width:100%;   width:100%; }