body, html {width: 100% }

.sb-close, .sb-open-left, .sb-toggle-left, html.sb-active #sb-site {cursor: pointer}

html.sb-scroll-lock.sb-active:not(.sb-static) {overflow: hidden }
html {height: 100%; -webkit-tap-highlight-color: transparent }
body {min-height: 100%; height: auto; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.por {position: relative }
.header.nav-fix {height: auto; position: fixed; left: 0; right: 0; top: 0; transition: all 0s ease 0s; width: 100%; z-index: 9; margin-top: 0; background-color:#fff;    -webkit-box-shadow: 0 8px 8px -2px rgba(212,212,212,.5); -moz-box-shadow: 0 8px 8px -2px rgba(212,212,212,.5); box-shadow: 0 8px 8px -2px rgba(212,212,212,.5); -webkit-transition: left .4s ease; -moz-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; }
.sb-active-left  .header.nav-fix{left: 270px;}

.mm-viewall-link{padding:0px 10px 10px;}

@media only screen and (min-width:1024px) and (max-width:2000px) {
    .sb-scroll-lock.sb-active body {padding-right: 17px } 
 }

.overlay {background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; display: none }
.sb-active .overlay {display: block }
#sb-site, .sb-site-container {z-index: 1; width: 100%; position: relative; z-index: 1; background-color: #fff; margin: 0 auto; min-width: 320px; padding: 0 }

@media (max-width:1024px) {
    #sb-site, .sb-site-container {padding: 0 }
}

#sb-site:after, #sb-site:before, .sb-site-container:after, .sb-site-container:before {content: ' '; display: table } #sb-site:after, #sb-site:before, .sb-site-container:after, .sb-site-container:before {clear: both }
.sb-slidebar {height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 9999; display: none; background-color: #fff; padding: 0; color: #000 }
.sb-left {left: 0 }
.sb-slidebar.sb-static, html.sb-static .sb-slidebar {position: absolute }
.sb-slidebar.sb-active {display: block; -webkit-box-shadow:-1px -1px 8px 0 rgba(0, 0, 0, .75); -moz-box-shadow: -2px -1px 5px 0 rgba(0, 0, 0, .75); box-shadow: -2px -1px 5px 0 rgba(0, 0, 0, .75) }
.sb-style-overlay {z-index: 9999 }
.sb-momentum-scrolling {-webkit-overflow-scrolling: touch }
/*.sb-slidebar {width: 30% }*/
.sb-width-thin {width: 15% }
.sb-width-wide {width: 45% }
#sb-site, .sb-site-container, .sb-slide, .sb-slidebar {-webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; transition: transform .4s ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden }
.menu-hd {display: none }
.dash-qd-rny-search-cart #sb-site {display: block }
.menu {display: flex; justify-content: space-between; }
.menu>li {padding: 25px 0px; margin: 0; }
.menu>li a.f1-link {display: block; text-align: center; z-index: 11 }
.menu>li a.f1-link span {display: inline-block; border-bottom: 2px solid #fff; color: #000; font-size: 14px; text-transform: uppercase; line-height: normal; padding: 7px 0px; font-weight: 700; }
.menu-inner {position: absolute; left: 0; right: 0; width: 100%; z-index: 9; top: 100%; display: none; margin: 0; background-color: #fff } .menu-inner .menu-inner-sub,
.menu-inner .qd-megamenu {padding: 30px 0 }
.menu-inner .menu-inner-sub {padding: 20px }
.megamenu-title {font-size: 16px; font-weight: 700; color: #000; margin: 0; padding: 10px 0; border-bottom: 1px solid #e2e2e2 }
.qd-megamenu-container-links {padding: 5px 0 }
.qd-megamenu-container-links>li {margin: 0; padding: 5px 0 }
.qd-megamenu-container-links>li>a {font-size: 14px; color: #000; text-transform: capitalize }
.qd-megamenu-container-links>li.viewall>a {text-decoration: underline } 
.qd-megamenu-container-links>li.viewall>a:hover {text-decoration: none }
.qd-megamenu-container-links>li>a:hover {color: #337ab7 }
.qd-simple-menulinks {position: relative !important }
.qd-simple-menulinks>.menu-inner {width: 250px; background-color: #fff }
.qd-simple-menulinks>.menu-inner.inner_menu1 {left: auto; width: 450px }
.qd-simple-menulinks>.menu-inner.inner_menu1 .menu-inner-sub {float: left; width: 100% }
.qd-simple-menulinks ul {float: none; width: 100%; padding: 0 }
.qd-simple-menulinks>.menu-inner.inner_menu1 ul {padding: 5px 0 }
.qd-simple-menulinks>.menu-inner.inner_menu1 .all-brand-wrap {margin: 15px 0 0; text-align: left; float: left; width: 100% }
.qd-simple-menulinks>.menu-inner.inner_menu1 .all-brand-wrap .bletters.disabled {color: #ccc; pointer-events: none }
.qd-simple-menulinks>.menu-inner.inner_menu1 .all-brand-wrap a {width: 27px; height: 27px; line-height: 25px; font-size: 14px }
.qd-simple-menulinks>.menu-inner.inner_menu1 .view-brand-btn {text-transform: capitalize; color: #000; font-size: 14px; text-decoration: underline }
.qd-simple-menulinks>.menu-inner.inner_menu1 .view-brand-btn:hover {text-decoration: none; color: #337ab7 }

@media (min-width:1025px) {
    .menu>li:hover a.f1-link span {border-bottom-color: #000 }
    .menu>li:hover .menu-inner {display: block }
    .menu>li.last .menu-inner {right: 0; left: auto }
    .menu-inner {-webkit-box-shadow: inset 0 8px 8px -2px rgba(212, 212, 212, .5); -moz-box-shadow: inset 0 8px 8px -2px rgba(212, 212, 212, .5); box-shadow: inset 0 8px 8px -2px rgba(212, 212, 212, .5) }
    a.showarrow {display: none }
    .menu-inner .menu-inner-sub, .menu-inner .qd-megamenu {box-shadow: 0 2px 5px #ddd; -webkit-box-shadow: 0 2px 5px #ddd; -moz-box-shadow: 0 2px 5px #ddd; box-shadow: 0 2px 5px #ddd }
}

@media (max-width:1024px) {
    .sb-toggle-left{display: inline-block;}
    .rny-navigation  #sb-site {display: none; }
    .sb-active-left .menu-hd {background-color: #000; font-family: pt_sansbold } 
    .sb-active-left .menu-hd>ul {display: table; width: 100% }
    .sb-active-left .menu-hd>ul>li.qd-signin {border-right: 1px solid #fff }
    .sb-active-left .menu-hd>ul>li {display: table-cell; text-align: center } 
    .sb-active-left .menu-hd>ul>li>a {color: #fff; text-transform: uppercase; padding: 10px 15px; display: block }
    .sb-active-left .menu-hd>ul>li>a>i {font-size: 17px; padding-right: 5px } 
    .menu-inner {position: relative; left: auto; right: auto; top: auto; width: 100% !important; border-bottom: 1px solid #ccc } 
    .menu-inner .menu-inner-sub, .menu-inner .qd-megamenu {padding: 5px 15px;}
    .menu {display: block }
    .menu>li {display: block; margin-bottom: 0; position: relative !important; width: 100% }
    .menu>li a.f1-link {width: 100%; text-align: left }
    .menu>li a.f1-link span {display: block; font-size: 16px; padding: 12px 44px 12px 15px; border-bottom: 1px solid #ccc }
    .menu>li:hover .menu-inner {display: none }
    .menu>li.active>.menu-inner, .menu>li.active>div>.menu-inner {display: block }
    .qd-simple-menulinks>.menu-inner.inner_menu1 {float: left; width: 100% }
    .qd-simple-menulinks>.menu-inner.inner_menu1 .view-brand-btn {margin: 0 0 10px; display: inline-block }
    a.showarrow {cursor: pointer; position: absolute; right: 0; top: 0; height: 44px; width: 44px; z-index: 12; border-left: 1px solid #ccc }
    a.showarrow:before {content: "";  display: block; position: absolute; z-index: 12; width: 16px; height: 16px; top: 50%; left: 50%; margin: -8px 0 0 -8px; background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_58_17579)"><path d="M4.0012 0.411216C3.71404 0.681942 3.70335 1.1348 3.97334 1.42053L9.93705 7.7157L3.97337 14.0101C3.70264 14.2959 3.71407 14.748 4.00123 15.0194C4.28766 15.2909 4.73982 15.2787 5.01125 14.9923L11.44 8.20641C11.57 8.06927 11.6357 7.89212 11.6357 7.7157C11.6357 7.53927 11.57 7.36142 11.44 7.22425L5.01125 0.438374C4.73979 0.151916 4.28766 0.139787 4.0012 0.411216Z" fill="black"/></g><defs><clipPath id="clip0_58_17579"><rect width="15" height="15" fill="white" transform="translate(0.206543 15.2153) rotate(-90)"/></clipPath></defs></svg>') no-repeat center center;}    
    .menu li.active a.showarrow:before {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
    .sb-slidebar.sb-left {display: block; -webkit-transform: translate(-270px); -moz-transform: translate(-270px); -o-transform: translate(-270px); transform: translate(-270px) } 
    .sb-slidebar.sb-left.sb-active {-webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0) }
    .sb-init .page-wrapper {position: relative; left: 0; -webkit-transition: left .4s ease; -moz-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease }
    .sb-init.sb-active-left .page-wrapper {left: 270px; /*-webkit-backface-visibility: hidden; overflow: hidden;*/ position: relative; -webkit-transition: left .4s ease; -moz-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease }
    .section-item-title.nav-sections-item-title.active {display: none !important }
    .nav-sections-item-content {float: none !important; margin: auto !important; padding: 0 !important; width: auto !important }
    .nav-sections-item-title {display: none !important }
    .svg-close{display: none;}
    .sb-active-left .sb-toggle-left .svg-close{display: inline-block;}
    .sb-active-left .sb-toggle-left .svg-menu{display: none;}
    .qd-megamenu .qd-megamenu-container{width: 100%;}
    .mm-viewall-link{padding: 10px;}
    .mm-viewall-link a{text-decoration: underline; color: #000; font-weight: 500; }
    .mm-viewall-link a:hover{text-decoration: none;}

    .header.content{background: #fff;}
    .sb-active-left  .page-wrapper:before{background: #000; content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; opacity: 0.7; z-index: 99;}
    .sb-active-left .page-header{z-index: inherit;}
    .sb-active-left .header.content{position: relative; z-index: 99;}
    .sb-active-left .header.content.nav-fix{position: fixed;}
}

@media (max-width:1105px) {
	.menu {table-layout: auto } 
}