.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-menu .mobile-menu > ul {display: none;}
}
@media (max-width: 1080px) {
	.mobile-buttons {align-items: center; flex-grow: 20; justify-content: flex-end; order: 2;}
	.mobile-buttons > span {order: 2;}
	.mobile-buttons > span > a {align-items: center; color: #2ca5ca; display: flex; font-size: 2rem; padding: 1rem; text-decoration: none;}
	.mobile-buttons > span > a:hover {text-decoration: none;}
	.mobile-buttons > span > a span {font-size: 1rem; margin-left: 1rem; text-transform: capitalize;}
	.mobile-buttons > span > a b {font-size: 1rem; font-weight: 700; margin-left: .25rem;}
	.mobile-buttons > span > a b:before {content: " (";}
	.mobile-buttons > span > a b:after {content: ")";}
	.mobile-buttons > span.search-link {flex-grow: 10; order: 0;}
	.mobile-buttons .cartDropDown:before,
	.mobile-buttons .cartDropDown:after {right: 4em;}
    
     
    
    .header-menu > ul {display: none;}
    .header-menu ul {background: #BA1A40; padding: 0;}
    .header-menu ul li {display: block;}
       .top-menu .fa-angle-right::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M7.5 15.5L7.5 0.5M15 8H0' stroke='white'/%3E%3C/svg%3E");  font-size: 1rem; }
    .top-menu .fa-angle-down::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='1' viewBox='0 0 16 1' fill='none'%3E%3Cline x1='0.876099' y1='0.5' x2='15.8761' y2='0.5' stroke='white'/%3E%3C/svg%3E"); font-size: 0;}
    
    .mobile-menu.visible-desktop {width: 0;}
    .mobile-menu {background: #BA1A40; bottom: 0; left: 0; overflow: auto; position: fixed; top: 0; width: 700px; z-index: 999; display: none;}
    .mobile-menu > ul > li { padding: 0 50px;}
    .mobile-menu > ul > li > a {font:400 26px "Playfair Display";color: #fff; display:flex; align-items: center; justify-content: space-between; padding: 8px 0;  width: 100%;}
    .mobile-menu > ul > li .title {flex-grow:1;}
    .mobile-menu > ul > li span.angle{width:auto;}
    .mobile-menu > ul > li > a:hover {background: none;}
    .mobile-menu > ul > li > ul {background: #BA1A40; border: 0; left: auto; margin-left: 0; padding:.5em 0 .75em; position: relative; top: auto;}
    .mobile-menu > ul > li > ul > li {display: block; padding: 0;}
    .mobile-menu > ul > li > ul > li > a.menu {color: #fff; display: flex; font-size: 18px;  padding: 0 0 .5em; text-decoration: none;}
    .mobile-menu > ul > li > ul > li ul {background: #BA1A40; border: 0; left: auto; margin: 0; padding: 0 0 1em 1em; position: relative; top: auto;}
    .mobile-menu > ul > li > ul > li ul > li {display: block; padding: 0;}
    .mobile-menu > ul > li > ul > li ul > li > a.menu {color: #fff; display: block; font-size: 16px; font-weight: 300; padding: 0 0 1em; text-decoration: none;}
    [data-parent="c_5"] {column-count: 2; }
    
    
    
    .mobile-menu-top {display:flex !important; align-items: center; justify-content: space-between; gap:22px; flex-wrap:wrap; padding: 30px 50px;}
	.mobile-menu .close-mobile-menu {align-items: center; border:1px solid #fff; border-radius: 50%;cursor: pointer; display: flex;flex-direction: column;justify-content: center;  height: 37px; width: 37px; padding:0;}
	.mobile-menu .close-mobile-menu span {background: #fff; height: 1px; width: 16px; transform: rotate(-45deg);}
	.mobile-menu .close-mobile-menu span + span {margin-top: -1px; transform: rotate(45deg);}
    .mobile-menu-top > div {width: 100%;}

 	.mobile-menu-top > div form { display:flex; align-items: center; justify-content: space-between;border: 1px solid #fff;padding: 12px 24px;}
    .mobile-menu-top > div form input[type="text"] {background: #BA1A40; color: #fff;  border: 0; padding: 0; width: 80%;}
    .mobile-menu-top > div form button {background: #BA1A40; border: 0; color: #fff; float: right; max-width:none; padding:0; width:auto;}
    
    .mobile-menu-bottom {display:none !important; padding: 14px 50px;}
    .mobile-menu-bottom > span {display: block; 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 (min-width:601px) {
    .mobile-menu-logo-m {display:none;}
}
@media (max-width: 600px) {

    .mobile-menu {width: 90%;}
    .mobile-menu-top {padding: 28px 26px 0;}
    .mobile-menu > ul > li {padding: 0 26px;}
    .mobile-menu-logo-t {display:none;}
}