@media only screen and (min-width: 1200px) {
    .container {width: 1020px; }
}

@media only screen and (min-width: 1400px) {
    .container {width: 1220px; }
}

@media only screen and (min-width: 1600px) {
    .container {width: 1280px; }
}

@media only screen and (max-width: 1399px) {
    /* menu right sidebar  */
    .main-sidebar-part {width: 480px;}
    .side-panel {width: 60px;padding: 20px 5px;}
    .sidebar-menu-part {width: calc(100% - 60px);}

    /* Header  */
    .header-menu-part {padding-left: 40px;}
    .header-button-menu > a {margin-right: 10px;}
    .menu-main-menu-container > ul > li {margin-right: 40px;}

    .intro-text {width: calc(100% - 650px);}
    .footer-logo {width: 130px;}
    .social-links > a{margin-right: 10px;}
    .footer-contact-info {margin-left: 0; }
    .footer-contact-info a {margin-right: 15px;font-size: 16px;}
    .footer-contact-info a > i {margin-right: 9px;}

    /* Home  */
    .home-info-img {width: 40%;}
    .home-about-text {width: 630px;padding: 123px 85px 122px 0;}
    .about-image {width: calc(50% - 200px);}

    /* Service Overview */
    .inner-banner-content {width: calc(50% + 200px);}
    .service-col .service-card {padding: 36px 30px 30px;}
    .stpes-img {width: 40%;}
    .steps-content {width: 530px;padding-left: 122px;}
    .steps-row:nth-child(2n) .stpes-img{width: 50%;}
    .steps-row:nth-child(2n) .steps-content {width: 440px;}
    .logo-list span {width: 177px;}

    /* Service detail  */
    .service-inzet-left {width: 50%;}
    .service-inzet-right {padding-left: 80px; width: 50%; }

    /* Werken page */
    .reason-left-col {width: calc(45% - 20px);}
    .reason-right-col {width: calc(55% - 40px);}
    .werken-job-slider .slick-track {left: -255px;}

    /* Form page  */
    .bg-inner-banner {background-size: 236px;background-position: calc(100% - 52px) 212px;}

    /* About page  */
    .about-text {width: 45%;}
    .about-part-img {width: 50%;}

    /* Text page */
    .text-wrapper-part {width: 670px;}

    /* Contact page */
    .contact-address-info {width: calc(50% + 200px);}

    /* Job detail page */
    .job-info-col {width: calc(50% + 160px);}
    .job-form-part {width: 680px;}

    /* Thank you page  */
    .steps-wrapper {width: 660px;}

    /* Target landing page */
    .inner-banner-wrap picture {width: calc(50% + 100px);}

    /*  Home page changes */
    .home-testimonial-part .left-part{width: 350px; padding: 124px 0px 0 0;}
    .home-testimonial-part .testimonial-content {padding: 124px 30px 0 0;}
    .home-testimonial-part .testimonial-main-slider .slick-arrow{top: calc(50% + 30px);}
    .home-testimonial-part .slick-counter{top: calc(50% + 40px);}

}

@media only screen and (max-width: 1199px) {
    .container > .row {margin-right: 0;margin-left: 0;}
    /* Menu right sidebar  */
    .main-sidebar-part {background-color: transparent; box-shadow: none; }
    .side-panel-info {background-color: #1e1e1e;padding: 10px 0;}
    .side-panel {padding: 0; align-self: flex-start; }
    .sidebar-menu-part {background-color: #1e1e1e;}

    /* Header */
    header .title-area, .secondary-logo {width: 130px;}
    .header-menu-part {padding-left: 20px;}
    .menu-main-menu-container > ul > li {margin-right: 20px;}
    .header-button-menu {margin-right: 30px;}
    header.site-header::after, .dropdown-header-part::after {width: calc(50% + 110px);}

    /* Footer */
    .footer-top-part {padding: 60px 0 52px;}
    .footer-logo {width: 120px;}
    .footer-info-part {margin-bottom: 49px;}
    .footer-info-part::after {bottom: -27px;}
    .footer-contact-info a {margin-right: 14px;font-size: 14px;}
    #custom_html-3 h3 {font-size: 25px;}
    .menu-footer-menu-container > ul > li {margin-right: 20px;}
    .side-panel-info span {font-size: 14px;}
    .logopart span {margin-right: 26px;}
    .logopart span > img {max-width: 80px; max-height: 70px; }

    /* Home */
    .home-banner-title {width: 60%;min-height: 500px;}
    h1 {font-size: 50px;line-height: 56px;}
    .vacature-category-box {width: 570px;padding: 31px 30px 40px;margin-top: -50px;}
    .intro-text {width: calc(100% - 600px); }
    .white-bg::before {width: 100%;}
    .home-info-part {justify-content: space-between;}
    .info-usp-part {width: 50%; padding: 30px 0 30px 0; }
    h3 {font-size: 22px;line-height: 32px;}
    h2 {font-size: 30px;}
    .job-alert-text h2 {margin-bottom: 8px;}
    .job-alert-cta {padding: 45px 52px 43px;}

    .intro-main-part {margin-bottom: 70px;}
    .home-intro-part {margin-bottom: 0;}
    .home-branche-part {padding: 125px 0;}
    .home-branche-part > picture {display: block !important;}
    .home-branche-part > picture.vakgebieden-banner {display: none !important; }
    .home-branche-wrapper h2 {font-size: 38px; line-height: 46px;}
    .home-branche-view {width: 340px;margin-right: 0;}
    .vakgebieden-home-list li a {padding: 26px 20px 25px 78px;font-size: 24px;}
    .vakgebieden-home-list li a i {left: 25px; top: 24px; width: 32px; height: 32px; line-height: 30px; }
    .vakgebieden-home-list li a i img {width: 12px; }

    .home-service-part {padding: 70px 0 30px;margin-top: 0;}
    .service-card {padding: 30px 25px 32px;}
    .service-text-card {padding-right: 0;padding-top: 25px;margin-bottom: 30px;}

    .home-about-part {margin-bottom: 60px;}
    .about-image {width: calc(50% - 50px); }
    .home-about-text, .views-template-campaign-page-template .home-about-text {width: 50%; padding: 100px 0 50px 0; }

    /* Service overview */
    .inner-banner, .views-template-campaign-page-template .inner-banner {padding: 183px 0 92px;}
    .views-template-campaign-page-template .inner-banner-content h1{line-height:normal}
    .inner-banner > picture {width: calc(50% - 120px);}
    .inner-banner-content {width: calc(50% + 90px);}
    .inner-banner-content h1 {font-size: 50px;margin-bottom: 5px;}

    .service-showcase, .views-template-campaign-page-template .service-showcase {margin-top: 0;padding:70px 0 46px;}
    .service-overview-part {margin-bottom: 40px;}
    .service-col .service-card {padding: 26px 20px 30px; }
    .steps-row {margin-bottom: 70px;}
    .stpes-img {width: 50%; }
    .steps-content {width: 50%; padding-left: 40px; }
    .steps-row:nth-child(2n) .steps-content {width: 45%; }

    .logo-part h3 {margin-bottom: 25px; }
    .logo-list span {/*width: 17%;margin-bottom: 30px;*/}
    .testimonial-content blockquote p {font-size: 24px;line-height: 36px;}
    .home-testimonial-part .testimonial-content blockquote p {font-size: 24px;}
    .testimonial-content blockquote::before {width: 95px; height: 63px; left: -10px; top: -22px; }
    .contact-cta-part {padding-bottom: 85px;}
    .contact-cta-right-part {padding-left: 20px;}
    .contact-cta-right-part .footer-contact-info a {color: #1e1e1e; margin-right: 15px; clear: none; }

    /* Service detail */
    .service-inzet-right {padding-left: 30px;}

    /* vakgebied detail */
    .inner-banner-content .more-info-btn {margin-top: 0; margin-bottom: 0; }
    .job-card {padding: 25px 20px 25px;}
    .job-top-part h3 {margin-bottom: 10px; }
    .tag-part {margin-bottom: 6px;}
    .job-bottom-part .more-info-btn {padding-left: 15px;}
    .job-main-list > .row {margin-left: -15px; margin-right: -15px; }
    .job-col {padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
    .vakgebied-job-info > h3 {margin-bottom: 20px; }
    .vakgebied-job-part {padding: 63px 0 45px; margin-bottom: 60px; }
    .vakgebied-job-part .job-alert-cta {margin-bottom: 30px; }

    /* Werken page  */
    .reason-main-part {margin-top: 0;margin-bottom: 0;padding: 70px 0;}
    .reason-right-col {padding-top: 70px;}
    .r-card1 {  margin-bottom: 62px; }
    .reason-text {width: 100% !important;padding: 22px 20px 21px;}
    .reason-card > picture {margin-bottom: 0;height: 370px;width: 100% !important;}
    .r-card3 {margin-bottom: 50px;}
    .reason-main-title {margin-bottom: 50px;}
    .r-card2 {margin-bottom: 70px; }
    .reason-outer-text {width: 100%;padding: 0 22px 24px;}
    .faq-contact-part {padding: 60px 0 54px;margin-top: 0;}
    .faq-col {float: left;  width: calc(100% - 300px); }
    .faq-contact-col {width: 260px;}
    .panel-title > a > i {text-align: center;padding-left: 0;}
    .work-related-slider {padding: 65px 0 96px; }
    .werken-job-slider .slick-track {left: 0; }
    .werken-job-slider .job-col {width: 480px;}

    /* Form page */
    .bg-inner-banner {background-size: 186px;background-position: calc(100% - -4px) 212px;}
    .form-main-part {padding: 60px 0;}
    .form-main-part {margin-top: 0;}
    .form-main-part.white-bg::before, .small-white-bg::before {width: 100%; }
    .left-form-part {width: calc(100% - 300px);}
    body .main-form .gform_wrapper .top_label div.ginput_container.ginput_container_date select {padding-right: 25px; padding-left: 7px; background-position: calc(100% - 7px); background-size: 9px; }

    /* About page */
    .team-member-slider .slick-track {left: -653px; }
    .team-member-slider .slick-arrow {left: calc(50% + 378px); }
    .team-member-slider .slick-prev.slick-arrow {left: calc(50% + 313px); }
    .about-team-part {padding: 63px 0 68px; }
    .about-main-part {padding: 70px 0 60px; margin-bottom: 70px; }

    /* Text page */
    .text-main-part {padding: 57px 0 62px;margin-bottom: 80px;margin-top: 0;}
    .text-wrapper-part {max-width: 100%;}

    /* Contact page */
    .contact-form-part {padding: 61px 0 72px;margin-top: 0;margin-bottom: 0;}
    .contact-address-info {width: calc(50% + 90px); }
    .contact-info-box {width: calc(50% - 15px);padding: 22px 20px 21px;}
    .map-area {height: 400px; }

    /* Job detail page */
    .job-banner-content {width: 100%; }
    .job-banner-content h1 {font-size: 42px;line-height: 48px;margin-bottom: 20px;}
    .back-link {margin-bottom: 18px;}
    .job-banner-content .tag-part {margin-bottom: 11px;}
    .job-banner-content .more-info-btn {margin-top: 0;}
    .job-detail-part {margin-top: 0;padding: 72px 0 87px;}
    .job-detail-part .faq-contact-col {padding-top: 0;}
    .job-form-part > h2 {font-size: 54px; padding: 0 30px; margin-top: -25px; margin-left: -10px; }
    .job-apply-part {padding: 50px 0 130px;}
    .job-apply-part::after {bottom: 70px;}
    .job-related-part { padding: 54px 0 55px; }

    /* Job overview */
    .job-overview-banner {padding-bottom: 50px; }
    .all-jobs-list {padding: 70px 0 95px;margin-top: 0;}

    /* Thank you page  */
    .thanks-steps-part {padding: 30px 0 58px;margin-top: 0;}
    .steps-wrapper {width: calc(100% - 290px); }
    .thanks-steps-part .faq-contact-col {padding-top: 20px; }
    .process-step-slide h3 {padding-left: 23px; padding-right: 0;}

    /* Quote slider */
    .testimonial-main-slider .slick-prev.slick-arrow {left: calc(50% + 118px);}
    .testimonial-main-slider .slick-arrow {left: calc(50% + 182px);}

    /* Campaign Page */
    .term-section-part {padding:72px 0px 74px;}
    .service-overview-wrapper > .custom-width{width:auto}

    /* *** New phase css *** */
    /* Target landing page */
    .inner-banner-wrap {padding-bottom: 70px; min-height: 520px;}
    .inner-banner-wrap picture {width: 50%;}
    h1.h1-lg {font-size: 80px; line-height: 80px; }
    .inner-banner-wrap p {max-width: 85%; }
    .step-section {padding-bottom: 0px; }
    .full-banner-section {min-height: 600px;}
    .full-banner-content h2 {font-size: 80px; line-height: 70px;}
    /* Home page */
    .home-option-section {padding: 40px 0 90px; }
    .card-content h2 {font-size: 26px; }
    .card-content p {font-size: 15px; line-height: 22px; }
    .option-card {padding: 30px 15px 47px;}
    .option-card, .option-plain-card{width: 30.5%;}
    .option-card > i {width: 30px;height: 30px;right: 10px;bottom: 10px}
    .option-card > i > img {width: 10px; }
    .home-option-section + .home-intro-part {padding-top: 60px; }
    /* New Dropdown menu */
    .second-menu {width: 40%;padding-right: 20px; }
    .new-menu-overlay #custom_html-2 {width: 40%;}

    /*  New filter CSS */
    .job-function .radio{height: 45px;}
    .vacature-filter-btn{padding: 22px 105px 21px 35px;}
    .vacature-filter{left: 25px;}

    /*  Home page changes */
    .home-testimonial-part .testimonial-main-slider .slick-prev.slick-arrow{ left:0;}

    /* Gravity form signature field css */
    body .main-form .gform_wrapper .top_label .gfield--type-signature div.ginput_container {width: 420px !important;}



}

@media only screen and (max-width: 991px) {
    .header-button-menu {display: none;}
    header.site-header::after, .dropdown-header-part::after {width: calc(50% + 230px);}
    .footer-top-part {padding: 50px 0 30px; }
    .footer-info-part {align-items: flex-start;}
    .footer-logo {width: 100%;margin-bottom: 10px;}
    .footer-logo a {max-width: 140px;}
    .footer-contact-info {  width: 60%;}
    .footer-contact-info a {margin-right: 0; clear: left; margin-bottom: 10px;}
    #nav_menu-2 {display: flex; flex-wrap: wrap; justify-content: center; }
    #nav_menu-2 > h3 {order: 2;}
    .menu-footer-menu-container {order: 1;}
    .menu-footer-menu-container > ul > li:last-child {margin-right: 0; }    
    .home-banner-title {width: 80%;min-height: 440px;}
    .intro-text {width: 100%; }
    .vacature-category-box {display: flex; flex-wrap: wrap; margin: -40px auto 0; float: none; order: 1; }
    .intro-text {padding: 60px 0;order: 2;}
    .intro-main-part {margin-bottom: 0px;display: flex; flex-wrap: wrap; }
    .inner-banner > picture {display: none;}
    .inner-banner-content {width: 100%; }
    .slick-arrow {left: calc(50% + 258px);}
    .slick-prev.slick-arrow {left: calc(50% + 193px); }
    .main-form .gform_wrapper .top_label .gfield_label {width: 100% !important;margin-bottom: 10px !important;}
    body .main-form .gform_wrapper .top_label div.ginput_container,body.views-template-simple-campaign-page-template .main-form .gform_wrapper .top_label div.ginput_container {width: 100% !important;}
    .main-form .gform_wrapper .gfield_required_asterisk {top: 30px;}
    .main-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_validation_message {width: 100%;}
    .main-form .gform_wrapper .field_description_below .gfield_description {width: 100%;}
    .main-form .gform_wrapper div.validation_error, .main-form .gform_confirmation_message {margin-bottom: 10px;}
    body .main-form .gform_wrapper ul li.gfield.custom-file-upload::after {width: 100%;top: 48px;}
    body .main-form .gform_wrapper ul li.gfield.gfield_html {margin-bottom: 0px !important;}
    body .main-form .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.privacy-text p {width: 100% !important;}
    .main-form .gform_wrapper .gform_footer,.views-template-simple-campaign-page-template .main-form .gform_wrapper .gform_footer {width: 100%;}
    .main-form .gform_wrapper .gform_footer button.button {width: 100%;}
    .main-form > h3 {margin-bottom: 10px;}
    .team-member-slider .slick-track {left: 0; }
    .team-member-slider .slick-arrow {left: calc(50% + 258px);}
    .team-member-slider .slick-prev.slick-arrow {left: calc(50% + 193px); }
    .contact-address-info {width: 100%;}
    .conatct-form-wrapper > h3 {margin-bottom: 11px;}
    .contact-form-part.white-bg::before {width: 100%; }

    .job-info-col {width: calc(100% - 290px); }
    .process-step-slide {padding: 66px 20px 21px;}
    .job-form-part {width: 560px; }

    .main-form .nf-form-content .label-above .nf-field-label {width: 100%;margin-bottom: 10px !important;margin-top: 0 !important;}
    .main-form .label-above .nf-field-element {width: 100% !important;}
    .main-form .ninja-forms-req-symbol {top: 17px;}
    .main-form .nf-error .nf-error-msg {width: 100%;}

    .testimonial-main-slider .slick-arrow {left: calc(50% + 93px);}
    .testimonial-main-slider .slick-prev.slick-arrow {left: calc(50% + 28px);}

    /* Job-overview-page */
    .job-overview-banner picture {display: block; position: static; width: 100%; height: 450px; margin-bottom: 40px; }
    .job-overview-banner {padding-top: 110px; }
    .more-info-btn.view-all-job{margin-bottom: 40px;}

    .home-testimonial-part .left-part {width: 50%; padding: 100px 40px 0 0; }
    .home-testimonial-part .testimonial-content {padding: 100px 20px 0 0; }
    .home-testimonial-part .testimonial-main-slider .slick-arrow {top: 50%; }
    .home-testimonial-part .slick-counter {top: calc(50% + 10px); }

    /* Gravity form signature field css */
    .main-form .gform_wrapper .gfield_signature_ui_container, [id*="signature_image"] {width: 100% !important;}



}

@media only screen and (max-width: 767px) {
    /* Header */
    header.site-header {padding: 30px 0 28px !important; position: absolute; background-color: transparent !important; }
    header.fixed .title-area a.custom-logo-link {width: 100%; }
    header.site-header.fixed::after {opacity: 1; }
    .header-menu-part { display: none; }
    .main-sidebar-part {display:none;}
    header .title-area, .secondary-logo {width: 110px; }
    header.site-header::after{width: 100%; }
    .menu-mobile,.menu-inside-btn {display: block; position: fixed; z-index: 9999; right: 15px; top: 20px; width: 125px; height: 48px; background-color: #fff; border-radius: 30px; box-shadow: 0 5px 10px rgba(0,0,0,0.15); font-size: 16px; color: #1e1e1e; font-family: 'RussoOne-Regular'; line-height: 48px; padding-left: 60px; cursor: pointer;}
    .menu-mobile > span,.menu-inside-btn > span {width: 32px; height: 32px; position: absolute; left: 8px; top: 8px; background-color: #622a86; border-radius: 50%; }
    .menu-mobile > span > i,.menu-inside-btn > span > i {position: absolute; width: 16px; height: 2px; background-color: #ffffff; left: 8px; top: 12px; }
    .menu-mobile > span > i::after,.menu-inside-btn > span > i::after {position: absolute; content: ""; left: 0; top: 5px; width: 12px; height: 2px; background-color: inherit; }
    header.site-header.fixed .menu-mobile {background-color: #1e1e1e; color: #fff; }

    .mobile-header-menu {display: block; float: left; width: 100%; margin-top: 31px; }
    .menu-mobile-menu-outside-container {float: left; width: 100%; }
    .menu-mobile-menu-outside-container ul {float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .menu-mobile-menu-outside-container ul > li {float: left; margin: 0 5px; }
    .menu-mobile-menu-outside-container ul > li > a {float: left; color: #fff; font-size: 15px; font-family: 'Trenda-Bold'; text-transform: lowercase; border-bottom: 2px solid transparent; }
    .menu-mobile-menu-outside-container ul > li.current-menu-item > a {border-bottom-color: #fff; }

    .dropdown-wrapper::after {width: 100%;}
    .dropdown-body {padding: 20px 0 0px; }
    .dropdown-header-part {padding: 30px 0 20px;}
    .dropdown-header-part::after {display: none;}
    .hide-overlay {display: none;}
    .menu-dropdown-vacature-menu-container > ul > li, .menu-target-group-menu-container > ul > li {margin-bottom: 20px;}
    .menu-dropdown-vacature-menu-container > ul > li > a,.menu-target-group-menu-container > ul > li > a {padding-left: 42px;font-size: 26px;}  
    .menu-dropdown-vacature-menu-container > ul > li > a::before,.menu-target-group-menu-container > ul > li > a::before {width: 28px;height: 28px;background-size: 9px;}
    .menu-dropdown-vacature-menu-container > ul > li > a .menu-item-description,.menu-target-group-menu-container > ul > li > a .menu-item-description{line-height: 16px; font-size: 13px;}

    .vakgebieden-header-part {padding-left: 42px; margin-top: 35px; }
    #custom_html-2 {width: 100%; }
    #custom_html-2 p, .second-menu p {margin-bottom: 12px; font-size: 14px; }
    .vakgebieden-list-part > li a, .menu-dropdown-main-menu-container ul > li a {padding-left: 20px;font-size: 15px;}

    .mobile-inside-menu {display: block; float: left; width: calc(100% + 30px); margin-left: -15px; margin-top: 20px;}
    .menu-mobile-menu-inside-container {float: left; width: 100%; }
    .menu-mobile-menu-inside-container > ul {float: left; width: 100%; }
    .menu-mobile-menu-inside-container > ul > li {float: left; width: 100%; border-top: 2px solid #e65c00; }
    .menu-mobile-menu-inside-container > ul > li > a {float: left; width: 100%; font-size: 20px; color: #fff; font-family: 'Trenda-Bold'; padding: 12px 38px; }

    .sidebar-inside.sidebar-menu-part {display: block; width: calc(100% + 30px); float: left; margin-left: -15px; border-left: none; padding: 30px 0 0; }
    .menu-wrapper:last-child {padding-bottom: 40px;}
    .side-inside-info {float: left; width: 100%; padding: 0px 15px 20px; }
    .side-inside-info > i {display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 2px solid #622a86; font-size: 12px; color: #622a86; line-height: 28px; margin-right: 10px; text-align: center; }
    .side-inside-info > span {display: inline-block; vertical-align: middle; color: #fff; font-family: 'Trenda-Bold'; font-size: 16px; text-transform: uppercase; }
    .menu-inside-btn > span > i {top: 15px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
    .menu-inside-btn > span > i::after {top: 0px; width: 100%;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg); }

    .job-alert-sidebar {width: 100%;transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);}
    #custom_html-4 {padding: 60px 18px 40px;}
    .sidebar-header .job-mail-icon {margin-bottom: 21px; width: 80px; display: block;}
    h2 {font-size: 28px;}
    .sidebar-header h2 {margin-bottom: 15px;}
    .main-form .gform_wrapper .gform_footer input.button {width: 100%;font-size: 18px;padding: 0 20px 0 20px;height: 54px;}

    /* Footer */
    .footer-top-part {padding: 40px 0 30px; }
    .footer-logo {margin-bottom: 20px;} 
    .footer-logo a {max-width: 110px; }
    .footer-contact-info {width: 100%; margin-bottom: 10px; }
    .footer-contact-info a span {width: calc(100% - 42px); }
    .footer-contact-info a {clear: none;width: 50%;}
    .footer-contact-info a span::after {display: none;}
    .footer-contact-info a:last-child {width: 100%; }
    #custom_html-3 h3 {font-size: 20px; }
    #nav_menu-2 {justify-content: flex-start;}
    .menu-footer-menu-container > ul > li {margin-right: 0;width: 50%;}
    .menu-footer-menu-container > ul > li > a {font-size: 13px;}
    #nav_menu-2 > h3 {font-size: 12px;margin-top: 10px;}
    .footer-logobar h3 {width: 100%; margin-bottom: 30px; }

    /* Home */
    .home-banner-title {width: 100%; min-height: 440px; }
    .home-banner-title h1 {padding-right: 0; }
    h1 {font-size: 34px; line-height: 40px; }
    p {font-size: 16px;line-height: 26px;}

    .vacature-category-box {width: 100%;padding: 21px 15px 30px;}
    h3 {font-size: 20px; line-height: 24px; }
    .home-category-list > li {margin-right: 10px; margin-bottom: 10px; }
    .home-category-list > li a {line-height: 42px; padding: 0 40px 0 15px; font-size: 14px; background-position: calc(100% - 18px) 17px; background-size: 8px; height: 42px;}
    .vacature-category-box .i-shape {height: 228px; right: -1px; }
    .i-shape > img {width: 100px;}
    .main-btn {height: 50px; line-height: 50px; font-size: 15px; padding: 0 20px 0 60px; }
    .main-btn i {top: 9px; width: 32px; height: 32px; line-height: 30px; }
    .main-btn i img {width: 10px; }
    .main-btn > span::before {top: -64px;}

    .home-info-part {margin-bottom: 50px;}
    .home-intro-part {padding-bottom: 66px;}
    .intro-text {padding: 40px 0;}
    .home-info-img {width: 100%; height: 300px; }
    .info-usp-part {width: 100%; padding: 30px 0 0 0; }
    .info-usp-list > li {font-size: 16px;line-height: 26px;}

    .job-alert-cta {padding: 25px 20px 43px; border-width: 4px; }
    .job-mail-icon {display: none;}
    .job-alert-text {width: 100%;}
    h2 {font-size: 26px; }
    .job-alert-cta .more-info-btn {right: 0; bottom: -27px; padding: 0 10px; width: 215px; left: 0; margin: 0 auto;text-align: center;}
    .job-alert-text h2 {word-break: break-word;}

    .home-branche-part {padding: 55px 0; }
    .home-branche-wrapper h2 {font-size: 26px; line-height: 34px; width: 100%; margin-bottom: 20px; }
    .home-branche-view {width: 290px; display: flex; flex-wrap: wrap; margin: 0 auto; float: none; }
    .vakgebieden-home-list li a {padding: 21px 20px 20px 78px; font-size: 21px; }
    .vakgebieden-home-list li a i {top: 17px;}

    .home-service-part {padding:60px 0 50px;}
    .service-text-card {padding-top: 0;margin-bottom: 30px;width: 100%;}
    .service-card {width: 100%;margin-bottom: 30px;}

    .home-about-part {margin-bottom: 0; }
    .about-image {width: 100%; position: relative; height: 300px; }
    .about-image .i-shape {height: 174px; right: 0px; overflow: hidden; }
    .about-image .i-shape img {width: 70px; position: relative; right: -3px; }
    .home-about-text, .home-about-text, .views-template-campaign-page-template .home-about-text {width: 100%; padding: 65px 0 60px 0; }

    /* Service overview */
    .inner-banner {padding: 170px 0 40px; } 
    .inner-banner-content h1 {font-size: 34px;}
    .inner-banner-content p {font-size: 17px;}
    .service-showcase, .views-template-campaign-page-template .service-showcase {padding: 60px 0 66px;}
    .service-col .service-card {padding: 26px 20px 25px; }
    .service-col {padding-left: 0; padding-right: 0; margin-bottom: 20px; }
    .service-overview-wrapper .row {margin-left: 0;margin-right: 0;}
    .stpes-img {width: 100% !important; height: 300px !important; margin-bottom: 20px; }
    .steps-content {width: 100% !important; padding-left: 0; }
    .steps-content h3 {margin-bottom: 13px; }
    .steps-content p {margin-bottom: 15px; }
    .steps-row {margin-bottom: 60px; }
    .logo-list span {/*width: 33.33%;*/ margin-right: 0; }
    .service-steps-part {margin-bottom: 47px; }
    .testimonial-content blockquote p {font-size: 20px; line-height: 32px; }
    .home-testimonial-part .testimonial-content blockquote p{font-size: 20px;}
    .testimonial-content blockquote::before {width: 65px; height: 43px; left: -5px; top: -12px; background-size: 100%; }
    .testimonial-text {padding-left: 15px;}
    .contact-cta-info > span {width: 60px;height: 60px;margin-top: 10px;}
    .contact-cta-right-part {padding-left: 0;width: 100%;margin-top: 10px;}
    .contact-cta-right-part .footer-contact-info a {width: 100%;}
    body.views-template-service-overview-page-template .inner-banner,
    body.views-template-contact-page-template .inner-banner{padding-bottom:340px;}
    body.views-template-service-overview-page-template .inner-banner > picture,
    body.views-template-contact-page-template .inner-banner > picture {display: block;width: 100%; top: initial; height: 290px; }

    /* Service detail */
    .service-inzet-left {width: 100%;}
    .service-inzet-right {padding-left: 0; width: 100%; margin-top: 30px; }
    .service-detail-part .service-steps-part {margin-bottom: 40px; }
    .service-inzet-left h2 {line-height: 36px; margin-bottom: 10px; }

    /* vakgebied detail */
    .vakgebied-job-part {padding: 63px 0 55px; margin-bottom: 50px; }
    .vakgebied-job-part .job-alert-cta {margin-bottom: 40px; }

    /* Werken page */
    .reason-main-part {padding: 50px 0;}
    .reason-left-col {width: 100%; }
    .reason-card > picture {height: 300px !important;}
    .r-card1 {margin-bottom: 42px; }
    .reason-right-col {padding-top: 40px; width: 100%; }
    .reason-main-title {margin-bottom: 40px;display: none; }
    .reason-main-title.mobile-reason-title {display: block !important; }
    .r-card2 {margin-bottom: 40px; }
    .r-card4 {margin-bottom: 30px; }
    .faq-col {width: 100%;}
    .faq-contact-part {padding: 65px 0 64px; }
    .faq-col > h3 {margin-bottom: 20px; }
    .panel-title > a {padding: 17px 10px 16px 50px;}
    .panel-default > .panel-heading + .panel-collapse > .panel-body {padding: 0 0px 19px 0;}
    .faq-contact-col {width: 100%; margin-top: 30px; }
    .reason-outer-text h2 {margin-top: -18px; float: none; margin: -18px auto 20px; text-align: center; width: 240px; }
    .reason-outer-text {padding: 0 20px 24px;border-width: 4px;}
    .werken-job-slider .job-col {width: 300px; padding-left: 10px; padding-right: 10px; }
    .slick-prev.slick-arrow {left: initial; right: 75px; }
    .slick-arrow {left: initial; right: 15px; }
    .work-related-slider {padding: 65px 0 80px; }
    .text-link b p {font-size: 15px;line-height: normal;}
    .job-card .text-link {font-size: 16px;line-height: normal;}

    /* Form page */
    .bg-inner-banner {background-image: none;}
    .form-main-part {padding: 30px 0 45px; }
    .left-form-part {width: 100%; }
    .form-main-part .faq-contact-col {padding-top: 20px; }

    /* About page */
    .team-box {width: 300px;padding: 0 10px;}
    .about-team-part {padding: 53px 0 38px;}
    .about-text {width: 100%; }
    .team-member-slider .slick-arrow {display: none !important;}
    .about-main-part .row {display: flex; flex-wrap: wrap; }
    .about-part-img {width: 100%; order: 1; height: 300px; margin-bottom: 30px; }
    .about-text {width: 100%; order: 2; }
    .about-main-part {padding: 60px 0 60px; margin-bottom: 45px; }
    .sidebar-modal {width: 100%;transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);}
    .modal-wrapper {padding: 70px 20px 30px;}

    /* Text page */
    .text-main-part {padding: 60px 0 60px;margin-bottom: 50px;}

    /* Contact page */  
    .contact-info-box {width: 100%;padding: 22px 15px 21px;margin-bottom: 20px;}
    .contact-info-box:last-child {margin-bottom: 0; }
    .contact-info-box .footer-contact-info a {width: 100%;}
    .address-link > a {font-size: 18px;}
    .address-link > a > i {top: -3px;}
    .contact-form-part {padding: 35px 0 45px;}
    .conatct-form-wrapper {width: 100%;}
    .map-area {height: 300px; }

    /* Job detail page */
    .job-banner-content h1 {font-size: 32px;line-height: 38px;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
    .share-option {margin-left: 0; top: 0; width: 100%; margin-top: 20px; }
    .share-option > span {font-size: 14px; margin-right: 20px; }
    .share-list li {margin-right: 15px;}
    .share-list li:last-child {margin-right: 0; }
    .share-list li a {font-size: 16px;}
    .share-list li a i {margin-right: 7px; }

    .job-detail-part {padding: 57px 0 57px;}
    .job-info-col {width: 100%; padding-left: 20px; }
    .custom-progress-bar {left: -1px;}
    .dot-first::before {left: -28px;top: 4px;}
    .process-step-slider .slick-list .slick-track {display: flex; flex-wrap: wrap; }
    .process-step-slider .slick-list .slick-track::before, .process-step-slider .slick-list .slick-track::after {display: none; }
    .process-step-slide {padding: 55px 15px 31px; height: auto; }
    .process-step-slider .slick-arrow {top: initial;bottom: -25px;}
    .step-count {left: 15px;top: 10px;font-size: 100px;}
    .process-step-slide h3 {padding-left: 23px;padding-right: 0;margin-bottom: 40px;}
    .job-detail-part .faq-contact-col {display: none;}
    .job-info-col::after {left: -7px;bottom: -57px;}
    .job-form-part {width: 100%; }
    .job-form-part > h2 {font-size: 34px; padding: 0 20px; margin-top: -11px; margin-left: auto; width: 240px; margin-right: auto; float: none; }
    .job-apply-part, .views-template-campaign-page-template .job-apply-part {padding: 50px 0 80px; }
    .job-apply-part::after, .views-template-campaign-page-template .job-apply-part::after {bottom: 40px; border-width: 5px; width: calc(100% + 5px); border-right: none; left: -5px; }
    .job-related-part {padding: 40px 0 35px; }
    .mobile-contact-person {display: block !important; float: left; width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 40px; padding-top: 30px;}
    .call-btn > span::before {top: -60px; }
    body.single-vacature .menu-mobile {position: absolute !important; }
    .mobile-solliciteer-btn {display: block; position: fixed; bottom: 0; z-index: 9999; height: 72px; background-color: #622a86; text-align: center; width: 100%; left: 0; cursor: pointer; font-size: 18px; color: #ffffff; font-family: 'RussoOne-Regular'; line-height: 72px;transform: translateY(100%);-webkit-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);-moz-transform: translateY(100%);}
    body.bottom-bar-show .mobile-solliciteer-btn{box-shadow: 0 -5px 10px rgba(0,0,0,0.15);transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);}
    .mobile-solliciteer-btn i {display: inline-block; width: 30px; height: 30px; background-color: #cc5200; border-radius: 50%; vertical-align: middle; line-height: 28px; margin-right: 19px; margin-top: -2px; }
    .mobile-solliciteer-btn i > img {width: 10px;}
    .mobile-person-info {display: block; position: fixed; top: 0; z-index: 9999; background-color: #eeeeee;left: 0; width: 100%; padding: 7px 15px; transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(0);}
    body.bottom-bar-show .mobile-person-info {box-shadow: 0 5px 10px rgba(0,0,0,0.15); transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
    .mobile-person-info h3 {width: 190px; font-size: 17px; line-height: normal; margin-top: 10px;}
    .mobile-person-info .avatar-img {float: right; }
    .mobile-person-info h3 span {color: #622a86; }
    .mobile-person-info > a {position: absolute; right: 66px; top: 18px; width: 36px; height: 36px; background-color: #622a86; border-radius: 50%; text-align: center; line-height: 36px; color: #fff; font-size: 16px; box-shadow: 0 5px 10px rgba(0,0,0,0.15); z-index: 1; }
    .mobile-person-info,.mobile-solliciteer-btn{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
    /* Job Overview */
    .all-jobs-list {padding: 45px 0 75px;}
    .job-usp-wrapper {padding: 18px 45px 24px 15px;background-size: 36px;background-position: calc(100% - 0px) bottom;}
    .job-usp-wrapper > p {font-size: 15px; line-height: 24px; margin-top: 6px; }
    .all-jobs-list .job-main-list {margin-bottom: 20px; }
    .custom-input-grp > label {display: none;}
    .custom-input-grp {width: calc(100% + 30px); margin-bottom: 0; white-space: nowrap; overflow: auto; margin-left: -15px; padding-left: 15px; -webkit-overflow-scrolling: touch;}
    .custom-filter > form {position: relative; }
    .custom-filter > form::after {content: ""; width: 40px; height: 50px; position: absolute; right: -15px; top: -2px; background: -moz-linear-gradient(left, rgba(255,102,0,0) 0%, rgba(255,102,0,1) 100%); background: -webkit-linear-gradient(left, rgba(255,102,0,0) 0%,rgba(255,102,0,1) 100%); background: linear-gradient(to right, rgba(255,102,0,0) 0%,rgba(255,102,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00622a86', endColorstr='#622a86',GradientType=1 ); pointer-events: none; }
    .dot-first::after {left: -35px; top: -3px; width: 30px; height: 30px;}

    /* Thank you page  */
    .steps-wrapper {width: 100%; }
    .thanks-steps-part {padding: 10px 0 48px; margin-top: 0; }

    .main-form .nf-form-content .label-above .nf-field-label {margin-bottom: 5px !important;}
    .main-form .nf-form-content label {font-size: 16px;}
    .main-form .ninja-forms-req-symbol {top: 10px; }

    .tag-part > span {height: auto;line-height: normal;padding: 6px 15px 4px;}
    .job-top-part h3 {word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
    .job-card .text-link {background-position: right 26px;}
    .job-card .text-link b, .job-card .text-link span{float: left;clear: left;}

    /* Quote slider */
    .testimonial-main-slider .slick-arrow {left: inherit;width: 36px;height: 36px;background-size: 16px;top: -47px;right: 0;}
    .testimonial-main-slider .slick-prev.slick-arrow {left: inherit;right: 51px;}

    .service-overview-wrapper > .custom-width{width:100%}
    .term-section-part{padding: 0px 0px 60px;}

    .main-form .gform_wrapper li div.has_first_name span {width:100% !important;}

    /* New phase css */
    /* Target landing page */
    .inner-banner-wrap .inner-banner-content {padding-top: 20px;width: 100%;}
    h1.h1-lg {font-size: 40px; line-height: 40px; }
    .inner-banner-wrap h1.h1-lg {margin-bottom: 18px; }
    .inner-banner-content p {font-size: 17px; }
    .inner-banner-wrap {padding-bottom: 40px; min-height: inherit; }
    .inner-banner-wrap picture {display: none;}
    .step-section {padding-bottom: 0px; }
    .vakgebied-job-part {margin-top: 0;}
    .full-banner-section {min-height: 440px; padding: 70px 15px; }
    .full-banner-content h2 {font-size: 50px; line-height: 40px; }
    /* Home page */
    .home-new-banner .inner-banner-wrap h1.h1-lg {margin-bottom: 20px; }
    .home-option-section {padding: 40px 0 40px; }
    .home-option-section h3 {width: 100%;text-align:left;margin-bottom:20px}
    .option-card, .option-plain-card { width: 100%; }
    .option-card-list {width: 100%;gap:20px;}
    .option-card {width: 100%;}
    /* New dropdown menu */
    .new-menu-overlay > p {margin-bottom: 18px; line-height: 20px; }
    .second-menu {width: 100%; padding-right: 0; margin-bottom: 20px; }
    .new-menu-overlay #custom_html-2 {width: 100%; }
    .menu-dropdown-main-menu-container ul > li a::before {top: 1px;}

    /* New filter Css   */
    .job-overview-banner .form-group.custom-input-grp {width: 100%; margin: 0; padding: 0; }
    .form-group.job-function{margin-top: -40px;margin-bottom: 0;}
    .job-function .radio{margin-right: 10px;}
    .job-function .radio label {font-size: 15px; line-height: 15px; padding: 5px 30px;}
    .job-function .radio label span {font-size: 12px; line-height: 20px;}
    .job-function .radio label::before{width: 50px; height: 50px; left: 5px; top: 4px;}
    .job-function .radio::after{top: 18px; left: 43px;width: 20px; height: 20px; }
    .vacature-filter-btn { padding: 16px 93px 16px 35px; font-size: 16px;}
    .vacature-filter-wrapper{margin-top: 0;}
    .vacature-filter {left: 25px; top: 50px; max-width: 200px; padding: 20px 0 20px 20px; }
    .vacature-filter .checkbox > label{font-size: 15px;padding-left: 30px;}
    .form-group.vacature-filter .checkbox label::after{width: 17px; height: 17px;top: 6px;}
    .form-group.vacature-filter .checkbox label::before{left: 4px; width: 9px; height: 5px;}

    /* Job-overview  */
    .job-overview-banner.inner-banner {padding-top: 145px; }
    .job-overview-banner picture{height: 350px;}

    .target-detail-banner {padding: 145px 0 0; }
    .target-detail-banner .inner-banner-wrap {display: flex; flex-wrap: wrap-reverse; }
    .target-detail-banner picture {display: block; position: static; width: calc(100% + 30px); height: 350px; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; }
    .job-function {margin-top: 0;}

    /* Home page changes */
    .home-testimonial-part .testimonial-content {padding: 40px 0px 70px 0; position: relative; }
    .home-testimonial-part .left-part {width: 100%; padding: 80px 0px 20px 0; }
    .home-testimonial-part .testimonial-main-slider .slick-arrow {top: auto; bottom: 5px; }
    .home-testimonial-part .slick-counter {top: auto; bottom: 9px; left: 120px; }
    .home-testimonial-part .testimonial-main-slider .slick-arrow.slick-next {left: 55px; }

    /* Gravity form signature field css */
    .main-form .gform_wrapper .gfield_signature_ui_container, [id*="signature_image"] {display: flex;flex-direction: column;align-items: center;}
    body .main-form .gform_wrapper .top_label .gfield--type-signature div.ginput_container {width: 290px !important;}




}