/* Menu Button (initially positioned relative) */
    .menu-wrapper {
      position: absolute;
      z-index: 1001;
    }

    .menu-button {
	  width:100px;
      display: flex;
      align-items: center;
      cursor: pointer;
      background-color: #222;
	  padding:20px;
	  border-radius:0px 0px 20px 0px;
    }

    .menu-button span {
      margin-left: 10px;
      font-size: 18px;
      color: #fff;
    }
	
	.callBubble-wrapper {
      position: absolute;
      z-index: 1001;
	  right:0px;
	  height:62px;
    }

    .callBubble-button {
	  width:210px;
	  height:62px;
	  box-sizing:border-box;
      display: flex;
      align-items: center;
      cursor: pointer;
      background-color: #222;
	  padding:20px;
	  border-radius:0px 0px 0px 20px;
    }
	
    .callBubble-button a {
      margin:0 auto;
      font-size: 18px;
      color: #fff;
	}

    .menu-icon {
      width: 30px;
      height: 22px;
      position: relative;
      transition: 0.4s;
    }

    .menu-icon div {
      position: absolute;
      height: 4px;
      width: 100%;
      background-color: #fff;
      border-radius: 2px;
      transition: 0.4s;
    }

    .menu-icon div:nth-child(1) {
      top: 0;
    }

    .menu-icon div:nth-child(2) {
      top: 9px;
    }

    .menu-icon div:nth-child(3) {
      top: 18px;
    }

    /* Animate to X */
    .menu-button.active .menu-icon div:nth-child(1) {
      transform: rotate(45deg);
      top: 9px;
    }

    .menu-button.active .menu-icon div:nth-child(2) {
      opacity: 0;
    }

    .menu-button.active .menu-icon div:nth-child(3) {
      transform: rotate(-45deg);
      top: 9px;
    }

    /* Fixed menu style when stuck to top */
    .fixed {
      position: fixed !important;
      top: 0px;
      left: 0px;
    }
	
    .callBubbleWrapper-fixed {
      position: fixed !important;
      top: 0px;
      right: 0px;
    }
	
	.sideMenu-fixed {
      position: fixed !important;
      top: 0px;
    }

    /* Side Menu */
    .side-menu {
      position: absolute;
      left: -250px;
      width: 250px;
      height: 100vh;
      background-color: #222;
      color: white;
      padding: 60px 0px;
      transition: 0.4s;
      z-index: 1000;
	  overflow-y: auto;
	  text-align:left;
    }

    .side-menu.active {
      left: 0;
      padding: 60px 20px;
    }
	
	.side-menu a{
	  display:block;
	  color:#fff;
	  text-decoration:none;
      transition: 0.4s;
	  padding:5px;
	  font-size:18px;
	}
	
	.side-menu a:hover{
	  text-decoration:underline;
	  color:#0079c8;
	}	
	

    /* Image Overlay */
    .menu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-image: url('/images/TopMain.jpg');
      background-image: url('/Menus/MenuOverlay3.jpg');
      background-size: cover;
      background-position: right;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s;
      z-index: 999;
    }

    .menu-overlay.active {
      opacity: 1;
      pointer-events: auto;
    }
	
	.topPhoneIcon{
		height:35px; 
		box-sizing:border-box; 
		padding:2px 10px; 
		vertical-align:middle;
	}
	

@media only screen and (max-width: 700px) {

    .menu-button {
	  width:70px;
	  padding:10px;
    }
	
    .menu-button span {
      font-size: 14px;
    }
	
	.callBubble-wrapper {
	  height:37px;
    }

    .callBubble-button {
	  width:150px;
	  padding:10px;
	  height:37px;
    }
	
    .callBubble-button a {
      font-size: 14px;
	}

    .menu-icon {
      width: 20px;
      height: 11px;
    }

    .menu-icon div {
      height: 2px;
      border-radius: 2px;
    }

    .menu-icon div:nth-child(1) {
      top: 0;
    }

    .menu-icon div:nth-child(2) {
      top: 5px;
    }

    .menu-icon div:nth-child(3) {
      top: 10px;
    }

    /* Animate to X */
    .menu-button.active .menu-icon div:nth-child(1) {
      transform: rotate(45deg);
      top: 9px;
    }

    .menu-button.active .menu-icon div:nth-child(2) {
      opacity: 0;
    }

    .menu-button.active .menu-icon div:nth-child(3) {
      transform: rotate(-45deg);
      top: 9px;
    }
	
	.topPhoneIcon{
		height:20px; 
		padding:2px 5px; 
	}
}