/* Menu Button 5 */
.mobile_menu_bar {
    height: 32px;
    width: 40px;
    cursor: pointer;
}

.mobile_menu_bar::before { display: none!important;}

.mobile_menu_bar span:nth-child(1),
.mobile_menu_bar span:nth-child(1)::before,
.mobile_menu_bar span:nth-child(1)::after {
    background: #2a3a4a;
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;         
    margin-top: 13px; 
	left:0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mobile_menu_bar span:nth-child(1)::before {
    margin-top:-12px;
    left:0;
    -webkit-transition: .3s ease-in-out .3s;
    -moz-transition: .3s ease-in-out .3s;
    -o-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
}

.mobile_menu_bar span:nth-child(1)::after {
    margin-top:12px;
    left:0;
    -webkit-transition: .3s ease-in-out .3s;
    -moz-transition: .3s ease-in-out .3s;
    -o-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
}

.mobile_menu_bar span:nth-child(2) {
    background: #2a3a4a;
    content: '';
    position: absolute;
    width: 0px;
    height: 3px;         
    margin-top: 13px;
    left:0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mobile_nav.opened .mobile_menu_bar span:nth-child(1)::before,
.mobile_nav.opened .mobile_menu_bar span:nth-child(1)::after {
    margin-top:0;
}

.mobile_nav.opened .mobile_menu_bar span:nth-child(1) {
    -webkit-transition: .5s ease-in-out .6s;
    -moz-transition: .5s ease-in-out .6s;
    -o-transition: .5s ease-in-out .6s;
    transition: .5s ease-in-out .5s;

    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.mobile_nav.opened .mobile_menu_bar span:nth-child(2) {
    width: 40px;
    
    -webkit-transition: .3s ease-in-out .8s;
    -moz-transition: .3s ease-in-out .8s;
    -o-transition: .3s ease-in-out .8s;
    transition: .3s ease-in-out .8s;
} 

@media (max-width: 980px) {
  .et_mobile_menu,
  .et_pb_menu .et_mobile_menu {
    max-height: calc(100vh - 100px); /* fits under the header */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
}