Additional CSS issue

Hello!
My additional css looks like this:

    /*
    You can add your own CSS here.
    Click the help icon above to learn more.
    */

    #mainnav #menu-item-1884 {
    padding-left: 30px !important;
    }

    #menu-item-1884 a {
    border: 1px solid #ff3314;
    padding: 2px 20px;
    border-radius: 3px;
    transition: all 0.3s;
    background-color: #ff3314 !important;
    font-family: "Raleway", sans-serif
    !important;
    font-size: 13px !important;     line-height: 15px;
    font-weight: 700 !important;
    text-transform: none;
    }

    #menu-item-1884 a:hover {

    background-color: #ff3314 !important;
    color: #fff !important;
    }

    /*
    ΤΟ ΠΑΡΑΚΑΤΩ ΕΙΝΑΙ ΤΟ BUTTON HOVER */

    #menu-item-1884 a:hover {
    background-color: transparent
    !important;
    }

    .footer-widgets {
    padding: 20px 0;
    }

    /* το παρακατω ειναι για τα buttons των υπηρεσιων */

    [role=button] {
    border-radius: 5px;
    font-weight: bold;
    }

    /* το παρακατω ειναι για το κενο κατω απο menu και πανω απο footer
    */

    .page-wrap {
    padding: 0 !important;
    }

    .home .entry-header {
    margin-bottom: 0 !important;
    }

    #pl-7652 .lsow-hero-header {
    margin-top: 0 !important;
    }

    @media screen and (min-width: 992px){
    .sow-slider-image {
    min-height: 504px;
    }
    }
    /* ΤΟ ΠΑΡΑΚΑΤΩ ΕΙΝΑΙ ΓΙΑ ΝΑ ΜΗΝ CAPITALIZE TO BUTTON ΣΤΟ FRONT PAGE SLIDER
    */
    a.roll-button.button-slider {
    text-transform: none;
    }
    /* ΤΟ ΠΑΡΑΚΑΤΩ ΑΠΕΝΕΡΓΟΠΟΙΕΙ ΤΟ HOVER EFFECT FRONT PAGE SLIDER BUTTON
    */
    a.roll-button.button-slider:hover {
    background-color: #d65050;
    color: white;
    }
    /* το παρακατω ειναι για το inked hero image side white space */
    @media only screen and (max-width: 780px) {
      #pgc-42703-0-0.panel-grid-cell {
        padding: 0 !important;
      }
    }
    /* the bracket above is the problem */
    /* το παρακατω ειναι για το white space hero image */
    @media only screen and (max-width: 780px) {
      #pgc-3170-0-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }
    /* ΤΟ ΠΑΡΑΚΑΤΩ ΕΙΝΑΙ ΓΙΑ ΤΟ PADDING HERO HEADER
    */
    .lsow-hero-header .lsow-header-content {
      max-width: 100%;
    }
    /* ΤΟ ΠΑΡΑΚΑΤΩ ΕΙΝΑΙ ΓΙΑ ΤΙΣ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ ΣΤΟ IPHONE */
    @media only screen and (max-width: 700px) {
      #pgc-104-0-0 h1.sow-headline {
        font-size: 20px !important;
      }
    }   
    @media only screen and (max-width: 480px) {
      #pgc-104-0-0 h1.sow-headline {
        font-size: 18px !important;
      }
    } 

and every time I update it tells me there is an error in line 84 (I quoted it /* the bracket above is the problem */ )
I think it is not a big problem thus I update it anyway…but it is a problem.
How to resolve it?
Also there is a lot of code writen in additional css…how to find which one is not in use anymore?
Thank you in advance!!!

Hello,

I don’t see any issue with that CSS rule.

Did you notice any specific problems?

Kind Regards, Roman.
aThemes Support

I have no problem…wordpress keeps me warning that there is a problem!
I publish it anyway and I know that it is not a risk!

I tried to add and publish that code into Additional CSS section and didn’t see errors.

Where exactly are you adding that code?

appearance-customize-additional css

Hello,

Well, as I mentioned above, I tried to add that code into Additional CSS section (one more time) and didn’t see errors. So you can try to copy/paste the code above instead of what you have and see if it helps.

Kind Regards, Roman.
aThemes Support