/* Responsive */
@media only screen and (min-width: 576px) {
    .page-template-tpl-job-listing #semua-lowongan{
        overflow: inherit;
    }
    .page-template-tpl-job-listing .jobListSide_wrapper{
        position: sticky;
        top: 20px;
        margin-right: 12px;
    }
    .page-template-tpl-job-listing .swiperWidgetRegister,
    .page-template-tpl-job-listing .jobList .wrap-content{
        width: auto;
        float: none;
    }
}
@media (max-width: 575.98px) {
    .navbar-light .auth-employer,
    .navbar-toggler .icon-bar,
    .search-job .input-group-prepend,
    .search-job .dropdown .dropdown-menu > li,
    .jobList .job-wrapper .wrap-title .back,
    .jobList .joblist-wrapper,
    .summary-company .wrap-company .company-info,
    .summary-company .company-info .compDetail .compMetaInfo,
    .box-header-company,
    .box-header-company .box-search .input-group,
    #accordionFooter .card-header a {
        display: block;
    }
    .navbar-toggler .icon-bar,
    .hero-banner.lg-banner .wrap-banner-image,
    .hero-banner.lg-banner .wrap-banner-caption,
    .search-job .input-group-prepend,
    .search-job .btn-search,
    .popup-body,
    .block-caption-content {
        position: relative;
    }
    .hero-banner .wrap-image img,
    .searchjob_by_location .icon-down,
    .search-job .dropdown .btn-default i,
    .search-job .dropdown .btn-default.dropdown-toggle::after {
        position: absolute;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta,
    .personality-step .section-heading .title,
    .personality-type .section-heading .title,
    .box-personality .title,
    .result .block-card .card-body,
    .result .block-card .card-body .btn-cta {
        font-weight: 800;
    }
    .navbar-toggler .icon-bar:nth-of-type(2),
    .hero-banner.lg-banner .wrap-banner-image,
    .hero-banner.lg-banner .wrap-banner-image img,
    .hero-banner.lg-banner .wrap-banner-caption,
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-image img,
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption,
    .popup-search-location,
    .popup-search-category,
    .popup-search-type,
    .popup-search-level,
    #leftSlideElement,
    .result .block-jobs .wrap-jobs .job-list-items .joblink,
    .block-caption-content .cta-button .btn-cta,
    .summary-company .company-info .compDetail,
    .jobList .job-wrapper .job-apply,
    .jobDetail .job-wrapper .job-apply {
        width: 100%;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner {
        flex-direction: column-reverse;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta {width: 100%}
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta:hover, 
    .wrap-content-personality .btn-cta:hover {
        transform: none;
    }
    .navbar-light {padding: .5rem 1rem}
    .navbar-light .auth-employer {
        display: flex;
        align-items: normal;
        flex-direction: column;
        padding: 0 1rem;
    }
    .navbar-light .auth-employer.not_logged_in {
        position: fixed;
        bottom: 50px;
        width: 100%;
        text-align: center;
    }
    .navbar-light .auth-employer .account.mobile-display button {
        margin-top: 0;
        padding: 10px 0 0;
    }
    .navbar-light .auth-employer .account.mobile-display .profile-image {
        width: 32px;
        height: 32px;
    }
    .navbar-light .auth-employer .logout-account.mobile-display a {
        font-weight: 800;
        font-size: 16px;
        line-height: 24px;
        color: rgba(159, 4, 4, 1);
    }
    .navbar-light .auth-employer #myAccount,
    .navbar-light .auth-employer .dropdown-toggle::after {display: none}
    .navbar-light .navbar-nav {
        margin-top: 1rem;
        padding-bottom: 0;
    }
    .navbar-light .navbar-nav .nav-link, 
    .navbar-light .auth-employer .nav-link, 
    .navbar-light .auth-employer, 
    .navbar-light .auth-employer .btn-employer,
    .dropdown-menu .nav-item .dropdown-item {
        font-weight: 800;
    }
    .navbar-light .auth-employer.mobile-device {
        display: block!important;
    }
    .navbar-light .navbar-nav:last-child {
        border-bottom: 0;
    }
    .navbar-light .navbar-nav .nav-item {
        padding: .75rem 1rem 0;
    }
    .navbar-light .navbar-nav .nav-link::after {
        content: '';
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding: 1rem 0 0;
    }
    .dropdown-menu.show .menu-item {
        padding: 0;
    }
    .navbar-light .dropdown-menu .nav-item {
        margin-bottom: 12px;
    }
    .navbar-light .dropdown-menu .nav-item:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu.show .dropdown-item {
        padding: .25rem .75rem;
        font-weight: 800!important;
    }
    .navbar-light .offcanvas-collapse .nav-item {
        padding: 5px 0;
    }
    .navbar-light .offcanvas-collapse .nav-link {
        padding: .5rem 1.125rem!important;
    }
    .navbar-light .navbar-nav .nav-item.active > a {
        border-left: 4px solid #048CAA;
        border-bottom: 0;
        padding: 4px 14px!important;
    }
    .navbar-light .offcanvas-collapse .nav-item .dropdown-menu.show {
        padding-left: .75rem;
    } 
    .dropdown-menu.show .dropdown-item .menu-item-description {display: none}
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .auth-employer .nav-link,
    .hero-banner .banner-caption-left .subheading,
    .job-wrapper .heading,
    .popup-header .title {
        font-size: 16px;
        line-height: 24px;
    }
    .heading-xs {
        font-size: 20px !important;
    }
    .text-small {
        font-size: 12px !important;
    }
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .auth-employer .nav-link {
        padding: .5rem 0;
    }
    .navbar-light .auth-employer button {
        margin-top: 2rem;
        margin-left: 0;
    }
    /* Humberger Menu Animate */
    .navbar-toggler {
        padding: 9px 10px;
    }
    .navbar-toggler .icon-bar {
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .navbar-toggler .icon-bar {
        background-color: #666;
        transition: all 500ms ease-in-out;
    }
    .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }
    .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
        opacity: 0;
        width: 0;
        margin-left: 50%;
    }
    .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        bottom: 6px;
    }
    .navbar-toggler .icon-bar:nth-of-type(1) {
        transform: rotate(0deg);
        top: 0;
    }
    .navbar-toggler .icon-bar:nth-of-type(2) {
        opacity: 1;
        margin-left: 0;
    }
    .navbar-toggler .icon-bar:nth-of-type(3) {
        transform: rotate(0deg);
        bottom: 0;
    }
    .navbar .main-category {
        flex-direction: column;
        gap: inherit;
    }
    .navbar .main-category .nav-link {
        color: rgba(42, 42, 46, 1);
    }
    .hero-banner.lg-banner {padding-top: 65px;}
    .hero-banner.lg-banner .row {
        flex-direction: column-reverse;
    }
    .hero-banner.lg-banner .wrap-banner-caption {padding-right: 0;transform: none}
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption {
        margin-top: 0;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta {
        font-size: 16px;
        line-height: 24px;
    }
    .hero-banner {
        background-size: contain!important;
        background-position: bottom!important;
        align-items: start;
    }
    .hero-banner .wrap-image {
        height: 388px;
    }
    .hero-banner .wrap-image img {
        bottom: 0;
    }
    .hero-banner .wrap-banner-caption {
        margin-top: 40px;
    }
    .hero-banner .wrap-banner-caption.left-position {
        margin-top: 12rem;
    }
    .hero-banner.sm-banner {
        padding-top: 5.938rem;
    }
    .hero-banner.m-version {
        padding-top: 0;
        background-size: contain!important;
        background-position: bottom!important;
    }
    .hero-banner .ornament-2 {
        left: 0;
    }
    .hero-banner .ornament-3 {
        top: 4.375rem;
    }
    .hero-banner .banner-caption-left .heading {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
    }
    .hero-banner .wrap-banner-caption.right-position {
        justify-content: start;
        padding-top: 80px;
    }
    .hero-banner .banner-caption-right .heading br,
    .hero-banner .banner-caption-left .subheading br {
        display: none;
    }
    .navbar-light .auth-employer .btn-employer,
    .hero-banner .banner-caption-right,
    .hero-banner .banner-caption-left,
    .searchjob_by_location .btn-search-jobs,
    .hero-banner .banner-caption-right .cta-button .btn-cta,
    .jobList .jobListSide_wrapper,
    .jobList .swiperWidgetRegister,
    .search-job .input-group-prepend,
    .search-job .btn-search,
    .select2-container {
        width: 100%!important;
    }
    .form-control {
        height: 50px;
    }
    .search-job .input-group-prepend .btn-search,
    .input-group>.input-group-prepend:not(:first-child)>.btn {
        border-radius: .5rem;
    }
    .searchjob_by_location .icon-down {
        top: 0;
        right: 14px;
        line-height: 50px;
    }
    .searchjob_by_location .has-search .form-control,
    .searchjob_by_location .btn-search-jobs,
    .searchjob_by_location .icon-down {
        height: 50px;
    }
    .searchjob_by_location .has-search .form-control-feedback {
        top: 5px;
    }
    .searchjob_by_location .has-search select.form-control, 
    .search-job .has-search select.form-control {
        padding-left: 2.375rem;
    }
    .search-job-company .has-search .form-control-feedback {
        top: .25rem;
    }
    .searchjob_by_location.mobile .input-group-text,
    .search-job.mobile .input-group-text {
        background-color: rgba(255, 255, 255, 1);
        padding: 9px 5px 9px 9px;
        border-right: 0;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
    }
    .searchjob_by_location.mobile .js-example-disabled-location,
    .search-job.mobile .js-example-disabled-category {
        height: 50px;
        padding-left: 0;
        border-left: 0;
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
    }
    .search-job .dropdown .btn-default {
        height: 50px;
        -webkit-border-radius: .5rem;
        -moz-border-radius: .5rem;
        border-radius: .5rem;
    }
    .search-job .dropdown .btn-default:disabled {
        opacity: 1;
    }
    .search-job .dropdown-type {
        margin-left: 0;
    }
    .search-job .dropdown .btn-default i {
        right: 5px;
        bottom: 18px;
    }
    .search-job .dropdown .dropdown-menu > li {
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .search-job .dropdown .btn-default.dropdown-toggle::after {
        right: 10px;
        bottom: 20px;
    }
    .btn-search-jobs i {
        font-size: 24px;
    }
    .popup-search-location .has-search .form-control-feedback,
    .popup-search-category .has-search .form-control-feedback,
    .popup-search-type .has-search .form-control-feedback,
    .popup-search-level .has-search .form-control-feedback {
        top: 2px;
    }
    .popup-search-type .form-check .form-check-input,
    .popup-search-level .form-check .form-check-input {
        width: 18px;
        height: 18px;
        margin-top: 0.1rem;
        margin-left: -1.25rem;
    }
    .popup-search-type .form-check label,
    .popup-search-level .form-check label {
        margin-left: .25rem;
    }
    /* Job Listing */
    .search-job.mobile-advanced .input-group-prepend {
        width: auto!important;
    }
    .search-job.mobile-advanced .input-group-text {
        padding: 14px 5px 14px 10px;
        background-color: transparent;
        border-right: 0;
        border-top-left-radius: .5rem!important;
        border-bottom-left-radius: .5rem!important;
    }
    .search-job.mobile-advanced .input-group.input-location .input-group-text {
        padding-bottom: .9rem;
    }
    .search-job.mobile-advanced .js-example-disabled-category,
    .search-job.mobile-advanced .js-example-disabled-location {
        height: 50px;
        padding-left: 0;
        border-left: 0;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    .section-heading .title,
    .hero-banner.m-version .wrap-banner-caption .heading {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .breadcrumbs {
        margin-top: 5.5rem;
    }

    /* Personality */
    #tmbModal .modal-dialog {width: auto}
    .hero-banner.lg-banner.tes-minat-bakat-banner .heading {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner .heading br {display: none}
    .personality {padding: 40px 0}
    .swiperPersonality .swiper-slide {
        height: 700px;
    }
    .swiperPersonality .swiper-arrows {display: none}
    .swiperPersonality .swiper-pagination {
        transform: translate(-50%, 0);
    }
    .wrap-content-personality {
        flex-flow: column;
        padding-left: 0;
        padding: 100px 0 0;
        height: 100%;
    }
    .wrap-content-personality .block-image.block-1 {
        margin-top: 32px;
    }
    /* .wrap-content-personality .block-image {
        margin-top: -80px;
    } */
    .wrap-content-personality .block-image.block-2 {
        position: absolute;
        bottom: 0;
        margin-bottom: 0!important;
    }
    .bottom-right.custom-1 {
        bottom: 170px;
        z-index: -1;
    }
    .wrap-content-personality .block-text {
        flex: auto;
        padding: 0 15px;
    }
    .wrap-content-personality .block-text .title {
        font-size: 24px;
        line-height: 32px;
    }
    .wrap-content-personality .btn-cta {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    /* Customer */
    .swiperCustomers {padding-top: 60px}
    .wrap-content-customer {
        flex-direction: column-reverse;
        height: auto;
        padding: 0 25px;
        margin-top: 495px;
        margin-left: -4px;
    }
    .wrap-content-customer .block-text .content.text-1,
    .wrap-content-customer .block-text .title {
        font-size: 20px;
        line-height: 28px;
    }
    .wrap-content-customer .block-text .content.text-2 {
        font-size: 16px;
        line-height: 24px;
    }
    .wrap-content-customer .block-text {
        flex: none;
        position: absolute;
        left: 0;
        padding: 10px 30px 60px;
    }
    .wrap-content-customer .block-image.image-1 {
        margin-top: -200px;
        margin-right: -10px;
        width: 100%;
    }
    .wrap-content-customer .block-image.image-1 img {
        position: absolute;
        left: 0;
        top: -43px;
    }
    .wrap-content-customer .block-image.image-2 {
        position: absolute;
        top: -43px;
        width: 100%;
        margin-top: 0;
        margin-left: 5px;
    }
    .wrap-content-customer .btn-cta {
        font-size: 16px;
        line-height: 24px;
    }
    .swiperCustomers .swiper-pagination {
        transform: translate(-50%, 0);
    }

    /* Join Us */
    .join-us {
        display: flex;
        min-height: 220px;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .join-cta {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: right;
        margin: 8px 0 16px;
    }
    .join-us .join-info-text {
        display: block;
        position: relative;
        margin-bottom: 0;
    }
    .join-us .join-info-text .heading {
        font-size: 16px;
        line-height: 24px;
    }
    .swiperWidgetRegister .swiper-pagination {
        transform: translate(-50%, -2px);
    }

    /* Personality Steps */
    .personality-step {
        padding-bottom: 16px;
    }
    .personality-step .section-heading .title,
    .personality-type .section-heading .title,
    .about-personality .block-text .title {
        font-size: 20px;
        line-height: 28px;
    }
    .personality-type .section-heading .title {
        margin-bottom: 24px;
    }
    .box-personality .title,
    .box-personality .description,
    .about-personality .block-text p {
        font-size: 14px;
        line-height: 20px;
    }

    /* result TMB */
    .result {margin-top: -290px;padding-bottom: 56px;}
    .result .block-wrapper {padding: 24px 16px}
    .result .block-text .text,
    .result .block-card .card-body {
        font-size: 16px;
        line-height: 24px;
    }
    .block-text .title, .result .block-title .title {
        font-size: 20px;
        line-height: 28px;   
    }
    .result .block-paragraph,
    .result .block-category .wrap-category li a {
        font-size: 12px;
        line-height: 18px;
    }
    .result .block-card .card-body .btn-cta {
        font-size: 14px;
        line-height: 20px;
        padding: 12px;
    }
    .result .block-jobs .wrap-jobs .job-list-items {
        align-items: start;
        flex-direction: column;
        padding: 16px;
    }
    .result .block-jobs .wrap-jobs .job-list-items .logo,
    .result .block-jobs .wrap-jobs .job-list-items .job-detail {
        margin-bottom: 16px;
    }
    .result .block-jobs .wrap-jobs .job-list-items .job-detail {
        padding-left: 0;
    }

    /* Community */
    .community .row {
        flex-direction: column-reverse;
    }
    .block-caption-content {
        top: 0;
        transform: translate(0, 0);
        margin-top: 32px;
    }
    .block-caption .heading {
        font-size: 24px;
        line-height: 32px;
    }

    /* Partner */
    .page-template-tpl-partner .section-banner {
        background-size: cover!important;
        background-position: center!important;
        align-items: flex-start;
        padding-top: 5.625;
    }
    .page-template-tpl-partner .section-banner .title br,
    .page-template-tpl-partner .section-banner .subtitle br {
        display: none;
    }
    .page-template-tpl-partner section.join-company,
    .page-template-tpl-partner section.join-company .pad-m {
        padding: 0;
    }
    .join-company .company-form {
        background-color: transparent;
        -webkit-border-radius: .75rem;
        -moz-border-radius: .75rem;
        border-radius: .75rem;
        border: 1px solid rgba(216, 216, 217, 1);
        padding: 24px 16px;
        margin-bottom: 50px;
    }
    .join-company .company-wrapper {
        margin-bottom: 75px;
    }
    .join-company .company-wrapper h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .join-company .swiperPartner .swiper-slide {
        filter: grayscale(100%);
    }
    .join-company .company-form .wpcf7 form .wpcf7-response-output {
        margin: 0;
    }

    /* Company */
    .summary-company {
        padding: 12px;
    }
    .summary-company .company-info .wrapper-logo {
        align-items: center;
        justify-content: unset;
        flex-direction: column;
        border-bottom: 1px solid rgb(216, 215, 215, 1);
        padding-bottom: 15px;
        margin-bottom: 15px;
        
    }
    .summary-company .company-info .compLogo {
        width: 120px;
        height: 120px;
        margin: 0 8px 8px 0;
    }
    .summary-company .company-info .noc {
        flex: 1 1 75%;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }
    .summary-company .company-info .compDetail {
        margin-left: 0;
    }
    .summary-company .company-info .compDetail .compMetaInfo .item {
        margin-bottom: 1.5rem;
    }
    .listofbenefit {
        gap: 8px;
    }
    .box-header-company .box-search {
        margin-bottom: .75rem;
    }
    .box-list-company {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .gallery-thumbs .swiper-slide {
        height: auto;
    }
    .joblist-company .jobListData .companyLogo {
        flex: 2;
    }

    /* Show detail jobs from left */
    #leftSlideElement {
        top: 65px;
        left: -100%;
    }
    .job-wrapper .corporate {
        margin-bottom: 140px;
    }
    .jobList .jobListSide_wrapper {
        overflow: scroll;
        height: 500px;
    }
    .jobList .jobListSide_wrapper .jobListActive {
        padding-right: .5rem;
    }
    .jobList .job-wrapper .wrap-title .back {
        padding-top: .15rem;
        font-size: 1.25rem;
        cursor: pointer;
    }
    .jobList .job-wrapper .jobdesc {
        margin-top: 1.5rem;
        border-top: 1px solid rgba(216, 216, 217, 1);
        padding: 1.5rem 0;
        word-break: break-word;
    }
    .jobList .job-wrapper .jobdesc ol {
        padding-left: 25px;
        margin-bottom: 15px;
    }
    .corporate .wrap-company .company-info .compLogo {
        width: 30%;
    }
    .corporate .wrap-company .company-info .compDetail {
        width: 70%;
    }
    .mobileViewLayout .wrap-company .company-info,
    .mobileViewLayout-single .wrap-company .company-info {
        gap: 1rem;
    }
    .mobileViewLayout .wrap-company .company-info .compLogo,
    .mobileViewLayout-single .wrap-company .company-info .compLogo {
        width: 20%;
    }
    .mobileViewLayout .wrap-company .company-info .compDetail,
    .mobileViewLayout-single .wrap-company .company-info .compDetail {
        width: 80%;
    }
    .mobileViewLayout .wrap-company .company-info .compDetail .companyLocation,
    .mobileViewLayout-single .wrap-company .company-info .compDetail .companyLocation {
        color: rgba(42, 42, 46, 1);
    }
    .mobileViewLayout .wrap-company .company-info .compDetail .time,
    .mobileViewLayout-single .wrap-company .company-info .compDetail .time {
        color: rgba(87, 87, 91, 1);
    }
    .jobList .job-wrapper .job-apply,
    .jobDetail .job-wrapper .job-apply {
        display: none;
        justify-content: space-between;
        gap: 15px;
        position: fixed;
        bottom: -110px;
        padding: 15px;
        background: rgba(255, 255, 255, 1);
        left: 0;
        box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1);
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        z-index: 999;
    }
    #job-category {
        padding-top: 5.938rem;
    }
    #companies {
        padding-top: 20px;
    }
    /* Featured */
    .featured .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background: #F2F2F2;
        width: 40px;
        border-radius: 4px;
    }
    .featured .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: #048CAA;
    }
    /* Featured Jobs */
    .featured-jobs .joblisting-wrapper {
        flex-wrap: nowrap;
        overflow: auto;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
    .featured-jobs .joblisting-wrapper::-webkit-scrollbar {
        display: none;
    }
    .featured-jobs .joblisting-wrapper .joblisting-item a {
        display: block;
        width: 260px;
    }

    /* Block Widget */
    .block-widget .picture {
        position: relative;
        z-index: 1;
    }
    .block-widget .bottom-left {
        display: none;
    }
    .block-widget .bottom-right {
        bottom: 85px;
    }

    /*Testimonial */
    .swiperTestimonial .swiper-container {
        padding: 3.125rem .5rem;
    }
    .swiperTestimonial .testimonial-comments .comments {
        font-size: 12px;
        line-height: 18px;
    }
    .swiperTestimonial .swiper-arrow-prev {
        left: -80px;
    }

    /* Blog */
    .page-template-tpl-blog .site-main {
        padding-top: 9.375rem;
    }
    .page-template-tpl-blog .offcanvas-collapse.open {bottom: 0}
    .navbar-search-form,
    .navbar-search-form .has-search,
    .navbar-search-form .has-search .form-control {
        width: 100%;
        margin-top: .188rem;
        margin-bottom: .15rem;
    }
    .navbar-search-form .has-search .search-control-feedback {
        transform: translate(0, 85%);
    }

    /* Search mobile */
    .loader {left:45%}
    .search-job .form-control,
    .search-job .dropdown .btn-outline-secondary,
    .search-job .form-group.category .select2-container--default .select2-selection--single,
    .search-job.mobile-advanced .btn-search,
    .search-job .form-group.location .select2-container--default .select2-selection--single {
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
    }
    .search-job.mobile-advanced .btn-search {
        padding: .65rem;
    }
    .advanced-search-jobform {
        padding-top: 100px;
        padding-bottom: 20px !important;
    }
    .advanced-search-jobform .input-group {
        gap: 16px;
    }
    .advanced-search-jobform .input-group-prepend {
        display: flex;
        position: absolute;
        bottom: 3px;
        right: 0;
        width: auto !important;
    }
    .advanced-search-jobform .input-group-prepend .btn-search {
        width: auto !important;
        background: none;
        border: none;
        box-shadow: none;
    }
    .advanced-search-jobform .input-group-prepend .btn-search i {
        font-size: 20px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .popup-search-location,
    .popup-search-category,
    .popup-search-type,
    .popup-search-level {
        background-color: rgba(255, 255, 255, 1);
        padding: 1.5rem .85rem;
        height: auto;
        position: fixed;
        left: 0;
        bottom: 0;
        border-radius: 1rem 1rem 0 0;
        z-index: 999;
    }
    .popup-header {
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .popup-header .close-popup-location,
    .popup-header .close-popup-category,
    .popup-header .close-popup-type,
    .popup-header .close-popup-level {
        padding: 0 .75rem 0 0;
        background-color: transparent;
        border: 0;
    }
    .popup-header .title {
        margin: 0;
    }
    .popup-body {
        margin-top: 1.5rem;
    }
    .popup-body .block-search {
        margin-bottom: .75rem;
    }
    .wrapCategoriesLists,
    .wrapcityLists {
        overflow-y: auto;
        max-height: 250px;
    }
    .wrapCategoriesLists li,
    .wrapcityLists li {
        font-size: 14px;
        line-height: 20px;
        padding: 0.938rem 0;
        border-bottom: 1px solid #cacaca;
    }
    .wrapCategoriesLists li {
        border: 0;
        padding-bottom: 0;
    }
    .wrapCategoriesLists li.default {
        border-bottom: 1px solid #cacaca;
        padding-bottom: 0.95rem;
        line-height: 20px;
        font-size: 14px;
    }
    .wrapCategoriesLists li > ul {
        padding: 0;
        margin: 1rem 0 0;
        border-top: 1px solid #cacaca;
        border-bottom: 0;
    }
    .wrapCategoriesLists li > ul > li {
        padding: 0.95rem 0 0;
        line-height: 20px;
        border: 0;
    }
    .wrapCategoriesLists li > ul > li:last-child {
        border-bottom: 0;
    }
    .accordion .card-header a {
        display: grid;
        grid-template-columns: auto auto
    }
    .accordion .card-header h3 {
        font-size: 24px;
        line-height: 35px
    }
    aside.widget.footer-widget h2,
    aside.widget.footer-widget p,
    aside.widget.footer-widget li > a,
    .bottom-footer .tos ul > li > a,
    .bottom-footer .copyright {
        font-size: 14px;
        line-height: 20px;
    }
    .top-footer {
        padding: 48px 0 30px;
    }
    .bottom-footer .wrap-bottom-footer {
        align-items: start;
        flex-direction: column-reverse;
        padding: 32px 0 48px;
    }
    .bottom-footer .copyright, 
    .bottom-footer .tos {
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .bottom-footer .tos {
        margin-bottom: 16px;
    }
    .bottom-footer .tos ul {
        justify-content: center;
    }
    .bottom-footer .tos ul > li > a {
        font-weight: 700;
    }
    .jobList .job-wrapper .job-apply #btn-joblist-apply {
        width: 100%;
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .block-widget .text-center {
        text-align: unset!important;
    }
}