.menu-section {background: #000;}#menu {height: 50px;}#menu .box {opacity: 1;height: 50px;text-align: center;}#menu ul {padding: 0;display: inline-block;transition: 0.3s all ease-in-out;}#menu ul li {position: relative;margin: 0;line-height: normal;height: 50px;float: left;}#menu ul li a {padding: 0 33px;font-size: 14px;text-decoration: none;color: #fff !important;height: 50px;line-height: 50px;display: block;font-weight:bold;text-shadow: 0px 1px 3px #000;position: relative;text-transform: uppercase;z-index: 111;transition: 0.3s all ease-in-out;}#menu ul li a:hover {color: #DDDDDD !important;transition: 0.3s all ease-in-out;}#menu ul li:first-child a {font-size: 0;}#menu ul li:first-child a i {font-size: 22px;line-height: 50px;}#menu ul li a:before, #menu ul li a:after {position: absolute;top: 17px;bottom: auto;right: 0;width: 1px;height: 9px;content: '';background-color: #fff;box-shadow: 0px 1px 3px #000;transform: rotate(0deg);transition: 0.3s all ease-in-out;}#menu ul li:hover a:before {right: 20px;height: 10px;transform: rotate(-45deg);background-color: #DDDDDD;transition: 0.3s all ease-in-out;}#menu ul li a:after {top: auto;bottom: 15px;}#menu ul li:hover a:after {right: 20px;height: 10px;bottom: 17px;transform: rotate(45deg);background-color: #DDDDDD;transition: 0.3s all ease-in-out;}#menu ul li:last-child a:before, #menu ul li:last-child a:after {opacity: 0;transition: 0.3s all ease-in-out;}#menu ul li:last-child:hover a:before, #menu ul li:last-child:hover a:after {opacity: 1;transition: 0.3s all ease-in-out;}#toggle-nav-label, #toggle-nav {display: none;}@media screen and (max-width: 1200px) {#menu ul li a {padding: 0 23px;font-size: 13px;}#menu ul li:hover a:before {right: 10px;}#menu ul li:hover a:after {right: 10px;}}@media screen and (max-width: 991px) {#menu ul li a {padding: 0 15px;font-size: 10px;}#menu ul li:hover a:before {right: 0;}#menu ul li:hover a:after {right: 0;}}@media screen and (max-width: 768px) {.menu-section {background: none;margin-top: 0;padding: 0;}#menu {margin: 0;padding: 0;height: 50px;background: none;border: none;}#menu .box {margin: 0;position: fixed;text-align: center;overflow: hidden;z-index: -1;opacity: 0;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,0.8);transition: all 0.3s ease-in-out;display: none;}#menu ul {position: relative;top: 25%;transform: scale(2);transition: all 0.3s ease-in-out;height: auto;text-align: center;}#menu ul li {width: 100%;display: inline;margin: 0;line-height: normal;height: auto;}#menu ul li a {padding: 0px 10px !important;text-decoration: none;font-size: 14px;color: #FFFFFF !important;transition: all 0.2s ease-in-out;display: block;border-right: none;height: 35px;line-height: 35px;}#menu ul li a:hover {background: none;color: #FFFFFF !important;border: none;}#toggle-nav-label {color: #000;background: none;text-align: center;line-height: 30px;font-size: 16px;display: block;cursor: pointer;position: relative;z-index: 1111111111111111;width: 50px;height: 50px;border-radius: 0;margin-bottom: 0;margin-top: 0;}#toggle-nav-label:after {position: absolute;top: 10px;left: 0;right: 0;font-family: FontAwesome;content: '\f0c9';font-size: 22px;text-align: center;}#toggle-nav {display: none;}#toggle-nav:checked ~ .box {opacity: 1;z-index: 111111111;display: block;}#toggle-nav:checked ~ .box ul {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);margin: 0;padding: 0;float: none;}#toggle-nav:checked ~ #toggle-nav-label {position: fixed;}#toggle-nav:checked ~ #toggle-nav-label:after {color: #FFFFFF;font-family: FontAwesome;content: '\f00d';font-size: 25px;}#menu ul li a:before, #menu ul li a:after {display: none;}#menu ul li:first-child a i {display: block;height: 35px;line-height: 35px;}#menu ul li:first-child a {padding-left: inherit;}#menu ul li:after {display: none;}}