.bar-btn{display: none;position:absolute;right:10px;top:10px;width:40px;height:40px;border:none;outline:none;border-radius:10px;background-color: rgba(0,0,0,.3);color:#fff}.bar-btn:focus{outline:none}.bar-btn i{display: flex;justify-content: center;align-items: center}#responsive-logo{display: none;top:5px;height:45px !important}#responsive-logo img{height:45px !important}@media only screen and (max-width: 992px){.bar-btn{display: inline}#responsive-logo{display: inline}#top-logo{display: none}.desktop-menu{display:none}#top-header{display: none !important}#login-container{left: 0 !important}}@media only screen and (max-width: 520px){.top-header{padding: .5rem .2rem !important}}@media only screen and (max-width: 430px){.profile-top-login{font-size: 12px !important;padding: 2px !important;margin:0 !important;width:100px !important}.search-text{width: 313px}}.overlay{display: none;position: fixed;top: 0px;right: 0px;width: 100%;height: 100%;background-color: rgba(125, 125, 125, 0.5);z-index: 1000004}.nav-btn{cursor: pointer;display: inline-block;width: 40px;height: 40px;line-height: 38px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;position: absolute;top: 100px;right: 10px}.nav-btn.nav-slider{float: right}.nav-btn.nav-slider span.linee1{background: #666666;height: 3px;width: 25px;position: absolute;right: 13px;top: 10px}.nav-btn.nav-slider span.linee2{background: #666666;height: 3px;width: 25px;position: absolute;right: 13px;top: 18px}.nav-btn.nav-slider span.linee3{background: #666666;height: 3px;width: 25px;position: absolute;right: 13px;top: 26px}.nav-btn i{vertical-align: middle}.header-menu{float: left}.header-menu ul{height: 64px}.header-menu ul li{display: block;position: relative;float: right;margin: 0;padding: 0 12px 0 0;line-height: 64px}.header-menu ul li a{color: #333;padding: 4px;position: relative;padding-left: 24px;font: 14px iranyekan;text-decoration: none;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}.header-menu ul li a i{margin-right: 5px;font-size: 24px;position: absolute;left: 0;top: -16px}@media only screen and (max-width: 1024px){header .header-categories{display: none}}@media only screen and (max-width: 480px){header .header-inner{padding: 0 12px;text-align: center}header .header-logo{float: right;padding-right: 0;padding-left: 0px}}.sidebar{overflow-y: auto;position: fixed;top: 0px;right: -290px;width: 290px;height: 100%;color: #fff;background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0.9;z-index: 50000000;font-size:16px}.sidebar .nav-header{display: block;height: 90px}.sidebar .nav-header img.pic-header{position: absolute;z-index: -1}.sidebar .nav-header .header-cover{position: absolute;width: 100%;top: 0;height: 65px;background-color: #fff;z-index: -1}.sidebar .nav-header .logo-wrap{padding: 1.2em 0;text-align: right;width: 130px;margin-right: 25px}.sidebar .nav-header .logo-wrap img{width:130px}.sidebar .nav-header .logo-wrap .logo-icon{display: inline-block;text-decoration: none}.sidebar .nav-header .logo-wrap .logo-icon img{display: block;width: 130px}.sidebar .nav-header .logo-wrap .logo-text{display: inline-block;color: #fff;font-size: 15px;vertical-align: 12px;margin-right: 8px;text-decoration: none;position: absolute;top: 55px;right: 15px}.sidebar .nav-categories{margin-top: 25px;padding:0 !important}.sidebar .nav-categories li{display: block;position: relative;text-align: right;padding:0px !important;width:100%}.sidebar .nav-categories > li{border-bottom: 1px solid #c1c1c1}.sidebar .nav-categories li::before{position: absolute;left: 7px;top: 11px;color: #333;font-size: 24px}.sidebar .nav-categories li a{display: block;width: calc(100% - 10px) !important;color: #666666;padding: 5px 0;text-decoration: none;font-size: 15px;margin:0 5px 0 0;-webkit-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;background: none}.sidebar .nav-categories li a:hover{color: #333;font-weight: 700;-webkit-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease}.sidebar.open{right: 0px;-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.275);border-radius: 1rem 0;box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.65);opacity: 1}.sidebar > ul > li > a{font-size: 16px;display: block;padding: 7px 20px;background: #ffffff;color: #757575 !important;font-weight: bold}.sidebar > ul > li > ul > li > a{font-size: 16px;display: block;padding: 7px 40px;background: #f5f5f5;color: #757575 !important}.sidebar a{cursor: pointer}.sidebar > ul > li{position: relative}.sidebar ul li a.category-level-2{margin-right: 10px;width: 70%}.sidebar ul li ul li a.category-level-3{margin-right: 10px !important;width: 68%;font-weight: 300;font-size:12px}.sidebar > ul > li.has-sub > a::before{position: absolute;content: "";width: 10px;height: 2px;background: #757575 !important;right: 30px;top: 15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}.sidebar > ul > li ul > li.has-sub > a::after{position: absolute;content: "";width: 2px;height: 10px;background: #757575 !important;right: 2px;top: 13px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}.sidebar > ul > li ul > li.has-sub > a::before{position: absolute;content: "";width: 10px;height: 2px;background: #757575 !important;right: -2px;top: 17px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}.sidebar > ul > li.has-sub > a::after{position: absolute;content: "";width: 2px;height: 10px;background: #757575 !important;right: 0px !important;top: 11px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}.sidebar > ul > li.has-sub.open > a::before{transform: rotate(45deg)}.sidebar > ul > li.has-sub.open > a::after{transform: rotate(45deg)}.sidebar > ul li ul > li.has-sub.open > a::before{transform: rotate(45deg)}.sidebar > ul li ul > li.has-sub.open > a::after{transform: rotate(45deg)}.sidebar ul ul{background: #fff;width: 100%;margin-right: 10px !important;padding:0 !important}.sidebar ul ul ul{display: none;background: #fff;width: 100%}.sidebar > ul li i{float: left;transition: all 300ms ease;width: 25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;background: #f1f1f1;color: #666666;font-size: 20px;position:absolute;top: 7px;left: 3px}.sidebar > ul li a[aria-expanded="true"] i{transform: rotate(180deg);transition: all 300ms ease;color: #666666}.main{width: 1300px;height: auto;background: aliceblue;margin: 0 auto}.clear{clear: both}.content{width: 900px;height: 400px;background: deepskyblue;float: left}.bottom-menu-joomy{position: fixed;bottom: 0px;left: 0;z-index: 99;width: 100%;height: 60px;background: linear-gradient(180deg, rgb(255 255 255) 40%, #651fff 130%);text-align: center;box-shadow: 0 -1px 7px rgb(0 0 0 / 37%);display: none}.bottom-menu-joomy ul li{display: inline-block;margin-top: 0}.bottom-menu-joomy ul li a{color: #424242;display: inline-block;padding: 2% 4px;position: relative;font-size: 10px}.bottom-menu-joomy ul li a i{display: block;font-size: 25px}.bottom-menu-joomy ul li a .shopping-bag-item{position: absolute;top: -3px;right: 0;color: #fff;background: #651fff;border-radius: 3.75rem;font-weight: 500;font-size: 12px;z-index: 5;vertical-align: middle;width: 20px;height: 20px;line-height: 21px;text-align: center}.bottom-menu-joomy ul li a .nav-btn{top: -40px !important}@media (max-width: 1300px){.nav-btn{display: block}}