/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 


.brand-logo {
  text-align: center !important;
}
.business-name {
  text-align: center !important;
}

.business-name p{
  font-size: 1rem !important;
}
.business-name a {
  font-size: 1.5rem !important;
}
.support-number {
  text-align: center !important;
}
.support-number p{
  margin-bottom: 1rem !important;
  line-height: 1.5rem;
  padding: 0% !important;
  font-size: 1rem !important;
}
.support-number a{
  font-size: 1.5rem !important;
}
.nav-suport-section{
  background-color: black !important;
  color: #05acc4;
  padding: 0 1% !important;
}
.navbar-area {
  padding-top: 1% !important;
  padding-left: 0% !important;
  padding-right: 3% !important;
}
.navbar-toggler {
  background-color: gray;
  padding: 0 11%;
}
.navbar-nav .nav-link.active{
  color: gray;
  font-weight: bold;
}
.nav-link{
  color: white;
  font-weight: bold;
}
.nav-link:hover{
  color: gray;
  font-weight: bold;
}
.brand-icon {
  padding-top: 2% !important;
}
.banner-help-btn {
  margin: 5% 0% !important;
  width: 80% !important;
}
.key-features-text p{
  padding-right: 0% !important;
}
.key-features {
  padding-top: 8% !important;
}

.home-product-title h2 {
  font-size: 2.5rem !important;
}
.our-service-area-location {
  padding: 1% 30% !important;
}
.footer-social-icon i {
  padding: 2% 1% !important;
}
.product-slider {
  max-width: 100% !important;
  padding: 2% 5% !important;
}
}
/* sm Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

  .brand-logo {
    text-align: center !important;
    padding: 2% 0% 0% !important;
  }
  .business-name {
    text-align: center !important;
  }

    .nav-suport-section{
    background-color: black !important;
    color: #05acc4;
  }
  .navbar-area {
    padding-top: 1%;
  }
  .navbar-toggler {
    background-color: gray;
  }
  .navbar-nav .nav-link.active{
    color: gray;
    font-weight: bold;
  }
  .nav-link{
    color: white;
    font-weight: bold;
  }
  .nav-link:hover{
    color: gray;
    font-weight: bold;
  }
  .support-number {
    text-align: center !important;
  }
  .support-number a{
    font-size: 1.8rem;
  }
  .support-number p{
    margin-bottom: 0rem !important;
    line-height: 1.5rem;
    padding: 0% !important;
    text-align: center !important;
  }
   .brand-icon {
    padding-top: 2% !important;
  }
  .key-features-text p{
    padding-right: 0% !important;
  }
  .key-features {
    padding-top: 8% !important;
  }
  .banner-header-text h1 {
    font-size: 2rem !important;
    line-height: 3rem !important;
  }
  .our-executive-photo img {
    width: 50% !important;
  }
  .service-area-location li {
    padding: 0% !important;
  }
  .service-area-location ul {
    padding: 0% !important;
    border-right: none !important;
  }
  .our-service-area-location {
    background-color: transparent !important;
    box-shadow: none !important;
  }
.inner-page-header h1 {
  font-size: 2rem !important;
    line-height: 3rem !important;
    font-family: 'Exo 2', sans-serif;
}
.page-text p {
  font-size: 1.2rem !important;
    font-weight: normal !important;
}
.regd-office h3 {
  font-size: 1.5rem !important;
}
.regd-office p {
  font-size: 1.2rem !important;
}
.footer-official-website {
  font-size: 1.7rem !important;
}
.footer-products h3 {
  font-size: 1.5rem !important;
}
.footer-service h3 {
  font-size: 1.5rem !important;
}
.footer-service a {
  font-size: 1rem !important;
}
 }

/* md Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

  .brand-logo {
    padding: 2% !important;
  }

  .support-number {
    text-align: center;
  }

  .support-number a{
    font-size: 1.8rem;
  }
  .support-number p{
    margin-bottom: 0rem !important;
    line-height: 1.5rem;
    padding: 1% 0% !important;
  }
  .nav-suport-section{
    background-color: black !important;
    color: #05acc4;
  }
  .navbar-area {
    padding-top: 1% !important;
    padding-left: 3%;
  }
  .navbar-toggler {
    background-color: gray;
  }
  .navbar-nav .nav-link.active{
    color: gray;
    font-weight: bold;
  }
  .nav-link{
    color: white;
    font-weight: bold;
  }
  .nav-link:hover{
    color: gray;
    font-weight: bold;
  }
  .brand-icon {
    text-align: center;
    padding-top: 2% !important;
  }
  .key-features-text p{
    padding-right: 0% !important;
  }
  .key-features {
    padding-top: 8% !important;
  }
  .home-registerd-office-photo {
    padding-right: 0% !important;
}
.home-about-title p {
  font-size: 1.2rem !important;
  font-weight: normal !important;
}
.home-about-text p {
  padding-top: 8%;
  font-size: 1.2rem !important;
    font-weight: normal !important;
}
.home-about-text p {
  padding-top: 8%;
  font-size: 1.2rem !important;
    font-weight: normal !important;
}
.product {
  padding-bottom: 8% !important;
}
.manufacturing-procedure-section-text {
  padding: 5% 3% !important;
}
.manufacturing-procedure-section p {
  font-size: 1.2rem !important;
  font-weight: normal !important;
}
.manufacturing-procedure-section-text h2 {
  font-size: 2.0rem !important;
}
.manufacturing-procedure-section-text-btn {
  padding: 2% 10%!important;
  margin: 0% !important;
  font-weight: normal !important;
  font-size: 1.2rem !important;
}
.sensors {
  padding-bottom: 10% !important;
}

.footer-social-icon {
  font-size: 2rem !important;
}
.support-services-image {
  text-align: center !important;
  padding: 10% 0% !important;
}
.inner-page-header h1 {
  font-size: 2rem !important;
}
.certificates {
  padding: 0% !important;
}
.policy-content {
  padding: 0 !important;
}

.digital-product-image {
  text-align: center !important;
}

.page-text ul {
  text-align: left !important;
}

.product-details {
  text-align: center !important;
}
.float-page-text {
  padding: 0% !important;
}
 }

/* lg Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

  .brand-logo {
    padding: 2% !important;
  }
  .business-name {
    text-align: right;
    padding-right: 2% !important;
  }
  .navigation-bar{
    padding: 1% 0;
  }
  .nav-suport-section{
    background-color: black !important;
    color:#05acc4;
  }
  .navbar-nav .nav-link.active{
    color: gray;
    font-weight: bold;
  }
  .nav-link{
    color: #05acc4;
    font-weight: bold;
  }
  .nav-link:hover{
    color: gray;
    font-weight: bold;
  }

  .support-number p{
    margin-bottom: 0rem !important;
    line-height: 1.8rem !important;
    padding: 1% 0 !important;
  }

  .brand-icon {
    text-align: center;
  }
 }

/* xl X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  .brand-logo {
    padding: 2% 0% !important;
  }
  .business-name {
    text-align: right;
  }

  .navigation-bar{
    padding: 1% 0;
  }
  .nav-suport-section{
    background-color: black !important;
    color:#05acc4;
  }
  .navbar-nav .nav-link.active{
    color: gray;
    font-weight: bold;
  }
  .nav-link{
    color: #05acc4;
    font-weight: bold;
  }
  .nav-link:hover{
    color: gray;
    font-weight: bold;
  }
  .support-number p {
    margin-bottom: 0rem !important;
    line-height: 1.8rem !important;
    padding: 1% 0 !important;
  }
  .brand-icon {
    text-align: center;
  }
  .key-features {
    padding: 2% 8% !important;
  }
 }

/* XX-Large devices (larger desktops) */
/* No media query since the xxl breakpoint has no upper bound on its width */