.mobile_menu{display: none;padding-left: 0px;position: relative;}
.sm_menu_outer.active .mobile_menu{display: block;}
.sm_menu_outer{height: calc(100vh - 60px);overflow-y: scroll;overflow-x: hidden;
  position: fixed;
  left: 0;
  top: 0px;
  padding-top: 60px;
  z-index: -9;
  width: 100%;
  opacity: 0;
  background-color:rgba(255,255,255,0.9);
  transition: all 0.2s ease-out 0.1s;
  /*-webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;*/
}
.sm_menu_outer.active{opacity: 1;z-index: 999;}
.sm_menu_outer .mobile_menu li.back a {padding: 10px 5px 10px 38px;background-size:18px!important;background: url(../images/back.png) no-repeat;/* padding-top: 12px; */background-position: left;margin-left: 14px;color: #fff}
.sm_menu_outer .mobile_menu a {color: #444;display: block;
  padding: 3px 15px;text-transform: capitalize;text-decoration: none;font-size: 17px;}
/*Sub Menu anim */
.sm_menu_outer .mobile_menu .submenu {height: 100%;padding-left: 0px;position: absolute;right: -100%;top: 61px;
  transition: all 0.5s ease 0s;width: 100%;z-index: 999;background-color:rgba(255,255,255,1);}
.sm_menu_outer .mobile_menu li.active>.submenu {right: 0;}
.sm_menu_outer .mobile_menu li {list-style-type: none;border-bottom: 0.5px solid rgba(0, 0, 0, 0);color: #908b8b;
margin-bottom: 14px;}
.sm_menu_outer .mobile_menu li.hasChild>a {background: url(../images/next.png) no-repeat;background-position: right;background-size:18px;margin-right: 17px;}
/*Hamburger Animation */
#sm_menu_ham{cursor: pointer;float: left;height: 25px;position:absolute;right: 5px;-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;width: 30px;top: 20px;right: 15px;z-index: 9999;}
#sm_menu_ham span {background-color:#000;border-radius: 5px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
  transform: rotate(0deg);-webkit-transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;width: 30px;}
#sm_menu_ham span:nth-child(1) {top: 0;}
#sm_menu_ham span:nth-child(2){top: 7px;width: 22px;}
#sm_menu_ham span:nth-child(3) {top: 15px;width: 16px;}
#sm_menu_ham span:nth-child(4) {top: 0px;}
#sm_menu_ham.open span:nth-child(1) {left: 50%;top: 18px;width: 0;}
#sm_menu_ham.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
#sm_menu_ham.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-47deg);top: 7px;width: 22px;}
#sm_menu_ham.open span:nth-child(4) {left: 50%;top: 18px;width: 0;
}
/*@media (min-width: 0px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1024px) {}*/
@media (min-width: 1024px) {
#sm_menu_ham,.sm_menu_outer {display: none;}
}
.sm_menu_outer .mobile_menu{  
  width: 100%;height: 100%;
  overflow: hidden;
}