/************************************************
           ==Top Search css==
*************************************************/
.searchwrap {
    background: url(../images/search-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.searchwrap h3 {
    text-align: center;
    font-size: 36px;
    color: #fff;
}
.searchwrap h3 span {
    display: block;
}
.searchbar {
    margin-top: 40px;
}
.searchbar div {
    padding: 0 1px;
}
.searchbar .form-control {
    height: 50px;
    border-radius: 0;
    padding: 13px 15px;
    border: none;
    font-size: 18px;
}

.searchbar .btn {
    background: #da0833;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 20px;
}
.getstarted {
    text-align: center;
    margin-top: 50px;
}
.getstarted a {
    display: inline-block;
    border: 3px solid #fff;
    padding: 12px 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.getstarted a i {
    margin-right: 10px;
}
.getstarted a:hover {
    background: #da0833;
    text-decoration: none;
}

/************************************************
           ==map search css==
*************************************************/
#map_canvas {
    height: 450px;
    width: 100%;
}
.infobox-wrap {
    width: 340px;
    padding: 10px 5px;
}
.infobox-wrap .infobox-figure {
    width: 150px;
    float: left;
}
.infobox-wrap .infobox-content {
    width: 180px;
    float: left;
    padding-left: 15px;
    text-align: left;
}
.infobox-wrap .infobox-content h5 {
    text-align: left;
    margin: 0;
    font-size: 20px;
}
.infobox-wrap .infobox-content .address p {
    text-align: left;
    color: #999;
    font-weight: 600;
}
.infobox-wrap .infobox-rattings {
    margin: 10px 0 15px;
}
.infobox-wrap .infobox-rattings i {
    margin-right: 2px;
}
.infobox-wrap .infobox-figure img {
    max-width: 100% !important;
}
.infobox-rattings i {
    color: #ff9600;
    font-size: 18px;
}
#map-section .form-control {
    height: auto;
    border-radius: 0;
    padding: 13px 15px;
    border: none;
    font-size: 18px;
}
#map-section .btn {
    background: #da0833;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 20px;
}
.searchblack {
    background: #333;
    padding: 40px 0;
    margin-top: 0;
}

.searchbar select.form-control, .searchblack select.form-control{
    padding: 12px 15px 13px 15px;
    line-height:46px;
}






/*******************
	Tablet Screen
*******************/
@media screen and (max-width: 990px) {
    /* body {
        font-size: 16px;
    } */
    .navbar-default {float:none;}
    /* .three-plan li {
        padding: 0 15px;
        margin-top: 15px;
    }
    .three-plan ul {
        background: none;
    }
    .main-plan {
        max-width: 150px;
        margin: 0 auto;
    }
    .main-unit {
        max-width: 240px;
        height: 200px;
        margin: 0 auto;
    } */
    /*Search*/
    .searchwrap {
        padding: 40px 0;
    }
    .searchbar {
        padding:20px 5px 5px 5px;
    }
    .searchbar .form-control {
        margin-bottom: 15px;
    }
    .searchbar .btn {
        width: 100%;
    }
    /* ul.orderlist li {
        float: none;
        width: auto;
    }
    .optionlist li {
        font-size: 14px;
    }
    .searchList li p {
        font-size: 16px;
    }
    .sidebar a {
        font-size: 16px;
    }
    .sidebar .social a {
        font-size: 30px;
    }
    .pageTitle h1, .breadCrumb {
        text-align: center;
    } */

    /*job detail*/
    /* .job-header .jobinfo .companyinfo {
        text-align: left;
        margin-top: 30px;
        border-top: 1px solid #eee;
        padding-top: 30px;
    }

    .whatList li{margin-bottom:30px;}
    .about-wraper h2{margin-top:20px;}
    .postimg{margin-top:15px;}
    .about-wraper, .textrow{padding:50px 0;}

    .appwraper .appbtn{margin-top:30px;}
    .appwraper .titleTop h3{font-size:40px;}
    .appwraper .subtitle2{font-size:24px;} */
    /*Footer*/
    /* .footerWrap h5 {
        margin-top: 25px;
        font-size:24px;
    } */
    .searchbar div{padding:0 15px;}
    .searchbar div.row{padding:0;}

}
/*******************
Large Mobile Screen
*******************/
@media screen and (max-width: 768px) {
    /* .topsearchwrap h5{margin-top:30px;} */
    .navbar-nav>li{padding:0 10px;}
    .searchbar div{padding:0 15px;}
    /* .pagiWrap{margin-bottom:30px;}
    .jobButtons a{font-size:15px; margin-right:0px; padding:6px 10px;}
    .post-header h4{margin-top:10px;} */
}


@media screen and (max-width: 767px) {
    /*.header .logo {
        text-align: center;
        float:left;
    } */
    .navbar-header{float:right;}
    .navbar-toggle{background:#ccc;}
    .navbar-toggle .icon-bar{background:#fff;}
    .navbar-nav li.postjob, .navbar-nav li.jobseeker{margin-bottom:10px;}
    /* .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
    }
    .usernav li a {
        padding: 12px 15px;
    }
    .titleTop h3 {
        font-size: 36px;
    }
    .catelist {
        margin-bottom: 30px;
    }
    .jobslist li {
        text-align: center;
    }
    .jobslist li h4 {
        margin-top: 5px;
    }
    .jobslist li .col-md-7, .jobslist li .col-md-9 {
        padding-left: 15px;
    }
    .main-plan .plan-price2 {
        margin-left: 0px;
        font-size: 44px;
    }
    .pagiWrap .showreslt {
        margin-bottom: 10px;
    } */
    .searchform .form-control {
        margin-bottom: 15px;
    }
    /* .job-header .jobinfo {
        padding: 15px;
    }
    .job-header .contentbox {
        padding: 20px;
    }

    .employerList li{width:25%;} */

    /*sidebar*/
    .sidebar {
        margin-top: 30px;
    }
    .text-right {
        text-align: left;
    }
    /*Photo Streem*/
    /* .photo-steam li {
        width: 50%;
    }
    .appimg {
        display:none;
    } */
    .appwraper .appbtn a{margin-right:0; margin-bottom:15px;}
    .searchbar div{padding:0 15px;}
    .searchbar{padding-bottom:20px;}
    .pull-right{float:none !important;}
    .navbar-collapse{padding:0 15px;}

    /* .comments .media-list li.margin-left80{margin-left:0;} */

}
/*******************
	Mobiles Screen
*******************/
@media screen and (max-width: 560px) {
    .jobButtons a {
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }
    .searchwrap h3 {
        font-size: 24px;
    }
    /* .usernav li a {
        padding: 10px 10px;
        text-transform: none;
    }
    .error-page-wrap .errormain h2 {
        font-size: 150px;
        line-height: 160px;
    }
    .error-page-wrap .errormain h3 {
        font-size: 28px;
    }
    .searchList li {
        text-align: center;
    }
    .searchList li .jobimg {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .job-header .jobinfo .companyinfo, .job-header .jobinfo .candidateinfo, .educationList li {
        text-align: center;
    }
    .job-header .jobinfo .companyinfo .companylogo, .job-header .jobinfo .candidateinfo .userPic, .educationList li .date {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .job-header .jobinfo .candidateinfo .userPic {
        height: auto;
    }

    .employerList li{width:50%;}
    .copyright ul li a{background:#ddd; color:#000; padding:8px 15px; margin:5px; display:block;}
    .copyright ul li a:hover{background:#333; color:#fff; text-decoration:none;}

    .appwraper .titleTop h3{font-size:36px;}
    .appwraper{padding-top:50px;}
    .appimg{display:none;}
    */

}
/* @media screen and (max-width: 400px) {
    .header .col-md-5 {
        padding-right: 15px
    }
    .usernav li {
        width: 50%;
        text-align: center;
    }
} */