.main-menu { position: relative } .main-menu::after { display: block; clear: both; content: "" } .rs-menu { float: left; clear: both; width: 100%; font-size: 0 } .nav-expanded nav { right: 0!important; } .rs-menu a, .rs-menu div, .rs-menu i, .rs-menu li, .rs-menu p, .rs-menu ul { border: 0; margin: 0; padding: 0 } .rs-menu li { display: block; position: relative } .rs-menu a { display: block; padding: 16px } .rs-header .menu-area .logo-area { position: relative } .rs-header .menu-area .logo-area img { max-width: 100%; max-height: 25px; transition: .4s; -webkit-transition: .4s } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li { display: inline-block; margin-right: 45px; padding: 0 } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a { transition: all .3s ease 0s; text-transform: capitalize; color: #fff } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: #ffa000 } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:last-child { margin-right: 0 !important } .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .rs-header .menu-area .main-menu .rs-menu ul li.active a, .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a { color: #ffa000 } .rs-menu ul ul { position: absolute; top: 100%; width: 100%; background-color: #111 } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { background-color: #fff; margin: 0; padding: 15px 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .15); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 20px rgba(0, 0, 0, .15); z-index: 99 } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li { margin: 0; border: none } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a { padding: 10px 30px; height: unset; text-transform: capitalize; line-height: unset; color: #0a0a0a; font-weight: 400 } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover { color: #ffa000 } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.active a { color: #ffa000 } .rs-menu a { color: #bbb; -webkit-tap-highlight-color: transparent } .rs-menu li { font-size: 14px } .rs-menu .sub-menu li a { padding: 10px 14px } .rs-menu ul ul a { font-size: 15px; text-align: left } @media screen and (min-width:992px) { .rs-menu { height: auto !important } .rs-menu li { display: inline-block } .rs-menu li:active>ul, .rs-menu li:focus>ul, .rs-menu li:hover ul.mega-menu .sub-menu, .rs-menu li:hover>ul, .rs-menu li:hover>ul.mega-menu>li>ul { display: block; z-index: 17 } .rs-menu ul ul { width: auto } .rs-menu ul ul a { width: 180px } .rs-header .menu-area.menu-sticky { transition: all .3s ease 0s } .rs-header .menu-area.menu-sticky.sticky { background: #2b2c2c !important; position: fixed; z-index: 999; margin: 0 auto; border: none; padding: 0; top: 0; left: 0; right: 0; width: 100%; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: sticky-animation; animation-name: sticky-animation; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .rs-menu ul ul { opacity: 0; visibility: hidden; transform: translateY(-10px); transform: scaleY(0); transform-origin: 0 0 0 } .rs-menu li:active>ul, .rs-menu li:focus>ul, .rs-menu li:hover>ul, .rs-menu li:hover>ul.mega-menu>li>ul { opacity: 1; visibility: visible; transform: translateY(0); transform: scaleY(1) } }.nav-expanded nav { right: 0!important;}