#mega-menu .inner-nav {width: 100%; float: left; position: relative; padding: 0 20px;}
#mega-menu .inner-nav .no-hover {position: absolute; width: 100%; height: 100%; z-index: 2;}
#mega-menu .mega-item {float: left; padding: 0; margin: 0; width: 9%; height: 52px; padding: 8px 0 0 0;}
#mega-menu .mega-item:hover {background: #777;}
#mega-menu a {color: #575757; text-decoration: none;}
.mega-item > a {font-family:'Open Sans',sans-serif;font-weight:700;color: #fff !important; font-size:14px; line-height: 1.3; width: 100%; display: inline-block; text-transform: uppercase; padding: 0 5%;}
.mega-item {text-align: center;}
.mega-popup h4, .navigation ul {text-align: left;}
.navigation ul {padding: 0 !important;}
.mega-popup {display: block; position: absolute; width: 100%; top: 52px; left: 0; background: white; z-index: 1000;}
.mega-level-2 {float: left; width: 20%; padding: 1%; text-align: left;}
.mega-level-2 span {width: 100%; float: left; color: #333; font-size: 13px;}
.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%; padding: 1%;}
#mega-menu span.nav-btn {display:none;}

#mega-193 {width: 9% !important;}
#mega-222 {width: 8% !important;}
#mega-269, #mega-328 {width: 14% !important;}
#mega-438, #mega-441 {width: 9% !important; padding: 13px 0 0 0 !important;}
#mega-269 {width: 15% !important;}
#mega-727 {background: #e07900;}
#mega-441 {display:none;}
/* Client request, "New In" and "Sale items" menus to have orange background */
#mega-menu .mega-item#mega-733,
#mega-menu .mega-item#mega-809 {background: #fa8700}

@media (max-width: 1300px) {
	.mega-item > a {font-size: 12px;}
}
@media (max-width: 1120px) {
	.mega-item > a {font-size: 11px;}
}
@media (max-width: 1024px) {
    #mega-menu .mega-item {height: 42px !important;}
    .mega-popup {top: 42px !important;}
    #mega-438, #mega-441 {padding: 7px 0 0 0 !important;}
}

@media (max-width: 767px) {
    #mega-menu a {padding: 0; margin: 0;width:75%; float:left;}
    #mega-menu span.nav-btn {display: block; text-align: center; font-size: 1.6rem; position: absolute; right: 20px;}
    .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 {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;}
    .mega-custom {display: none !important;}
    .navigation {background: none !important;}
    .nav-open .nav-sections {background: #fff;}
    .nav-sections-item-title {font-family: 'bebas-neue'; font-size: 19px; letter-spacing: 1px; background: #f1f1f1;}
    .nav-sections .header.links li > a {border-bottom: 1px solid #d1d1d1; font-family: 'Open Sans', helvetica, arial, verdana, sans-serif; text-transform: uppercase; color: #333; font-size: 13px;}
    .nav-sections .switcher:last-child {border: none;}
}

@media (min-width: 768px) {
	#mega-menu .mega-item#mega-809 > a {padding:0 15px;}
  .mega-level-2 {width: 20% !important;}
}


.mega-popup ul {display: block !important; margin: 0; padding: 0;}

#nav-overlay {width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; display: none; z-index: 10; top: 0;}

@media (max-width: 767px) {
    #mega-menu .inner-nav {padding: 0;}
    .nav-sections-item-content {padding: 0;}
    #mega-menu .mega-item {width: 100% !important; padding: 15px 0 13px 0 !important; text-align: left; height: auto !important;}
    #mega-menu span.nav-btn {min-height: 0; font-weight: 300;}
    .mega-item > a {margin: 0 0 0 5% !important; font-weight: 300; color: #333 !important;}
    #mega-menu .mega-item:hover {background: white;}
    .mega-menu-links-wrapper, .mega-custom-right {width: 100% !important; padding: 0 25px;}
    .mega-popup .cathead {margin: 20px 0px 10px; display: none !important;}
    .mega-popup .cathead:nth-of-type(1) {display: none !important;}
    .mega-level-2 {padding: 12px 0; border: none; width: 100% !important;}
    .mega-level-2 span a {padding: 0 !important; font-weight: normal !important; color: #666 !important;}
    #mega-menu span.nav-btn.active {-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 18px; line-height: 25px;}
    #mobnavwrap {display: block !important;}
    #mobnavwrap div {width: 100% !important; float: left !important;}
    .nav-toggle:before {color: #fff;}
    #mega-menu a {font-family: 'Open Sans', helvetica, arial, verdana, sans-serif; font-weight: 700; font-size: 13px;}
    #mega-menu span.nav-btn {margin: -6px 0 0 0;}
    .mega-menu-links-wrapper {padding-top: 10px;}
}

@media (min-width: 768px) {
    .nav-sections, .page-header {position: relative; z-index: 14px;}
    .nav-sections-item-content {position: relative; z-index: 12;}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
	   #mega-menu .mega-item {width: 100% !important;}
	   .mega-popup {position: inherit !important;}
	   #mega-menu .mega-item:hover {background: #fff !important;}
	   #mega-menu a {color: #000 !important; text-align: left; font-family: inherit; font-size: 12px; line-height: 25px; margin: 0 0 0 1% !important;}
    .mega-popup {top: 10px !important; position: relative !important;}
    .mega-level-2 {width: 100% !important; padding-left: 10px;}
    .mega-menu-links-wrapper {padding: 0 0 40px 0;}
    #mega-menu span.active {-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
}
/* Client request, task #26085040 */
#mega-popup-438,
#mega-popup-438 + .nav-btn{display:none!important;}

/* Client request */
@media (max-width: 767px) {
	#mega-menu .mega-item {
		position: relative;
		padding: 0!important;
	}
	#mega-menu .mega-item a {
		padding: 15px;
		width: 100%;
		margin: 0!important;
	}
	#mega-menu .mega-item span.nav-btn {
	    font-size: 28px;
	    top: 5px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    text-align: right;
	    line-height: 50px;
	    padding-right: 10px;
	}
	#mega-menu span.nav-btn.active {
		transform: rotate(0deg);
		padding-right: 15px;
		line-height: 45px;
		bottom: auto;
	}
	#mega-menu .mega-level-2 {
		padding: 0;
	}
	#mega-menu .mega-level-2 a {
		display: block;
		padding: 10px 0!important;
		width: 100%;
	}
	#mega-menu .mega-menu-links-wrapper {
		padding: 0px 20px 10px;
	}
}