#header .mobile-nav-toggler{ display: none; } section[data-cattype="81008"]{ padding: 0; } [data-cattype="81008"] nav ol, [data-cattype="81008"] nav ol li, [data-cattype="81008"] nav ul, [data-cattype="81008"] nav ul li, [data-cattype="81008"] ol.list, [data-cattype="81008"] ol.list li, [data-cattype="81008"] ol.nav, [data-cattype="81008"] ul.list, [data-cattype="81008"] ul.list li, [data-cattype="81008"] ul.nav{ padding: 0; margin: 0; list-style: none; line-height: 1; } [data-cattype="81008"] .nav-outer .mobile-nav-toggler{ position: relative; float:right; font-size: 30px; line-height: 40px; cursor: pointer; color:#e9c37a; padding:10px 0px; display: none; } [data-cattype="81008"] .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } [data-cattype="81008"] .mobile-menu .nav-logo{ position:relative; padding:20px 20px; text-align:left; } [data-cattype="81008"] .mobile-menu .nav-logo img{ max-width:180px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible [data-cattype="81008"] .mobile-menu{ opacity: 1; visibility: visible; } [data-cattype="81008"] .mobile-menu .menu-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible [data-cattype="81008"] .mobile-menu .menu-backdrop{ opacity: 1; visibility: visible; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } [data-cattype="81008"] .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #f19818; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible [data-cattype="81008"] .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease 300ms; -moz-transition: all 0.4s ease 300ms; -ms-transition: all 0.4s ease 300ms; -o-transition: all 0.4s ease 300ms; transition: all 0.4s ease 300ms; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } [data-cattype="81008"] .mobile-menu .close-btn{ position: absolute; right: 3px; top: 3px; line-height: 30px; width: 30px; text-align: center; font-size: 14px; color: #202020; cursor: pointer; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .mobile-menu-visible [data-cattype="81008"] .mobile-menu .close-btn{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } [data-cattype="81008"] .mobile-menu .close-btn:hover{ color:#e9c37a; } [data-cattype="81008"] .mobile-menu .navigation{ position: relative; display: block; border-top: 1px solid rgba(0,0,0,0.10); } [data-cattype="81008"] .mobile-menu .navigation li{ position: relative; display: block; border-bottom: 1px solid rgba(0,0,0,0.10); } [data-cattype="81008"] .mobile-menu .navigation li > ul > li:last-child{ border-bottom: none; } [data-cattype="81008"] .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(0,0,0,0.10); } [data-cattype="81008"] .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 25px; padding: 10px 20px; font-weight: 300; font-size: 20px; color: #000; text-transform: capitalize; } [data-cattype="81008"] .mobile-menu .navigation li > a:hover, [data-cattype="81008"] .mobile-menu .navigation li.current > a{ color:#000; } [data-cattype="81008"] .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:0px; top:0px; width:44px; height:44px; text-align:center; font-size:16px; line-height:44px; color:#fff; cursor:pointer; z-index:5; background: #000; } [data-cattype="81008"] .mobile-menu .navigation li.dropdown .dropdown-btn .fa{ font-weight: bold; } [data-cattype="81008"] .dropdown-btn.opened .fa{ transform: rotate(180deg); } [data-cattype="81008"] .mobile-menu .navigation li.dropdown .dropdown-btn:after{ content:''; position:absolute; left:0px; top:10px; width:1px; height:24px; } [data-cattype="81008"] .mobile-menu .navigation li > ul, [data-cattype="81008"] .mobile-menu .navigation li > ul > li > ul{ display: none; } [data-cattype="81008"] .mobile-menu .navigation li.dropdown ul.opened{ box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.563); background: rgba(238, 238, 238, 0.563); } @media (max-width: 1400px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 980px){ #header .mobile-nav-toggler{ display: block; } #header .hmenu { text-align: right; padding: 13px 18px; } #header .hmenu .fa{ font-size: 26px; color: rgba(0, 0, 0, 0.775); } } @media (max-width: 767px) { #header .mobile-nav-toggler{ display: block; } } @media (max-width: 480px) { }