.menu-shadow-layer {background: rgba(0, 0, 0, 0.4); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 997;}
.mobile-menu a.menu {text-decoration: none;}

@media (min-width: 1081px) {
   .header-t .mobile-menu > ul {display: none;}
}

@media (max-width: 1080px) {
  /* .mobile-buttons {display: inline-block; margin: 0 0 0 110px; position: relative; text-align: right; z-index: 2;}
  .mobile-buttons > span > a {box-sizing: border-box; display: inline-block; color: #2ca5ca; font-size: 2em; height: 50px; line-height: 0; padding: .5em; text-align: center;}
  .mobile-buttons > span > a:hover {text-decoration: none;}
  .mobile-buttons > span > a span {font-size: .6em; font-weight: 500; margin-left: .6em; text-transform: capitalize; vertical-align: middle;}
  .mobile-buttons > span > a i {vertical-align: middle;}
  .mobile-buttons > span > a b {font-size: .5em; font-weight: 500; line-height: 1em; vertical-align: middle;}
  .mobile-buttons > span > a b:before {content: "(";}
  .mobile-buttons > span > a b:after {content: ")";}
  .mobile-buttons > span.search-link > a {float: left;}
  .mobile-buttons .cartDropDown:before,
  .mobile-buttons .cartDropDown:after {right: 4em;} */


  /*.header-t-wrapper {position: relative;} */
  /*.header-t {left: 0; position: absolute; text-align: left; top: 0; width: 480px;} */

  /* .top-menu-toggle button,
  .top-menu-toggle button:hover {background: none; border: 0; color: #2ca5ca; font-size: 2em; height: auto; padding: .6em 0;}
  .top-menu-toggle span {color: #2ca5ca; cursor: pointer; font-size: 1.2em; vertical-align: middle;} */


  
  .header-t #left-angle {font-size: 1em; left: 0; margin: -2em 0 0; padding: 0; position: absolute; top: 50%;}
 .header-t #left-angle a {color: #fff; font-size: 3em; padding: 0.5em;}
 .header-t #left-angle a:hover {background: none;}
 .header-t > ul {display: none;}
 .header-t ul {background: #212834; padding: 0;}
 .header-t ul li {display: block;}
.header-t-left .mobile-menu  a {margin-left:0;}
  .mobile-menu.visible-desktop {width: 0;}
  .mobile-menu {background: #212834; bottom: 0; left: 0; overflow: auto; position: fixed; top: 0; width: 630px; z-index: 999; display: none;}
  .mobile-menu > ul > li { padding: 0 50px;}
  .mobile-menu > ul > li > a {color: #fff; display: inline-block; font: 300 20px/1 "Oswald", sans-serif; text-transform: uppercase; padding: 14px 0; width: 100%;}
  .mobile-menu > ul > li > a:hover {background: none;}
[data-id="c_39"] a.menu {color: #91d2eb;}
  .mobile-menu > ul > li > ul {background: #212834; border: 0; left: auto; margin-left: 0; padding: 0 0 2em; position: relative; top: auto;}
  .mobile-menu > ul > li > ul > li {display: block; padding: 0;}
  .mobile-menu > ul > li > ul > li > a.menu { color: #121212; display: block; font-size: 14px; font-weight: 500; padding: 0; text-decoration: none; margin:0;}
  .mobile-menu > ul > li > ul > li ul {background: #212834; border: 0; left: auto; margin: 0; padding: 0 0 1em 0; position: relative; top: auto;}
  .mobile-menu > ul > li > ul > li ul > li {display: block; padding: 0; line-height:1.8;}
  .mobile-menu > ul > li > ul > li ul > li > a.menu {color: #121212; display: block; font-size: 13px; font-weight: 300; padding: 0 0 1em; text-decoration: none;}
  .mobile-menu a.menu span.title {display: inline-block; vertical-align: middle; width: 98%;}
  .mobile-menu a.menu span.angle {display: inline-block; font-size: 1.2em; vertical-align: middle; width: 0%;}
  .mobile-menu a.menu span.angle .fa {color: #91d2eb; line-height: 0.9; font-size:14px;}
  .mobile-menu .menu-direct-link .fa-angle-down:before {content: "\f106";}

.mobile-menu .menu-column .title a{font: 500 18px/1 "Oswald", sans-serif; text-transform: uppercase; color: #91d2eb; text-decoration: none;}
.header-t-left a {color: #fff; text-decoration: none;}
.menu-column {padding-left:1.5rem;}
.menu-column .title {margin:.5rem 0;}
.menu-column.by-brand ul {display:flex; flex-wrap: wrap; }
.menu-column ul {}
.menu-column.by-brand .item.brand-item{width:25%;}
.mobile-menu .item.brand-item img {filter: invert(1); max-width: 100px;}
.menu-images-wrapper {display:none;}
.menu-inner-wrapper {margin-top:-.75rem}

.mobile-menu-top  {display: flex !important; justify-content: space-between; align-items: center; padding: 25px 0 0;}
  .mobile-menu-top > span {display: inline-block; font-size: 12px; padding: 0 50px 0;}
  .mobile-menu-top > .close-mobile-menu {cursor: pointer; float: right;  font-weight: 200; line-height: 1.6em; margin: 0 34px 0 0; padding: 0; text-align: center; width: 1.6em;}
.mobile-menu-top > .close-mobile-menu span {display: block; height: 1px; width: 20px; background: #fff; margin: .75rem 0 -1px; transform: rotate(-43deg);}
  .mobile-menu-top > .close-mobile-menu span + span {margin: 0 0 .75rem; transform: rotate(43deg);}
  .mobile-menu-top > div form {background: #fff; border: 1px solid #eaeaea; padding: 12px 12px 12px 26px;}
  .mobile-menu-top > div form input[type="text"] {border: 0; padding: 0; width: 80%;}
  .mobile-menu-top > div form button {background: #fff; border: 0; color: #999; float: right; font-size: 18px; height: 1em; padding: 0;}
  .mobile-menu-bottom { display:none !important; padding: 14px 38px;}
  .mobile-menu-bottom > span {display:none; margin: 14px 0;}
  .mobile-menu-bottom > span a {font-size: 14px; font-weight: 400;}
  
  .mobile-menu-bottom > span.login a {font-weight: 700;}
  .mobile-menu-bottom > span.login .del:before {content: " / ";}
}
@media (max-width: 768px) {
.mobile-menu {width:400px;}
.mobile-menu > ul > li {padding: 0 25px;}
.mobile-menu-top > span {padding: 0 25px 0;}
.mobile-menu-top > .close-mobile-menu {margin: 0 9px 0 0;}
.menu-column.by-brand .item.brand-item {width: 33%;}
.mobile-menu-top img{width:70%;}




}
@media (max-width: 450px) {
  .mobile-menu {width:90%;} 
}