@media screen and (min-width:981px){#page-container .sub-menu,#page-container .sub-menu a{width:auto!important}#page-container .sub-menu a{white-space:nowrap}}.sub-menu a{font-size:20px!important}.el-video-gallery-content .el-overlay-title{padding-bottom:5px;text-align:center!important}.pa-heading-line-both h2{display:flex;width:100%;justify-content:center;align-items:center;text-align:center}.pa-heading-line-both h2:before,.pa-heading-line-both h2:after{content:'';border-top:1px solid;margin:0 20px 0 0;flex:1 0 20px;color:#949494}.pa-heading-line-both h2:after{margin:0 0 0 20px}.pa-heading-line-both h1{display:flex;width:100%;justify-content:center;align-items:center;text-align:center}.pa-heading-line-both h1:before,.pa-heading-line-both h1:after{content:'';border-top:1px solid;margin:0 20px 0 0;flex:1 0 20px;color:#949494}.pa-heading-line-both h1:after{margin:0 0 0 20px}Add A Decorative Line On Both Sides Of A Divi Heading
First add the CSS class “pa-heading-line-both” to any module where you want the lines to appear on the heading
.pa-heading-line-both h2{display:flex;width:100%;justify-content:center;align-items:center;text-align:center}.pa-heading-line-both h2:before,.pa-heading-line-both h2:after{content:'';border-top:1px solid;margin:0 20px 0 0;flex:1 0 20px;color:#666666}.pa-heading-line-both h2:after{margin:0 0 0 20px}.pa-heading-line-both h3{display:flex;width:100%;justify-content:center;align-items:center;text-align:center}.pa-heading-line-both h3:before,.pa-heading-line-both h3:after{content:'';border-top:1px solid;margin:0 20px 0 0;flex:1 0 20px;color:#949494}.pa-heading-line-both h3:after{margin:0 0 0 20px}