.sidenav{height:100%;width:100%;max-width:620px;position:fixed;z-index:11;top:0;background-color:#fff;overflow-x:hidden;transform:translateX(768px);transition:all .5s ease-in-out;right:0}
.sidenav:target{visibility:visible;opacity:1;-webkit-transition-delay:0;transition-delay:0;z-index:11}
.close-popup{background:rgba(0,0,0,0.7);cursor:default;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0,visibility 0 linear 0;transition:opacity 0,visibility 0 linear 0}
.close-popup.active{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;z-index:1}
.sidenav.active{transform:translateX(0)}
.sidenav.active::-webkit-scrollbar{display:none}
.sidenav .header{background-color:#f5f7f9;padding:19px 20px 18px 20px;margin-bottom:44px}
.sidenav .header h2{display:inline-block;font-family:"Poppins-SemiBold";font-size:16px;font-weight:600;color:#333;line-height:normal}
.sidenav .header .icon-arrow-left{display:none}
.sidenav .header .icon-cross{display:block;float:right;padding:5px;color:#000;transition:color .3s;font-size:13px;line-height:.6em;font-weight:bold}
.sidenav .icon-cross:hover{color:#f5822e}
.sidenav .pincode-search-wrapper{padding:0 20px}
.sidenav form .input-box{position:relative}
.sidenav form .input-box span{font-family:"Poppins-Regular";font-size:12px;line-height:normal;color:#252525}
.sidenav form .input-box input{font-family:"Poppins-Regular";border:0;border-bottom:1px solid #252525;padding-bottom:7px;width:100%;font-size:16px;line-height:normal;color:#252525}
.sidenav form .input-box input::placeholder{font-family:"Poppins-Regular";font-size:16px;line-height:normal;color:#8c8c8c}
.sidenav form .input-box a{position:absolute;right:0;bottom:7px;font-family:"Poppins-SemiBold";font-size:14px;font-weight:600;line-height:normal;color:#f5822e;text-transform:uppercase}
.sidenav form .input-box .drawer-locatebtn-disabled{position:absolute;right:0;bottom:7px;font-family:"Poppins-SemiBold";font-size:14px;font-weight:600;line-height:normal;color:#f5822e;text-transform:uppercase}
.sidenav form button{width:100%;max-width:492px;height:40px;margin:40px auto 0 auto;padding:10px 120px 10px 121px;border-radius:20px;background-color:#f5822e;font-family:"Poppins-Bold";font-size:14px;font-weight:bold;line-height:normal;text-align:center;color:#fff;text-transform:uppercase}
.sidenav form button.find{display:block}
.sidenav .cities-wrapper{padding:0 20px;margin-top:52px;justify-content:unset;column-gap:32px;row-gap:52px}
.sidenav .cities-wrapper .city-box .city-box-inner{margin-top:0 !important}
.sidenav form{display:flex;flex-direction:column}
@media only screen and (max-width:767.69px) and (min-width:320px){.sidenav{max-width:100%}
.sidenav .header{padding:19px 16px 18px 16px;margin-bottom:32px}
.sidenav .header h2{font-family:"Poppins-Medium";color:#252525}
.sidenav .header .icon-cross{display:none}
.sidenav .header .icon-arrow-left{display:inline-block;color:#000;transition:color .3s;font-size:13px;margin-right:12px}
.sidenav .icon-arrow-left:hover{color:#f5822e}
.sidenav .pincode-search-wrapper{padding:0 16px}
.sidenav form .input-box input{border:0;border-bottom:1px solid #252525;padding-bottom:9.5px;font-size:14px;color:#8c8c8c}
.sidenav form .input-box span{font-size:10px}
.sidenav form .input-box input::placeholder{font-size:14px}
.sidenav form .input-box a{bottom:10.5px;font-size:12px;text-transform:capitalize}
.sidenav form button{width:100%;max-width:288px;margin:20px auto 0 auto;padding:10px 120px 10px 121px;font-size:12px;font-weight:bold}
.sidenav .cities-wrapper{padding:0 16px;margin-top:32px;column-gap:16px;row-gap:24px;grid-template-columns:1fr 1fr 1fr}
.sidenav .cities-wrapper .city-box .city-box-inner{min-height:84px;max-width:98px}
.sidenav .cities-wrapper .city-box:nth-child(1) .city-box-inner{padding:19px 17px 15px}
.sidenav .cities-wrapper .city-box:nth-child(2) .city-box-inner{padding:13px 26.3px 14px 25px}
.sidenav .cities-wrapper .city-box:nth-child(3) .city-box-inner{padding:15px 20px 14px 20px}
.sidenav .cities-wrapper .city-box:nth-child(4) .city-box-inner{padding:15px 17px 14px}
.sidenav .cities-wrapper .city-box:nth-child(5) .city-box-inner{padding:7px 16px 12px 17px}
.sidenav .cities-wrapper .city-box:nth-child(6) .city-box-inner{padding:15px 28px 15px 27px}
.sidenav .cities-wrapper .city-box span{font-size:14px;margin-top:12px}
}
@media only screen and (min-width:768px) and (max-width:1024px){.sidenav{width:50%}
.sidenav .cities-wrapper .city-box:nth-child(1) .city-box-inner{padding:19px 17px 15px}
.sidenav .cities-wrapper .city-box:nth-child(2) .city-box-inner{padding:13px 26.3px 14px 25px}
.sidenav .cities-wrapper .city-box:nth-child(3) .city-box-inner{padding:15px 20px 14px 20px}
.sidenav .cities-wrapper .city-box:nth-child(4) .city-box-inner{padding:15px 17px 14px}
.sidenav .cities-wrapper .city-box:nth-child(5) .city-box-inner{padding:7px 16px 12px 17px}
.sidenav .cities-wrapper .city-box:nth-child(6) .city-box-inner{padding:15px 28px 15px 27px}
}