@media screen and (min-width: 641px) {
  .banner-desktop{
    display: block !important;
  }
  .banner-mobile{
    display: none !important;
  }
}


@media screen and (max-width: 640px){
  .banner-desktop{
    display: none !important;
  }
  .banner-mobile{
    display: block !important;
  }
}

@media screen and (max-width: 1500px) {
  .header-link-wrapper a{
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1400px) {
  .header-link-wrapper a{
    font-size: 13px !important;
  }
  .header-link-wrapper{
    gap: 1rem !important;
  }
  .header-link-wrapper ul{
    gap: 1.5rem !important;
  }
  .candidate-blue-card-title br{
    display: none !important;
  }
  .candidate-flowcard-title br{
    display: none !important;
  }
  .candidate-flowcard-title{
    font-size: 12px !important;
  }
}

@media screen and (max-width: 1280px) {
  .header-link-wrapper{
    gap: 0 !important;
  }
  .header-link-wrapper ul{
    gap: 0 !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1290px) {
  .header-link-wrapper{
    gap: 1rem !important;
  }
  .header-link-wrapper ul{
    gap: 1.5rem !important;
  }
}


@media screen and (min-width: 1700px) {
  #connectcompany{
    padding-top: 300px !important;
  }
}

@media screen and (min-width: 2000px) {
  #connectcompany{
    padding-top: 350px !important;
  }
}

@media screen and (max-width: 1400px) and (min-width: 1280px) {
  .candidate-introsection-title{
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1300px) {
  .candidate-section-title{
    font-size: 85px !important;
  }
}

@media screen and (min-width: 2370px) {
   #connectcompany{
    padding-top: 400px !important;
  }
}

@media screen and (max-width: 1470px) {
  .candidate-introcardtitle{
    font-size: 20px !important;
  }
}

@media screen and (max-width: 1300px) {
  .candidate-introcardtitle{
    font-size: 18px !important;
  }
}