custom css file code doesnt work in 4.7.1

hello i have this in my custom css file but int doesnt work in 4.7.1 can you tell me how it works again?

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

/* Hide the default icon */
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner,
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner:before,
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner:after {
display:none;
}

/* Custom default icon */
#top #header .av-burger-menu-main a .av-hamburger:before {

content: “\e816”;
font-family: ‘entypo-fontello’;
position: absolute;
font-size:30px;
color:#3091F2;

}

#top #av-burger-menu-ul {
vertical-align: top;
}

.html_av-overlay-side .av-burger-overlay-scroll {
background:black!important;
color:white;

right: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: white!important;
}

#av-burger-menu-ul li a:hover {
background-image:linear-gradient(to right, red, black)!important;
color:white!important;
}
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: white;
}

}