.mob-btn{   width: 29px;   height: 18px;   display: none;   flex-direction: column;   justify-content: space-between;   cursor: pointer;   position: relative; } .mob-btn span{   width: 100%;   height: 2px;   display: block;   background: #fff;   transition: all .4s ease; } .mob-btn.active span:nth-child(1){   transform: rotate(45deg);   position: absolute; } .mob-btn.active span:nth-child(2){   display: none; } .mob-btn.active span:nth-child(3){   transform: rotate(-45deg); } @media screen and (max-width: 991px){   .mob-btn{       display: flex;       z-index: 9999;   }   .mob-btn.active{     margin-top: 10px;   }   .masthead-inline .desktop .x-nav{     display: none;     position: absolute;     width: 100%;     height: auto;     left: 0;     top: 100%;     background: #19315d;     margin: -10px 0 0;   }   .x-navbar-fixed-left .desktop .x-nav > li > a{     text-align: left;     border-bottom: 1px solid rgba(0, 0, 0, .1);     box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .08); }   .x-navbar.x-navbar-fixed-left {     left: auto;     top: auto;     position: relative;     height: 150px;     box-sizing: border-box; }   .x-navbar-wrap,  header.masthead.masthead-inline{     width: 100%;     height: auto;     display: flex;     position: relative;     margin: 0;     z-index: 9999;     overflow: visible; }   .x-nav-wrap.desktop{      padding: 0px 20px 25px;   }   body.x-navbar-fixed-left-active{     padding: 0;   } }