/**********************

Responsive.css
=============

Author:  Gino Aliaj
Theme: Cariera - Job Board WordPress Theme

Author URI: http://themeforest.net/user/gnodesign/
***************************/


/*------------------------------------------
  Responsive Grid Media Queries
--------------------------------------------*/

/* ---- Start of max-width 1200px CSS ---- */

@media all and (max-width: 1200px) {
    main.half-map-wrapper {
        height: 100% !important;
    }
    main.half-map-wrapper .job-holder,
    main.half-map-wrapper .company-holder,
    main.half-map-wrapper .resume-holder {
        width: 100%;
        padding: 30px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    main.half-map-wrapper .map-holder {
        width: 100%;
        position: fixed;
        top: 0;
        right:  0;
        bottom:  0;
        left:  0;
        z-index: 0;
        opacity: 0;
        -webkit-transition: opacity .5s ease;
        -moz-transition: opacity .5s ease;
        -ms-transition: opacity .5s ease;
        -o-transition: opacity .5s ease;
        transition: opacity .5s ease;
    }
    main.half-map-wrapper .map-holder.map-active {
        opacity: 1;
        z-index: 999;
    }
    main.half-map-wrapper .job-holder a.map-view,
    main.half-map-wrapper .company-holder a.map-view,
    main.half-map-wrapper .resume-holder a.map-view {
        position: absolute;
        display: block;
        top: 0;
        right: 30px;
        color: #333;
    }
    main.half-map-wrapper .job-holder a.map-view i,
    main.half-map-wrapper .company-holder a.map-view i,
    main.half-map-wrapper .resume-holder a.map-view i {
        margin-right: 5px;
    }
    main.half-map-wrapper .map-holder a.list-view {
        position: absolute;
        display: block;
        top: 70px;
        left: 30px;
        z-index: 20;
        background: #fff;
        padding: 7px 10px;
        color: #333;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    main.half-map-wrapper .map-holder a.list-view i {
        margin-right: 5px;
    }
    /**************** 
		JOB CAROUSEL
	****************/
    .job-carousel.visible-carousel .owl-stage-outer {
        overflow: hidden;
    }
}

/* ---- End of max-width 1200px CSS ---- */


/* ---- Start of min-width 992px and max-width 1200px CSS ---- */

@media all and (min-width: 992px) and (max-width: 1200px) {
    /**************** 
		MAIN MENU
	****************/
    .navbar .navbar-nav>li>a {
        padding: 5px;
    }
    /**************** 
		LATEST NEWS SECTION
	****************/
    section#latest-news .blog-post .post-info:before,
    section#latest-news .blog-post .post-info:after {
        display: none;
    }
}


/* ---- Start of max-width 1024px CSS ---- */
@media (max-width: 1024px) {
    .d-flex {
        display: block !important;
    }
    /**************** 
		HEADER
    ****************/
    header.header1 {
        padding: 30px 0 20px 0
    }
    .mmenu-trigger {
        display: inline-block !important;
    }    
    header.main-header .main-nav-wrapper {
        display: none;
    }
    header.main-header .extra-menu {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-top: 20px;
        border-top: 1px solid #e3e3e3;
    }
    body header.main-header .extra-menu-item .user-name {
        display: inline-block;
    }
    header.main-header .extra-menu .extra-add-listing {
        margin-left: auto;
    }
    .header-account-widget {
        left: 0;
    }
}
/* ---- End of max-width 1024px CSS ---- */


/* ---- Start of max-width 992px CSS ---- */

@media (max-width: 992px) {
    body > .wrapper,
    body > .wrapper.boxed {
        overflow: visible !important;
    }
    /**************** 
		HOME
	****************/
    section.home-search form.job-search-form .col-sm-12 {
        padding-top: 15px;
    }
    section.home-search form.job-search-form .col-sm-12:first-child {
        padding-top: 0;
    }
    /* Home 2 */
    .vc_job_search #search_keywords,
    .vc_job_search #search_location,
    .vc_job_search #search_category,
    .vc_job_search #search_categories,
    .vc_job_search .search-categories .select2 {
        margin-bottom: 15px;
    }
    /* Home - Map Search */
    section.home-search-map form.job-search-form .col-sm-12 {
        padding-top: 15px;
    }
    section.home-search-map form.job-search-form .col-sm-12:first-child {
        padding-top: 0;
    }
    /**************** 
		FOOTERS
	****************/
    /****** Footer 1 ********/
    footer .footer-info [class*="col-xs"] {
        margin-bottom: 60px;
    }
    /****** Footer 4 ********/
    footer.footer4 {
        position: static;
    }
    /**************** 
		PAGES
	****************/
    /**************** 
		BLOG
	****************/
    /****** Blog - Sidebar ********/
    .sidebar {
        margin-top: 80px;
    }
    /**************** 
		SHOP
	****************/
    .woocommerce-page ul.products div:last-child li.product {
        margin-bottom: 0;
    }
    /* Single Product */
    .cariera-single-product-detail .summary.entry-summary {
        margin-top: 60px;
    }
    /****** Cart Page *******/
    .cart .actions .update-cart {
        padding: 20px 0;
        text-align: center;
    }
    /****** Checkout Page *******/
    h3#order_review_heading {
        padding-top: 60px;
    }
    /**************** 
		JOBS
	****************/
    .job-listings-main.job_grid.load-previous-active {
        margin: 0 !important;
    }
    /****** Job Page Header ********/
    section.job-header {
        text-align: center;
    }
    .single-job_listing .bookmark-wrapper {
        text-align: center;
    }
    /****** Jobs Grid ********/
    ul.job_listings .job_listing.job-grid.single_job_listing_2 .job-content-wrapper {
        display: block;
    }
    ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media .job-company {
        width: 100%;
        height: 250px;
    }
    ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-body {
        border: 1px dashed #e3e3e3;
        border-top: 0;
    }
    /****** Jobs Quickview  ********/
    .job-listings-main .job-actions .job-quickview {
        display: none;
    }
    /****** Single Job Page ********/
    .single-job-listing .company-info .job-company-wrapper a {
        display:  block;
        text-align:  center;
    }
    .single-job-listing .company-info {
        display: block;
        margin: 0 auto;
    }
    .single-job-listing .company-info .job-company {
        margin: 0 auto;
    }
    .single-job-listing .company-info .job-company-info {
        text-align: center;
        padding: 0;
        margin-top: 20px;
    }
    .widget.job-sidebar {
        margin-top: 60px;
    }
    .job_application a,
    .job_application input {
        margin-bottom: 15px;
    }
    .job-sidebar,
    .resume-sidebar,
    .company-sidebar {
        margin-top: 65px;
    }
    /****** Job Resume Tab Search ********/
    .job-resume-tab-search .tab-content.version-2 form > div input {
        margin: 0 !important;
    }
    .job-resume-tab-search .geolocation {
        top: auto !important;
    }
    .job-resume-tab-search .version-1 .geolocation {
        bottom: 15px;
    }
    .job-resume-tab-search .version-2 .geolocation {
        bottom: 0;
    }
    /**************** 
		RESUMES
	****************/
    .candidate-extra-info .right-side .candidate-resume {
        position: absolute;
        right: 0;
        top: -50px;
    }
    /**************** 
		EXTRA
	****************/
    .job-search-form .geolocation {
        top: 0;
    }
    /**************** 
		COMPANIES
	****************/
    .companies-listing-a-z .companies-overview {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    /**************** 
		SINGLE COMPANY
	****************/
    .company-page .company-info .company-details {
        -webkit-box-flex: 0;
        -ms-flex: 0.6;
        flex: 0.6;
    }
    .company-page .company-info .company-extra-info {
        -webkit-box-flex: 0;
        -ms-flex: 0.5;
        flex: 0.5;
    }
    /**************** 
		DASHBOARD
	****************/
    .dashboard-nav-inner {
	    max-height: 900px;
	    width: calc(100% + 18px);
	}        
    .page-template-user-dashboard.user-logged-in header {
        position: inherit;
    }
    #dashboard {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: auto;
    }
    /* Dashboard Nav */
    .dashboard-nav {
        min-width: 90%;
        max-width: 90%;
        margin: 0 5%;
        position: relative;
        min-height: auto;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        padding: 0;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    #dashboard .dashboard-nav-inner {
        width: 100%;
    }
    .dashboard-nav.active ul,
    .dashboard-nav.active {
        opacity: 1;
        visibility: visible;
        max-height: 900px;
    }
    .dashboard-nav ul,
    .dashboard-nav.active ul li ul,
    .dashboard-nav ul li ul {
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .dashboard-nav.active ul li.active ul {
        visibility: visible;
        opacity: 1;
        max-height: 300px;
    }
    .dashboard-content {
        width: 100%;
        height: auto;
        padding: 40px 5%;
        margin-left: 0px;
    }
    /* Trigger */
    a.dashboard-mobile-nav {
        background: #1e1f21;
        color: #fff;
        display: block;
        width: 90%;
        max-height: 70px;
        margin: 0 5%;
        margin-top: 70px;
        padding: 20px 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }
    a.dashboard-mobile-nav i {
        margin-right: 10px;
    }
    a.dashboard-mobile-nav.active {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }
}


/* ---- End of max-width 992px CSS ---- */


/* ---- Start of min-width 480px and max-width 768px CSS ---- */

@media all and (min-width: 480px) and (max-width: 768px) {}


/* ---- End of min-width 480px and max-width 768px CSS ---- */

@media all and (max-width: 782px) {
    body.admin-bar nav.main-mobile-nav {
        margin-top:  46px;
    }
}

/* ---- Start of max-width 768px CSS ---- */

@media only screen and (max-width: 768px) {
    /**************** 
		JOB APPLICATIONS
	****************/
    .cariera-job-applications .application-content {
        text-align: center;
    }
    .cariera-job-applications .application-content img {
        display: block;
        margin: 0 auto;
        float: none;
    }
    .cariera-job-applications .application-content .buttons {
        left: 0;
        display: inline-block;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
        margin-top: 35px;
    }
    .cariera-job-applications .application-content .buttons a {
        display: inherit;
        margin-bottom: 10px;
    }
    .cariera-job-applications .application-footer .rating {
        float: none;
        margin: 0 auto;
    }
    .cariera-job-applications .application-footer ul {
        padding: 15px 0 0 0;
        margin: 0 auto;
        display: block;
        float: none;
        text-align: center;
    }
    /**************** 
		JOB LISTING
	****************/
    /* List Version 3 */
    .job-listings-main .job-list.single_job_listing_3.job_position_featured:before,
    .job-listings-main .job-list.single_job_listing_4.job_position_featured:before {
        left: -10px;
    }
    .job-listings-main .job-list.single_job_listing_3.job_position_featured:after,
    .job-listings-main .job-list.single_job_listing_4.job_position_featured:after {
        left: 15px;
    }
    /* Indeed */
    li.indeed_job_listing.job_listing>a {
        display: block;
        text-align: center;
    }
    li.indeed_job_listing.job_listing img {
        margin: 0;
    }
    li.indeed_job_listing.job_listing .position {
        padding: 40px 0;
    }
    /**************** 
		RESUMES
	****************/
    .resume-page .candidate-info-wrapper {
        display: block;
        position: relative;
    }
    .resume-page .candidate-info-wrapper .candidate-info {
        width: 100%;
        text-align: center;
    }
    .resume-page .candidate-info-wrapper .candidate-photo, 
    .resume-page .candidate-info-wrapper .candidate {
        float: none;
    }
    .resume-page .candidate-info-wrapper .candidate-photo {
        margin: 0 auto;
    }
    .resume-page .candidate-info-wrapper .candidate {
        padding: 0;
        margin-top: 20px;
    }
    .resume-page .candidate-info-wrapper .bookmark-wrapper {
        text-align: center;
        margin-top: 20px;
    }
    /**************** 
		COMPANIES
	****************/
    .company-letters ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 20px;
     }
     .company-letters ul li + li {
         padding: 5px 10px;
     }
    .companies-listing-a-z .companies-overview {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    /**************** 
		SINGLE COMPANY
	****************/
    .company-page .company-info {
        display: block;
        text-align: center;
        margin-top: -200px;
    }
    .company-page .company-info .company-photo {
        margin: 0 auto;
    }
    .company-page .company-info .company-details {
        margin-top: 30px;
    }
    .company-page .company-info .company-extra-info {
        margin-top: 30px;
        text-align: center;
    }
    .company-page .company-info .company-extra-info .company-contact {
        margin-top: 15px;
    }
}


/* ---- End of max-width 768px CSS ---- */


/* ---- Start of max-width 767px CSS ---- */

@media all and (max-width: 767px) {
    /**************** 
		GENERAL
	****************/
    .pricing-table,
    .pricing-table2 {
        margin-bottom: 25px;
    }
    .sidebar-left {
        order: 1;
    }
    .job-resume-tab-search .search-submit label {
        display: none;
    }
    /**************** 
		POPULAR CATEGORIES
	****************/
    section#categories .row .cat-wrapper:nth-child(3) {
        margin-bottom: 40px;
    }
    section#categories .category .category-descr {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    /**************** 
		COUNTUP SECTION
	****************/
    section#countup .container>div {
        margin-bottom: 40px;
    }
    section#countup .container>div:last-child {
        margin-bottom: 0;
    }
    /**************** 
		TESTIMONIALS SECTION
	****************/
    .testimonial .owl-item .item .review blockquote {
        padding: 80px 40px;
    }
    /**************** 
		GET STARTED SECTION
	****************/
    section.get-started {
        text-align: center;
    }
    section.get-started a {
        margin-top: 30px;
    }
    /**************** 
		FOOTERS
	****************/
    /****** Footer 1 *******/
    footer .footer-info .footer-newsletter .supporter-image {
        margin: 15px !important;
    }
    footer .copyright {
        text-align: center;
    }
    footer .copyright .social-btns {
        text-align: center !important;
    }
    /**************** 
		PAGES
	****************/
    /****** Coming Soon Page *******/
    .coming-main .mailchimp .form-group input,
    .coming-main .mailchimp .form-group button {
        display: inline-block;
    }
    /**************** 
		SHOP
	****************/
    /**************** 
		JOBS
	****************/
    .job_listings .job_listing a img.company_logo,
    .job_listings .no_job_listings_found a img.company_logo {
        visibility: visible !important;
    }
    /* Job List */
    ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper,
    ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper {
        display: block;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-company,
    ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-company {
        margin: 0 auto;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main, 
	ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main {
        padding: 25px 0;
        margin: 0;
        text-align: center;
	}
    ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta,
    ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta {
        margin: 0;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta ul li,
    ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta ul li {
        text-align: center;
    }
    /*** Job Application ***/
    .cariera-job-applications .application-tabs .app-tab-content .select-grid {
        width: 100% !important;
        display: block;
        float: none;
        margin: 0;
    }
    .cariera-job-applications .application-tabs .app-tab-content .delete_job_application{
        float: none;
    }
    .cariera-job-applications .application-tabs .app-tab-content input.btn{
        display: block;
        margin-top: 15px;
    }
    /*** Preview Job & Resume ***/
    .job_listing_preview_title, .resume_preview_title, .resume_packages_title, .job_listing_packages_title, .resume_packages_title {
        display: block;
    }
    .job_listing_preview_title h2 {
       text-align: center;
    }
    .job_listing_preview_title .btn-wrapper {
        margin-top: 20px;
        text-align: center;
    }
    .resume_preview_title {
        text-align: center;
    }
    .resume_preview_title .button {
        margin-bottom: 10px;
        text-align: center;
        float: none;
    }
    /*** Submission flow for Jobs & Resumes ***/
    .submission-flow ul {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .submission-flow ul li {
        margin-bottom: 25px;
    }
    .submission-flow ul li:last-child {
        margin: 0;
    }
    .submission-flow ul li:after {
        display: none;
    }
    /*** WC PAID LISTINGS ***/
    .job_listing_packages ul.job_packages li.job-package,
    .job_listing_packages ul.job_packages li.user-job-package,
    .job_listing_packages ul.resume_packages li.resume-package,
    .job_listing_packages ul.resume_packages li.user-resume-package {
        padding: 40px 20px;
    }
    #job_package_selection .job_listing_packages ul.job_packages li.job-package .package-details,
    #job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-details,
    #job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-details,
    #job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-details {
        width: 75%;
    }
    #job_package_selection .job_listing_packages ul.job_packages li.job-package .package-details .package-desc,
    #job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-details .package-desc,
    #job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-details .package-desc,
    #job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-details .package-desc {
        width: 100%;
    }
    .job_listing_packages ul.job_packages li.job-package .package-footer,
    .job_listing_packages ul.job_packages li.user-job-package .package-footer,
    .job_listing_packages ul.resume_packages li.resume-package .package-footer,
    .job_listing_packages ul.resume_packages li.user-resume-package .package-footer {
        display: none;
    }
     /**************** 
		RESUME LISTING
	****************/
    .widget ul.resumes li.resume a {
        text-align: left;
    }
    ul.resumes li.resume a {
        display: block;
        text-align: center;
    }
    ul.resumes li.resume .candidate-photo {
        margin: 0 auto;
    }
    ul.resumes li.resume .candidate-content-main {
        padding: 40px 0;
    }
    ul.resumes li.resume .resume-posted {
        text-align: center;
    }
    .single-resume .resume_contact {
        padding: 0;
    }
    /**************** 
		COMPANY LISTING
	****************/
    .company_listings .company .company-inner {
        display: block;
        text-align: center;
    }
    .company_listings .company .company-inner .company-logo-wrapper > div {
        margin: 0 auto;
    }
    .company_listings .company .company-inner .company-details {
        margin-top: 40px;
    }
    .company_listings .company .company-inner .company-details .company-jobs {
        position: inherit;
        margin-top: 20px;
        transform: none;
    }
}

/* ---- End of max-width 767px CSS ---- */

@media all and (max-width: 600px) {
    .page-template-user-dashboard.user-logged-in header {
        position: relative;
    }
}


/* ---- Start of max-width 580px CSS ---- */

@media all and (max-width: 580px) {
    /**************** 
		JOB LISTING
	****************/
    /* Account Signin */
    .job-manager-form fieldset .account-sign-in {
        display: block;
        padding: 25px;
    }
    .job-manager-form fieldset .account-sign-in .button-wrapper {
        margin-top: 20px;
    }
    .job-manager-form fieldset .account-sign-in .button-wrapper a {
        float: none;
        width: 100%;
    }
    /* List Version 3 */
    ul.job_listings .job_listing.job-list.single_job_listing_3 .job-content-wrapper,
    ul.job_listings .job_listing.job-list.single_job_listing_4 .job-content-wrapper {
        display: block;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media {
        margin: 0 0 40px 0;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media .job-company,
    ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media .job-company {
        width: 100%;
        height: 250px;
    }
    ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body {
        padding: 0;
    }
    /* List Version 4 */
    ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-body {
        border: 1px dashed #e3e3e3;
        border-top: 0;
    }
    /* Company Selection */
    #company-selection {
        display: block;
    }    
    #company-selection .fieldset {
        width: 100%;
        margin-bottom: 30px;
    }    
    #company-selection .fieldset:last-child {
        margin-bottom: 0;
    }
    /* Post a Job */
    .job-manager-form fieldset.fieldset-rate_min,
    .job-manager-form fieldset.fieldset-rate_max, 
    .job-manager-form fieldset.fieldset-salary_min,
    .job-manager-form fieldset.fieldset-salary_max,
    .job-manager-form fieldset.fieldset-company_name,
    .job-manager-form fieldset.fieldset-company_select,
    .job-manager-form fieldset.fieldset-company_website,
    .job-manager-form fieldset.fieldset-company_location,
    .job-manager-form fieldset.fieldset-company_category,
    .job-manager-form fieldset.fieldset-company_email,
    .job-manager-form fieldset.fieldset-company_team_size,
    .job-manager-form fieldset.fieldset-company_facebook,
    .job-manager-form fieldset.fieldset-company_phone,
    .job-manager-form fieldset.fieldset-company_linkedin,
    .job-manager-form fieldset.fieldset-candidate_education_level,
    .job-manager-form fieldset.fieldset-candidate_experience_years,
    .job-manager-form fieldset.fieldset-resume_skills,
    .job-manager-form fieldset.fieldset-candidate_rate,
    .job-manager-form fieldset.fieldset-candidate_facebook,
    .job-manager-form fieldset.fieldset-candidate_twitter,
    .job-manager-form fieldset.fieldset-candidate_linkedin,
    .job-manager-form fieldset.fieldset-candidate_instagram,
    .job-manager-form fieldset.fieldset-candidate_youtube {
        width: 100%;
    }

    /**************** 
		FOOTERS
	****************/
    footer .footer-info [class*="col-xs"] {
        width: 100%;
    }
    footer .footer-info [class*="col-xs"]:last-child {
        margin-bottom: 0;
    }
    /**************** 
		PAGES
	****************/
    /**************** 
		BLOG
	****************/
    /****** Single Blog Post ********/
    #blog-comments .comments-list .comment-replies {
        margin-left: -50px;
    }
    #blog-comments .comments-list .comment-replied:before {
        content: '\f148';
        font-family: 'fontawesome';
        position: absolute;
        left: 20px;
        font-size: 28px;
        transform: scaleX(-1);
        color: #999;
        opacity: .5;
    }
    .post-navigation .nav-links .nav-next,
    .post-navigation .nav-links .nav-previous {
        max-width: 100%;
        text-align: center;
        float: none;
    }
    .post-navigation .nav-links .nav-previous {
        margin-top: 5px;
    }
    /**************** 
		JOB APPLICATIONS
	****************/
    .job-applications-download-csv {
        float: none;
        padding-bottom: 10px;
        display: block;
    }
    .cariera-job-applications .filter-job-applications {
        margin-bottom: 20px;
    }
    .cariera-job-applications .filter-job-applications > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .cariera-job-applications .filter-job-applications > div:last-child {
        margin-bottom: 0;
    }
    /**************** 
		RESUMES
	****************/
    .resume-header .candidate-photo {
        float: none;
        width: 100%;
        padding: 0;
    }
    .resume-header .candidate-photo img{
        margin: 0 auto;
        display: block;
    }
    .resume-header .candidate-title,
    .resume-header .candidate-info {
        text-align: center;
    }
    .resume-header .candidate-info {
        padding-bottom: 20px;
    }
    .candidate-extra-info .left-side {
        display: none;
    }
    /**************** 
		HALF MAP
	****************/
    main.half-map-wrapper .job-holder a.map-view,
    main.half-map-wrapper .company-holder a.map-view,
    main.half-map-wrapper .resume-holder a.map-view {
        position: relative;
        right: 0;
        margin-bottom: 20px;
    }
    /**************** 
		BOOKMARKS
	****************/
    .wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper {
        text-align: center;
    }
    .wp-job-manager-bookmarks-form:hover a.remove-bookmark {
        float: none;
        padding: 10px;
    }
    .wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper a.bookmark-notice {
        margin-top: 10px;
    }
    /**************** 
		DASHBOARD
	****************/
    #dashboard .user-avatar-upload {
        display: block;
    }
    #dashboard .user-avatar-preview {
        width: 100%;
        margin-bottom: 30px;
    }
}


/* ---- End of max-width 580px CSS ---- */


/* ---- Start of max-width 480px CSS ---- */

@media all and (max-width: 480px) {
    #social-share-modal .social-btns li {
        width: 50% !important;
    }
    /**************** 
		PAGES
	****************/
    /****** Coming Soon Page *******/
    .coming-main h3 {
        padding-top: 20px;
    }
    .coming-main .mailchimp .form-group input,
    .coming-main .mailchimp .form-group button {
        width: 100%;
    }
    .coming-main .mailchimp .form-group button {
        margin-left: 0;
        margin-top: 10px;
    }
    /**************** 
		SHOP
	****************/
    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce ul.products li.product,
    ul.products[class*=columns-] li.product,
    ul.products li.product {
        width: 100%;
        margin-right: 0!important;
    }
    /****** Single Product Page *******/
    .product-wrapper .comments-list .comment-body .comment-rating {
        display: block;
        width: 100%;
        margin: 0;
        padding: 5px 0;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding-top: 5px;
        width: 100%;
    }
    .woocommerce #review_form #respond .comment-form-author,
    .woocommerce #review_form #respond .comment-form-email {
        width: 100% !important;
        padding: 0 !important;
    }
    /**************** 
		JOBS
	****************/
    .job_filters .search_jobs div.filter_first,
    .job_filters .search_jobs div.search_keywords,
    .job_filters .search_jobs div.filter_last,
    .job_filters .search_jobs div.search_location, 
    .job_filters .search_jobs div.search_region,
    .job_filters .search_jobs div.search_salary_min,
    .job_filters .search_jobs div.search_salary_max,
    .job_filters .search_jobs div.search_rate_min,
    .job_filters .search_jobs div.search_rate_max,
    .company_filters .search_companies div.search_keywords,
    .company_filters .search_companies div.search_location,
    .resume_filters .search_resumes div.resume-filter.search_skills,
    .resume_filters .search_resumes div.resume-filter.search_by_rate {
        width: 100%;
        padding: 0;
    }
    .job_listings .listing-loader,
    .resumes .listing-loader {
        top: 700px;
    }
    .company_listings .listing-loader {
        top: 500px;
    }    
    /**************** 
		RESUMES
	****************/
    .resume_filters .search_resumes div.filter_first,
    .resume_filters .search_resumes div.search_keywords {
        width: 100%;
        padding: 0 !important;
    }
    .resume_filters .search_resumes div.filter_last,
    .resume_filters .search_resumes div.search_location{
        width: 100%;
        padding: 10px 0 0 0 !important;
    }
    ul.resumes li.resume {
        text-align: center;
    }
    /**************** 
		GENERAL
	****************/
    .testimonials-carousel-style2 .testimonial:before {
        content: '\f10d';
        left: 0;
        border: 0;
        right: 0;
        top: 10px;
        opacity: 0.2;
    }
    .testimonials-carousel-style2 .testimonial .review {
        padding: 25px 25px 50px 25px;
    }
    .infoBox {
        max-width: 80%;
        left: -150px !important;
    }
    .gmnoprint.gm-bundled-control .gmnoprint {
        top: 170px !important;
    }
    /**************** 
		COOKIE BAR
	****************/
    .cariera-cookies-inner {
        display: block !important;
        text-align: center;
    }
    .cariera-cookies-inner .cookies-buttons {
        margin: 15px auto !important;
    }
    /**************** 
		HEADER
	****************/
    body header.main-header .extra-menu-item .user-name {
        display: none;
    }
}


/* ---- End of max-width 480px CSS ---- */


/* ---- Start of max-width 420px CSS ---- */

@media all and (max-width: 420px) {
    /**************** 
		JOB CATEGORIES
	****************/
    .category-list-layout ul.job-category.list-cat-ver2 li a {
        display: block;
    }
    .category-list-layout ul.job-category.list-cat-ver2 li .category-img {
        max-width: 100%;
    }
    /**************** 
		PREVIEW JOB
	****************/
    input#job_preview_submit_button {
        margin-top: 10px;
    }
}


/* ---- End of max-width 420px CSS ---- */


/* ---- Start of max-width 380px CSS ---- */

@media all and (max-width: 380px) {
    /****** Login Register ********/
    .signin-wrapper .bottom-links,
    .signup-wrapper .bottom-links,
    .forgetpassword-wrapper .bottom-links {
        text-align: center;
    }
    .signin-wrapper .bottom-links span,
    .signup-wrapper .bottom-links span,
    .forgetpassword-wrapper .bottom-links span {
        display: block;
        padding-bottom: 5px;
    }
    .signin-wrapper .bottom-links a,
    .signup-wrapper .bottom-links a,
    .forgetpassword-wrapper .bottom-links a {
        float: none !important;
    }
    /****** General Blog ********/
    .pagination-next-prev .nav-links .previous,
    .pagination-next-prev .nav-links .next {
        float: none;
        text-align: center;
    }
    .pagination-next-prev .nav-links .next {
        margin-top: 25px;
    }
    /****** JOBS ******/
    .job_filters .showing_jobs span,
    .resume_filters .showing_resumes span {
        display: block;
        padding-bottom: 10px;
    }
    /****** JOB APPLICATIONS ******/
    .cariera-job-applications .application-tabs {
        margin: 0 20px;
    }
}


/* ---- End of max-width 380px CSS ---- */


/* ---- Start of max-width 350px CSS ---- */

@media all and (max-width: 350px) {
    /**************** 
		GENERAL STYLES
	****************/
    .login-form-popup .login-form-box {
        padding: 25px;
    }
    a#vc_load-inline-editor {
        display: block;
        margin-top: 20px;
    }
    /**************** 
		BLOG
	****************/
    /****** General ******/
    article figure.post-quote blockquote {
        padding: 40px 20px;
    }
    /****** Single Blog Post ********/
    #blog-comments .comments-list .comment-body .comment-reply {
        margin: 0;
    }
    /**************** 
		HEADER
    ****************/
    .header-account-widget {
        left: -100%;
    }
}


/* ---- End of max-width 350px CSS ---- */


/* ---- Start of max-height 420px CSS ---- */

@media screen and (max-height: 420px) {
}