/*Mobile - responsiv*/


 @media (min-width:320px) and (max-width:767px) {

.sectionbanner .banner { 
    background: url(../image/banner.png) no-repeat center top; 
    height: 420px;
    background-size: 180% 100%;
     }
     .headerMain {
    display: none;
}

     .mobileHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
    display: block;
    height: 75px;
    
}
.mobileNavigation {
    height: 100%;
    width: 80%;
    padding: 0px;
    text-align: left;
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    top: 0px;
    left: 0px;
    cursor: pointer;
    -webkit-transform: translate3d(-130%,0,0);
    -moz-transform: translate3d(-130%,0,0);
    transform: translate3d(-130%,0,0);
    -webkit-overflow-scrolling: touch;
    -o-transition: transform 350ms ease;
    -moz-transition: transform 350ms ease;
    -webkit-transition: transform 350ms ease;
    transition: transform 350ms ease;
    z-index: 1111;
    background: rgba(255, 255, 255, 0.95);
   
  
}
.menu {
    position: absolute;
    top: 0px;
    right: 25px;
    height: 35px;
    margin: 20px 0 0 0;
    width: 35px;
    line-height: 35px;
    color: #ffffff;
    background: transparent;
    z-index: 111;
    text-align: center;
}
.menu:before {
    content: "\f0c9";
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
}
.overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 111;
}
.lock {
    position: fixed;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.mobileHeader .logo {
   padding: 4px 16px;
    background: #E8851A;
    height: 75px;
}
.mobileHeader .logo a { color: #fff;font-weight: 700;padding-top: 10px; }
.mobileNavigation .logo {
    width: 100%;
    padding: 15px 0px;
        background: #E7851B;
}
.mobileHeader .logo .login{
    background: #D86401;
    box-shadow: 4px 4px 15px rgb(0 0 0 / 25%);
    padding: 5px 30px;
    top: 18px;
    border-radius: 50px;
    position: absolute;
    right: 90px;
}
.mobileNavigation nav ul li a { 
font-size: 15px;
    padding: 15px 10px;
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    text-transform: uppercase;
    font-family: 'MontserratSemiBold';
    font-size: 10pt;
       background: #FF9705;
}
.mobileHeader .logo a:first-child {
    width: 130px;
}
.mobileNavigation .logo a {
    padding: 0px 5px 0px;
}
.mobileNavigation .phone{
        text-align: center;
    background: #FF9705;
    padding: 10px;
}
.mobileNavigation .phone a{
    padding: 5px 25px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    font-family: 'MontserratSemiBold';
    font-size: 12pt;
}
.mobileNavigation .phone a:before {
    content: url(../image/phone.png);
    padding-right: 5px;
}
.mobileNavigation nav {
    width: 100%;
}
.mobileNavigation ul li {
    float: none !important;
}
.jobseekers .job{
        padding: 20px;
}
.jobseekers .for{
 padding: 20px;
}
.jobseekers .block50 span{
    font-size: 12pt;
}
.mobileNavigation .sociallink { text-align: center;padding-top: 15px; }
.sectionbanner .banner .bannre-title h1 {     font-size: 25pt; }

.sectionbanner .banner .bannre-title {     padding: 30px;top: 15%; }

.sectionbanner .banner .bannre-title span {font-size: 13pt;}

.sectionbanner .bannerbtn a{
    font-size: 13pt;
        width: 180px;
    padding: 8px 20px;
}

.sectionbanner .bannerbtn ul li a { padding: 5px 10px; }

.sectionjobpanel .title h2 { font-size: 30pt;}

.mobhide { display: none; }

.sectionlast .banner .bannre-title h2 { font-size: 25px; }

.sectionlast .banner .bannre-title { padding: 30px; }

.sectionlast .bannerbtn ul li a {      width: 140px;}

.sectionlast .bannerbtn ul li a img { width: 130px; }

.sectionjobpanel .title span{
    font-size: 14pt;
    line-height: 28px;
    padding: 10px;
}
.sectionjobpanel .jobbtn a{
    margin: 10px;
}
.sectionjoblist .title h2{
    font-size: 30pt;
}
.sectionjoblist .title span {
    font-size: 14pt;
    line-height: 28px;
    padding: 10px;
}
.form-detail .chek label{
    width: 95%;
}
.slider {
    background-size: 100% 100%;
}
.slider .owl-prev{
    left: 135px !important;
}
.slider .owl-next{
   left: -10px !important;
}
.owl-nav .owl-next{
    right: -10px !important;
}
.slider .owl-nav {
    bottom: -26px;
}
.howsection .contenct {
    padding: 80px 30px 0px 30px;
}
.servicessection .contenct {
    padding: 40px 30px 0px 30px;
}
.servicessection .jobbtn {
    padding-bottom: 30px;
    text-align: center;
}
.servicessection .jobbtn a{
    margin-bottom: 20px;
}
.servicessection ul li{
    font-size: 14px;
    padding: 2px 15px;
}
.howsection .contenct {
    padding-top: 40px;
    text-align: center;
}
.howsection p{
    padding-left: 0px;
}
.howsection ul li span{
    padding-top: 20px;
}
.howsection ul li {
    padding-bottom: 25px;
}
.joblist .title h2{
    font-size: 28px;
}
.joblist table{
    padding : 0px;
}
.joblist .fild{
    padding: 10px;
}
.joblist .scroll{
    overflow-x: auto;
}
.joblist .scroll table{
    width: 410px;
}
.form-detail .register{
    width: 40%;
}
.seekers .form-detail input{
    width: 100%;
}
.seekers .form-detail select{
    width: 100%;
}
.blogdetails img{
    width: 100%;
}
}