#mega-menu .inner-nav {width: 100%; float: left; position: relative;}
#mega-menu .inner-nav .no-hover {position: absolute; width: 100%; height: 100%; z-index: 2;}
#mega-menu .mega-item {float: left; padding: 12px; margin: 0 1% 0 0;}
#mega-menu a {color: #575757; text-decoration: none;}
#mega-menu a:hover {color: #333;}
.mega-popup {display: block; position: absolute; width: 98.5%; top: 44px; left: 0; background: #fff; border: 1px solid #c2c2c2; box-shadow: 0px 3px 3px #999;}
.mega-level-2 {float: left; width: 20%; padding: 1%;}
.mega-level-2 span {width: 100%; float: left; background: #f0f0f0;}
.mega-level-2 span a {width: 100%; display: inline-block; margin: 2% 0;}
.mega-level-2 div {border: none; width: 100%; float: left; padding: 0;}
.mega-level-2 div span {background: none;}
.mega-level-3 span a {font-weight: 400;}
.mega-level-4 span {margin: 0 0 0 5%;}
.mega-level-4 span a {font-weight: 100; font-size: 1.2rem;}
.mega-custom {width: 97.7%; float: left; margin: 1%; }
.mega-custom-bottom {padding: 1% 0 0 0;}
.mega-custom-right {float: right; margin: 0; padding: 1%;}
.mega-menu-links-wrapper {float: left; width: 100%;}
#mega-menu span.nav-btn {display:none;}

@media (max-width: 767px) {
    #mega-menu a {padding: 0; margin: 0;width:75%; float:left;}
    #mega-menu span.nav-btn {display:block;width:20%; float:left; text-align:center;min-height:33px;font-size:1.6rem;}
    .mega-item {font-weight: bold; border-bottom: 1px solid #cfcfcf; width: 100%; margin: 0 !important; padding: 1% 0 !important;}
    .mega-item > a {margin: 0 0 0 3% !important; font-size: 1.7rem; text-transform: uppercase;}
    .mega-popup {background: #ffffff; border: none; width: 100%; position:static; float:left;}
    .mega-menu-links-wrapper {width: 100% !important;}
    .mega-menu-links-wrapper div:last-child {border-bottom:none;}
    .mega-level-2 {width: 100% !important; border-bottom: 1px solid #cfcfcf; padding: 0;}
    .mega-level-2 span {background: none; font-weight: bold;}
    .mega-level-2 div {display: none;} /* on click show sub menu */
    .mega-level-2 span a {width: 95%; padding: 1% 0 1% 2% !important; font-weight: 600;}
    .mega-custom-right {width: 95% !important; padding: 2% 2% 1% 2%; margin: 0; border: none; float: left;}
}