@media (min-width: 1681px) and (max-width: 1920px) {

  h1 {
    font-size: 54px !important;
    font-weight: 900;


  }

  h2 {
    font-size: 40px !important;

  }

  h6 {
    font-size: 28px !important;

  }

  h5 {
    font-size: 28px;

  }

  p {
    font-size: 28px;
  }






  .text-xxl {
    font-size: 3rem !important;
  }

  .container {
    max-width: 1600px;
  }

  .hero-section .container {
    padding-top: 3.5rem;

  }

  .hero-section .mb-5 {
    margin-bottom: 10rem !important;
  }



  .why-semantiq .py-5 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .we-work-with .py-5 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .we-work-with span {
    font-size: 26px;
  }


  .case-slider p {
    font-size: 18px;
    line-height: 30px;
  }

  .case-slider span {
    font-size: 28px;
  }


  .faq-section .py-5 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .faq-accordion .accordion-button {

    font-size: 28px;
  }

















}



@media (min-width: 1440px) and (max-width: 1680px) {}



@media (max-width:992px) {

  
  .service-right img {
    display: none;
  }

  .service-accordion .accordion-body {

    max-width: unset;
  }
  .nav-link {

border-bottom: 1px solid rgb(156, 156, 156);
padding: 15px 0;


}
.navbar-nav li:last-child .nav-link {
  border-bottom: none;
}
.navbar-toggler:focus {
  box-shadow:  none;
} 
}

@media (max-width: 768px) {

  


  h1 {
    font-size: 18px !important;



  }

  h2 {
    font-size: 20px !important;

  }

  h6 {
    font-size: 14px !important;
    margin-bottom: 0;

  }

  h5 {
    font-size: 14px;

  }

  p {
    font-size: 14px;
  }

  .w-70 {
    width: unset;
  }

  .border-start {
    border-left: none !important;
  }

  .why-semantiq-cards img {
    max-width: 70px;
  }














  .we-work-with span {
    font-size: 14px;
  }


  .case-slider p {
    font-size: 12px;
    line-height: unset;
  }

  .case-slider span {
    font-size: 14px;
  }



  .faq-accordion .accordion-button {

    font-size: 14px;
  }

  .form-control {

    padding: 4px 4px;
    font-size: 14px;
  }

      .form-label {
        padding: 4px 4px;
        font-size: 14px;
    }

  .btn-primary {

    padding: 6px 18px;
    font-size: 12px;
  }


  .hero-section {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent), url(../images/banner-tab.jpg) center / cover no-repeat;

  
    
}


  .faq-accordion .accordion-button::after {

    background-size: 10px;
    width: 24px;
    height: 24px;

  }

  .faq-accordion .accordion-button {

    padding: 0.8rem;
  }

  .faq-accordion .accordion-body {
    background-color: rgba(245, 245, 245, 1);
    padding-top: 0;
    /* max-width: 500px; */
    padding-left: 40px;
    padding-right: 20px;
    font-size: 14px;
  }

  .email-text {
    color: white !important;
    font-size: 12px !important;
  }

  .hero-logo {
    background: rgba(255, 255, 255, 1);
    width: 70% !important;
    filter: unset;


  }
.nav-link {

 font-size: 14px;


}


.navbar-toggler {
  font-size: 12px;
}

.service-accordion button {
  font-size: 14px;
}

.fixed-image-wrapper {
  height: 180px;  
 justify-content: space-between;
}







}

@media (max-width: 567px) {
    .hero-section {
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent), url(../images/mobile-new.jpg) center / cover no-repeat;
       height: 80dvh;


}

  .service-right img {
    display: none;
  }
  .footer-menu li a {

  font-size: 12px;

}

.social-icons a {
  font-size: 16px;

}
.floating-scroll-icon {
display: none;

}
.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}
.navbar-nav .nav-link {

  font-size: 12px;


}
.contact-section {
  font-size: 14px !important;
}

}