.responsive_btn{--area:40px;--minusLine:6px;cursor:pointer;text-align:center;width:var(--area);height:var(--area);z-index:20;background:var(--white-color);border-radius:3px;transition:all .3s ease-in-out;position:relative}.responsive_btn span{height:2px;width:calc(var(--area) / 2);margin:-1px auto;display:block;position:relative;top:50%}.responsive_btn span:before,.responsive_btn span:after{content:"";width:100%;height:100%;display:inline-block;position:absolute;left:0}.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after{background:var(--primary-color);border-radius:1px;transition:all .3s ease-in-out}.responsive_btn span:before{top:var(--minusLine)}.responsive_btn span:after{bottom:var(--minusLine)}.responsiveOffcanvas .btn-close{filter:brightness(0)invert();opacity:1}.responsiveNav{--height:144px;height:calc(100dvh - var(--height));overflow:hidden auto}.responsiveOffcanvas .offcanvas-body{overflow:hidden}.responsiveNav .menu-item{border-bottom:1px solid #767676}.responsiveNav .menu-item a{font:500 17px / 1.5 var(--font-primary);padding:10px var(--bs-offcanvas-padding-x);display:block}.responsiveOffcanvas .social{background:var(--secondary-color);padding:10px var(--bs-offcanvas-padding-x)}.responsiveOffcanvas{touch-action:pan-y}.responsiveOffcanvas .offcanvas-body{-webkit-overflow-scrolling:touch;overflow-y:auto}@media only screen and (max-width:767px){.responsiveNav .menu-item a{font-size:16px}}@media only screen and (max-width:479px){.responsiveOffcanvas.offcanvas{--bs-offcanvas-width:300px}.responsive_logo img{max-width:160px;height:auto}.responsiveNav{--height:129px}.responsiveNav .menu-item a{font-size:15px}.responsive_btn{--area:36px}}