/*mobile devices*/
@media only screen and (min-width: 1000px) {

    #mobile-menu-btn{
        display: none;
    }
}
@media only screen and (max-width: 1000px) {


#mobile-menu-btn{
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
   width: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;

}

    .kav{
        height: 2px;
        width: 18px;
        background-color: #121212;
        transition: .3s all;
    }
.menu-opened .logo path{
    fill:  rgb(220, 75, 19) !important;
}
.home .kav,.page-template-jobs .kav{
    background-color: white;
}
    .menu-opened a{
        color: #121212 !important;
    }
header.white .kav,.menu-opened .kav{
    background-color: #121212 !important;
}
    .kav-1{
        transform: translateY(-5px);
    }

    .kav-3{
        transform: translateY(5px);
    }


   .menu-opened .kav-1{
        transform: translateY(2px) rotate(45deg);
    }

    .menu-opened .kav-3{
        transform: translateY(-2px)  rotate(-45deg);;
    }

    .menu-opened  .kav-2{
        opacity: 0;
    }


header .h-third:first-child{
    position: absolute;
    z-index: 9999999999999999;
}
  /* .social-menu{
        position: absolute;
        top: 24px;
        left: 14rem;
    }*/
#main-nav{
    position: fixed;
    top:0;
    left: -100vw;
    width: 100vw;
    height: 100%;

    background:#fff;
    flex-direction: column;
    justify-content: flex-start;
    padding-top:8rem;
    box-sizing: border-box;

}
#login-btn{
    margin: 2rem 0;
    display: block;

}
    header a{
        font-size: 22px !important;
        font-weight: 400;
    }
   header .go-to-contact{
        border: none;
       font-size: 22px;
       font-weight: 400;
       padding-left:0;
       margin:3rem 0;
    }
    #main-nav>div, #main-nav>ul{
        height: auto !important;
    }
.menu-h{
    margin-left: 2.3rem;
}

    #main-nav>div,#main-nav>ul{
    height: 100%;
}
    #main-nav ul{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        width: 100%;
        height: 100%;

    }


    #main-nav ul li{
        margin: 2rem 0 !important;
    }

}