Align mobile menu position to the left + rotating avia arrow

Hi :)

I would like to align the mobile menu position to the left + rotating the avia arrow 1800 degree.

I have tried the following css change in FireFox and it works fine. But when I add it in either CSS box in the Enfold theme panel/ Enfold child theme > I can’t see the changes appear on the browser.

#advanced_menu_toggle, #advanced_menu_hide {
left: 0 !important;
}

media=”all”
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
margin-right: -10px !important;
transform: rotate(180deg) !important;
}

My site URL: goo.gl/rE3eVx

Can you please help me to set this change?
Thanks!