Simple website coding fix

We are a company that provides custom websites, logo design and digital marketing services to our clients. We recently changed a website server and the custom css is no longer working. We need the code fixed so that the mobile menu is customized and only one cupon code area appears at checkout. This is likely a 10 minute fix. The code worked fine before the server switch. - We want the black mobile menu to be replaced with the small pink menu. - There ended up being two coupon boxes at checkout and we want one blocked. here is the code that is no longer working: .entry-meta { display: none;} .widget { Margin-bottom: 50px; padding-bottom: 50; } .x-nav-menu-toggle { background: transparent; color: #000; } .x-nav-menu-toggle-inner { display: none !important; } .x-nav-menu-toggle { background: transparent; color: #000; margin-top: -175px; } @media screen and (min-width:493px){ #responsive-menu-button { top: 60px !important; } } @media screen and (max-width:492px){ #responsive-menu-button { top: 105px !important; } } form.checkout_coupon { display: none !important; } .col-md-3 form.checkout_coupon { display: block !important; } ul.x-sub-menu.x-sub-menu-standard.x-list-style-none { margin-left: 25px !important; } .responsive-menu-subarrow { float: right !important; position: relative !important; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow { border-left: 1px solid #c97178 !important; background-color: #c97178 !important; }