/* --- responsive menu css -- */

@media only screen and (max-width: 991px) {
    
    #navbarNav-collapse {
      position: fixed;
      top:16%;
      left: 0;
      z-index: 99;
      width: 100%;
      height: auto;
      background-color: #fff;
      overflow: auto;
      padding: 0 10px;
    }
    /* .menu-overlay {
      display: none;
      background-color: #000;
      bottom: 0;
      left: 0;
      opacity: 0.5;
      filter: alpha(opacity=50);
      
      position: fixed;
      right: 0;
      top: 0;
      z-index: 49;
    } */

    .header-bottom .navbar-toggler{
        border: 0px solid transparent;
    }

    .header-bottom .navbar-toggler{
        right:0;
        top:8%;
        position: absolute;
    }
    .header-bottom .navbar-nav .nav-link{
        color: #717171;
        padding: 0px;
        font-weight: 600;
        line-height:50px;
        font-size: 16px;
        letter-spacing: 1px;
        border-bottom:1px solid #dfdfdf;
    }
    .takealook-sec {
        background-color: #0d5e89;
        background-image: inherit;
        height: auto;
    }

    .circle-white{
        margin: auto !important;
    }

    p {
        margin: 0 0 15px;
        font-size: 16px;
        line-height: 32px;
        font-weight: 400;
        color:#747474;
        letter-spacing: 3px;
    }
    
        
    h1{
        font-size: 45px;
        line-height:49px;
        font-weight: 700;
        color: #005989;
    }
    
    h2{
        font-size: 31px;
        line-height: 50px;
        font-weight: 700;
        color:#4d4d4d;
    }
    
    h3{
        font-size: 22px;
        line-height: 42px;
        letter-spacing: 12px;
        font-weight: 400;
        color:#000000;
    }
    
    h6, h6 a{
        font-size: 16px;
        line-height: 32px;
        font-weight: 600;
        color:#005989;
    }
    .takealook-sec h2{
        font-size: 35px;
        line-height: 40px;
        color:#fff !important;
    }
    .maidrecruitment-sec {
        padding-bottom: 0 !important;
    }
    .takealook-sec{
        padding-top: 0 !important;
    }

    .tit-sec {
        height:50vh;
    }
    .tit-sec h1{
       /* position: absolute;
        top:120px;
        left:0;
        right:0;*/
        font-size: 30px !important;
        top:30px;
    }
    .tit-sec h6{
        font-size: 11px ;
        font-weight: 300;
        top:15px;
    }
    .jobseeker-tit-sec{
        margin-top:0px;
    }
    .jobseeker-mid-sec p {
        font-size: 17px;
    }
    .jobseeker-mid-sec .input-group{
        width:90%;
    }
    .hidden-mobile{
        display:none;
    }
    .howwehelp-sec{
        padding-bottom: 0 !important;
    }
    .ser-wrap{
        margin-top:0 !important;
    }
    .contact-mid-sec{
        margin-top:-100px;
        margin-bottom:80px;    
    }
  }