@charset "utf-8";
/* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media (max-width: 1599px) {
    section.contboxabout {
        padding: 16px 22%
    }

    .ctgry-job {
        width: 17%;
    }

    /***30/06/2023***/
    .wt-workdetails-border:after,
    .wt-workdetails-bordertwo:before {
        width: 175px;
        left: -95px;
    }

    .wt-workdetails-bordertwo:before {
        width: 165px;
        left: -95px;
        top: 45px;
    }

    /* .about-thehive-wrapp .about-thehive-wrapp .ab-flex {
	font-size: ;
} */
}

@media only screen and (max-width: 1199px) {
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 46px;
        width: 65%;
    }
    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 50%;
    }
    .freelance-main-bg {
        min-height: 476px;
        padding: 31px 0px 49px;
    }
    section.contboxabout {
        padding: 50px 20%;
    }

    header li.nav-item {
        margin: 0px 2px;
    }

    .emaployee-page-cover .best-hires {
        width: 100%;
    }
    .online-courses-main .online-courses {
        max-width: 59%;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .count-set .card-body h3 {
        font-size: 14px;
    }
    .count-set .card-body p {
        font-size: 14px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 44px;
        height: 44px;
        padding: 2px;
    }
    img.jss2530 {
        position: absolute;
        top: 54px;
        right: 32px;
    }
}

@media (max-width: 1069px) {
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 46px;
        width: 65%;
    }
    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 50%;
    }
    .freelance-main-bg {
        min-height: 476px;
        padding: 31px 0px 49px;
    }
    section.contboxabout {
        padding: 50px 19%;
    }

    .ctgry-job {
        width: 17%;
    }

    ul.job-details li {
        margin-right: 8px;
    }

    .header-login-btn a {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .header-login-btn span.welcome {
        margin-right: 15px;
    }

    .logo-area {
        width: 120px;
    }

    /******/
    .emaployee-page-cover .best-hires {
        width: 100%;
    }
    .online-courses-main .online-courses {
        max-width: 59%;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
}


@media (max-width:1024px) {
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 46px;
        width: 65%;
    }
    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 50%;
    }
    .freelance-main-bg {
        min-height: 476px;
        padding: 31px 0px 49px;
    }
    section.contboxabout {
        padding: 50px 18%;
    }

    .emaployee-page-cover .best-hires {
        width: 100%;
    }

    .needhelp {
        width: 100%;
        padding-top: 5px;
    }

    .close-icon {
        display: flex;
        justify-content: end;
        width: 100%;
    }

    .header-login-btn {
        position: inherit;
        right: inherit;
        top: inherit;
        padding: 10px 0;
        margin: 0;
    }

    .header-login-btn {
        position: inherit;
        right: inherit;
        top: inherit;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-end;
    }

    .mb-search-form {
        padding: 10px 15px;
        margin: 20px 0 0;
    }

    .main-h {
        position: relative;
        padding: 15px 0px;
    }

    .wt-workdetails-border:after,
    .wt-workdetails-bordertwo:before {
        display: none;
    }

    .top-footer .col-wd-25:nth-child(1) {
        width: 40%;
    }

    .top-footer .col-wd-25:nth-child(3),
    .top-footer .col-wd-25:nth-child(2) {
        width: 30%;
    }

    .top-footer .col-wd-25:nth-child(4) {
        width: 100%;
        margin-top: 20px;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        width: 100%;
    }

    div#navbarSupportedContent {
        background: #ffffff;
        position: absolute;
        left: 0;
        width: 250px;
        height: 100vh;
        z-index: 999;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }
    .online-courses-main .online-courses {
        max-width: 56%;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .count-set .card-body h3 {
        font-size: 14px;
    }
    .count-set .card-body p {
        font-size: 14px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 44px;
        height: 44px;
        padding: 2px;
    }
    img.jss2530 {
        position: absolute;
        top: 54px;
        right: 32px;
    }
}


@media (max-width: 999px) {
    .btn-register {
        width: 37%;
    }
    .navigation-home {
        width: 52%;
    }
    .ctgry-job {
        width: 17%;
    }

    .logo-area {
        width: 90px;
    }

    .emaployee-page-cover .best-hires {
        width: 100%;
    }

    section.contboxabout {
        padding: 15px 20%;
    }
    .online-courses-main .online-courses {
        max-width: 70%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .courses-skills .title-section h3 {
        font-size: 24px;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .desbox h4 {
        font-size: 24px;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }

}

@media only screen and (max-width: 991px) {
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 46px;
        width: 100%;
    }
    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 89%;
    }
    .freelance-main-bg {
        min-height: 476px;
        padding: 31px 0px 49px;
    }
    .loginsec .form-section {
        margin: 50px auto !important;
    }

    .search-bid-list .btn-success {
        width: 16%;
    }

    .post-list-sect {
        margin-top: 20px;
    }

    #job_result {
        margin-top: 20px;
    }

    aside.filtel {
        display: none;
    }

    #filterbtn {
        display: none;
    }

    .filter-show {
        display: block;
        cursor: pointer;
        background: #e6f0f9;
        font-size: 20px;
        padding: 14px 12px;
        font-weight: bold;
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        border-radius: 7px 7px 0 0;
    }

    .filter-show i {
        background: #f8f9f9;
        font-size: 14px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
    }

    .page-cover {
        padding: 25px 0px 76px;
    }

    .aboutussecpage {
        padding: 50px 0px 0;
    }

    .de-about {
        margin-bottom: 35px;
    }

    .fbox {
        padding: 6px 15px 15px;
        margin-bottom: 28px;
    }

    .fbox h3 {
        margin: 10px 0px 5px;
        font-size: 30px;
    }

    .tesisec .sec-heading {
        padding-top: 0;
    }

    .order-mb-2 {
        order: -2;
    }

    .order-mb-1 {
        order: -1;
    }

    .w_100 {
        width: 93% !important;
    }

    .about-thehive-wrapp {
        padding: 0 0 0;
    }

    .service-taas-wrapp {
        padding-top: 50px;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .build-brilliand-wrapp .brilliant-team {
        margin-top: 0px;
    }
    .online-courses-main .online-courses {
        max-width: 70%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .courses-skills .title-section h3 {
        font-size: 24px;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .jobs-post-service h3 {
        font-size: 22px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 18px;
    }
    .job-faster-line h3 {
        font-size: 22px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .desbox h4 {
        font-size: 24px;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
    img.jss2530 {
        top: 47px;
        right: 305px;
    }
    h3.editbtn {
       text-align: center;
    }
    article.mainprofile {
        text-align: center;
    }
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
    .emaployee-page-cover .best-hires h1 {
        font-size: 40px;
    }
    .build-brilliand-wrapp .brilliant-team {
        margin-top: 0px;
    }
    .talent-candidates .title-section h3 {
        font-size: 26px;
    }
    .freelancer-wrapp a {
        margin: 20px auto;
        display: inline-block;
    }
    .btn-register {
        width: 45%;
    }
    .navigation-home {
        width: 44%;
    }
    .login-inner-form {
        padding: 10px 40px;
    }

    .jobsshowall .recent-job-box {
        width: 100%;
    }

    .mt30 {
        margin-top: 0px;
    }

    .wt-workdetail {
        margin-bottom: 0;
    }

    .pr0 {
        padding-right: 0;
    }

    .contact-wrapp form {
        width: 100%;
        margin: 0 auto 30px;
    }

    .contact-wrapp h4 {
        text-align: center;
    }

    .contact-wrapp h2 {
        text-align: center;
    }

    .contact-wrapp p {
        text-align: center;
    }

    /*====live css==========*/
    ul .job-details {
        display: block;
    }

    aside.filtel {
        display: none;
    }

    .ctgry-job {
        width: 41%;
    }

    .captionctgry span {
        font-size: 12px;
        font-weight: bold;
    }

    .applybox h5 {
        font-size: 14px;
        margin: 36px 0px;
    }

    .mpslider-show.job_map {
        height: 215px !IMPORTANT;
        overflow: hidden;
        padding: 2px;
    }

    .mpslider.services_map {
        height: 215px !IMPORTANT;
        overflow: hidden;
        padding: 2px;
    }

    .navbarsec {
        display: block;
        position: relative;
    }

    .main-h {
        position: relative;
        padding: 10px 0px;
    }

    .header-login-btn {
        position: absolute;
        right: 20px;
        top: 15px;
    }

    /*-----*/
    span.mobile_sbar {
        position: absolute;
        right: 0px;
        top: 0px;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #ee8133;
        text-align: center;
        display: inherit;
    }

    div#navbarSupportedContent {
        background: #fff;
    }

    /*----*/
    .sepoint {
        margin-bottom: 22px;
    }


    /*================*/


    ul.btnapplicnt li {
        background: antiquewhite;
        padding: 1px 9px;
        border-radius: 8px;
        margin: 14px 0px;
        font-size: 14px;
    }



    .main-h {
        padding: 0px;
    }

    .notifaction {
        margin-top: 32px;
    }

    .midrow {
        display: none;
    }

    .blankdiv-pages {
        margin-top: 0;
    }


    ul.sliderlistpage {
        display: none;
    }

    .logo-area {
        width: 96px;
        margin-top: 17px;
        position: inherit;
        margin-bottom: 20px;
    }

    header .design:before {
        display: none;
    }

    header .design:after {
        display: none;
    }

    header ul.top-menu {
        justify-content: start;
    }

    .jobsmbox {
        margin-bottom: 35px;
    }

    .footerlink {
        margin-bottom: 36px;
    }

    .recent-job .nav-pills .nav-link {
        padding: 10px 5px;
    }

    .ctgry-job {
        width: 100%;
    }

    .border-form {
        display: none;
    }

    .listingjobservice .nav-link {
        width: 121px;
        margin: 28px 1px;
    }

    .srvslist {
        border: 0px;
        padding: 13px 14px;
    }

    .btnbestdeal {
        margin-left: 15px;
        margin-top: 15px;
    }

    header .top-header ul li {
        margin: 0px 6px;
        font-size: 15px;
    }

    header .top-header ul li:nth-of-type(2n) {
        display: none;
    }

    header ul.top-menu {
        justify-content: space-between;
    }

    .main-h .col-12.col-lg-7 {
        display: none;
    }

    .header-login-btn {
        margin-top: 0px;
    }

    .listingjobservice .btnload {
        margin: auto;
        display: block;
    }

    .box-serve-ad {
        margin-top: 23px;
    }

    .captionappdownld h3 {
        margin-top: 15px;
    }

    .open-time {
        background: #fff;
        padding: 16px;
        margin-top: 19px;
        border-radius: 12px;
    }

    .loginsec .form-section p {
        font-size: 14px;
    }

    .rolbox {
        padding: 10px 0px;
        margin: 5px 0px;
    }

    .page-cover {
        padding: 25px 0px 73px;
    }

    .contact-cap h1 {
        margin-bottom: 24px;
        font-size: 30px;
        margin-top: 23px;
    }

    section.contact-us-sec {
        padding: 80px 0px 20px;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 0px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 46px;
        width: 100%;
    }
    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 89%;
    }
    .freelance-main-bg {
        min-height: 476px;
        padding: 31px 0px 49px;
    }
    .fast-essy-solutions .solutions-main {
        margin: 9px;
        padding: 1px;
    }
    .online-courses-main .online-courses {
        max-width: 100%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .courses-skills .title-section h3 {  font-size: 24px;}
    .online-courses-main {
        min-height: 333px;
    }
    .job-faster-line h3 {
        font-size: 20px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .desbox h4 {
        font-size: 22px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 24px;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
    img.jss2530 {
        top: 47px;
        right: 214px;
    }
    h3.editbtn {
       text-align: center;
    }
    article.mainprofile {
        text-align: center;
    }
}

@media (max-width: 643px) {
    .build-brilliand-wrapp .brilliant-team {
        margin-top: 0px;
    }
    .emaployee-page-cover .best-hires {
        width: 100%;
    }

    .search-bid-list input {
        width: 75%;
    }

    .search-bid-list .btn-success {
        width: 30%;
    }

    .say-img {
        padding: 0px 0px;
    }

    .order-mb-2 {
        order: inherit;
        width: 28%;
    }

    .order-mb-1 {
        order: inherit;
        width: 64%;
    }

    .header-login-btn {
        position: inherit;
        right: inherit;
        top: inherit;
        padding: 10px 0;
        margin: 0;
    }

    /* =================================== */
    .logo-home {
        width: 25%;
        margin-bottom: 15px;
    }

    .logo-home a {
        display: flex;
        justify-content: center;
    }

    .navigation-home {
        width: 27%;
        justify-content: start;
        display: flex;
    }

    .order-mb-1 {
        order: inherit;
        width: 48%;
        justify-content: end !important;
    }

    .btn-in-register {
        margin-right: 12px;
    }

    .nav-link {
        padding: 10px 0px !important;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .join-the-hive-info h5 {
        width: 100%;
    }

    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 86%;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .freelance-main-bg {
        min-height: 390px;
        padding: 30px 0px 30px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 40px;
        width: 100%;
    }
    .buy-and-sell .input-group {
        width: 100%;
    }
    .talent-candidates .title-section h3 {
        font-size: 24px;
    }
    .talent-candidates .quality-main h4 {
        font-size: 18px;
    }
    .partner-main .partner-section h3 {
        font-size: 24px;
    }
    .fast-essy-solutions .solutions-main {
        margin: 9px;
        padding: 1px;
    }
    .courses-skills .title-section h3 {
        font-size: 24px;
    }
    .online-courses-main .online-courses {
        max-width: 100%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 24px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .job-faster-line h3 {
        font-size: 20px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .desbox h4 {
        font-size: 22px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 24px;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
    img.jss2530 {
        top: 47px;
        right: 214px;
    }
    h3.editbtn {
       text-align: center;
    }
    article.mainprofile {
        text-align: center;
    }
}

/* Mobile devices */

@media (max-width: 576px) {
    .talent-candidates .title-section h3 {
        font-size: 22px;
    }
    .find-the-condidete-main .find-the-condidete .file-upload {

        flex-direction: column;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .file>label {
        width: 170px;
        margin-left: -106px;
        top: 14px;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .noticed {
        margin-left: 1px;
        margin-top: 62px;
    }
    .emaployee-page-cover .best-hires {
        width: 100%;
    }

    .contact-us-sec img {
        border-radius: 7px;
        width: 100%;
    }

    .shape::before {
        margin-left: -36px;
    }

    .contact-us-sec .shape {
        width: 94%;
        float: right;
    }

    .info-box-count {
        margin-top: 20px;
    }

    .subspackage-wrapp .pricingTable {
        margin-bottom: 25px;
    }

    .subspackage-wrapp .pricingTable .pricing-content {
        min-height: auto;
    }

    .subspackage-wrapp .pricingTable .pricingTable-details {
        min-height: auto;
        padding-bottom: 46px;
    }

    .hight-m {
        height: 150px;
    }

    .main-h {
        padding: 14px 0;
    }

    .main-h.logo-search .header-login-btn {
        display: flex;
    }

    .main-h.logo-search .header-login-btn span {
        font-size: 13px;
    }

    .main-h.logo-search .logo-area {
        width: 100px;
        margin-top: 5px;
        position: inherit;
        margin-bottom: 3px;
    }

    footer .top-footer .footerlogo {
        width: 120px;
    }

    footer .top-footer .footerlink p,
    footer .top-footer .qlink li a {
        font-size: 13px;
        line-height: 25px;
    }

    footer .top-footer .row .col-wd-25:last-child,
    footer .top-footer .row .col-wd-25:first-child {
        width: 100%;
    }

    footer .top-footer .row .col-wd-15,
    footer .top-footer .row .col-wd-25,
    footer .top-footer .row .col-wd-2 {
        width: 48%;
    }

    footer .copyright p {
        font-size: 13px;
    }

    /******/
    .build-brilliand-wrapp .brilliant-teams .brilliant-team h3 {
        font-size: 20px;
    }

    .build-brilliand-wrapp .brilliant-team h3 {
        font-size: 40px;
        text-align: center;
        padding: 0px;
    }

    .wt-workdetails {
        box-shadow: 1px 4px 13px #0000001a;
        padding: 20px;
        margin-bottom: 30px;
    }

    .about-thehive-wrapp .title,
    .service-taas-wrapp .title,
    .freelancer-wrapp .title {
        font-size: 20px;
    }

    .about-thehive-wrapp .title:before,
    .service-taas-wrapp .title:before,
    .freelancer-wrapp .title:before {
        bottom: 24px;
    }

    .about-thehive-wrapp .title:after,
    .service-taas-wrapp .title:after,
    .freelancer-wrapp .title:after {
        bottom: 24px;
    }

    .service-taas-wrapp {
        padding: 32px 0 32px;
    }

    .contact-wrapp h2 {
        font-size: 14px;
        padding: 8px 0 8px;
        position: relative;
        line-height: 20px;
        width: 100%;
    }

    /* ========================================== */
    .pad-sec-60 {
        padding: 30px 0px;
    }

    .search-cat-filter {
        flex-direction: row;
    }

    .search-cat-filter select,
    .form-group {
        width: 100%;
        width: 100% !important;
        padding: 8px 0px;
    }

    .banner-wrapp .main-head-top-cont h1 {
        font-size: 40px;
        text-align: center;
    }

    .find-jobsmallcontent {
        font-size: 15px;
    }

    .banner-wrapp .btn-find-job {
        font-size: 16px;
    }

    .popular-item-list ul {
        overflow: scroll;
    }

    .banner-wrapp .popular-item-list ul li {
        margin-right: 14px;
    }

    .banner-part-brands {
        background-size: contain;
    }

    .join-the-hive-info {
        margin: 0px;
    }

    .join-the-hive {
        margin-top: -620px;
        height: auto;
        padding: 30px 0px;
    }

    .join-the-hive-info h2 {
        font-size: 40px;
    }

    .join-the-hive-info h5,
    .join-the-hive-info p {
        font-size: 16px;
    }

    .join-the-hive-info a {
        font-size: 16px;
        line-height: 20.607px;
    }

    .get-the-match-bt {
        margin-top: 20px !important;
    }

    .service-taas-wrapp p {
        font-size: 16px;
    }

    .build-brilliand-wrapp .smart-meet-conti-set ol li h4 {
        font-size: 18px;
    }

    .build-brilliand-wrapp .smart-meet-conti-set ol li p {
        font-size: 16px;
    }

    .build-brilliand-wrapp .smart-meet-conti-set li .icon-set img {
        width: 115px;
    }

    .build-brilliand-wrapp .brilliant-team {
        margin-top: 0px;
    }

    .build-brilliand-wrapp .brilliant-team a {
        padding: 8px 20px;
        width: 100%;
        font-size: 16px;
    }

    .freelancer-wrapp h2,
    .appstore-wrapp h2 {
        line-height: initial;
        font-size: 40px;
        text-align: center;
    }

    .freelancer-wrapp {
        padding: 30px 0 60px;
    }

    .carrear-developmet {
        margin-top: 45px;
    }

    .freelancer-wrapp a {
        font-size: 16px;
        width: 220px !important;
        margin: 20px auto;
        display: inherit;
    }

    .buy-and-sell h2 {
        font-size: 40px;
        line-height: inherit;
    }

    .buysell-row {
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }

    .buy-and-sell .input-group {
        width: 100%;
        margin: 30px 0px 50px 0;
    }

    .categories-points {
        flex-direction: column;
    }

    .categories-points li {
        margin-bottom: 12px;
        margin-right: 0px;
        font-size: 16px;
    }

    .buy-and-sellmain {
        min-height: auto;
        padding: 40px 0px;
    }

    .app-store {
        flex-direction: row;
    }

    .app-store a {
        margin-right: 12px;
    }

    .app-store a img {
        padding-right: 0px;
        padding-bottom: 12px;
        width: 100%;
    }

    .logo-footer {
        width: 220px;
        margin: auto;
    }

    .details-box-footer {
        text-align: center;
        margin-top: 12px;
    }

    .contact ul li {
        font-size: 16px;
    }

    .job-faster-line h3 {
        font-size: 12px;
    }

    .job-faster-line {
        padding-bottom: 5px;
        border-bottom: 1px solid #272E2E;
        margin-bottom: 16px;
    }

    .footerlink {
        width: 100%;
    }

    .copyright {
        padding: 20px 20px;
        margin: 0px 0 15px 0;
    }

    .emaployee-page-cover .best-hires {
        width: 100%;
    }

    .emaployee-page-cover .best-hires h1 {
        font-size: 32px;
    }

    .emaployee-page-cover {
        height: auto;
        padding: 30px 0px 60px;
    }

    .emaployee-page-cover .best-hires .btn-get {
        font-size: 16px;
    }

    .talent-candidates {
        padding: 30px 0px;
    }

    .fast-essy {
        margin: 0px 0px;
        padding: 35px 0px;
    }

    .fast-essy h2 {
        font-size: 18px;
    }

    .fast-essy-solutions .solutions-main {
        margin: 12px 0px;
        padding: 0px;
    }

    .fast-essy-solutions .solutions-main p {
        margin-top: 8px;
        text-align: justify;
    }

    .partner-main {
        padding: 30px 0px;
        background-color: #ebebed;
    }

    .partner-main ul li {
        font-size: 16px;
    }

    .online-courses-main .online-courses {
        max-width: 100%;
        margin: 40px 0px;
    }

    .online-courses-main {
        padding: 15px 0px 15px;
        min-height: auto;
    }

    .courses-skills .title-section {
        width: auto;
        margin: 30px auto;
    }

    .job-seeker {
        background-size: contain;
        height: 235px;
    }

    .join-the-hive-info h5 {
        width: 100%;
    }

    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 86%;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .freelance-main-bg {
        min-height: 390px;
        padding: 30px 0px 30px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 40px;
        width: 100%;
    }
    .buy-and-sell .input-group {
        width: 100%;
    }
    .fast-essy-solutions .dashed {
        border-right: none;
    }
    .talent-candidates .quality-main h4 {
        font-size: 22px;
    }
    .partner-main .partner-section h3 {
        font-size: 20px;
    }
    .courses-skills .title-section h3 {
        font-size: 22px;
    }
    .online-courses-main .online-courses {
        max-width: 83%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 22px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .job-faster-line h3 {
        font-size: 18px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .contact-cap h1 {
       font-size: 24px;
    }
    .desbox h4 {
        font-size: 20px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 20px;
    }
    article.mainprofile {
        text-align: center;
    }
    img.jss2530 {
        top: 47px;
        right: 134px
    }
    h3.editbtn {
       text-align: center;
        padding: 6px 58px;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
    .talent-service-wrapp .post-job {
        width: 100%;
    }
    .post-project .post-form-wrapper .radio label {
        width: 100%;
    }
    img.jss2530 {
        top: 47px;
        right: 216px;
    }
    .dashboard-wrapp h3.articaltitle {
        font-size: 22px;
    }
    .dashboard-wrapp .card .card-body {
        padding: 15px 25px;
    }
    .dashboard-wrapp {
        padding: 20px 0px;
    }
    .talent-service-wrapp {
        padding: 20px 0;
      }

}


@media (max-width: 480px) {
    .talent-candidates .title-section h3 {
        font-size: 22px;
    }
    .col-wd-3 {
        width: 100%
    }

    .col-wd-2 {
        width: 100%
    }

    .forgot-password {
        font-size: 13px;
        display: block;
        width: 100%;
        margin-top: 5px;
    }

    /**navgation css**/
    div#navbarSupportedContent {
        background: #ffffff;
        position: absolute;
        left: 0;
        width: 250px;
        height: 100vh;
        z-index: 999;
    }

    .contact-cap h1 {
        margin-bottom: 24px;
        font-size: 24px;
        margin-top: 23px;
    }

    .top-footer {
        padding: 35px 0 0;
    }

    .shape:before {
        display: none;
    }

    .logo-area {
        width: 100px;
        margin-top: 17px;
        position: inherit;
    }

    /* .header-login-btn {
		position: relative;
		right: 0;
		top: 0;
		padding: 10px 0;
		margin: 0;
	} */

    .main-h .col-12.col-lg-7 {
        display: flex;
    }

    .main-h .col-12.col-lg-7 .border-form {
        display: flex;
    }

    .banner-wrapp .carousel-control-next,
    .banner-wrapp .carousel-control-prev {
        width: 30px;
        height: 30px;
        background: #000000;
        border-radius: 100%;
        padding: 10px;
        top: 35%;
    }

    .btn-in-register {
        padding: 10px 10px;
        font-size: 12px;
    }

    .freelance-main-bg {
        min-height: 390px;
        padding: 30px 0px 30px;
    }

    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 86%;
    }
    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 40px;
        width: 100%;
    }
    .search-any-thinks-jobs h2 {
        font-size: 24px;
    }
    .find-the-condidete-main .find-the-condidete .file-upload {

        flex-direction: column;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .file>label {
        width: 170px;
        margin-left: -106px;
        top: 14px;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .noticed {
        margin-left: 1px;
        margin-top: 62px;
    }
    .job-seeker {
        background-size: contain;
        height: 196px;
    }
    .fast-essy-solutions .dashed {
        border-right: none;
    }
    .emaployee-page-cover .best-hires h1 {
        font-size: 24px;
    }
    .talent-candidates .quality-main h4 {
        font-size: 20px;
    }
    .partner-main .partner-section h3 {
        font-size: 22px;
    }
    .courses-skills .title-section h3 {
        font-size: 22px;
    }
    .online-courses-main .online-courses {
        max-width: 85%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 22px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 20px;
    }
    .job-faster-line h3 {
        font-size: 18px;
    }
    .add-info h5 {
        font-size: 20px;
    }
    .contctform .title {
        font-size: 24px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .desbox h4 {
        font-size: 20px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 20px;
    }
    article.mainprofile {
        text-align: center;
    }
    img.jss2530 {
        top: 47px;
        right: 185px
    }
    h3.editbtn {
       text-align: center;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
}
@media only screen and (max-width: 430px){
    img.jss2530 {
        top: 47px;
        right: 160px;
    }
    h3.editbtn {
       text-align: center;
    }
    .job-seeker {
        background-size: contain;
        height: 176px;
    }}
@media only screen and (max-width: 414px){
    img.jss2530 {
        top: 47px;
        right: 150px;
    }
    h3.editbtn {
       text-align: center;
    }
.job-seeker {
    background-size: contain;
    height: 169px;
}}
@media only screen and (max-width: 390px){
    .job-seeker {
        background-size: contain;
        height: 159px;
    }}
@media only screen and (max-width: 375px) {
    .find-the-condidete-main .find-the-condidete .file-upload {

        flex-direction: column;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .file>label {
        width: 170px;
        margin-left: -106px;
        top: 14px;
    }
    .find-the-condidete-main .find-the-condidete .file-upload .noticed {
        margin-left: 1px;
        margin-top: 62px;
    }
    .navigation-home {
        width: 17%;
        justify-content: start;
        display: flex;
    }
    .logo-home {
        width: 25%;
        margin-bottom: 15px;
    }
    .order-mb-1 {
        order: inherit;
        width: 58%;
        justify-content: end !important;
    }
    .hight-m {
        height: 110px;
    }

    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 86%;
    }

    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 31px;
        width: 100%;
    }

    .you-need-it-jobs h3 {
        font-size: 24px;
    }

    .freelance-main-bg {
        min-height: 390px;
        padding: 30px 0px 30px;
    }

    .search-any-thinks-jobs h2 {
        font-size: 24px;
    }

    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .job-seeker {
        background-size: contain;
        height: 153px;
    }
    .fast-essy-solutions .dashed {
        border-right: none;
    }
    .emaployee-page-cover .best-hires h1 {
        font-size: 24px;
    }
    .talent-candidates .title-section h3 {
        font-size: 20px;
    }
    .talent-candidates .quality-main h4 {
        font-size: 18px;
    }
    .partner-main .partner-section h3 {
        font-size: 20px;
    }
    .courses-skills .title-section h3 {
        font-size: 20px;
    }
    .online-courses-main .online-courses {
        max-width: 100%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 20px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 18px;
    }
    .job-faster-line h3 {
        font-size: 16px;
    }
    .add-info h5 {
        font-size: 18px;
    }
    .contctform .title {
        font-size: 22px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .desbox h4 {
        font-size: 18px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 18px;
    }
    article.mainprofile {
        text-align: center;
    }
    img.jss2530 {
        top: 47px;
        right: 134px
    }
    h3.editbtn {
       text-align: center;
    }
    .count-set .card-body h3 {
        font-size: 16px;
    }
    .count-set .card-body p {
        font-size: 16px;
    }
    .count-set .card-body .width-50-heigt-50 {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
}

@media only screen and (max-width: 340px) {
    .main-h.logo-search .logo-area {
        width: 84px;
    }

    .header-login-btn span.welcome {
        margin-right: 10px;
    }

    .freelance-main-bg .freelance-main-online-courses .freelance-main-list-search input {
        width: 80%;
    }

    .freelance-main-bg .freelance-main-online-courses h1 {
        font-size: 22px;
        width: 100%;
    }

    .you-need-it-jobs h3 {
        font-size: 22px;
    }

    .freelance-main-bg {
        min-height: 390px;
        padding: 30px 0px 30px;
    }

    .search-any-thinks-jobs h2 {
        font-size: 22px;
    }

    .you-need-it-jobs .you-job-needs-got {
        padding: 0px;
        margin: 10px;
    }
    .job-seeker {
        background-size: contain;
        height: 139px;
    }
    .fast-essy-solutions .dashed {
        border-right: none;
    }
    .emaployee-page-cover .best-hires h1 {
        font-size: 22px;
    }
    .talent-candidates .title-section h3 {
        font-size: 20px;
    }
    .talent-candidates .quality-main h4 {
        font-size: 18px;
    }
    .partner-main .partner-section h3 {
        font-size: 20px;
    }
    .courses-skills .title-section h3 {
        font-size: 20px;
    }
    .online-courses-main .online-courses {
        max-width: 100%;
    }
    .courses-skills .title-section {
        width: 100%;
    }
    .courses-skills .learn-skills-main {
        padding: 10px;
        margin: 8px auto;
    }
    .jobs-post-service h3 {
        font-size: 20px;
    }
    .jobs-post-service .business-course-analytics .course-analytics-skills h4 {
        font-size: 18px;
    }
    .job-faster-line h3 {
        font-size: 16px;
    }
    .contact-cap h1 {
        font-size: 22px;
    }
    .add-info h5 {
        font-size: 18px;
    }
    .contctform .title {
        font-size: 22px;
    }
    .contact-form-desing {
        padding: 10px 30px 50px;
    }
    .desbox h4 {
        font-size: 18px;
    }
    img.shapeimg2 {
        display: none;
    }
    h2#heading {
        font-size: 18px;
    }
    article.mainprofile {
        text-align: center;
    }
    img.jss2530 {
        top: 47px;
        right: 114px;
    }
    h3.editbtn {
       text-align: center;
    }
    .post-project .post-form-wrapper .radio label {
        width: 100%;
    }
}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

@media print {}