.open-menu{top:20%;left:9%}#mobile-menu{position:fixed;top:0;left:0;height:100%;width:300px;z-index:999;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-close{margin-left:auto;margin-bottom:16px;border-radius:50%}.category{display:flex;grid-gap:20px;margin:14px auto auto;max-width:1250px;padding:0 25px}.hide-category{width:calc(100% - 25%)}.sidebar{width:250px;color:#000;box-sizing:border-box;flex:1;margin-top:-42px;z-index:10;position:relative}.carousel-root{flex:3}.sidebar h2{color:#fff;margin:0;background-color:#544df5;padding:6px 15px;font-size:18px;height:47px;border-radius:6px;position:relative;box-shadow:0 0 10px 1px rgba(0,0,0,.1)}.sidebar h2 .product{margin-left:5px}.sidebar ul{list-style-type:none;padding:0;box-shadow:0 0 4px 7px rgba(0,0,0,.1);display:block;position:absolute;background:#fff;width:100%;top:55px}.sidebar ul li{padding:10px;border-bottom:1px solid #ddd;position:relative}.sidebar ul li i{right:10px;position:absolute;bottom:14px;color:#999;font-size:18px}.sidebar ul li a{color:#000;text-decoration:none;display:block;transition:background-color .3s}.sidebar ul li:hover{background-color:#f4f7f9;cursor:pointer}.main-content{flex:1}@media (max-width:1090px){.sidebar h2 .product{display:none}}@media (max-width:800px){.hide-category{display:none}.sidebar h2 .product{display:inline}.sidebar{margin-top:0!important}.wes{display:none}.sidebar ul.visible{display:block}}@media only screen and (max-width:980px){#navigation>ul>li>a{padding:19px 14px!important}}@media only screen and (max-width:878px){#navigation>ul>li>a{padding:15px 10px!important;font-size:13px}}@media (max-width:768px){#mobile-menu,.open-menu{display:block}}@media (max-width:580px){.open-menu{left:24px}}