.tyvek-editable-page ul.component-navigation--items-top li:nth-of-type(5){display:none}
@media(min-width:1790px){.transparent-white-backgound .container{margin-left:7%;padding-left:0 !important}
}
@media(min-width:1560px) and (max-width:1790px){.transparent-white-backgound .container{margin-left:6%;padding-left:0 !important}
}
@media(max-width:1400px){.videomodalforvideopopupgallery .modal-dialog{margin-top:-4em}
}
.container{padding:0;margin-left:auto;margin-right:auto;max-width:1440px}
@media screen and (min-width:1024px){.container{padding:0 94px;max-width:1440px}
}
ul.cols-2{column-count:2;column-gap:40px}
.list-item-img{height:55px}
html{overflow-y:scroll}
body{margin:0;padding:72px 0 0}
@media screen and (min-width:1024px){body{padding:88px 0 0}
}
@media(max-width:768px){.component .mobile-show-logo img{width:103px !important}
}
.component nav{position:relative;transition:top 2s ease 0}
.component-navigation{background-color:#fff;box-shadow:0 2px 5px -3px rgba(0,0,0,0.3);position:fixed;top:0;width:100%;z-index:99}
.component-navigation nav{transition:top 700ms ease;top:0}
.component-navigation.scroll-out nav{top:-94px}
.component-navigation.scroll-in{transition:all 500ms ease;top:0}
.component-navigation--logo{height:71px;position:relative}
@media screen and (min-width:1024px){.component-navigation--logo{height:88px}
}
.component-navigation--logo>a{display:block;width:120px;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;z-index:3}
.component-navigation--logo>a img{width:100%}
@media screen and (min-width:1024px){.component-navigation--logo>a{width:calc(108px  - ( 23  * (1px - ((100vw -  1024px ) / 416))));left:0;transform:translateY(-50%)}
}
@media screen and (min-width:1440px){.component-navigation--logo>a{width:108px}
}
.component-navigation--logo .hamburger{left:18px;padding:15px;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:1;-webkit-user-select:none;user-select:none}
@media screen and (min-width:1024px){.component-navigation--logo .hamburger{display:none}
}
.component-navigation--logo .hamburger input{display:block;width:30px;height:20px;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
.component-navigation--logo .hamburger.open>span{opacity:1;transform:rotate(45deg) translate(-7px,-13px);background:#232323}
.component-navigation--logo .hamburger.open>span:nth-last-child(3){opacity:0;transform:rotate(0) scale(0.2,0.2)}
.component-navigation--logo .hamburger.open>span:nth-last-child(2){transform:rotate(-45deg) translate(-5px,14px)}
.component-navigation--logo .hamburger span{display:block;width:33px;height:2px;margin-bottom:6px;position:relative;background:#000;border-radius:3px;z-index:1;transform-origin:4px 0}
.component-navigation--logo .hamburger span:first-child{transform-origin:0 0}
.component-navigation--logo .hamburger span:nth-last-child(2){transform-origin:0 100%}
.component-navigation--logo .hamburger span:last-child{margin-bottom:0}
.component-navigation--logo .search-icon{right:33px;top:50%}
@media screen and (min-width:1024px){.component-navigation--logo .search-icon{display:none}
}
.component-navigation--logo .hamburger,.component-navigation--logo .profileClose{left:18px;padding:15px;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:1;-webkit-user-select:none;user-select:none}
@media screen and (min-width:1024px){.component-navigation--logo .hamburger,.component-navigation--logo .profileClose{display:none}
}
.component-navigation--logo .hamburger input,.component-navigation--logo .profileClose input{display:block;width:30px;height:20px;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
.component-navigation--logo .hamburger.open>span,.component-navigation--logo .profileClose.open>span{opacity:1;transform:rotate(45deg) translate(-7px,-13px);background:#232323}
.component-navigation--logo .hamburger.open>span:nth-last-child(3),.component-navigation--logo .profileClose.open>span:nth-last-child(3){opacity:0;transform:rotate(0) scale(0.2,0.2)}
.component-navigation--logo .hamburger.open>span:nth-last-child(2),.component-navigation--logo .profileClose.open>span:nth-last-child(2){transform:rotate(-45deg) translate(-5px,14px)}
.component-navigation--logo .hamburger span,.component-navigation--logo .profileClose span{display:block;width:33px;height:2px;margin-bottom:6px;position:relative;background:#000;border-radius:3px;z-index:1;transform-origin:4px 0}
.component-navigation--logo .hamburger span:first-child,.component-navigation--logo .profileClose span:first-child{transform-origin:0 0}
.component-navigation--logo .hamburger span:nth-last-child(2),.component-navigation--logo .profileClose span:nth-last-child(2){transform-origin:0 100%}
.component-navigation--logo .hamburger span:last-child,.component-navigation--logo .profileClose span:last-child{margin-bottom:0}
.component-navigation--logo .search-icon>a{position:absolute;right:33px;top:50%;transform:translateY(-50%)}
.component-navigation--logo .search-icon img{width:28px}
.component-navigation--logo .search-icon>ul{position:fixed;display:none;background:white;top:71px;left:0;width:100%;z-index:9999;height:calc(100vh - 71px);overflow:auto;padding:30px 33px;list-style:none}
.component-navigation--logo .search-icon li{list-style:none;margin:0 0 15px 0;display:block}
@media screen and (min-width:1024px){.component-navigation--logo .search-icon{display:none}
}
.component-navigation--logo .back{padding:15px;position:absolute;top:50%;left:18px;transform:translateY(-50%);cursor:pointer}
.component-navigation--logo .back[data-level="0"]{display:none}
@media screen and (min-width:1024px){.component-navigation--logo .back{display:none}
}
.component-navigation--items{position:relative;padding-left:33px;padding-right:33px;height:0;overflow:hidden}
.component-navigation--items p.helper{display:none}
.component-navigation--items p.helper a{display:none}
.component-navigation--items .subnav-list{padding:66px 20px 0 0;margin:0;list-style:none;position:absolute;top:0}
.component-navigation--items .subnav-list a.cta-red{display:none}
.component-navigation--items .subnav-list li a{color:#212121;font-family:'Diodrum Regular';line-height:1.3;display:inline-block;padding:10px 0}
.component-navigation--items .subnav-list li a.navigation-item{font-size:18px;opacity:0;margin-left:-80px;transition-property:opacity,margin-left;transition-duration:400ms;transition-timing-function:ease-out}
.component-navigation--items .subnav-list li a.navigation-item-sm{font-size:16px}
.component-navigation--items .subnav-list li ul{display:none}
.component-navigation--items-top,.component-navigation--items-bottom{padding:30px 0 0;margin:0;list-style:none}
.component-navigation--items-top li,.component-navigation--items-bottom li{display:block;line-height:1}
.component-navigation--items-top li a,.component-navigation--items-bottom li a{color:#212121;font-family:'Diodrum Regular';line-height:1.3;padding:10px 0;display:inline-block}
.component-navigation--items-top li a.navigation-item,.component-navigation--items-bottom li a.navigation-item{font-size:18px;opacity:0;margin-left:-80px;transition-property:opacity,margin-left;transition-duration:400ms;transition-timing-function:ease-out}
.component-navigation--items-top li a.navigation-item-sm,.component-navigation--items-bottom li a.navigation-item-sm{font-size:14px;line-height:1;padding:7px 0}
.component-navigation--items-top li a.navigation-item-sm img,.component-navigation--items-bottom li a.navigation-item-sm img{height:15px;display:inline-block;padding-left:8px}
.component-navigation--items-top li ul,.component-navigation--items-bottom li ul{display:none}
.component-navigation--items-bottom{opacity:0;padding-top:20px;transition-delay:1s;transition-property:opacity;transition-duration:500ms;transition-timing-function:ease-in-out}
@media screen and (min-width:1024px){.component-navigation--items{height:auto;overflow:visible;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%}
.component-navigation--items p.helper{position:relative;margin-top:45px;border-top:1px solid #e1e1e1;padding:40px 0 0;display:none;font-family:'Diodrum Regular';font-size:14px}
.component-navigation--items p.helper a{color:#000;font-family:'Diodrum Medium'}
.component-navigation--items p.helper a:hover{color:#e4001c}
.component-navigation--items-top,.component-navigation--items-bottom{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:none}
.component-navigation--items-top li,.component-navigation--items-bottom li{display:inline-block;padding-top:0;padding-bottom:0;padding-left:calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416))));padding-right:calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416))))}
.component-navigation--items-top li:first-child,.component-navigation--items-bottom li:first-child{padding-left:calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))))}
.component-navigation--items-top li .hover,.component-navigation--items-bottom li .hover{background-color:transparent;width:90%;height:1px;margin:0 auto}
.component-navigation--items-top li a.navigation-item,.component-navigation--items-bottom li a.navigation-item{opacity:1;margin-left:0;color:#212121;font-family:'Diodrum Regular';line-height:18px;font-size:calc(14px  - ( 2  * (1px - ((100vw -  1024px ) / 416))));transition-property:none;padding:0;text-decoration:none}
.component-navigation--items-top li a.navigation-item-sm,.component-navigation--items-bottom li a.navigation-item-sm{font-size:calc(12px  - ( 1  * (1px - ((100vw -  1024px ) / 416))));padding:0;line-height:1}
.component-navigation--items-top li a.navigation-item-sm.search,.component-navigation--items-bottom li a.navigation-item-sm.search{position:relative;padding-left:25px;display:inline-block;height:15px}
.component-navigation--items-top li a.navigation-item-sm.search img,.component-navigation--items-bottom li a.navigation-item-sm.search img{position:absolute;left:0;padding-left:0;top:-2px;height:15px}
.component-navigation--items-top li .navigation-item-contain.active .hover,.component-navigation--items-bottom li .navigation-item-contain.active .hover{background-color:#e4001c}
.component-navigation--items-top li .navigation-item-contain:hover .hover,.component-navigation--items-bottom li .navigation-item-contain:hover .hover{background-color:#e4001c}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub{display:block;position:absolute;width:auto;top:25px;background-color:#fff;padding:50px 50px 15px 30px;margin-left:-30px;left:auto}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper{display:block}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper a,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper a{display:inline-block}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel{padding:80px 94px 85px 94px;margin-left:0;left:-94px;width:-moz-max-content;width:-webkit-max-content;width:-o-max-content;width:-ms-max-content;width:max-content}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container{width:-moz-max-content;width:-webkit-max-content;width:-o-max-content;width:-ms-max-content;width:max-content}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul{vertical-align:top;padding-right:50px}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item{font-size:20px !important}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header{pointer-events:none}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul{display:inline-block}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li{display:block;padding:10px 0}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item{font-size:14px !important;pointer-events:all;white-space:nowrap}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover{color:#e4001c}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li:first-child,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li:first-child{padding-left:0}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub{padding:20px 0 50px 0;position:relative;top:0;left:30px}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red{display:none;color:#e4001c;display:inline-block;font-family:'Diodrum Medium';margin-top:40px;padding:10px 0 0;position:absolute;bottom:0}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1{min-width:150px;column-count:1;column-gap:40px}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2{column-count:2;column-gap:40px}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3{column-count:3;column-gap:40px}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li{padding:10px 0}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item{font-size:14px !important;text-decoration:none}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover{color:#e4001c}
.component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li ul{display:block}
.component-navigation--items-top{padding:0;left:0}
.component-navigation--items-bottom{left:auto;right:0;padding-top:0;opacity:1}
.component-navigation--items-bottom li{padding:0 calc(15px  - ( 5  * (1px - ((100vw -  1024px ) / 416))))}
.component-navigation--items-bottom li:first-child{border-right:1px solid rgba(42,44,45,0.6);padding-left:26px}
}
@media screen and (min-width:1440px){.component-navigation--items{padding-left:0}
.component-navigation--items-top li,.component-navigation--items-bottom li{padding-left:25px;padding-right:25px}
.component-navigation--items-top a.navigation-item,.component-navigation--items-bottom a.navigation-item{font-size:14px !important}
.component-navigation--items-top a.navigation-item-sm,.component-navigation--items-bottom a.navigation-item-sm{font-size:12px !important}
.component-navigation--items-top li{padding-right:25px;padding-left:25px}
.component-navigation--items-top li:first-child{padding-left:175px}
.component-navigation--items-top li .subnav-list li{padding-left:0}
.component-navigation--items-bottom li{padding:0 17px}
}
.component-navigation.open{position:fixed;height:100vh;width:100%;overflow:auto}
.component-navigation.open .component-navigation--items{height:auto;min-height:calc(100vh - 75px);overflow:hidden}
.component-navigation.open .component-navigation--items .navigation-item{margin-left:0;opacity:1}
.component-navigation.open .component-navigation--items-bottom{opacity:1}
.component-navigation.open .component-navigation--items-bottom.out{transition-delay:0 !important;opacity:0}
.component-navigation.open .component-navigation--items .outleft{pointer-events:none}
.component-navigation.open .component-navigation--items .outleft .navigation-item{opacity:0;margin-left:-60px}
.component-navigation.open .component-navigation--items .outright{pointer-events:none}
.component-navigation.open .component-navigation--items .outright .navigation-item{opacity:0;margin-left:60px}
.component-navigation.open .component-navigation--logo .hamburger{left:auto;right:18px}
.component-navigation.open .component-navigation--logo .search-icon{display:none}
.component-navigation .delay-1{transition-delay:100ms}
.component-navigation .delay-2{transition-delay:200ms}
.component-navigation .delay-3{transition-delay:300ms}
.component-navigation .delay-4{transition-delay:400ms}
.component-navigation .delay-5{transition-delay:500ms}
.component-navigation .delay-6{transition-delay:600ms}
.component-navigation .delay-7{transition-delay:700ms}
.component-navigation .delay-8{transition-delay:800ms}
.component-navigation .delay-9{transition-delay:900ms}
.component-navigation .delay-10{transition-delay:1000ms}
.component-navigation .delay-11{transition-delay:1100ms}
.component-navigation .delay-12{transition-delay:1200ms}
.component-navigation .delay-13{transition-delay:1300ms}
.component-navigation .delay-14{transition-delay:1400ms}
.component-navigation .delay-15{transition-delay:1500ms}
.component-navigation .delay-16{transition-delay:1600ms}
.component-navigation .delay-17{transition-delay:1700ms}
.component-navigation .delay-18{transition-delay:1800ms}
.component-navigation .delay-19{transition-delay:1900ms}
.component-navigation .delay-20{transition-delay:2000ms}
.component-navigation .delay-21{transition-delay:2100ms}
.component-navigation .delay-22{transition-delay:2200ms}
.component-navigation .delay-23{transition-delay:2300ms}
.component-navigation .delay-24{transition-delay:2400ms}
.component-navigation .delay-25{transition-delay:2500ms}
.component-navigation .delay-26{transition-delay:2600ms}
.component-navigation .delay-27{transition-delay:2700ms}
.component-navigation .delay-28{transition-delay:2800ms}
.component-navigation .delay-29{transition-delay:2900ms}
.component-navigation .delay-30{transition-delay:3000ms}
.component-navigation--items-bottom li.global-logo{background:url("../../../../../../content/dam/dupont/amer/us/en/corporate/general/icons/nav-globe-icon.png") left center no-repeat}
.component-navigation--items-bottom li.global-logo a{padding-left:5px;padding-bottom:2px}
@media(max-width:1024px){.component-navigation--items-bottom li.global-logo a{padding-left:23px}
}
@media screen and (min-width:1024px){.crprate-hide-for-desk{display:none !important}
}
.component-navigation--items .subnav-list li:last-child a.cta-red.navigation-item{display:block;color:#e4001c;font-family:"Diodrum Medium"}
@media screen and (min-width:1400px) and (max-width:1440px){a.subsite-logo{margin-left:142px !important}
}
@media screen and (min-width:1024px){.component-navigation .container{padding-left:3em}
a.subsite-logo{margin-left:136px}
ul.component-navigation--items-top{padding-left:110px}
.mobile-show-logo{display:none}
.mobile-show-text{display:none}
}
@media screen and (max-width:1024px){a.desktop-logo{display:none}
a.subsite-text{display:none}
}
@media screen and (min-width:1024px){a.subsite-text{margin-left:136px;opacity:1;color:#212121;font-family:"Diodrum Regular";line-height:19px;transition-property:none;padding:0;text-decoration:none;font-size:16px;font-weight:bold;max-width:100px}
}
.toggle,[id^=drop]{display:none}
@media all and (min-width:1024px) and (max-width:1270px){.component-navigation--items-bottom .language{color:transparent}
.component-navigation--items-bottom a.search{color:transparent;left:3em}
.toggle{display:block;padding:14px 20px;color:#FFF;font-size:17px;text-decoration:none;border:0}
[id^=drop]:checked+ul{display:block;padding-top:0;margin-top:65px}
[id^=drop]:checked+ul li.navigation-solutionfinder,[id^=drop]:checked+ul li.global-logo{display:block}
[id^=drop]:checked+ul li{position:relative;bottom:15px;padding-bottom:12px}
[id^=drop]:checked+ul li:nth-child(1){border-right:0;padding-left:0;position:relative;left:62px;bottom:29px;top:-26px;top:-32px;padding-bottom:0;padding-left:10px}
.component-navigation--items label.toggle{float:right;margin-bottom:0;color:#000;font-size:14px;padding-bottom:unset;padding-top:3px;border-left:1px solid black}
ul.component-navigation--items-bottom.changeColor{background-color:white}
}
@media(min-width:786px){.transparent-white-backgound{background:linear-gradient(to right,#fff 0,#fff 13%,rgba(255,255,255,0.8) 13%,rgba(255,255,255,0.8) 100%);box-shadow:none}
.hero-carousel{margin-top:-6em}
.heroimage{margin-top:-6em}
.header{margin-top:-6em}
}
@media(max-width:786px){.mobile-show-logo{display:block !important;margin-bottom:-2em;padding-bottom:10px}
}
@media(max-width:990px){.mobile-show-text{display:block !important;margin-bottom:-2em;font-size:18px;font-weight:bold;padding-bottom:20px}
}
.hidecarouselplaybutton .videotrackplayinmodal{visibility:hidden !important}
.hidecarouselplaybutton .carousel-youtube-video{visibility:hidden !important}
.featured-block-expanded .featured-block-expanded--full-content ul{padding:0 0 0 25px}
@media(min-width:768px){.navigation-item-contain{margin-left:-1em}
}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon{padding-right:0 !important}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon img{max-width:24px}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul{position:absolute;width:max-content;top:35px;background-color:#fff;margin-left:-30px;right:0;padding:35px 30px 15px 30px;max-height:calc(100vh - 100px);overflow:auto}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li{border:none !important;display:block;padding:10px 0 !important}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li a{opacity:1;margin-left:0;color:#212121;font-family:'Diodrum Regular';line-height:18px;font-size:calc(14px  - ( 2  * (1px - ((100vw -  1024px ) / 416))));transition-property:none;padding:0;text-decoration:none}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li h5{margin:0}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li#businessUnit{padding:0 !important}
.component-navigation--logo .component-navigation--items-bottom .nav-user-icon:hover ul{display:block !important}
@media screen and (min-width:1023px){.component-navigation--logo .search-icon-user{display:none}
}
@media screen and (max-width:1023px){.component-navigation--logo .search-icon-user{display:block !important}
.component-navigation--logo .search-icon-user a img{width:28px;position:relative;left:85%;top:23px}
.component-navigation--logo .search-icon-user>ul{position:fixed;display:none;background:white;top:71px;left:0;width:100%;z-index:9999;height:calc(100vh - 71px);overflow:auto;padding:30px 33px;list-style:none}
.component-navigation--logo .search-icon-user li{list-style:none;margin:0 0 15px 0;display:block;text-decoration:none}
}
@media(min-width:425px) and (max-width:768px){.component-navigation--logo .search-icon-user a img{position:relative;left:90%}
}
@media screen and (max-width:1023px){.component-navigation--logo .search-icon-hide{display:none}
}
.component-navigation--logo .profileClose{display:none;left:10px !important;right:18px !important}
@media screen and (max-width:1023px){.open .search-icon-user{display:none !important}
}