/* home */
@media (max-width: 768px) {
    body {
        width: 100vw;
        overflow: none;
    }
    .searchbar {
        flex-direction: column;
        align-items: flex-start;
        width: unset;
        justify-content: space-evenly;
        height: 100%;
    }
    .row {
        flex-direction: column;
    }
    .fieldFC {
        width: 80%;
        height: 30px;
        font-size: 12px;
    }
    .field {
        width: 80%;
        height: 30px;
        font-size: 12px;
    }
    p {
        font-size: 12px;
        margin-bottom: 24px;
    }
    .text {
        font-size: 12px;
    }
    .con {
        flex-direction: column;
    }
    .title {
        font-size: 16px;
    }
    .mainContainer {
        height: 60vh;
        justify-content: space-around;
    }
    .mainImage{
        width: 50%;
    }
    .searchArea {
        height: 280px;
        border-radius: 4px;
    }
    .miniContainer {
        height: unset;
    }
    .miniContainerr {
        flex-direction: column-reverse;
    }
    .header-bold {
        font-size: 25px;
        margin-top: 24px;
    }
    .header-bold2 {
      font-size: 20px;
  }
    .submit {
        margin-top: unset;
    }
    .percent {
        align-items: center;
    }
    .text {
        margin-bottom: 24px;
    }
    .blogSection {
        width: 80%;
        display: flex;
        margin-bottom: 24px;
    }
    .cardImg {
        width: 75%;
        margin-top: 24px;
        margin-left: 24px;
        border-radius: 4px;
    }
    .title2 {
        font-size: 25px;
        margin-top: 12px;
    }
    .text2 {
        font-size: 12px;
    }
    .leesMeerButton {
        font-size: 16px;
        margin-bottom: 24px;
    }
    .blackContainer {
        height: auto;
        display: flex;
    }
    .con {
        flex-direction: column;
    }
    .down {
        font-size: 29px;
        margin-left: 16px;
    }
    .profileSectionText {
        font-size: 12px;
        margin-left: 24px;
    }
    .faqText2{
        font-size: 14px;
        margin: 0px;
    }
    .faqHomeContainer {
        width: 75%;
    }
    .regBut {
        width: unset;
        margin-top: 0px;
    }
    .werkGVRimg {
        width: 100%;
    }
    .desc-smaller {
        margin-bottom: 0px;
    }
    .cards {
        flex-direction: column;
    }
    .keurmerkenBig {
        width: 100%;
    }
    .heightAswell {
        width: 100%;
    }
    .contactContainer {
        margin-top: 56px;
        flex-direction: column;
        height: unset;
    }
    .regBut3 {
        width: 50%;
    }
    .header-bold3 {
        font-size: 34px;
    }
    .contactText {
        font-size: 16px;
    }
    .blogRightside {
        margin-left: 0px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .blogImg {
        width: 100%;
        height: unset;
    }
    .imgContainerBlog {
        width: 100%;
    }
    .blogSection2 {
        height: 100%;
    }
    .registerForm {
        width: 100%;
    }
    .cnt {
        width: unset;
    }
    .desc {
        width: unset;
    }
    .filterButton {
        margin-bottom: 24px;
    }
    .searchbarWithFilter {
        width: 85%;
    }
    .homeContainer2 {
        width: 80%;
    }
    .vacature-card .details {
        width: 80%;
        gap: 0px;
        margin-top: 0px;
        margin-bottom: 8px;
    }
    .vacature-card h2 {
        font-size: 24px;
    }
    .vacature-card .details div {
        display: flex;
        gap: 5px;
        margin-bottom: 8px;
        font-size: 13px;
    }
    .vacature-card .details div {
        margin-bottom: 8px;
        font-size: 13px;
    }
    .vacature-card p {
        display: none;
    }
    .width2 {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .vacature-card .badge {
        display: none;
    }
    .vacature-card {
        width: 85%;
        height: 20vh;
    }
    .homeContainer3 .details {
        width: 85%;
    }
    .apply-form{
      width: unset !important;
    }
    .extraWidthApply{
      width: unset;
    }
    .homeContainer{
      height: unset;
    }
    .sumMarginForBday{
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .mobileRow{
        flex-direction: row;
    }
    .lbl{
        margin-top: 12px;
    }
    .blogImg2{
        height: 210px;
    }
    .vacatureTitle{
        font-size: 24px;
    }
}