@media (max-width: 1366px) {
.debugger {
  position: absolute;
  left: 50%;
  top: 0;
}
    

/*
* {
  margin: 0;
  box-sizing: border-box;
  font-family: "Open Sans", Arial, sans-serif;
}
*/

.nav-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    transition: transform 0.3s;
    transform: translateX(-100%);
    z-index: 1;
}
.nav-wrapper.show-menu {
  transform: none;
}

.js-nav-toggle {
    position: absolute;
    top: 60px;
    right: -98%;
    width: 43px;
    height: 40px;
    margin: 0 0 0 15px;
    display: block;
    float: left;
    padding: 0;
    color: #345;
    border: 0px solid #345;
    z-index: 2;
    transition: none!important;
}
.js-nav-toggle span {
  position: relative;
  background-color: #345;
  height: 2px;
  display: block;
  width: 22px;
  margin: 17px auto 0;
  transition: all 0.4s;
  transition-delay: 0.3s;
}
.js-nav-toggle span:before, .js-nav-toggle span:after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 0;
  left: 1px;
  top: 50%;
  margin-top: -7px;
  transition: all 0.3s 0.3s;
}
.js-nav-toggle span:before {
  box-shadow: 0 14px 0 1px #345;
}
.js-nav-toggle span:after {
  box-shadow: 0 0 0 1px #345;
}
.show-menu .js-nav-toggle span {
  background-color: transparent;
}
.show-menu .js-nav-toggle span:before {
  transform: rotate(-45deg);
}
.show-menu .js-nav-toggle span:after {
  transform: rotate(45deg);
}
.show-menu .js-nav-toggle span:before, .show-menu .js-nav-toggle span:after {
  margin-top: 0;
  box-shadow: 0 0 0 1px #345;
}

nav {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 5px 1px #ddd;
  background-color: #fafafa;
}
nav .nav-toggle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.45em 0.6em;
  background-color: #084975;
  color: #fff;
  z-index: 100;
  cursor: pointer;
  transition: backgroun-color 0.2s;
  margin: 80px 0 0 0;
}
nav .nav-toggle:hover {
  background-color: #084975;
}
nav .nav-toggle.back-visible .nav-back {
  opacity: 1;
}
nav .nav-toggle.back-visible .nav-title {
  transform: translateX(40px); padding-left: 40px;
}
nav .nav-title {
  position: absolute;
  left: 0;
  top: 11px;
  padding-left: 80px;
  transition: transform 0.3s;
}
nav .nav-title:after {content: '';position: absolute;z-index: 0;width: 20px;height: 20px;background: url(../images/maroondah-logo-color.svg)no-repeat 0 0;left: 50px;top: 4px;background-size: 100%;filter: brightness(0) invert(1);}

nav .nav-toggle.back-visible .nav-title:after {display: none}

nav .nav-back {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s; left: 35px;
}
nav .nav-back:before, nav .nav-back:after {
  content: "";
  position: absolute;
  top: 50%;
}
nav .nav-back:before {
  left: 50%;
  width: 9px;
  height: 9px;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
nav .nav-back:after {
  left: 28%;
  width: 15px;
  height: 2px;
  background-color: currentcolor;
  margin-top: -1px;
}
nav a {
    display: block;
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    color: #4d4d4d;
    text-decoration: none;
    transition: color 0.15s, background-color 0.15s;
    font-weight: bold;
    line-height: 100%;
}
nav a:hover {
  color: #084975;
  /*background-color: #efefef;*/
}
nav ul {
  list-style: none;
  padding: 125px 80px 0;
  transition: transform 0.3s;
  background-color: #fafafa;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
nav ul ul {
  display: none;
  left: 100%;
}
nav li.has-dropdown > a {
  padding-right: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
nav li.has-dropdown > a i {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 9px;
  height: 9px;
  border: 1px solid currentcolor;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: translateY(-90%) rotateZ(-45deg);
  transition: transform 0.3s;
  transform-origin: 100%;
}
nav li.nav-dropdown-open > ul {
  display: block;
}

.nav-wrapper.mobilerespmenu.show-menu,
body.fixed-header .nav-wrapper.mobilerespmenu.show-menu {position: fixed; top: 0!important; left: 0}

body.hidegototop a.scrollTop{display: none}
body.hidegototop {overflow-y:hidden}
body.fixed-header .js-nav-toggle {top: 52px;}
body.fixed-header .nav-wrapper.mobilerespmenu.show-menu {top: 37px}




.nav-wrapper.mobilerespmenu.show-menu .js-nav-toggle {right: 20px; top: 24px;}

.mo_menulogodiv {width: 100%;float: left;background: #fff;padding: 0;margin: 0;position: fixed;z-index: 1;top: 0; height: 80px; }
.mo_menulogodiv a.logo {margin: 20px 0 10px 50px!important; border-bottom: 0px solid #fff; max-width: 300px!important; padding: 0;}
.mo_menulogodiv a.logo:hoaver {background:transparent;}


ul.mobilemenu_suburb li{width: 25%; float: left; clear: inherit;}

.mobilerespmenu .h_buttondiv {float: left;}
/*.mobilerespmenu .h_buttondiv .phone{margin-left: -5px;}*/
    
    
    .h_buttondiv.m-menu-phone {position: relative;z-index: 0;background: none;border: 0px solid red;margin: 0 20px 0 0;float: left;font-size: 25px;color: #003A63;font-family: 'Quiet Sans';font-weight: bold;padding: 18px 0 0;float: left;margin: 20px 30px 0 0;}
    .h_buttondiv.m-menu-phone a{padding: 0;border-bottom: 0px solid #fff; padding-top:12px;padding-bottom:10px; }
	
    .h_buttondiv.m-menu-phone:after {content: 'We are ready to help. Call Us!';position: absolute;z-index: 0;font-size: 14px;color: #303030;top: -4px;left: 0;font-family: 'MarkPro-Book';font-weight: normal;letter-spacing: 0px;}
    .h_buttondiv.m-menu-phone img {margin: -10px 10px 0 0}
    
    .h_buttondiv.m-menu-quote{float: left;background: #DE4726;font-size: 16px;color: #ffffff;letter-spacing: 0.4px;font-family: 'Quiet Sans';font-weight: 600;font-size: 16px;color: #fff;text-transform: capitalize;display: inline-flex;justify-content: center;align-items: center;position: relative;z-index: 0;padding: 7px 20px;overflow: hidden;line-height: 26px;border: 2px solid #DE4726;border-radius: 5px; text-decoration: none;}
    .h_buttondiv.m-menu-quote a{padding-top:10px;padding-bottom:10px;border:0px solid red!important;color:#fff;line-height: 30px;}
    .h_buttondiv.m-menu-quote a img {margin: -5px 0 0 5px}
    
    .h_buttondiv.m-menu-quote:hover {background: #084975; border: 2px solid #084975;}
    
    .h_buttondiv.m-menu-quote {margin-bottom: 30px}
    
    nav a img {display: inline-block; margin: -5px 0 0 5px;}

}

@media (max-width: 1100px) {
    
    .js-nav-toggle {top: 56px;}
    
}
@media (max-width: 992px) {
    
    ul.mobilemenu_suburb li{width: 33.33%;}
    
    .mobilerespmenu .h_buttondiv .btn-theme.phone{margin: 0 15px 0 0;}
    
}
@media (max-width: 768px) {
ul.mobilemenu_suburb li{width: 50%;}
    
.mobilerespmenu .h_buttondiv .btn-theme.phone img {margin-right: 10px; margin-left: 0;}
    .mobilerespmenu .h_buttondiv .phone:after{display: block; left: 0}
    .mobilerespmenu .h_buttondiv .btn-theme.phone {font-size: 26px!important;padding: 20px 15px 0 0 !important;margin: 0 0 15px 0;}
    
    
}

@media (max-width: 575px) {
ul.mobilemenu_suburb li{width: 100%;}
.js-nav-toggle {top: 44px;}
    body.fixed-header .js-nav-toggle {top: 44px;}
    
    .h_buttondiv.m-menu-quote {max-width: 194px;}

    
    
}

@media (max-width: 480px) {
    
    .mo_menulogodiv a.logo {max-width: 200px!important;}
    nav .nav-toggle {margin: 62px 0 0 0;}
    nav ul {padding: 109px 50px 0 80px;}
    .nav-wrapper.mobilerespmenu.show-menu .js-nav-toggle {top: 14px;}
    
    .mobilerespmenu .h_buttondiv .btn-theme.phone {font-size: 20px!important; padding: 20px 15px 0 0 !important; letter-spacing: 2.5px;}
    .h_buttondiv.m-menu-quote {max-width: 174px; padding: 0 10px}
    
}

@media (max-width: 360px) {
    
   nav ul {padding: 109px 20px 0;}
   nav .nav-title {padding-left: 20px;}
   nav .nav-title:after {display: none}
    
    nav .nav-toggle.back-visible .nav-title {padding-left: 0;}
    nav .nav-back {left: 0px;}
    
    .mo_menulogodiv a.logo {margin: 20px 0 10px 20px!important;}

    .mobilerespmenu .h_buttondiv .btn-theme:last-child {clear: both; float: left; margin: 10px 0 10px 0}
    
    
}