.mobileMenu{z-index:9999;background:#76977c;width:300px;height:100vh;transition:all .3s;position:fixed;top:0;left:-300px;overflow:auto scroll;box-shadow:0 10px 40px #3232321a}.responsivemenu .card-body{background:#76977c}.mobileMenu h2{padding-left:20px}.mobileMenu.show{left:0}.showmenu{z-index:999;cursor:pointer;position:relative;top:0}.responsivemenu{padding-top:10px;padding-left:0;list-style:none}.responsivemenu li a,.responsivemenu li p{letter-spacing:0;text-transform:capitalize;color:#fff;cursor:pointer;padding:13px 35px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;display:block}.responsivemenu li p{margin-bottom:0;position:relative}.responsivemenu ul{list-style:none}.responsivemenu .card{border:none}.responsivemenu .card-body{padding-top:0}.responsivemenu .card-body li{background:#6a4e52}.responsivemenu li a{position:relative}.responsivemenu li i{position:absolute;top:17px;right:20px}.showmenu i{color:#fff;font-size:30px}.mobileMenu,.showmenu{display:none}@media (max-width:992px){.showmenu{text-align:center;border-radius:5px;width:40px;height:36px;line-height:40px;display:block}.showmenu button:focus{box-shadow:none;outline:none}.showmenu button span{background-color:#fff;width:20px;height:2px;margin:0 auto 5px;display:block}.mobileMenu{display:block}}.middle-header-3 .showmenu{top:36px}.middle-header2 .showmenu{top:26px}.middle-header-3 .showmenu i{color:#fff}@media (max-width:450px){.mobileMenu{width:240px;left:-240px}.responsivemenu li a,.responsivemenu li p{padding:13px 25px;font-size:14px}}.responsivemenu a:not([href]):not([class]),.responsivemenu a:not([href]):not([class]):hover{color:#ddd}