.mobile-menu-container {
  /*width: 328px;
  height: 48px;*/
  border-radius: 4px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #dadada;
  background-color: #ffffff;

  position: fixed;
  bottom: 20px;
  width: 93%;
  z-index: 99;
}
.mobile-menu-container > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 17%;
  padding: 3px 15px;
}
.mobile-menu-container > div.main-menu-container {
  margin-right: 0;
}
.navbar-toggle .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg) translateY(6px);
    -ms-transform: rotate(45deg) translateY(6px);
    transform: rotate(45deg) translateY(6px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar-toggle.collapsed .icon-bar:nth-child(2) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    display: block;
}
.navbar-toggle .icon-bar:nth-child(3) {
    display: none;
}
.navbar-toggle .icon-bar:nth-child(4) {
    -webkit-transform: rotate(-45deg) translateY(-7px);
    -ms-transform: rotate(-45deg) translateY(-7px);
    transform: rotate(-45deg) translateY(-7px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar-toggle.collapsed .icon-bar:nth-child(4) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar-toggle {
  border: none;
  outline: none;
  margin: 0;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
  outline: none;
}
.navbar-toggle .icon-bar {
  height: 5px;
  border-radius: 10px;
}
.navbar-toggle span {
  background-color: var(--twilight-blue, #074386) !important;
}
.main-nav.navbar-collapse.in {
  border-bottom: 1px solid #dadada;
  margin-bottom: 12px;
  padding-bottom: 12px;

  max-height: 550px;
}
.navbar-collapse.in li.last {
  border-bottom: 1px solid #dadada;
}
.mobile-top-menu.active {
  padding-left: 15px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.mobile-login-icon {
  margin-left: -20px;
}
.mobile-social-icons{
/*  border-bottom: 1px solid #dadada;*/
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.main-nav.navbar-collapse.in .navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.main-nav.navbar-collapse.in .navbar-nav > li > a.xs-login-link {
  padding-top: 0;
}
.xs-social-link {
  margin-left: -15px;
}

/*============= Media Queries =============*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
   
 }
/* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) {
  

 }
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
   .main-nav.navbar-collapse.in {
     border: none;
	 margin-bottom: 0;
	 padding-bottom: 0;
   }
 }
/* Medium Devices, Desktops */
 @media only screen and (min-width : 1024px) {
   .navbar-collapse {
     padding-left: 0;
   }
 }
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {

 }