Quick CSS won't load

Hi,
I have quick css code to change the header size and add arrows to the dropdown menu as well as underline links. It used to work fine but I was going to edit the code (saved a backup of existing code) and although I changed nothing (I reverted my changes by using back up code). the quick css won’t load except for one item which is underlining links. I am pasting the code below. I emptied cache, purged all on WP, waited an hour, it just won’t load in any browser. Please advise.

#header_meta a, #header_meta span {
  font-size:18px !important;
}
.dropdown_ul_available .avia-bullet {
    display: none;
    position: absolute;
    height: 0;
    width: 0;
    top: 51%;
    margin-top: -4px;
    left: auto;
 
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 4px solid green;
        border-left-color: green;

    right: 5px !important;}

.dropdown_ul_available .sub-menu li .avia-bullet { display:none !important;}
li.dropdown_ul_available a:after {
    content: ‘▼’ !important;
    position: absolute !important;
    top: 1px !important;
    display: block !important;
    right: 0 !important;
   font-size: 13px;
}
.dropdown_ul_available .sub-menu li a:after{display:none !important;}
.av-main-nav ul {
   
    top: 80%  !important;
}
.dropdown_ul_available .sub-menu li.menu-item-has-children a:after{    
   content: ‘ ►’ !important;
    position: absolute !important;
    top: 9px !important;
    display: block !important;
    right: 10px !important;
   font-size: 13px;}
.dropdown_ul_available .sub-menu li.menu-item-has-children .sub-menu a:after{display:none !important;}
#top .av-main-nav ul ul {
    left: 206px;
    top: 0px;
    margin: 0;
        margin-top: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 1px;
    margin-top: -34px;
}
#main p a { text-decoration: underline; }

Again none of the above loads except for the last statement. All of it used to work.