@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: 1600px) {
    #mn_header .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (min-width: 1440px) {
  #dreamjob_section_new .container-fluid {
    padding: 0 50px;
  }
}


@media (max-width: 1440px) {

    header a.nav-link.signUpd {
        color: #fff !important;
        font-size: 12px;

    }

    #mn_header .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }

    #counterSec .container {
        max-width: 1280px !important;
    }

    #counterSec #counter .row {
        gap: 8px;
    }

    .cvWaveSection .cvThumb {
        width: 178px;
    }

    .cvWaveSection .cvStep {
        zoom: .9;
    }

    section.cvWaveSection.with-video {
        padding-bottom: 100px;
    }

    .web-btn-info {
        font-size: 14px !important;
    }
    .web-danger-btn{
        font-size: 14px !important;
    }

}

@media (max-width: 1440px) and (min-width: 1366px){
    .zep_modern_fs .zep_fs_card{zoom: .8;}
}

@media (max-width: 1400px) {
    #cvBuilder_secpg .cvBuilder_secpginner hgroup {
        width: 45%;
    }

    #cvBuilder_secpg .cvBuilder_secpginner hgroup h2.mn_heading {
        font-size: 32px !important;
    }

}

@media (max-width: 1366px) {

    .flip-card .card i {
        color: #FFF9FB;
        font-size: 29px;
        font-style: normal;
    }
    #mn_header .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .company_reviews_dv .company_reviews_dv_cnt {
    min-height: 334px;
}
}


@media(max-width:1300px) {
    #counter .counter_bx h5 {
        font-size: 17px;
        text-align: center;
        margin-bottom: 0px;
    }

    #job-fs .btn-info {
        margin-top: 15px;
    }

    header ul li a {
        display: inline-block;
        color: black !important;
        font-size: 12.5px !important;
        font-weight: 600;
    }

    #counterSec #counter .col {
        flex: 1 1 163px;
        max-width: 163px;
    }
}

@media(max-width:1280px) {
    #mn_header .navbar-light .navbar-nav .nav-link {
        padding-left: 6px;
        padding-right: 6px;
    }

    #counterSec .counter_bx {
        padding: 26px 8px 22px;
    }

    #counter .counter_bx h5 {
        font-size: 15px;
    }

    #counterSec #counter .row {
        gap: 12px;
        zoom: .9;
    }

    #dreamjob_section_new .dream_step_card p {
        font-size: 13px;
    }
    #category .col {
    max-width: 25%;
    flex: 0 0 25%;
}
}



@media (max-width: 1200px) {

    .heading {

        font-size: 40px;

    }


    .counter_bx .counter-value {
        padding-top: 10px;
        font-size: 28px;
    }

    .counter_bx h5 {
        font-size: 17px;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 30px;

    }

    .btn.applyjobJobseeker {
        font-size: 16px;
        margin-top: 15px;
    }


    .btn-info.app-btn {
        font-size: 16px;
    }

    .btn.btn-info {
        font-size: 16px;
    }




    #cvBuilderPricepsec .price-bg ul li {
        font-size: 14px;
    }
    #slider_sec h1 {
        font-size: 40px;
    }

    #slider_sec p {
        font-size: 22px;
    }

    #how_itwork_sec .how_itbx p {
        font-size: 14px;
    }

    h2.mn_heading {
        font-size: 28px !important;
    }
    #cvBuilderPricepsec .price-value h2 a,
    #cvBuilderPricepsec .price-value.two h3 a,
    #cvBuilderPricepsec .price-value.three h4 a {
        font-size: 22px;
    }
    #cvBuilderPricepsec .price-value h5 span {
        font-size: 36px;
        font-weight: 600;
    }
    .best_freelancer_sec_hpg h3 {
        font-size: 16px;
    }
    #best_freelancer_sec .best_freelancer_bx li li {
        font-size: 12px;
    }
    #inner_pghead .box-row.fade-in {
        width: 100%;
    }
    .dashboardHeader ul li a {
        font-size: 13px !important;
    }
    #mn_header #navbarSupportedContent {
        flex-wrap: wrap;
    }
    header a.nav-link.signUpd {
        font-size: 14px;
    }
    .inner_pgheadJobseekerPgOverlay {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bg_color {
        margin-top: 0px !important;
    }
    .cvWaveSection .cvStep {
        zoom: .8;
    }

    .jobsection .jobsection_content {
    padding: 30px 20px;
}
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    section#inner_pghead.freelance-hero {
    height: 380px;
}
    #inner_pghead {
        min-height: 200px;
        height: auto;
    }
    #customers-testimonials img.img-circle {
    width: auto;
    max-width: inherit;
    height: 100%;
    object-fit: inherit;
}
}



@media (max-width: 1399px) and (min-width: 1200px) {
    .zep_modern_fs .zep_fs_container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .zep_modern_fs .zep_fs_card {
        min-height: 455px;
    }

    .zep_modern_fs .zep_fs_img {
        width: 42%;
        flex-basis: 42%;
    }

    .zep_modern_fs .zep_fs_content {
        width: 58%;
        flex-basis: 58%;
        padding: 34px 28px;
    }

    .zep_modern_fs .section-small-heading {
        font-size: 21px;
        margin-bottom: 17px;
    }

    .zep_modern_fs .zep_icon_box {
        width: 50px;
        height: 50px;
        min-width: 50px;
        margin-bottom: 18px;
    }

    .zep_modern_fs .zep_list li {
        font-size: 13.5px;
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .zep_modern_fs .zep_list li:before {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

}



@media (max-width: 1199px) {

    #amongCategory .categorymodal .row .col-sm-3 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }



    .contentRoghtPart .postedJob {
        min-width: 1140px;
    }

    #packagePg .price-wrp.row .col {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    #counterSec #counter .col {
        max-width: 160px;
    }
    header .logo img {
    width: 100px;
}
    header a.nav-link.signUpd {
        font-size: 10px;
    }
        .zep_modern_fs .zep_fs_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .zep_modern_fs .zep_fs_card {
        flex-direction: column;
        min-height: unset;
    }

    .zep_modern_fs .zep_fs_img,
    .zep_modern_fs .zep_fs_content {
        width: 100%;
    }
    .zep_modern_fs .zep_fs_img {
    height: 340px;flex: inherit;
}
.zep_modern_fs .zep_icon_box {
    width: 38px;
    height: 38px;
    min-width: inherit;
    margin-bottom: 20px;
}
.zep_modern_fs .section-small-heading {
    font-size: 21px;
    margin-bottom: 16px;
}
.zep_modern_fs .zep_list li {
    font-size: 14px;

}
.zep_modern_fs .zep_list li:before {
    width: 19px;
    height: 19px;
    font-size: 10px;
}

.zep_modern_fs .zep_btn_area {
    margin-top: auto;
    padding-top: 0px;
}
  
.zep_modern_fs .zep_fs_content {
        padding: 28px 25px;
    }
    .zep_modern_fs .zep_left_card .zep_fs_content:before,
    .zep_modern_fs .zep_right_card .zep_fs_content:after {
        display: none;
    }

    .zep_modern_fs .zep_right_card .zep_fs_content {
        order: 2;
    }

    .zep_modern_fs .zep_right_card .zep_fs_img {
        order: 1;
    }


}

@media (max-width: 1069px) {
    #inner_pghead h1 {

        font-size: 32px;

    }

    .heading {
        font-size: 32px;
    }

    #image_blank .center h2 {
        font-size: 32px;

    }

    .counter_bx .counter-value {
        padding-top: 10px;
        font-size: 25px;
    }

    .counter_bx h5 {
        font-size: 15px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp img {
        width: 100%;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        font-size: 18px;
        font-weight: 700;
    }

    #latest_prosec .latest_pro_bx {
        min-height: 435px;
        background: #fff;
    }
    .latestWh .latest_pro_bx .d-n-425 {
        padding-top: 18px;
    }
    #job-fs .job-finder .slogan h2 {
        font-size: 26px;
    }


    #slider_sec .search_form input,
    #slider_sec .search_form button,
    #slider_sec .search_form select {
        padding: 10px;
    }

    #cvBuilderPricepsec .price-bg ul li {
        font-size: 12px;
    }

    #top_hiringcom_sec .hiring_combx h4 {
        font-size: 16px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        font-size: 16px;
    }

    .latest_pro_bxbtm {
        padding: 12px 0px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {
        margin-bottom: 0px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp {
        padding: 18px;
    }

    #slider_sec h1 {
        font-size: 32px;
    }

    #slider_sec p {
        font-size: 18px;
    }

    #slider_sec .search_form {
        width: 90%;
    }

    .job_search_sec {
        padding: 15px;
    }

    .job_searchdetail_dv {
        padding: 0px 15px;
    }

    .job_searchdetail_dv .job_soryby ul li .form-group {
        margin-bottom: 0px !important;
    }

    .job_searchdetail_dv .job_soryby {
        margin-bottom: 0;
    }


    .tes-content h2 {
        font-size: 18px;
    }

    .shadow-effect {

        height: 280px;

    }

    #customers-testimonials .shadow-effect p {

        font-size: 11px;

    }

    .tes-content h4 {
        font-size: 16px;
    }

    .inner-box h2 {
        font-size: 32px !important;
    }

    #packagePg.employerPkgSec .price-wrp.row .col-3 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        margin-bottom: 5px;
        /* color: #068ccb; */
        font-size: 18px;
        font-weight: 600;
    }
}




@media (max-width: 992px) {
    .heading {
        font-size: 30px;
        margin-bottom: 45px;
    }

    #slider_sec img {
        height: auto;
    }

    #slider_sec .owl-dots {

        display: none;
    }

    #counter .row .col {
        padding-left: 0px;
        padding-right: 0px;
    }

    #cv_maker li p {
        margin-top: 10px;
        height: 48px;
        font-size: 13px;
    }
    .counter_bx h5 {
        font-size: 14px;
    }
    .step-image {
        height: 160px;
    }
    .step-image img {
        height: 100%;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp img {
        max-width: 120px;
    }
    #latest_prosec .latest_pro_bx {
        min-height: 445px;
        background: #fff;
    }

    #growing .last h3 {
        font-size: 25px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        font-size: 15px;
        font-weight: 700;
    }

    #advertiseBneSec .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1140px;
    }
    footer h5 {
        font-size: 16px;
        color: #222222;
        margin-bottom: 20px;
    }
    .latestWh .latest_pro_bx .d-n-425 {
        padding-top: 18px;
    }

    #latest_prosec .row div.d-flex {
        padding-bottom: 20px;
    }

    #free-comp .freelancer-box2 ul .btn-info.app-btn {
        font-size: 15px;
        margin-bottom: 1px !important;
    }

    .our_client .btn-info {
        margin-bottom: 80px !important;
        font-size: 15px !important;
    }
    h2.mn_heading {
        margin-bottom: 20px;
    }

    #how_itwork_sec .nav-pills {
        width: 50%;
    }

    #how_itwork_sec .how_itbx h4 {
        font-size: 16px;
    }

    #how_itwork_sec .how_itbx p {
        font-size: 12px;
        text-align: center;
        margin-bottom: 5px;
    }

    #how_itwork_sec .how_itbx .circle_icoinner {
        height: 65px;
        width: 65px;
        line-height: 70px;
    }

    #how_itwork_sec .how_itbx .circle_icoinner span {
        display: block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        top: 5px;
        -webkit-box-shadow: 4px 4px 12px 0px rgb(0 0 0 / 50%);
        -moz-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.50);
        box-shadow: 4px 4px 12px 0px rgb(0 0 0 / 50%);
    }

    #how_itwork_sec .how_itwork_mndv .circle_ico svg {
        font-size: 20px;
    }

    #how_itwork_sec .how_itwork_mndv {
        margin-top: 10px;
    }

    #cvBuilderPricepsec .price-bg .pricing_overlaybx {
        height: 170px;
        width: 170px;
    }

    #cvBuilderPricepsec .cart1,
    #cvBuilderPricepsec .cart2,
    #cvBuilderPricepsec .cart3 {
        padding: 1em 0em 1em;
        display: block;
        border-bottom: 2px solid #058ccb;
    }

    #cvBuilderPricepsec .pricing-grid1 ul li,
    #cvBuilderPricepsec .pricing-grid2 ul li,
    #cvBuilderPricepsec .pricing-grid3 ul li {
        font-size: 13px;
        padding: 5px 8px;
    }
    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx ul.list-inline.mt-2 {
        margin-top: -14px !important;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx p {
        margin-top: 0px !important;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .freelancer_imgdv {
        width: 100px;
        height: 100px;
        position: relative;
        top: -20px;
    }

    #best_freelancer_sec .col-lg-6 {
        margin-bottom: 15px !important;
    }

    a.btn-link {
        font-size: 14px;
    }

    #millions_ofjob_sec p {
        font-size: 14px;
        line-height: initial;
    }

    #top_hiringcom_sec .hiring_combx h4 {
        font-size: 16px;
        min-height: 38px;
        margin: 5px 0px;
    }

    .navbar-light .navbar-toggler {
        background: #e0edf1;
        border: none;
    }

    .navbar-toggler {
        padding: .25rem .50rem;
        font-size: 14px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp li a.btn {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        min-width: max-content;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        font-size: 14px;
    }

    #inner_pghead h1 {
        color: #fff;
        font-size: 28px;
        font-weight: bold;
    }

    #image_blank .vector-image img {
        height: auto;
        width: 100%;
    }

    .how_itbx .circle_ico i {
        font-size: 40px !important;
        padding-bottom: 0.5rem;
    }

    .video-js {
        height: 280px !important;
    }

    #packagePg .price-wrp.row {
        justify-content: center;
    }

    #indusHiringSec .industriesHireCnt ul li h6 {
        font-size: 13px;
        color: #353535;
        font-weight: 600;
    }

    #indusHiringSec .industriesHireCnt ul li span {
        font-size: 13px;
        color: #353535;
        font-weight: 600;
    }

    #endlessPosibSec .owl-nav .owl-next {
        background: #fff !important;
        position: absolute;
        top: 40%;
        right: -28px;
        padding: 0 15px 0 18px;
        border-radius: 50% !important;
        height: 50px;
        width: 50px;
        z-index: 99;
        box-shadow: -3px 14px 25px -10px #92b4d0;
        transition: 0.5s ease 0s;
    }

    #endlessPosibSec .owl-nav .owl-prev {
        background: #fff !important;
        position: absolute;
        top: 40%;
        left: -28px;
        padding: 0 15px 0 18px;
        border-radius: 50% !important;
        height: 50px;
        width: 50px;
        z-index: 99;
        box-shadow: -3px 14px 25px -10px #92b4d0;
        transition: 0.5s ease 0s;
    }

    .endlessPosibSec2.endlessPosibSecEmployer .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .btn-info {
        padding: 8px;
        font-size: 14px !important;
        margin: auto;
        min-width: 140px !important;
    }

    .circle_ico.text-center.pt-3.pb-3 {
        padding-bottom: 0.5rem !important;
    }

    #how_itwork_sec .how_itbx h4 {

        margin-top: 0px;
    }

    .company_post_a_project {


        padding-top: 0px !important;
    }

    .wpb_wrapper li {
        font-size: 12px !important;
        position: relative;
        text-align: left;
    }

    .price-content h4 {
        font-size: 40px;
        font-weight: bold;
        line-height: 50px;
        height: 100px;
        overflow: hidden;
    }

    .price-content span.type {
        padding: 5px 15px;
        border-radius: 0 0 12px 12px;
        background: red !important;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #fff !important;
    }

    .price-content ul {
        padding-left: 0;
        height: 260px;
    }

    .box-row.fade-in ul li h2 {

        font-size: 30px;

    }


    #inner_pghead .box-row.fade-in ul li {
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        width: 33.33%;
        /* float: left; */
        text-align: center;
        line-height: 25px;
    }

    .h-color {
        color: #3f3f3f;
        font-size: 20px;
        font-weight: 700;
    }

    .categorymodal#accordionExample button.btn.btn-link.btn-block.text-left {
        text-decoration: none;
        position: relative;
        color: #004e7e;
        font-size: 14px;
        font-weight: 700;
    }

    .card-header {
        padding: 0 !important;
    }

    button.btn.btn-link.btn-block.text-left.collapsed:after {

        font-size: 20px;

        top: 5%;

    }

    .accordion.categorymodal .col-sm-3 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .sutaibleCandidateSecOverlay p {
        text-align: left;
    }

    .detailPageSideBar p {
        text-align: left;
    }
    header a.nav-link.signUpd {
        font-size: 10px;
    }

    

    .modernDayCnt .modernDayUl .ad {
        width: 33.33%;

    }

    .modernDayCnt .modernDayUl {
        justify-content: center;
    }


    .list-unstyled.leftMenu,
    .list-unstyled.leftMenuLogout {
        display: none;
    }

    .dashboardHeader .leftMenu .social .fbtn {
        margin-top: 10px;

        line-height: 35px;

    }

    .contentContainerPart .contentRightPart .profileTile {

        border-bottom: none;

    }

    .cvProfileCnt ul li {

        font-size: 14px;
    }

    #free-comp .freelancer-box {

        height: 710px;
    }

    #free-comp .freelancer-box ul {
        flex-wrap: wrap;

    }

    .freelancer-box .col-7.full-425.full-576 {
        max-width: 100%;
        flex: 0 0 100%;
        order: 2;
        padding: 0;
        margin-top: 20px;
    }

    .freelancer-box .col-7.full-425.full-576 ul {

        padding: 0 !important;

    }

    .freelancer-box .col-5.full-425.full-576 {
        max-width: 100%;
        flex: 0 0 100%;
        order: 1;
        padding: 0;
        margin-top: 20px;

    }

    #free-comp .freelancer-box2 {

        height: 710px;
    }

    #free-comp .freelancer-box2 ul {
        flex-wrap: wrap;
        aspect-ratio: 1 1;
    }

    .freelancer-box2 .col-7.full-425.full-576 {
        max-width: 100%;
        flex: 0 0 100%;
        order: 2;
        padding: 0;
        margin-top: 20px;
    }

    .freelancer-box2 .col-7.full-425.full-576 ul {

        padding: 0 !important;

    }

    .freelancer-box2 .col-5.full-425.full-576 {
        max-width: 100%;
        flex: 0 0 100%;
        order: 1;
        padding: 0;
        margin-top: 20px;

    }


    #change-image-2 {
        margin-left: auto;
        display: block;
    }
    .inner-box h2 {
        font-size: 30px !important;
    }

    h2.mn_heading {
        font-size: 30px !important;
    }
    #slider_sec.home-slider .slider_cntmn h1 {
    font-size: 44px;
}

}

@media (max-width: 991px) {
    .lang-btns {
        order: 0;
        margin-left: auto;
    }

    .dashboardHeader .drop-btns.d-flex {
        order: 0 !important;
        margin-left: auto;
    }

    .lang-btns .nav-item.list-inline-item {
        margin-top: 0;
    }

    .lang-btns .nav-item.list-inline-item a {
        font-size: 14px !important;
    }

    .lang-btns .lang {
        margin-top: 0 !important;
    }

    .lang-btns .lang li a {
        font-size: 13px !important;
    }

    div#navbarSupportedContent {

        margin-bottom: 10px;
    }

    #why-zep .how_itwork_mndv.why-zeojob .full-576 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #why-zep .how_itwork_mndv.why-zeojob .row {
        row-gap: 20px;
    }


    .dashboardHeader .list-unstyled.leftMenu {
        display: block;
        row-gap: 10px;
        display: flex;
        flex-direction: column;
    }

    #counterSec {
        margin-top: -60px;
    }

    #counterSec #counter .col {
        max-width: 48%;
        flex: 1 1 48%;
    }
.section-heading {
    font-size: 30px;
}
.cvWaveSection .cvPreviewWrap {
    width: 70%;
}
section.cvWaveSection .col-lg-5 {
    margin-top: 80px !important;
}
.cvWaveSection {
    padding: 62px 0px 62px;
}
.jobsection .jobsection_img img {
    width: 100%;
    min-height: 250px;
}
.jobsection .jobsection_box {
    flex-wrap: wrap;
}
.jobsection .jobsection_img {
    width: 100%;
    flex: 0 0 100%;
}
.jobsection .jobsection_content {
    width: 100%;
    flex: 0 0 100%;
}

.section-small-heading {
    font-size: 21px;
}

    ul.lang.list-unstyled.d-flex.align-items-center.ml-4 {
        margin-right: 5px !important;
        margin-top: 0px;
        margin-left: 5px !important;
    } .languageToggle {
    font-size: 14px !important;
}
#dreamjob_section_new .dream_heading {
    font-size: 26px;
}
section#only-platform h2.section-heading {
    font-size: 20px;
    line-height: 1.5;
}
#slider_sec.home-slider .owl-item {
    height: calc(100vh - 202px);
}
section#freelancer_list_pg.forgot-pw-pg .pg-left-img img {
    width: 70%;
    margin: auto;
    display: block;
}
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    div#navbarSupportedContent.navbar-collapse {
        position: absolute;
        width: 100%;
        top: 81px;
        z-index: 99;
        left: 0;
        right: 0;
    }
    .frrlance_detlright_panel.sticky-top {
    margin-top: 10px;
}
.zep_modern_fs .zep_fs_content {
    flex: inherit;
}
#category .heading {
        font-size: 34px;
    }

    #category .category-card {
        min-height: 220px;
    }
    #category .col {
    max-width: 33%;
    flex: 0 0 33%;
}

}


@media (max-width: 830px) {



    .d-n {
        display: none;
    }

    .heading {
        font-size: 27px;
        margin-bottom: 45px;
    }

    h2.mn_heading {
        font-size: 25px !important;
    }

    .inner-box h2 {
        font-size: 28px !important;
    }

    .counter_bx .counter-value {
        padding-top: 10px;
        font-size: 20px;
    }


    .counter_bx h5 {
        font-size: 14px;
        text-align: center;
    }



    .counter_bx h5 {
        font-size: 13px;
        text-align: center;
    }

    .counter_bx .ico {
        width: 40px;
    }

    #counterSec {

        padding-top: 20px;
        padding-bottom: 20px;

    }

    #counter .row .col {
        padding-left: 5px;
        padding-right: 5px;

    }

    .clients {

        height: 100px;
    }


    .step-image {
        height: 140px;
    }

    .clients {
        display: inline-block;
        animation: marquee 20s linear infinite;
        height: 100px;
    }


    #cv_maker li p {
        margin-top: 10px;
        height: 35px;
        font-size: 12px;
    }

    #cv_maker .btn-info {
        font-size: 15px;
    }

    .ad_dv .owl-carousel.owl-drag .owl-item {
        height: 150px;
    }

    .ad_dv .owl-carousel .owl-item img {
        width: 200px;
    }

    #job-fs .job-finder img {
        height: 150px;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 20px;
    }

    #advertiseBneSec h2 {
        text-align: center;
        color: #fff;
        font-size: 25px;
    }

    #free-comp .heading {
        margin-top: 40px !important;
        margin-bottom: 20px !important;
    }

    #advertiseBneSec {

        margin-bottom: 0px;
    }

    #free-comp {
        margin-top: 0px;

    }

    .full-w {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #latest_prosec .latest_pro_bx {
        min-height: 0px;
        background: #fff;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {
        width: 100%;
    }

    footer .foot_bx h5 {
        font-size: 16px !important;
    }

    #latest_prosec {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    #latest_prosec .d-flex.justify-content-between.align-items-center {
        margin-bottom: 0px;
        margin-top: 40px;
    }

    #latest_prosec .latest_pro_bx {
        margin-bottom: 40px;
    }



  

    #cvBuilderPricepsec {
        padding: 0px;
        padding-bottom: 45px;
    }

    h2.mn_heading {
        font-size: 25px !important;
        margin-bottom: 40px !important;
        margin-top: 0px !important;

    }

    h2.mn_heading {

        margin-bottom: 10px !important;


    }

    #find_Job {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #sampleWrkSec h2.mn_heading {

        margin-top: 35px !important;

    }


    .play-pause-button {
        position: absolute;
        top: 35%;
        left: 50%;
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4822303921568627) 50%, rgba(0, 0, 0, 0.48783263305322133) 70%, rgba(0, 0, 0, 0) 100%);
        height: 60%;
        width: 100%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.5s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
    }

    #customers-testimonials .shadow-effect p {
        font-size: 12px;
    }


    .tes-content h2 {
        font-size: 15px;
    }

    .shadow-effect {
        height: 200px;
    }

    .shadow-effect {
        height: 200px;
    }

    .tes-content h2 {
        font-size: 17px;
    }

    .our_client .btn-info {
        margin-bottom: 50px !important;
        font-size: 15px !important;
    }

    .price-content span.type {

        font-size: 19px;

    }

    #only-platform h2.heading {
        font-size: 18px;
    }

    #inner_pghead aside.hero-stats {

        padding: 0px 0;

    }

    .box-row.fade-in ul li h2 {

        font-size: 25px;

    }

    #inner_pghead .box-row.fade-in ul li {
        font-size: 14px;
    }

    #inner_pghead h1 {
        color: #fff;
        font-size: 25px;
        font-weight: bold;
    }

    #inner_pghead .btn-info.mt-4 {
        margin-top: 20px !important;
    }

    .freelancer .circle_ico img {
        width: 75px;
    }

    #how_itwork_sec .how_itbx p {
        font-size: 14px;
        text-align: center;
        margin-bottom: 5px;
    }

    #how_itwork_sec .how_itbx h4 {
        font-size: 15px;
    }

    #growing .col-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

 

    #find_Job .job_search_sec ul li .btn {
        font-size: 12px;
    }

    #find_Job .job_search_sec ul li .btn {
        margin: auto;
        width: 100% !important;
    }

    .hireFreelncrCnt .d-flex {
        row-gap: 20px;
        flex-wrap: wrap;
    }

    .freelancer_listed_dv .list-inline-item.align-self-start.freelancer-pg-dli {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .freelancer_listed_dv .d-flex.justify-content-between {
        flex-wrap: wrap;
    }

    #freelancer_list_pg .freelancer_listed_dv .hire_rateul h3 {
        font-size: 24px;
        text-align: left;
        margin-top: 15px;
    }

    #freelancer_list_pg .freelancer_listed_dv .hire_rateul li {
        text-align: left !important;
    }

    .card-body .d-flex.justify-content-around.list-unstyled {
        flex-wrap: wrap;
    }

    .card-body ul li {
        font-size: 12px;
    }

    #collapseFive .card-body .row .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #collapseSix .btn.btn-xs.btn.btn-sm.rateButton.btn-warning {
        margin-bottom: 10px;

    }


    #collapseSix .btn-default {
        margin-bottom: 10px;

    }

    .freelancer_pg.project_pgmn.companyDetailPage .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .freelancer_pg.project_pgmn.companyDetailPage .col-md-9 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .btn-link-1 {
        margin-bottom: 50px !important;
    }

    #counter .counter_bx h5 {
        font-size: 13px;

    }

    #latest_prosec .heading {
        margin: 45px 0px !important;
    }

    #latest_prosec a.btn-link {
        margin-bottom: 0px !important;
    }


    .wpb_wrapper-1 p.p-plan {

        height: 200px;
    }

    #packagePg ul {

        height: 300px;
    }

    .contentContainerPart .allProjectsTable .row .col-md-3.col-sm-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .contentRightPart .profileTile .editProfileButton {
        width: 50%;
        margin: auto;
        margin-top: 20px;
    }

    .dashboardJobseeker .titleContainer .row.align-items-center .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .dashboardJobseeker .titleContainer .row.align-items-center .col-sm-6.text-right {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center !important;
        margin-top: 5%;
    }

    .allProjectsTable .row .col-md-9.col-sm-8 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .contentRoghtPart .table th,
    .contentRoghtPart .table td {
        font-size: 13px;
    }

    .loginSignPopUp form {

        padding: 0 25px !important;

    }

    .freelancer-box2 .col-5.full-425.full-576 {
        max-width: 50%;
        flex: 0 0 50%;

    }

    .freelancer-box2 .col-7.full-425.full-576 {
        max-width: 50%;
        flex: 0 0 50%;

    }

    #change-image-2 {
        margin-left: inherit;

    }

    #free-comp .freelancer-box2 {
        height: inherit;
    }

    #free-comp .freelancer-box2 ul {
        padding: 0px 20px !important;
    }

    .freelancer-box .col-7.full-425.full-576 {
        max-width: 50%;
        flex: 0 0 50%;
        order: 2;
        padding: 0;

    }


    .freelancer-box .col-5.full-425.full-576 {
        max-width: 50%;
        flex: 0 0 50%;
        order: 2;
        padding: 0;

    }

    #free-comp .freelancer-box ul li img {
        display: block;
        /* margin-left: auto; */
    }

    #free-comp .freelancer-box {
        height: inherit;
    }

    .freelancer-box .col-5.full-425.full-576 {
        max-width: 50%;
        flex: 0 0 50%;
        order: 1;
        padding: 0;
    }

    #free-comp .freelancer-box ul {
        padding: 0px 20px !important;
    }

    footer h5 {
        font-size: 20px;
        color: #222222;
        margin-bottom: 20px;
    }
}

/* Tablet Devices */

@media (max-width: 768px) {


    /* #how_itwork_sec .how_itbx p {
             display: none;
         } */
    #top_hiringcom_sec .hiring_combx div[style="height:100px; width:100%; display:flex; align-items:center; justify-content:center;"] {
        height: 60px !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp .col-md-2 a img {
        width: 200px;
        margin-bottom: 10px;
    }

    #millions_ofjob_sec h2 {
        text-align: center;
    }

    #millions_ofjob_sec p {
        text-align: center;
    }

    #millions_ofjob_sec .btn {
        margin: auto;
    }

    #millions_ofjob_sec img {
        width: 100%;
    }

    #slider_sec h1 {
        font-size: 24px;
    }

    #slider_sec p {
        font-size: 16px;
    }

    #slider_sec .search_form {
        width: 100%;
    }

    #slider_sec .search_form {
        border: 2px solid;
        border-color: rgba(256, 256, 256, 1);
    }

    h2.mn_heading {
        font-size: 18px !important;

        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    #how_itwork_sec,
    #cvBuilderPricepsec,
    #top_hiringcom_sec,
    #best_freelancer_sec {
        padding: 30px 0px;
    }

    #best_freelancer_sec h2.mn_heading {
        margin-bottom: 0px;
    }

    #slider_sec .search_form input,
    #slider_sec .search_form button,
    #slider_sec .search_form select {
        height: 40px;
    }

    #slider_sec .search_form .search_dv:after {
        height: 25px;
    }

    #how_itwork_sec .how_itbx h4 {
        font-size: 16px;
    }

    #cvBuilderPricepsec .pricing-grid1,
    #cvBuilderPricepsec .pricing-grid2,
    #cvBuilderPricepsec .pricing-grid3 {
        width: 45%;
        float: none;
        margin: auto;
        margin-bottom: 30px;
    }

    #how_itwork_sec .nav-pills {
        width: 100%;
    }

    #top_hiringcom_sec .hiring_combx {
        background-color: #fff;
        padding: 10px 5px;
    }

    #top_hiringcom_sec .hiring_combx h4 {
        font-size: 14px;
        min-height: 38px;
        margin: 5px 0px;
    }

    #latest_prosec .latest_pro_bx:last-child {
        margin-bottom: 0px;
    }

    .form-group.row.is-empty .col-md-4 {
        margin-bottom: 10px;
    }

    #jobseeker_pg {
        padding: 0px 0px;
    }

    #inner_pghead h1 {
        color: #fff;
        font-size: 21px;
        text-align: left;
        padding: 0px 20px;
    }

    #advertiseBneSec {
        padding: 35px 0px;min-height: 270px;
    }
    #advertiseBneSec h2 {

        font-size: 20px;
    }
    .full-w {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .full-w .foot_bx ul li a img {
        width: 150px;
    }


    footer .custom-ctn {
        max-width: 100%;
    }


    .pricing-grids {
        display: flex;
        flex-wrap: wrap;
    }

    #image_blank .center h2 {
        font-size: 28px;
    }

    .shadow-effect {
        height: 300px;
    }

    .tes-content h2 {
        font-size: 15px;
    }

    #customers-testimonials .shadow-effect p {
        font-size: 11px;
    }

    #customers-testimonials .shadow-effect p {
        font-size: 11px;
    }

    #image_blank .vector-image img {
        height: auto;
        width: 100%;
    }

    #image_blank .center h2 {
        font-size: 21px;
    }

    #image_blank .center p {
        font-size: 15px;
    }

    a.btn-info {
        padding: 10px;
        font-size: 15px;
        margin: auto;
    }

    .how_itbx .circle_ico i {
        font-size: 40px !important;
    }

    .how_itwork_mndv .howItWorkVideo {
        height: auto !important;
        padding-bottom: 0px !important;
    }

    #sampleWrkSec h2.mn_heading {
        margin-top: 15px !important;
        font-size: 27px !important;
    }

    .clients {
        display: inline-block;
        animation: marquee 20s linear infinite;
        height: 80px;
    }

    #cvBuilderPricepsec h2.mn_heading {
        font-size: 20px !important;
        margin-bottom: 25px !important;
        margin-top: 0px !important;
    }

    #cvBuilderPricepsec {
        padding: 0 0px;
    }

    .play-pause-button {
        top: 50%;
        height: 90%;

    }

    #play-pause,
    #play-pause1 {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: red;
        border: red;
    }

    .inner-box h2 {
        font-size: 23px !important;
    }

    /* #latest_prosec .latest_pro_bxtp ul li{
            max-width: max-content;
                } */

    #customers-testimonials img.img-circle {
        height: 60%;
        width: auto;
    }

    .shadow-effect {
        height: 270px;
    }

    footer .foot_bx h5 {
        font-size: 15px !important;
    }

    #find_Job hgroup h2 {
        padding: 0 30px;
        margin: auto;
        font-size: 25px !important;
    }

    #find_Job .job_search_sec .form-control {
        font-size: 15px !important;margin-top: 10px;
    }
        #dreamjob_section_new .dream_heading {
        margin-bottom: 20px !important;
    }

    .modernDayCnt .modernDayUl li ul li img {
        width: 75px;
    }

    .modernDayCnt .modernDayUl li {
        width: 25%;
        text-align: center;
        font-size: 13px;
        padding: 10px;
    }

    #find_Job {
        /* min-height: 450px; */
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .price-content {
        text-align: center;
        border-radius: 12px;
        border: 1px solid #EBEBEB;
        transition: all ease 0.2s;
        background: #fff;
    }

    .full-768 {
        max-width: 100% !important;
        flex: 0 0 100%;

    }

       #find_Job .job_search_sec .btn {
        margin-top: 10px !important;
    }

    #indusHiringSec {
        padding: 35px 0px;
        /* background-color: #f0f7f9; */
    }

    .mordernDaySec2 h2.mn_heading {

        margin-bottom: 35px !important;

    }

    .mordernDaySec2 {
        padding: 35px 0px;
    }

    .modernDayCnt .modernDayUl li ul li img {
        width: 65px;
    }


    h2.mn_heading {
        font-size: 25px;
        margin-bottom: 35px !important;
        margin-top: 0px !important;
    }

    .price-content h4 {
        font-size: 35px;
        font-weight: bold;
        line-height: 50px;
        height: 100px;
        overflow: hidden;
    }

    #packagePg {
        padding: 35px 0px;
    }

    #packagePg h2.mn_heading {
        font-size: 18px !important;
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

    #clientLogoSec {
        padding-top: 35px;
    }

    #clientLogoSec .col-md-2 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    #clientLogoSec h2.mn_heading {

        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

    .testimonials-1 {
        margin-top: 35px;
    }

    .testimonials-1 h2.mn_heading {

        margin-bottom: 31px !important;
        margin-top: 0px !important;
    }

    .endlessPoBx p {
        font-size: 12px;
        height: 90px !important;
    }

    #inner_pghead .btn-info.mt-4 {
        margin-top: 20px !important;
        margin-bottom: 40px;
    }

    .last a.btn-info {
        padding: 14px !important;
        font-size: 15px;
        margin: auto;
    }

    .freelancer_listed_dv.p-3 .btn.btn-danger.d-block.w-100.rounded-pill {
        margin-top: 20px;
    }

    .freelancer_list_filter div.text-center {
        margin-bottom: 25px;
    }

    .inner_pgheadJobseeker .inner_pgheadJobseekerPgOverlay h1 {
        text-align: center !important;
        font-size: 25px !important;
    }

    .hire_cominnerdv .hiring_combx div.d-flex {
        flex-wrap: wrap;
    }

    .custom-control-label::after {

        top: 2px !important;

    }

    .custom-control-label::before {
        top: 0;
    }

    .custom-control-label {
        font-size: 16px;
    }

    .loginSignPopUp .sign-in-container ul li a {
        font-size: 10px;
    }

    .loginSignPopUp .sign-in-container ul li label {
        color: #333;
        font-size: 10px;
        color: #333;
        /* font-weight: 600; */
        vertical-align: middle;
    }

    .loginSignPopUp button {
        font-size: 10px;
        padding: 10px 35px;
    }

    .loginSignPopUp a#signUp,
    .loginSignPopUp a#signIn {
        color: #90dcff;
        font-size: 12px;
        font-weight: 600;
    }

    .sign-in-container .text-center.mt-3.text-light {
        font-size: 13px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {
        font-size: 16px;

        color: rgba(0, 0, 0, 0.7);
        margin-top: 0;
    }

    /* .job_search_sec .btn {
              margin-top: 20px;
            } */

    .flip-card .bottom i {
        transform: translateY(-20%);

    }


    .flip-card .card i {
        color: #FFF9FB;
        /* font-family: 'Lilita One', cursive; */

        font-size: 21px;
        font-style: normal;
        transform: translate(0px, -6px);
    }

    .flip-card .top i {

        transform: translate(0px, 8px) !important;
    }

    .cv_builderimg .row .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    span.image_error {
        display: block;
        margin-bottom: 50px !important;
        font-size: 12px;
    }

    #counter .counter_bx h5 {
        font-size: 14px;
    }

    .counter_bx .ico {
        width: 35px;
    }

    #cv_maker .px-5.row-wraper {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    #cv_maker .px-5.row-wraper .inner-box {
        padding: 0.25rem !important;

    }

    #amongCategory.modalDesign a.btn-info {
        width: 100px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #amongCategory .categorymodal .row .col-sm-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .proposalsListContainer .proposalsImage {
        width: 100%;
    }

    .proposalsListContainer .d-flex.align-items-center {
        flex-wrap: wrap;
    }

    .wpb_wrapper-1 p.p-plan {

        height: 240px;
    }

    #packagePg ul {

        height: 350px;
    }

    span.ad-name {

        font-size: 12px;



        height: 85px;
    }

    .freelancerPgListContainer .freelancerImageContainer {

        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    #counter .pageCounterUl li {
        height: 45px;
        width: 40px;
    }

    #how_itwork_sec #home .row .col-5 {
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    #how_itwork_sec #home .row .col-7 {
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    #how_itwork_sec .col-33-576 {
        max-width: 100%;
        flex: 0 0 100%;
    }



    .section-small-heading {
        font-size: 22px;
    }
        #slider_sec.home-slider .slider_cntmn h1 {
    font-size: 37px;
}
  .web-btn-info {
        font-size: 13px !important;
        padding: 9px 18px;
    }
    .cvWaveSection .cvSub {
    font-size: 16px;
}
.jobsection {
    padding: 50px 0px;
}
#dreamjob_section_new {
    padding-top: 30px;
}
.mobile-table-768{
    min-width: 800px;
}
header#freelancer_pgheader .freelancer_head_leftul h1 {
    font-size: 22px;
}
header#freelancer_pgheader .company_prorating i {
    font-size: 14px;
}
#freelancer_prodtl .companySortInfo h4 {
    font-size: 14px;
    margin-top: 3px;
}
.companyDetailPage .companyInfoContainer .companySortInfo h5 {
    font-size: 18px;
}
.pr_detailul li {
    padding: 6px 0px !important;
    font-size: 14px;
}
.freelance_about p {
    line-height: 1.5;
    font-size: 14px;
}
.company_reviews_dv_cnt p {
    font-size: 14px;
}
.company_reviews_dv .company_reviews_dv_cnt {
    padding: 17px;
}
header#freelancer_pgheader nav#navbar-example2 a.nav-link {
    display: none;
}
header#freelancer_pgheader .freelancer_head_leftul {
    zoom: .9;
}
header#freelancer_pgheader {
    padding: 16px 0px !important;
}
.freelancer_bg .company_reviews_dv{min-height: inherit;}
.iconss {
    row-gap: 10px;
}
    #packagePg .price-wrp.row .col {
        max-width: 50%;
        flex: 0 0 50%;
    }
     #category .heading {
        font-size: 28px;
        margin-bottom: 35px;
    }

    #category .category-card {
        min-height: 210px;
        padding: 24px 12px 22px;
    }

    #category .img-cate {
        width: 80px;
        height: 80px;
    }

    #category .img-cate img {
        max-width: 58px;
        max-height: 58px;
    }

    #category .category-card p {
        font-size: 15px;
        margin-bottom: 52px;
    }

    #category .category-card:after {
        width: 38px;
        height: 38px;
        font-size: 28px;
        line-height: 34px;
    }
       #category .col {
    max-width: 50%;
    flex: 0 0 50%;
}
    .service-category-list {
        gap: 12px;
    }

    .service-pill {
        padding: 9px 14px !important;

        min-height: 44px;

        font-size: 13px;
    }

    .service-pill span {
        width: 26px;
        height: 26px;
        min-width: 26px;
    }

    .service-pill i {
        font-size: 13px;
    }
    .company_reviews_dv .company_reviews_dv_cnt {
        min-height: auto;
    }
    .only_review-verified .verified-img {
    width: 65px !important;
}
    .only-post-prject h4 {
        font-size: 25px;
        margin-bottom: 35px;
    }

}

@media (max-width: 643px) {
    .our_client .heading {
        padding-bottom: 3rem !important;

    }



    .d-n {
        display: none !important;
    }

    .ad_dv {
        margin-bottom: 40px;
    }

    #indusHiringSec .industriesHireCnt ul li h6 {
        font-size: 11px;
        color: #353535;
        font-weight: 600;
    }

    .industriesHireCnt {
        padding-left: 0px !important;
    }

    .modernDayCnt .modernDayUl li ul li img {
        width: 50px;
    }


    .modernDayCnt .modernDayUl li {
        width: 33.33%;
        text-align: center;
        font-size: 12px;
        padding: 10px;
    }

    .endlessPoBx img {
        width: 70px;
    }

    .endlessPoBx p {
        font-size: 12px;
        height: 90px !important;
    }

    .endlessPoBx h4 {
        font-size: 20px;
        margin-top: 20px;
    }



    #category .categorymodal .row {
        row-gap: 0px !important;
    }

    .modal-header .btn-info {
        font-size: 9px !important;
        margin-left: 0px !important;
    }

   

    #growing .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #inner_pghead .btn-info.mt-4 {
        margin-top: 20px !important;
        margin-bottom: 0px;
    }

    /* #inner_pghead aside.hero-stats {
        padding: 0px 0;
        display: none;
    } */

    #find_Job hgroup h2 {
        padding: 0 30px;
        font-size: 25px !important;
    }

    .h-color {
        color: #3f3f3f;
        font-size: 15px;
        font-weight: 700;
    }




    .modal-header .btn-info {

        font-size: 9px !important;

    }

    .categorymodal#accordionExample button.btn.btn-link.btn-block.text-left {
        text-decoration: none;
        position: relative;
        color: #004e7e;
        font-size: 10px;
        font-weight: 700;
    }

    .accordion.categorymodal .col-sm-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    #job-fs .job-finder img {
        height: 135px;
    }

    .loginSignPopUp form {

        padding: 0 15px !important;

    }

    .sign-in-container .text-center.mt-3.text-light {
        font-size: 12px;
    }

    #counter .row .col {

        max-width: 25%;
        flex: 0 0 25%;
    }

    #counterSec #counter .row {
        justify-content: center;
        row-gap: 20px;
    }

  

    .box-row.fade-in ul li h2 {
        font-size: 18px;
    }

   #inner_pghead .box-row.fade-in ul li {
        font-size: 10px;
        zoom: .9;
        line-height: 1.3;
    }

    #clientLogoSec.client-logo-ad .row .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    #packagePg.employerPkgSec .price-wrp.row .col-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .job_search_sec .btn {

        font-size: 15px;

    }

    #top_hiringcom_sec.companies_pgsec .hiring_combx a {
        flex-wrap: wrap;
    }

    #top_hiringcom_sec .hiring_combx img {
        width: auto;

    }

    footer .custom-ctn .col-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #cv_maker .full-576 {
        max-width: 100%;
        flex: 0 0 auto;
    }
}


@media (min-width: 580px) and (max-width:620px) {

    #job-fs .job-finder img {
        height: 110px;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 17px;
    }


    .btn.btn-info {
        font-size: 13px;
        padding: 10px 0px;
    }

    .inner-box h2 {
        font-size: 22px !important;
    }

    h2.mn_heading {
        font-size: 17px !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    .modernDayCnt .modernDayUl li {
        width: 33.33%;
        text-align: center;
        font-size: 13px;
        padding: 10px;
    }

    .inner-box {
        padding-left: 0px !important;
    }

}



@media (max-width:580px) {
    .loginSignPopUp .overlay-container {
        display: none;
    }

    .loginSignPopUp .sign-up-container {
        width: 100%;
    }

    .loginSignPopUp .sign-in-container {
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .loginSignPopUp .container.right-panel-active .sign-in-container {
        transform: translateX(0);
    }

    .loginSignPopUp .container.right-panel-active .sign-up-container {
        transform: translateX(0);
        opacity: 1;

    }

    .loginSignPopUp .container.right-panel-active .overlay-container {
        transform: translateX(0);
    }

    .loginSignPopUp .container.right-panel-active .overlay {
        transform: translateX(0);
    }

    .loginSignPopUp .container.right-panel-active .overlay-right {
        transform: translateX(0);
    }

    .loginSignPopUp .container.right-panel-active .overlay-left {
        transform: translateX(0);
    }

    footer .container-fluid.custom-ctn .row .col-5.full-425 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .social_ico li a {

        height: 30px;
        width: 30px;

    }

    #counter .pageCounterUl li {
        height: 40px;
        width: 35px;
    }


    .container-fluid.custom-ctn .row .col.half-425,
    .col-3.full-425 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    #find_Job .job_search_sec form .form-group .col:nth-child(3) {
        max-width: 100%;
        flex: 0 0 auto;
    }


    #how_itwork_sec .btn-info-1 {

        margin-top: 25px;
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .full-w-576 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* #job-fs .job-finder .slogan h2 {
        font-size: 25px;
    } */
    #job-fs .job-finder img {
        height: 115px;
    }

    #job-fs .row:last-child .full-w-576 .heading {
        margin-bottom: 30px;
        margin-top: 45px;
    }

    #advertiseBneSec {

        margin-bottom: 0px;
    }

    h2.mn_heading {

        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }



    .inner-box h2 {
        font-size: 21px !important;
    }

    .heading {
        margin-bottom: 35px !important;
    }

    .full-576 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .dn-575 {
        display: none;
    }



    .how_itwork_mndv h2.mn_heading {

        margin-top: 35px !important;
        margin-bottom: 25px !important;
        font-size: 25px !important;
    }

    .how_itwork_mndv .col-7.full-576 h2.mn_heading {

        margin-top: 0px !important;

    }

    #cv_maker h2.mn_heading {
        font-size: 25px;
        margin-bottom: 25px !important;
        margin-top: 25px !important;
    }

    .col-5.full-576 .video-container {
        margin-bottom: 0 !important;
    }

    #sampleWrkSec h2.mn_heading {

        font-size: 20px !important;
    }

    .col-33-576 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .how_itwork_mndv.find_Dream .row {
        width: 100%;
        margin-top: 30px !important;
        margin: auto;
    }

    #how_itwork_sec #home .container-fluid .row .full-576 hgroup {
        margin-bottom: 32px !important;
    }

    .indusHiringImg img {
        width: 270px;
    }

    .endlessPosibSec2.endlessPosibSecEmployer .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .video-container.h-100.pb-5 {
        height: 80% !important;
    }

    #latest_prosec .heading {
        font-size: 21px !important;
        /* margin-bottom: 0 !important; */
    }

    .freelancer-box ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    .freelancer-box2 ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    #free-comp .freelancer-box {
        height: auto;
    }

    #free-comp .freelancer-box2 {
        height: auto;
    }

    .full-425 #change-image-1 {

        width: 250px;
        display: block;
        margin: auto;
    }


    .full-425 #change-image-2 {

        width: 250px;
        display: block;
        margin: auto;
    }


    .freelancer-box .col-5.full-425 {
        order: 1;
    }

    .freelancer-box .col-7.full-425 {
        order: 2;
    }

    .loginSignPopUp h1 {
        font-size: 22px;
    }

    .input.text.required label {
        color: #fff;
        font-size: 12px;
    }

    .our_client .heading {
        padding-bottom: 0rem !important;
    }

    .signup-p {
        font-size: 12px;
    }

    #top_hiringcom_sec.companies_pgsec .hiring_combx a.btn {

        margin-top: 15px !important;
        margin-bottom: 15px !important;
        margin-left: 0;
        margin-right: auto;
    }

    #top_hiringcom_sec.companies_pgsec .hiring_combx a {
        flex-wrap: wrap;
    }

    .freelancerPgListContainer .hiring_combx:before {
        display: none;
    }

    .fl-form.Radio.Radio--vertical {
        padding-left: 15px;
    }

    .pageCounter.align-self-center {
        order: 2;
    }


    #counter .pageCounterUl li {

        width: 40px;
    }

    .social_ico li a {

        height: 25px;
        width: 25px;

    }

    #free-comp .freelancer-box2 ul li ul li {
        text-align: left;
    }

    #free-comp .freelancer-box2 ul li ul li {
        text-align: left;
        padding-left: 30px;
    }

    #free-comp .freelancer-box2 ul li ul li::after {

        left: 0;

    }

    #free-comp .freelancer-box2 ul .btn-info.app-btn {

        display: table-cell;
    }

    #amongCategory .categorymodal .row .col-sm-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    #inner_pghead .btn-info.mt-4 {
        margin-top: 10px !important;

    }

    .how_itwork_mndv.freelancer .how-ico .hdw .mn_heading.heading.mb-5 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .freelancer .circle_ico img {
        width: 60px;
    }

    #category {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #popular_services {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #cvBuilder_secpg.advertismentFrm h6 {
        font-size: 22px;

    }

    .user-n {
        display: none;
    }

    #mn_header .fas.fa-user-circle.mr-1.text-danger {
        font-size: 20px;
    }

    #mn_header .fas.fa-user-circle.mr-1.text-danger {
        font-size: 20px;
    }

    #mn_header .fa.fa-caret-down {
        font-size: 20px;
    }


    #counter .pageCounterUl li {
        font-size: 15px;
        height: 30px;
        width: 35px;
    }

    .social_ico li a {
        height: 35px;
        width: 25px;
    }

    #cv_maker .heading {
        margin-bottom: 0px !important;
    }

    #counterSec .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #counterSec #counter .row {
        gap: 12px;
    }

    #counterSec #counter .col {
        max-width: 100%;
        flex: 1 1 100%;
    }
        #slider_sec.home-slider .slider_cntmn h1 {
        margin: 0;
        width: 100%;
    }
        #mn_header .navbar.navbar-expand-lg.navbar-light {
        padding-bottom: 0px;
    }
        .cvWaveSection .cvStep {
        zoom: .7;
    }
        section.cvWaveSection .col-lg-5 {
        margin-top: 37px !important;
    }
.cvWaveSection .cvHead {
    margin-bottom: 14px;
    text-align: left !important;
}
    section.cvWaveSection.with-video {
        padding-bottom: 50px;
    }
        .section-heading {
        font-size: 26px;
    }
    .zepJobsCountry .zepCountryTitle {
    font-size: 26px;
}
.zepBrowseBtn {
    font-size: 14px;
}
.dashboardJobseeker .titleContainer p {
    font-size: 18px;
}
.col-md-12.mb-3.forgotPSecurityDv ul.list-inline.d-flex {
    flex-direction: column;
    width: 100%;
}
.forgot-pw-pg .form-group-box {
    padding: 35px 20px;
}
.forgot-pw-pg .form-group-box p {
    font-size: 14px;
}
#inner_pghead ul.cf {
    padding: 10px 0px;
}
.box-row.fade-in ul li h2 {
        margin-top: 6px;margin-bottom: 0px;
    }
    section#growing .section-heading {
        font-size: 20px;
    }
      section#growing .section-heading {
        font-size: 20px;
    }
        #growing .last h3 {
        font-size: 17px;
        margin-bottom: 10px !important;
    }
     #growing{
        padding-left: 0px !important;padding-right: 0px !important;
     }
       #packagePg .price-wrp.row .col {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .zep_modern_fs .zep_fs_content {
        padding: 22px 22px;
    }

    .zep_modern_fs .zep_fs_img img {
        height: 100%;
    }
         .zep_modern_fs .zep_fs_img {
        height: 507px;
    }
    .zep_modern_fs .zep_icon_box {
        margin-bottom: 12px;
    }
 
.zep_modern_fs .zep_list li {
    padding-left: 27px;

}
.zep_modern_fs .zep_btn_area {
        margin-top: 10px;
    }
        .zep_modern_fs .section-small-heading {
        font-size: 19px;
    }
    .freelancer-points .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .freelancer-points {
    margin-bottom: 10px !important;
}

}
@media (max-width: 567px) {
    #slider_sec h1 {
        font-size: 22px;
        width: 75%;
        margin: auto;
        margin-bottom: 15px;
    }

    #slider_sec p {
        font-size: 16px;
        display: none;
    }

    #slider_sec .search_form input,
    #slider_sec .search_form button,
    #slider_sec .search_form select {
        height: 40px;
        font-size: 12px;
    }

    #cvBuilderPricepsec .pricing-grid1,
    #cvBuilderPricepsec .pricing-grid2,
    #cvBuilderPricepsec .pricing-grid3 {
        width: 100%;
    }

    #top_hiringcom_sec .hiring_combx {
        margin-bottom: 15px;
    }

    a.btn-info {
        font-size: 12px;
        min-width: 90px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        color: rgba(0, 0, 0, 0.8);
        font-size: 15px;
        font-weight: 700;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        font-size: 14px !important;
    }

    [class^="flaticon-"]:before,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 16px;
        font-style: normal;
        margin-left: 20px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {
        font-size: 14px;
        /* text-align: justify; */
        color: rgba(0, 0, 0, 0.7);
        /* margin-top: 12px; */
    }

    .latest_pro_bxbtm p {
        margin-bottom: 0px;
        font-size: 14px;
    }

    footer ul li a {
        display: inline-block;
        color: rgba(0, 0, 0, 0.7);
        font-size: 14px;
    }

    footer h5 {
        font-size: 16px;
        color: #222222;
        margin-bottom: 20px;
    }

    .freelancer_rating .svg-inline--fa.fa-star.fa-w-18 {
        display: none;
    }

    #best_freelancer_sec .best_freelancer_bx h4 {
        font-size: 16px;
        text-align: left;
        color: #000;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx>.d-flex>ul:last-child {
        flex-direction: row;
        justify-content: space-between;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx>.d-flex>ul:last-child {
        flex-direction: row;
        justify-content: space-between;
        margin-top: -42px;
        /* width: calc(100% - 100px); */
        margin-left: 110px;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx ul.list-inline.mt-2 {
        margin-top: 0px !important;
    }

    .best_freelancer_sec_hpg a.btn-info {
        min-width: 85px;
        font-size: 12px;
    }

    .foot_bx {
        margin-bottom: 40px;
    }

    footer h5 {
        font-weight: 600;
    }

    h2.mn_heading {
        font-size: 25px !important;
    }

    #best_freelancer_sec h2.mn_heading {
        text-align: left;
    }

    footer .copyright_dv p {
        margin-bottom: 5px;
        font-size: 12px;
    }

    #how_itwork_sec .how_itbx h4 {
        min-height: 10px;
    }

    #how_itwork_sec .nav-pills li a {
        color: #000;
        font-size: 14px;
    }

    footer ul li {
        margin-bottom: 10px;
        float: left;
        width: 50%;
    }

    footer ul:after {
        content: '';
        clear: both;
        display: block;
    }

    footer h5 {
        font-size: 16px;
        color: #222222;
        margin-bottom: 10px;
    }

    .foot_bx {
        margin-bottom: 10px;
    }

    .social_ico {
        display: flex;
    }

    .job_searchdetail_dv .job_soryby p {
        font-size: 12px;
        color: #4c4c4c;
    }

    #latest_prosec.jobseeker_prodv .jobseeker_btn {
        margin-top: 0px;
        justify-content: flex-start;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp img {
        width: auto;
        max-width: 120px;
        margin: auto;
    }

    #inner_pghead h1 {
        color: #fff;
        font-size: 20px;
        text-align: left;
    }

    #cvBuilderPricepsec .pricing-grid1,
    #cvBuilderPricepsec .pricing-grid2,
    #cvBuilderPricepsec .pricing-grid3 {
        max-width: 45%;
        flex: 0 0 45%;
        /* margin: 2px; */
    }

    .col.half-425 .foot_bx .list-unstyled {
        display: flex;
        flex-direction: column;
    }

    .footLogo a img {
        mix-blend-mode: multiply;
        width: 140px;
        margin-right: auto;
        display: block;
    }

    footer ul li a {
        display: inline-block;
        color: rgba(0, 0, 0, 0.7);
        font-size: 13px;
    }

    footer ul li {
        width: 100%;
    }

    .col-3.full-425 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    footer .foot_bx h5 {
        font-size: 20px !important;
        text-align: left;
    }



    .col-3.full-425 .foot_bx .list-unstyled.d-flex {
        width: 200px;
    }

    #cv_maker .inner-box {
        padding-left: 0 !important;
    }

    .d-n-425 {
        display: none;
    }

    .custom-ctn .d-flex.justify-content-between {
        flex-wrap: wrap;
    }


    .log-icon-btn {
        display: none;
    }

    .n-log-icon-btn {
        display: block;
    }

    .d-none {
        display: block !important;
    }


    #how_itwork_sec .ex-video {
        margin-top: 20px;
    }

    .modal-header .d-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        text-align: center;
        row-gap: 10px;
    }

    #growing .last h3 {
        font-size: 20px;
    }


    #packagePg .price-wrp.row {
        justify-content: inherit;
    }

    .col-33-576 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .how_itwork_mndv.find_Dream .row {
        row-gap: 12px;
    }

    header a.nav-link.signUpd {
        color: #333333 !important;

    }
}





@media (max-width:480px) {

    #inner_pghead h1 {
        color: #fff;
        font-size: 16px;
        text-align: left;
        margin-bottom: 0 !important;
    }

    #image_blank .center h2 {
        font-size: 17px;
        text-align: center;
    }

    #image_blank .center p {
        font-size: 13px;
    }

    #image_blank .vector-image img {
        height: auto;
        width: 100%;
    }

    #cvBuilderPricepsec .pricing-grid1,
    #cvBuilderPricepsec .pricing-grid2,
    #cvBuilderPricepsec .pricing-grid3 {
        max-width: 100%;
        flex: 0 0 100%;
        /* margin: 2px; */
    }

    .play-pause-button {
        top: 50%;
        height: 90%;
    }

    .video-js {
        height: auto !important;
    }

    #packagePg h2.mn_heading {
        font-size: 25px !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    #packagePg.employerPkgSec .price-wrp.row .col-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .endlessPosibSec2 #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        text-align: center;
    }

    .price-content span.type {
        font-size: 16px;
    }

    .modernDayCnt .modernDayUl li {
        width: 50%;
        text-align: center;
        font-size: 12px;
        padding: 10px;
    }

     #find_Job .job_search_sec .btn {
        font-size: 15px !important;
    }

    #growing .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #inner_pghead .btn-info.mt-4 {
        margin-top: 20px !important;
        margin-bottom: 0px;
        font-size: 10px !important;
    }

    #how_itwork_sec,
    #cvBuilderPricepsec,
    #top_hiringcom_sec,
    #best_freelancer_sec {
        padding: 0px 0px;
    }

    .freelancer .circle_ico img {
        width: 50px;
    }

    .how_itwork_mndv .col-7.full-576 h2.mn_heading {
        margin-top: 20px !important;
    }


    .accordion.categorymodal .col-sm-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .card-header .btn-info {
        padding: 10px 5px;
    }



    #counter .row .col {
        padding-left: 5px;
        padding-right: 5px;
        max-width: 25%;
        flex: 0 0 25%;
    }

    #counter .row {
        row-gap: 20px;
    }

    .our_client .heading {
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
    }


    #job-fs .aph {
        margin-top: 0px !important;
    }

    #free-comp .freelancer-box ul li ul li::after {

        top: 10px;

    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {
        font-size: 14px;
        /* text-align: justify; */
        color: rgba(0, 0, 0, 0.7);
        margin-top: 0 !important;
    }

    #cv_maker .heading {
        margin-bottom: 0 !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp li a.btn {

        max-height: 40px !important;
    }

    .shadow-effect {
        height: 330px;
    }



    #indusHiringSec .industriesHireCnt ul li {
        margin-bottom: 10px;
        width: 100%;
    }

    ul.indu_content li:nth-child(even) {
        padding-left: 0px;
    }

    ul.indu_content li:nth-child(odd) {
        padding-right: 0px;
    }

    #how_itwork_sec #home .container-fluid .row .full-576 hgroup {
        margin-bottom: 0 !important;
    }

    #how_itwork_sec {
        padding-top: 20px;
    }

    .hdw h2.heading {
        margin-bottom: 0 !important;
    }

    .how_itwork_mndv h2.mn_heading {
        margin-top: 0 !important;
        margin-bottom: 25px !important;
        font-size: 25px !important;
    }

    .hdw {
        margin-bottom: 20px !important;
    }

    .job_detailinner nav p {
        text-align: left;
        font-size: 12px;
    }

    .flip-dial {
        position: relative;
        width: 9vw;
        height: 9vw;
        margin: 0.5vw;
    }

    .flip-card .card i {

        transform: translate(0px, -10px);
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 20px;
    }


  header .logo img {
        width: 120px;
    }

    #cv_maker li {

        width: 100%;
        flex: 1 1 100%;
    }

    #cv_maker ul {
        flex-wrap: wrap;
    }

    #cv_maker li p {

        font-size: 15px;
    }

    #clientLogoSec .col-md-2 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .list.is-basic.is-cols.of-2-d.of-1-m.u-expanded {
        column-count: 1;
        width: 100%;

    }

    .list.is-basic.is-cols.of-2-d.of-1-m.u-expanded li a {

        font-size: 15px;
    }

 

    #inner_pghead.freelance-hero {
        height: 200px;
    }

    .box-row.fade-in ul li h2 {
        font-size: 15px;
    }


    footer .foot_bx.foot_bx2 .footLogo {
        text-align: left;
    }

    footer .foot_bx {
        text-align: left;
    }

    .freelancer-box-content {

        row-gap: 30px;
    }

    .how-ico {
        padding-bottom: 30px;
    }

    #find_Job {
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
    }

    #freelancer_tab .row .full-576 .box-content-size {
        max-width: 100%;
        flex: 0 0 100%;

    }

    #freelancer_tab .row .full-576 {
        margin-bottom: 20px;

    }

    #latest_prosec.jobseeker_prodv .jobseeker_btn li {
        width: 33.33%;
    }

    .jobseeker_prodv .jobseeker_btn li a {
        width: 100%;
    }

    .modal-header .modal-btns {
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    #cvBuilder_secpg .cvBuilder_secpginner hgroup h2.mn_heading {
        font-size: 22px !important;
    }

    .proposalsListContainer .proposalsPrice p {

        margin-top: 10px;
    }

    .modernDayCnt .modernDayUl .ad {
        width: 50%;
    }

    span.ad-name {
        font-size: 15px;
        height: 100px;
    }

    /* #packagePg ul {
                                height: 200px;
                            } */

    #inner_pghead.inner_pgheadJobseeker.inner_pgheadJobseekerPg.innerProjectPg h1 {
        color: #fff;
        font-size: 16px;
        text-align: left;
        margin-bottom: 5% !important;
    }

    #top_hiringcom_sec.companies_pgsec .hiring_combx a {

        max-width: 100% !important;
        flex: 0 0 100%;
    }

    #top_hiringcom_sec.companies_pgsec .hiring_combx {

        padding: 20px;
    }

    .freelancerPgListContainer .hiring_combx p {

        width: 100%;
    }

    .company_searchdv {
        margin-top: 30px;
    }
    .cvProfileCnt {
        padding-left: 0px;
        padding-top: 10px;
    }

    .cvProfileCnt .list-inline {
        display: flex;
        flex-direction: column;
    }

    .cvProfileCnt .cvPinfoUl {
        flex-direction: column;
    }

    ul.list-unstyled.cvSearcMnInfoUl li {

        font-size: 12px;
    }


    .cvProfileCnt .cvPinfoUl li strong {
        padding-right: 10px;
        width: 100px;
    }

    #packagePg ul {
        height: max-content;
    }

    .social_ico li a {
        height: 35px;
        width: 35px;
    }

    #counter h5 {
        font-size: 1rem;
    }

    #counter .pageCounterUl li {
        height: 45px;
        width: 40px;
    }
.cvWaveSection .cvFlow {
    height: auto;
}
.cvWaveSection .cvWaveSvg {
    display: none;
}
.cvWaveSection .cvStep {
        zoom: inherit;
        position: static;
        width: 100%; margin-bottom: 12px;transform: none;
    }
    .cvWaveSection .cvThumb img {
    width: 52%;
    height: auto;
}
.cvWaveSection .cvThumb {
    margin: 0 auto 19px;width: 100%;
}
.mobile-table-480{
  width: 500px;
}
.dashboardJobseeker .titleContainer .postJob {
    padding: 7px 20px;font-size: 12px;

    }
    .dashboardJobseeker .titleContainer .postProject {
        padding: 8px 20px;
        font-size: 12px;
        margin-left: 0px;
    }

        div#navbarSupportedContent.navbar-collapse {
        top: 93px;
    }
section#inner_pghead.freelance-hero {
        height: 270px;
    }
    .web-danger-btn {
        font-size: 13px !important;
    }
     #growing .last h3 {
        font-size: 18px;
    }
    #growing .last {
    padding-bottom: 0px;
}
    header#freelancer_pgheader .freelancer_head_leftul {
        zoom: .8;
    }
    header#freelancer_pgheader nav#navbar-example2 {
    padding: 0px;
}
    header#freelancer_pgheader {
        padding: 25px 0px !important;
    }
        header#freelancer_pgheader .company_prorating i {
        font-size: 12px;
    }
    header#freelancer_pgheader a.btn.btn-danger.rounded-pill {
    font-size: 10px !important;
}
    #freelancer_prodtl .companySortInfo h4 {
        font-size: 12px;
        margin-top: 6px;
    }
    .pr_detailul li {
        font-size: 13px;
    }
    .companyDetailPage .companyInfoContainer .companySortInfo li {
    font-size: 14px;
}
.companyDetailPage .companyInfoContainer .companyLogoContainer{margin-right: 0px;}
.company_reviews_dv .company_reviews_dv_cnt hgroup.mt-4 {
    margin-top: 14px !important;
}
.company_reviews_dv .company_reviews_dv_cnt hgroup h6, .company_reviews_dv .company_reviews_dv_cnt hgroup p{
    font-size: 14px;
}
footer .foot_bx p {
    font-size: 14px;
}
    #category .col {
        max-width: 100%;
        flex: 0 0 100%;
    }
}


/* Mobile Devices */

@media (max-width: 425px) {

    .best_freelancer_sec_hpg h3 {
        font-size: 14px;
    }

    .best_freelancer_sec_hpg a.btn-info {
        padding: 4px;
    }

    #best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx ul.list-inline.mt-2 {
        margin-top: 15px !important;
    }

    .latest_pro_bxbtm p {
        margin-bottom: 0px;
        font-size: 12px;
    }

    footer {
        background-color: #f0f7f9;
        padding: 20px 0px 0px;
    }

    #how_itwork_sec .nav-pills li a {
        color: #000;
        font-size: 12px;
    }

    .nav-link {
        display: block;
        padding: .5rem .5rem;
    }

    /* h2.mn_heading {
            font-size: 15px !important;
        } */
    #slider_sec h1 {
        font-size: 19px;
        width: 75%;
        margin: auto;
        margin-bottom: 15px;
    }



    #cv_maker .heading {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .inner-box h2 {
        font-size: 20px !important;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 23px;
    }

    #advertiseBneSec h2 {
        font-size: 15px;
    }

    .full-425 {
        max-width: 100%;
        flex: 0 0 100%;


    }

    .freelancer-box ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    .freelancer-box2 ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    #free-comp .freelancer-box {
        height: auto;
    }

    #free-comp .freelancer-box2 {
        height: auto;
    }

    .full-425 #change-image-1 {

        width: 250px;
        display: block;
        margin: auto;
    }


    .full-425 #change-image-2 {

        width: 250px;
        display: block;
        margin: auto;
    }


    .freelancer-box .col-5.full-425 {
        order: 1;
    }

    .freelancer-box .col-7.full-425 {
        order: 2;
    }

    .heading {
        font-size: 23px;
        margin-bottom: 45px;
    }

    .d-n-425 {
        display: none;
    }

    .half-425 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .col.half-425 .foot_bx ul {
        display: flex;
        flex-direction: column;
    }

    .foot_bx ul li {
        width: 100%;
    }

    .custom-ctn .d-flex.d-flex.justify-content-between {
        flex-wrap: wrap;

    }

    .d-b-425 {
        display: block !important;
        width: 100%;
        padding-bottom: 10px;
    }

    .step-image {
        height: 100px;
    }

    .inner-box h2 {
        font-size: 18px !important;
    }

    .inner-box p {
        font-size: 13px;
    }

    h2.mn_heading {
        font-size: 20px !important;
    }

    #indusHiringSec h2.mn_heading {
        margin-bottom: 20px;
    }

    #find_Job hgroup h2 {
        padding: 0 0px;
        font-size: 20px !important;
    }

    #job-cou .h4 {
        font-size: 20px;
    }

    #packagePg h2.mn_heading {
        font-size: 20px !important;

    }

    #latest_prosec .heading {
        font-size: 21px !important;
    }

    .modal-header .d-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        text-align: center;
        row-gap: 10px;
    }

    #slider_sec .slider_cnt {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 40px 0px;
        z-index: 99;
    }

    .our_client .heading {
        padding-bottom: 20px !important;
        margin-bottom: 0 !important;
    }

    .our_client {
        margin-top: 30px !important;
    }

    #cv_maker {
        margin-top: 30px !important;
    }

    #cv_making .heading {
        margin-bottom: 0px !important;
        margin-top: 0 !important;
    }

    #cv_maker .full-w .inner-box.p-4 {
        padding-top: 0 !important;
    }

    .play-pause-button {
        top: 40%;
        height: 90%;
    }


    #image_blank .center h2 {
        font-size: 20px;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    #customers-testimonials img.img-circle {
        height: 40%;
        width: auto;
    }

    .heading-temp h2.mn_heading {
        font-size: 13px !important;
    }

    .cv_builderimg .row .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #cvBuilder_secpg .cv_builder_info .form-group>label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    #cvBuilder_secpg .cvBuilder_secpginner hgroup {
        background-color: #e11523;
        padding: 15px;
        position: relative;
        width: 100%;
        margin: auto;
        top: -110px;
        margin-bottom: -60px;
        border-radius: 90px;
        filter: drop-shadow(2px 4px 6px #00b8ff);
    }

    .socialLinkDv .row {
        flex-direction: column;
    }

    #cvBuilder_secpg .cvBuilder_secpginner {
        padding: 60px 28px;
    }

    .list.is-basic.is-cols.of-2-d.of-1-m.u-expanded {
        column-count: 1;

    }

    #job-cou .btn-info-1 {
        width: 250px;

    }

    .modal-title.h-color {
        margin-right: auto;
    }

    .graphic-mdl .card-header {
        min-height: 20px !important;
    }




    .pageCounter.align-self-center {
        margin-top: 20px;
    }

    #cv_maker li p {

        height: 50px !important;

    }

    #amongCategory .categorymodal .row .col-sm-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

   
    

    

    footer .foot_bx h5 {
        font-size: 15px !important;
    }

    .container-fluid.custom-ctn .row .col.half-425,
    .col-3.half-425 {
        max-width: 50%;
        flex: 0 0 50%;
    }


}


@media (max-width:390px) {


    .privacy_policyinner strong {
        display: inline-block;


        font-size: 14px;

    }

    .privacy_policyinner a {
        display: inline-block;
    }

    ul.list-unstyled.cvSearcMnInfoUl li {

        font-size: 14px;
    }

    #latest_prosec .row div.d-flex {
        padding-bottom: 20px;
        flex-wrap: wrap;
        justify-content: center !important;
        margin-top: 10px;
        column-gap: 100px;
    }

    #latest_prosec img {
        display: block;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {

        text-align: center;
    }

    .latest_pro_bx ul.list-inline.jobSeekerInfoUl.text-left {
        text-align: center !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {

        text-align: center !important;
    }
}



@media (min-width:390px) and (max-width:560px) {

    #slider_sec .slider_cnt {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 40px 0px;
        z-index: 99;
    }

    #slider_sec h1 {
        font-size: 20px;
        width: 75%;
        margin: auto;
        margin-bottom: 15px;
    }

    .our_client {
        margin-top: 2rem !important;
    }

    /* .our_client .heading {
        padding-bottom: 2rem !important;
    } */
    .full-425 {
        max-width: 100%;
        flex: 0 0 100%;

        text-align: center;

    }


    .freelancer-box .full-425 {
        order: 2;
    }


    .freelancer-box ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    .freelancer-box2 ul {
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        gap: 30px;
    }

    #free-comp .freelancer-box {
        height: auto;
    }

    #free-comp .freelancer-box2 {
        height: auto;
    }


    #free-comp .freelancer-box2 ul li ul li::after {
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 18px;
        color: #fff;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        margin-top: -8px;

        display: none !important;
    }

    #free-comp .freelancer-box2 ul li ul li::before {
        position: absolute;
        left: 0;
        top: 15px;
        font-size: 18px;
        color: #fff;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        margin-top: -8px;


    }


    #free-comp .freelancer-box2 ul li ul li {
        padding-left: 30px;
        text-align: left;
    }


    .freelancer-box .col-5.full-425 {
        order: 1;
    }

    /* .inner-box h2 {
                    font-size: 23px !important;
                } */

    .inner-box {
        padding: 0 !important;
    }

    #cv_maker li p {

        font-size: 12px;
    }

    #free-comp .freelancer-box2 ul .btn-info.app-btn {
        /* font-size: 19px; */
        margin-bottom: 1px !important;
        display: table-cell;
    }

    .heading {
        font-size: 24px;
        margin-bottom: 45px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        text-align: left;
    }

    .clients {
        display: inline-block;
        animation: marquee 20s linear infinite;
        height: 80px;
    }

    #job-fs .row:last-child .full-w-576 .heading {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    #job-fs .row:last-child .full-w-576 .heading {
        margin-bottom: 15px;
        margin-top: 40px;
    }

    #latest_prosec .heading {
        /* margin-bottom: 0 !important; */
    }

    #cvBuilder_secpg .cvBuilder_secpginner {
        padding: 60px 35px;
    }

    .cv_builderimg .row .col-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .socialLinkDv .row .col {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .securityCaptcha a {
        display: block;
    }

    #cvBuilder_secpg .cvBuilder_secpginner hgroup {

        width: 100%;

    }

    /* .pageCounter.align-self-center{
                   margin-top: 20px;
                } */
}

@media (max-width:389px) {

    #free-comp .freelancer-box2 ul .btn-info.app-btn {
        /* font-size: 19px; */
        margin-bottom: 1px !important;
        display: table-cell;
    }

    #free-comp .freelancer-box {
        height: auto;
    }

    #free-comp .freelancer-box2 {
        height: auto;
    }


    #free-comp .freelancer-box2 ul li ul li::after {
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 18px;
        color: #fff;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        margin-top: -8px;

        display: none !important;
    }

    #free-comp .freelancer-box2 ul li ul li::before {
        position: absolute;
        left: 0;
        top: 15px;
        font-size: 18px;
        color: #fff;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        margin-top: -8px;


    }


    #free-comp .freelancer-box2 ul li ul li {
        padding-left: 30px;
        text-align: left;
    }

    #counter .counter_bx h5 {
        font-size: 11px;
    }
}







@media (max-width:380px) {
    .heading {
        font-size: 20px;

    }
    #advertiseBneSec .text-center {
        margin-top: 13px !important;
    }

    #advertiseBneSec {
        padding: 20px 10px;
    }

    .shadow-effect {
        height: 370px;
        flex-direction: column;
    }

    #customers-testimonials img.img-circle {
        height: 40%;
        width: auto;
    }

    #cv_maker .heading {
        font-size: 20px;
        margin-bottom: 10px !important;
    }

    #cv_maker h2.mn_heading {
        font-size: 20px !important;
        margin-bottom: 25px !important;
        margin-top: 25px !important;
    }

    #cv_maker ul {
        gap: 25px;
        padding-top: 0 !important;
    }

    #cv_maker {
        margin-top: 30px !important;
    }

    .counter_bx h5 {
        font-size: 10px;
        text-align: center;
    }

    #job-fs .heading {
        margin-bottom: 20px !important;
    }

    .our_client {
        margin-top: 0 !important;
    }

    .our_client .heading {
        padding-bottom: 10px !important;

        margin-top: 20px;
    }

    #latest_prosec .heading {
        font-size: 18px !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp li a.btn {

        max-height: 40px !important;
    }


    /* #counter .row .col {
    padding-left: 5px;
    padding-right: 5px;
    max-width: 33.33%;
    flex: 0 0 33.33%;
} */

    .modal-header .modal-btns {

        flex-direction: column;
    }

    .creload {
        display: block;
    }

    #cvBuilder_secpg.advertismentFrm h6 {
        font-size: 20px;
    }

    .list-latest_pro_bxtp {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px !important;
    }

    #free-comp .freelancer-box ul {
        padding: 0px 5px !important;
    }

    #free-comp .freelancer-box2 ul {
        padding: 0px 5px !important;
    }

    .testimonials-1 h2.mn_heading {
        font-size: 20px !important;
    }
        #slider_sec.home-slider .slider_cntmn h1 {
        font-size: 32px;
    }
}

@media (max-width: 359px) {

    #cv_maker li p {
        margin-top: 10px;
        height: 35px;
        font-size: 12px;
    }

    .step-image {
        height: 100px;
    }

    #cv_maker .heading {
        font-size: 18px;

    }

    .inner-box p {
        font-size: 12px;
    }

    #job-fs .job-finder img {
        height: 120px;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 20px;
    }

    .btn.btn-info {
        font-size: 13px;
    }

    .heading {
        font-size: 18px;

    }

    #category .col {
        max-width: 50%;
        flex: 0 0 50%;
    }

    #latest_prosec.jobseeker_prodv .jobseeker_btn {
        margin-top: 0px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .job_searchdetail_dv .order-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .job_searchdetail_dv .order-1 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .job_searchdetail_dv .d-flex.justify-content-between.list-unstyled.w-100 {
        flex-wrap: wrap;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 18px;
    }

    #latest_prosec a.btn-link {

        width: 250px;

    }

    .our_client .btn-info {

        width: 250px;
    }

    .modernDayCnt .modernDayUl .ad {
        width: 100%;
    }

    ul.list-unstyled.cvSearcMnInfoUl li {
        font-size: 11px;
    }

}




@media (max-width: 320px) {


    #slider_sec h1 {
        font-size: 16px;

    }

    .clients {

        height: 50px;
    }

    #cv_maker .circle-num {
        width: 35px;
        height: 35px;
    }

    #cv_maker .circle-num strong {
        font-size: 15px;
    }

    #cv_maker li p {
        font-size: 12px;

    }

    #cv_maker .heading {
        font-size: 15px;
    }

    .heading {
        font-size: 15px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {

        font-size: 14px;

    }

    #job-fs .job-finder img {
        height: 90px;
    }

    #job-fs .job-finder .slogan h2 {
        font-size: 14px;
    }

    .btn.btn-info {
        font-size: 10px;
    }

    #cv_maker .btn-info {
        font-size: 13px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp p {

        margin-top: 0px !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        font-size: 13px !important;
    }

    #find_Job .job_search_sec .btn {
        font-size: 12px;
    }

    /* #counter .row .col {
            padding-left: 5px;
            padding-right: 5px;
            max-width: 33.33%;
            flex: 0 0 33.33%;
        } */
    .inner-box h2 {
        font-size: 20px !important;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
        font-size: 13px;
    }

    #slider_sec h1 {
        font-size: 13px;
    }

    #slider_sec .slider_cnt .slider_cntinner .slider_cntmn {
        top: 58% !important;
    }

    #cv_maker .inner-box {
        padding: 0px !important;
    }

    .inner-box h2 {
        font-size: 18px !important;
    }

    .heading {
        font-size: 14px;
    }

    #latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
        font-size: 11px !important;
    }

    .our_client .heading {

        font-size: 18px;
        margin-bottom: 10px !important;
        margin-top: 20px !important;
        padding-bottom: 0 !important;
    }

    .our_client {
        margin-top: 1.2rem !important;
    }

    #job-fs .row .full-w-576 .heading:last-child {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .our_client .btn-info {
        margin-bottom: 35px !important;
        font-size: 13px !important;
        margin-top: 35px !important;
    }

    .shadow-effect {
        height: 500px;
        flex-direction: column;
    }

    #cv_maker .heading {
        font-size: 23px;
    }

    #latest_prosec a.btn-link {

        width: 250px;

    }

    .our_client .btn-info {

        width: 250px;
    }


    #counter .pageCounterUl li {

        height: 40px;
        width: 40px;
    }



    .box-row.fade-in ul li h2 {
        font-size: 14px;
    }

    .contentRightPart .profileTile .editProfileButton {

        padding: 8px 25px;

    }

    ul.list-unstyled.cvSearcMnInfoUl li strong {
        width: 134px;
    }

    .cvProfileCnt .cvPinfoUl li strong {
        width: 100px;
        display: inline-block;
    }

    .cvProfileCnt h1 {
        font-size: 20px;
    }


}

@media only screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {

    /* Add any specific styles you want to apply for iOS devices */
    #find_Job i.fa.fa-search.form-icons,
    #find_Job i.fa.fa-map-marker {
        display: none;
    }
}

/**
 * 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 {}