$blogMargin: 20px; .blog-view { font-size: 15px; line-height: 20px; p, h1, h2, h3, h4, h5, h6, table { margin-bottom: $blogMargin; line-height: normal; } ul, ol { margin-bottom: $blogMargin; } p { line-height: 20px; } img { opacity: 1 !important; vertical-align: top; max-width: 100%; } table { max-width: 100%; } ol, ul { li { margin-top: 2px; position: relative; } } ul { //margin-left: 15px; list-style: none !important; //list-style-position: unset; li { padding-left: 12px; &:before { width: 5px; height: 5px; border-radius: 100%; background: $blue-color; position: absolute; left: 0; top: 7px; content: ''; } } } ol { padding-left: 15px; list-style-position: outside; list-style-type: decimal; li { padding-left: 8px; } } } .blog-view-section { .blog-view { margin-top: 20px; position: relative; &:after { width: 100%; height: 1px; background: #cccccc; content: ''; margin-top: 7px; display: block; } img { margin-right: 30px; margin-bottom: 30px; height: auto !important; } } .items-blog-tags { margin-top: 16px; } .card-desk-title { margin-top: 53px; } .icons-blog-wr { margin-top: 25px; } } .blog-view { height: auto; }