.new-mobile-menu .main-mobile-menu ul>li { width: 100%; border: none; position: relative; display: inline-block; } .new-mobile-menu .main-mobile-menu ul ul { width: 100%; position: relative; box-shadow: none; background: #f3f3f3; float: left; display: none; } .new-mobile-menu .menu-toggle-mobile i { font-size: 29px; } .new-mobile-menu .menu-toggle-mobile { display: block; text-align: center; color: #fff; font-family: 'Gandhiserif-Regular'; font-size: 16px; line-height: 39px; height: 40px; width: 40px; z-index: 8; padding: 9px 15px 0 0; } .new-mobile-menu .main-mobile-menu { position: fixed; left: -1000px; overflow: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; right: 0; height: 100%; max-width: 80%; z-index: 9; bottom: 0; padding-top: 20px; top: 0; background-color: #f3f3f3; } .new-mobile-menu .main-mobile-menu.active { left: 0%; } .new-mobile-menu .main-mobile-menu ul li a { font-family: 'Gandhiserif-Regular'; font-size: 16px; text-decoration: none; color: #000; display: block; padding: 8px 20px; max-width: 80%; position: relative; display: flex; } .new-mobile-menu .main-mobile-menu ul li a span { position: relative; } .new-mobile-menu .main-mobile-menu ul li a span::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-bottom: 1px solid black; pointer-events: none; } .new-mobile-menu .main-mobile-menu .sub-menu li a { font-size: 14px; } body.menu-change { overflow: hidden; } .new-mobile-menu .overlay-main { background-color: #000000c2; position: absolute; visibility: hidden; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 8; } .new-mobile-menu .overlay-main.active { visibility: visible; opacity: 1; } .new-mobile-menu .top-close-menu { text-align: center; line-height: 38px; position: absolute; top: 0; z-index: 9; width: 20%; max-width: 20%; height: 64px; padding-top: 0; background: #fff; color: #fff; display: flex; bottom: unset; justify-content: center; align-items: center; left: -1000px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .new-mobile-menu .top-close-menu span { display: inline-block; background-image: url('../icons/close-btn-menu.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; height: 45px; width: 45px; } .new-mobile-menu .top-close-menu i { font-size: 15px; } .new-mobile-menu .main-mobile-menu.active { left: 0; } .new-mobile-menu .top-close-menu.active { right: 0; left: auto; } .new-mobile-menu .main-mobile-menu ul li { width: 100%; position: relative; display: inline-block; } .new-mobile-menu .main-mobile-menu .sub { position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; background-color: #111; color: #fff; font-size: 16px; text-align: center; line-height: 27px; } .new-mobile-menu .main-mobile-menu ul ul > li .sub { right: 30px !important; } .new-mobile-menu .main-mobile-menu ul ul > li a { margin-left: 15px; display: inline-block; } .new-mobile-menu .main-mobile-menu ul ul > li > ul li a { margin-left: 30px; display: inline-block; text-transform: capitalize; } .new-mobile-menu .main-mobile-menu ul { padding: 0; margin: 0; } .new-mobile-menu { display: flex; justify-content: center; align-items: center; height: 65px; position: relative; z-index: 999; } .landing .new-mobile-menu::before { content: ""; background-color: rgb(32 32 32 / 40%) !important; opacity: 0.4; position: absolute; left: 0; top: 0; width: 100%; min-height: 65px; z-index: 8; } .new-mobile-menu .nav_logo_img,.new-mobile-menu .login-m { z-index: 8; } .new-mobile-menu.fixed:before { height: 70px; background-color: #fff !important; opacity: 1; } .new-mobile-menu .login_icon { width: 60px; color: #fff; } .new-mobile-menu .login-m { padding: 22px 0 0 19px; color: #fff; } .new-mobile-menu.fixed { z-index: 999; position: fixed; top: 0; } .new-mobile-menu.fixed .menu-toggle-mobile { top: 18px; right: 4px; } .new-mobile-menu.fixed .menu-toggle-mobile { color: #000; } @media (min-width: 992px) { .new-mobile-menu { display: none !important; } } .new-mobile-menu .login-m .dropdown-menu { padding: 12px; } .new-mobile-menu .login-m .dropdown-menu a { color: #fff; } .new-mobile-menu.fixed.single-page-content { position: unset !important; } .new-mobile-menu.single-page-content { height: 96px; } .new-mobile-menu.single-page-content .nav_logo_img { padding-bottom: 18px; } .stylehome1 .nav_logo_img { width: 30%; }