#mega-menu .inner-nav {width: 100%; float: left; position: relative; padding: 0 0 0 0;}
#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: 13.7%;}
@media (min-width: 769px) {
    #mega-menu .mega-item:hover {background: #ffffff;}
    #mega-menu a:hover {background: #ffffff;}
}
#mega-menu a {color: #575757; text-decoration: none;}
.mega-item > a {color: #333; text-decoration: none; width: 100%; display: inline-block; text-transform: uppercase; padding: 6% 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: 42px; 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;}
.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;}

@media (max-width: 768px) {
    #mega-menu a {padding: 0; margin: 0;width:100%; float:left;}
    #mega-menu span.nav-btn {display: block; text-align: center; font-size: 1.6rem; position: absolute; right: 0;}
    .mega-item {font-weight: bold; border-bottom: 1px solid #cfcfcf; width: 100%; margin: 0 !important; padding: 1% 0 !important;}
    .mega-item > a { 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-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-sections-item-title {width: 50% !important;}
}

.mega-level-2 {width: 100% !important;}
.mega-menu-links-wrapper {width: 23% !important;}
.mega-custom-right {width: 77% !important;}
.mega-level-2 span a {margin: 1% 0;}

.mega-popup ul {display: block !important; margin: 0; padding: 0;}
.mega-popup .cathead {display: none;}
.mega-popup .cathead:nth-of-type(1) {display: block !important;}
.cont {width: 33%; float: left; padding: 0 1%;}
.cont:last-child {padding: 1%;}
.cont img {width: 100%; height: auto;}
.cont-colour ul {float: left; width: 100%; margin: -2%;}
.cont-colour ul li {display: inline-block; padding: 0 !important; line-height: 0 !important; width: 35px; margin: 2%; height: 35px;}
.cont-colour ul li a {width: 100%; height: 100%; float: left;}
.colour-att {background: none; border: 1px solid #cfcfcf; border-radius: 100%; padding: 3px;}
.colour-att span {display: inline-block; width: 100%; height: 100%; border-radius: 100%;}

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

/* Throws, brands, gifts, sale */
#mega-631, #mega-467, #mega-637 {width: 10.5% !important; line-height: 30px;}

@media (max-width: 950px) {
    #mega-menu .mega-item {font-size: 12px;}
    #mega-631, #mega-467, #mega-637 {line-height: 23px;}
    .mega-popup {top: 33px;}
}

@media (max-width: 768px) {
    .cont-colour ul {margin: 10px 0 ;}
    #mega-menu .inner-nav {padding: 0;}
    .nav-sections-item-content {padding: 0;}
    #mega-menu .mega-item {width: 100% !important; text-align: left;}
    .mega-menu-links-wrapper, .mega-custom-right {width: 100% !important; padding: 0;}
    .mega-popup .cathead {margin: 20px 0px 10px; display: none !important;}
    .mega-popup .cathead:nth-of-type(1) {display: none !important;}
    .mega-level-2 { border: none;}
    .cont {width: 100% !important; border-top: 1px solid #cfcfcf; margin: 10px 0 0 0; padding: 0;}
    .cont ul li {padding: 10px; display: inline-block; width: 100%; font-weight: 300;}
    .cont-colour ul li {width: 34px; height: 34px; margin: 5px 0 5px 10px;}
    .colour-att {padding: 3px !important; width: 100% !important;}
    .cont:last-child {padding: 10px 0 0 0; margin: 10px 0 0 0;}
    .cont a {width: 100% !important;}
    #mega-menu span.nav-btn.active::before { transform: rotate(90deg);  }
    #mobnavwrap {display: block !important;}
    #mobnavwrap div {width: 100% !important; float: left !important;}
    #mobnavwrap .perks {padding: 20px; background: #fff; border: none;}
    .mmwrap h4 { float: left; width: 100%; padding: 0 15px; margin: 15px 0 0;}
}

#mega-menu span.nav-btn {
   height: 70px;
}

#mega-menu span.nav-btn:not(.active) {width: 100%;right: 0;left: 0;text-align: right;padding: 0;}

@media (min-width: 768px) {
    .mega-navigation {
        display: flex;
        justify-content: center;
    }
}