@media screen and (min-width: 769px) {
    /* 1. Tighten the line itself */
    .line-light-grey2 {
        margin-bottom: 0 !important; 
    }
}
    /*.line-light-grey2 {
        display: block !important;
        height: 4px !important;               
        background-color: #f4f4f4 !important;
        width: 630px !important;            
        margin: 15px auto 35px auto !important;
        border: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }*/
 
.line-light-grey2 {   
    border: none !important;
    height: 4px !important;
    background-color: #f0f0f0 !important;
    width: 100% !important; 
    max-width: 630px !important; 
    display: block !important;

    /* CHANGE: Bottom 0px to kill the gap from the line side */
    margin: 10px auto 0 auto !important; 
}
* TARGETS THE MAIN DESKTOP VIEW */
@media screen and (min-width: 769px) {
    .line-light-grey2 {
        /* Kill the gap from the line's side */
        margin-bottom: 0px !important; 
    }
}

/* Hide the line on mobile devices and smaller (landscape and portrait)
@media screen and (max-width: 900px) {
    .line-light-grey {
        display: none !important;
    }
} */

/* Mobile adjustments for the title line
@media screen and (max-width: 768px) {
    .your-new-class-name {

        max-width: 85% !important; 
        
        height: 3px !important; 
        margin: 8px auto 25px auto !important;
    }
} */

/* TARGETS BOTH MOBILE LANDSCAPE AND PORTRAIT */
@media screen and (max-width: 768px) {
    .line-light-grey2 {
        /* INCREASED GAP FOR MOBILE (Top 10px | Sides auto | Bottom 35px) */
        margin: 10px auto 35px auto !important; 
    }
    
}