/* Extra Large Devices (large desktops and TVs, 1920px and below) */
@media screen and (max-width: 1920px) {
  /* Styles for extra large desktops and TV screens */
      .testimonial-card {
        flex: 0 0 calc(45% - 20px) !important;
    }
}

/* Desktops and Large Laptops (1280px and below) */
@media screen and (max-width: 1280px) {
  /* Styles for standard desktop screens and large laptops */
}

/* Tablets (Landscape orientation, 1024px and below) */
@media screen and (min-width:1105px) and (max-width:1024px) {
  /* Styles for tablets (iPad, Android tablets) in landscape mode and small desktops/laptops */
  .nav-item {
    padding-left: 29px;
}
.testimonial-card {
    flex: 0 0 calc(60% - 0px)!important;
}
}

/* Tablets (Portrait & general tablet size, 1104px and below) 
   NOTE: This block overlaps with 1024px and below, so you may want to use specific breakpoints.
*/
@media screen and (max-width: 1104px) {
  .navbar-toggler {
    display: none;
}
.navbar-nav {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}
}

/* Small Tablets (between 768px and 884px) */
@media screen and (min-width:768px) and (max-width:884px) {
  .site-branding {
    padding: 10px;
}
.mobile_d-none {
    display: none;
}
.nav-item {
    padding-left: 9px;
}
}

/* Tablets and Large Phones (Portrait, 768px and below) */
@media screen and (max-width: 768px) {
  /* Styles for iPads and Android tablets in portrait mode, large smartphones, and small tablets */
  .hero-section {
                padding: 40px 0;
            }
            
            .job-card {
                margin: 20px;
                padding: 20px;
            }
            
            .job-info-card {
                padding: 20px;
            }
            
            .hero-illustration {
                height: 250px;
            }
}

/* Mobile Devices (small phones, 480px and below) */
@media screen and (max-width: 480px) {
  #mobie_hide {
    display: none!important;
}
.navbar-toggler {
    display: block;
}
.marque_section {
    padding: 8px;
}
.marque_section_label {
    min-width: 349px;
    text-align: center;
}
#mobie_show {
    display: block!important;
}
.mob-d-none{
    display: none;
}
.content-wrapper {
                flex-direction: column;
            }
            
            .form-section,
            .contact-info {
                padding: 30px 20px;
            }
            .testimonial-card {
    flex: 0 0 calc(100% - 20px)!important;
            }
}