Problems with Quick CSS

Hi,
I apologize for my noobiness, but I am having troubles with my Quick CSS entries. They had been working well for a while, but somehow are now messed up so that some work and some don’t. Specifically, the resizing of the phone number top right of the header and the search icon bottom right of the header, as well as the phone icon button below the contact form. I suspect it has something to do with my curly brackets. Here is my Quick CSS:

@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 93%;
height: auto !important;
margin-left: 0px!important;
margin-top: 5px!important;
}

@media only screen and (max-width: 767px) {
#advanced_menu_toggle{
display: block;
right: -15px;
top: 40px;
}

@media only screen and (max-width: 767px) {
#mobile-advanced {
background-color: rgba(255,255,255,0.95);
}

@media only screen and (max-width: 990px) and (min-width: 481px) {
div.grid-content {
display: none!important;
}

div.grid-content { pointer-events: none;
}

.av_phone_active_right .phone-info {
padding-left: 0px;
font-size: 14px;
}

#top .menu-item-search-dropdown > a,
#searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 22px;
}

@media only screen and (max-width: 990px) {
#socket .sub_menu_socket { display: none;
}

span.special_amp:nth-of-type(1) {
margin: 0 -0.02em;
}

span.special_amp:nth-of-type(2) {
margin: 0 .01em;
}

.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

.av_font_icon.av-icon-style-b}} .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #96af29;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

@media only screen and (max-width: 990px) {
.avia-tooltip {
display: none !important;
opacity: 0 !important;
}

@media only screen and (max-width: 990px) {
.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

span.av_icon_caption.av-special-font {
color: #c3c3c3;
}

2) Could you please tell me how to add a phone icon to the left of the phone number top right of the header?

Thanks,
Trevor