@media only screen and (max-width: 1399px) {
  html {
      font-size: 97%;
  }
  p {
      font-size: 15px;
  }
  header .navbar-brand {
      padding: 15px 15px 15px 0;
  }
  header .navbar-brand img {
      width: 380px;
  }
  header .navbar-expand-lg .navbar-nav .nav-link {
      padding: 0 10px;
      font-size: 14px;
      font-weight: 400;
  }
  .call-to-action-four h3 {
      font-size: 18px;
  }
  .product-inner-section {
    padding: 60px 0 110px 0;
}
  .product-inner-section .single-service .product-inner-content img {
    border-radius: 10px;
    height: 360px; 
}
  .call-to-action-four h5 a {
      font-size: 16px;
  }
  .call-to-action-four:before { 
    border-radius: 10px;
}
  .about-video-detail {
      padding: 45px 30px;
  }
  .about-video-content h4 {
      margin: 0;
      font-size: 18px;
  }

  .login-section::after {
      margin-top: 57px;
      background: linear-gradient(90deg, rgba(0, 212, 255, 0) 40%, rgba(233, 233, 233, 1) 40%);
  }
  .widget .product-list { 
    padding: 20px 15px;
    border-radius: 10px; margin: 0 0 24px 0; }
    .sidebar h4 { 
      font-size: 18px; 
    }
    .widget .product-list ul li a {
      font-size: 13px;
      font-weight: 500;
      padding: 3px 0;
      display: inline-block;
      width: 100%;
      text-transform: uppercase;
    }
    .call-to-action-four {
      padding: 24px 15px;
      text-align: center;
      border-radius: 10px;
  }
  .footer-top { border-radius: 10px; }

  .header-bottom .top-footer-logo {
    max-width: 420px;
}
.header-bottom-links a {
    font-size: 16px; padding: 8px 20px; }
}
@media only screen and (max-width: 1199px) {
  html {
      font-size: 93%;
  }
  p {
      font-size: 15px;
  }
  h1 {
      font-size: 33px;
      margin: 0 0 15px 0;
  }
  h2 {
      font-size: 30px;
  }
  header .navbar-brand {
      padding: 20px 15px 20px 0;
  }
  header .navbar-brand img {
      width: 270px;
  }
  header .navbar-expand-lg .navbar-nav .nav-link {
      padding: 0 10px;
      font-size: 14px;
      font-weight: 450;
  }
  .whats-btn {
      height: 40px;
      width: 40px;
      font-size: 18px;
      display: none;
  }
  .btn-group > .btn {
      border: 1px solid #6ab43e;
      padding: 10px 4px 10px 20px;
  }

  .carousel-caption h1 {
      font-size: 36px;
  }
  .carousel-caption p {
      font-size: 18px;
  }
  .fact-section .fact-detail {
      padding: 20px 12px;
      gap: 15px;
  }
  .fact-section .fact-detail .icon-box {
      min-width: 70px;
      min-height: 70px;
  }
  .fact-section .fact-detail .icon-box::before {
      min-width: 80px;
      min-height: 80px;
  }
  .fact-section .fact-detail .icon-box i {
      font-size: 30px;
  }
  .about-video-bg {
      border-radius: 10px;
  }

  .about-video-bg::after {
      border-radius: 10px 0 0 0;
  }
  .about-video-detail {
      padding: 25px;
  }
  .about-video-content .btn-custom {
      color: #ffffff;
      margin: 0;
      font-size: 15px;
  }
  .about-video-content {
      padding: 0 0 15px 0;
  }
  .about-video-content h4 {
      margin: 0 0 15px 0;
      font-size: 16px;
  }
  .about-video-icon a .play-button {
      width: 70px;
      height: 70px;
  }
  .about-video-icon a .play-button::before {
      width: 80px;
      height: 80px;
  }
  .about-video {
      margin: -30px 0 30px 0;
  }
  .about-content {
      padding-right: 50px;
  }
  .abt-certificate {
      padding: 20px 15px;
      border-radius: 10px;
  }
  .abt-certificate .btn-custom {
      margin: 15px 0 0 0;
      font-size: 15px;
  }
  .product-section {
      padding: 45px 0;
  }
  .why-choose-section h2 {
      margin: 0 0 15px 0;
      font-size: 27px;
  }
  .product-section .product-block img {
      height: 250px;
      border-radius: 10px;
  }
  .product-section .product-block .product-block-content {
      border-radius: 10px;
  }
  .product-section .product-block h4 {
      font-size: 16px;
  }
  .why-choose-section {
      padding: 40px 0;
  }
  .why-choose-section .why-choose-content {
      padding: 20px 15px;
      border-radius: 10px;
  }
  .why-choose-section .why-choose-content .btn-custom {
      margin: 10px 0 20px 0;
  }
  .alfa-image {
      padding: 15px 20px;
      border-radius: 10px;
  }
  .features-section {
      padding: 40px 0 120px 0;
  }
  .product-inner-section {
      padding: 50px 0 100px 0;
  }
  .sidebar h4 {
      font-size: 18px;
  }
  .widget .product-list ul li a {
      font-size: 13px;
  }
  .widget .product-list {
      margin: 20px 0 0 0;
      padding: 15px 20px;
      border-radius: 10px;
      margin: 0 0 15px 0;
  }
  .widget .product-list h6 a {
      font-size: 16px;
      font-weight: 700;
  }
  .call-to-action-four {
      padding: 15px;
      border-radius: 10px;
  }
  .call-to-action-four h3 {
      font-size: 18px;
  }
  .call-to-action-four h5 a {
      font-size: 16px;
  }
  .product-inner-section .single-service .product-inner-content img {
      border-radius: 10px;
      height: 320px;
  }
  .product-inner-section .single-service {
      padding-left: 15px;
  }

  .established-year h1 {
      font-size: 42px;
      line-height: 42px;
  }
  .fact-section {
      padding: 50px 0 50px 0;
  }
  .rounded-top-right {
      border-top-right-radius: 10px;
  }
  .rounded-top-left {
      border-top-left-radius: 10px;
  }
  .rounded-bottom-right {
      border-bottom-right-radius: 10px;
  }
  .rounded-bottom-left {
      border-bottom-left-radius: 10px;
  }
  .fact-section .fact-detail .fact-content h4 a {
      font-size: 15px;
  }
  .company-section {
      padding: 50px 0 0 0;
  }
  .company-section-detail {
      border-radius: 10px;
      padding: 40px 0;
      gap: 20px;
  }
  .company-section-content {
      width: 80%;
      padding: 20px 20px 20px 0;
      border-radius: 0 10px 10px 0;
  }
  .company-video-icon a .play-button {
      width: 60px;
      height: 60px;
  }
  .company-video-icon a .play-button::before {
      width: 75px;
      height: 75px;
  }
  .company-video-icon a .triangle {
      border-left: 16px solid #ffffff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
  }
  .company-section-content h2 {
      margin: 0 0 15px 0;
  }
  .faq-section {
      padding: 50px 0 120px 0;
  }
  .faq-section h4 a {
      font-size: 18px;
  }
  .faq-section h4 {
      gap: 15px;
      margin: 20px 0 0 0;
  }
  .faq-section h4 img {
      height: 70px;
      padding: 15px;
      min-width: 70px;
  }
  .top-footer-logo {
      max-width: 400px;
  }
  .login-section::after {
      margin-top: 58px;
      background: linear-gradient(90deg, rgba(0, 212, 255, 0) 0%, rgba(233, 233, 233, 1) 0%);
  }
  .product-inner-section .single-service .product-inner-detail ol li {
      font-size: 14px;
      padding: 0 30px 0 0;
  }
  .product-inner-section .single-service .product-inner-content h5 {
    font-size: 16px; 
    text-align: justify;
}
.product-inner-section .single-service .product-inner-content h4 {
  font-size: 21px; 
}
.product-inner-section .single-service .product-inner-detail h3 {
  font-size: 24px; 
}
.product-inner-section .single-service .product-inner-detail h4 {
  font-size: 21px;}
  .contact-section { 
    background: linear-gradient(90deg, rgba(253, 253, 255, 1) 0%, rgba(239, 242, 252, 1) 0%, rgba(255, 255, 255, 1) 75%); 
}
.header-bottom .top-footer-logo {
    max-width: 400px;
}
.header-bottom-links a {
    font-size: 16px; padding: 8px 20px; }
}
@media only screen and (max-width: 991px) {
  h1,
  .h1 {
      font-size: 30px;
  }
  h2,
  .h2 {
      font-size: 30px;
  }
  h3 {
      font-size: 24px;
  }
  p {
      font-size: 14px;
  }
  html {
      font-size: 90%;
  }
  .carousel-caption {
      top: 40%;
  }
  .carousel-caption h1 {
      font-size: 30px;
  }
  .carousel-caption p {
      font-size: 21px;
      margin: 10px 0 0 0;
  }
  .about-video {
      margin: 45px 0 30px 0;
  }
  .about-video-detail {
      padding: 30px;
  }
  .about-section {
      padding: 0 0 30px 0;
  }
  .about-video-bg {
      border-radius: 10px;
  }
  .about-video-content .btn-custom {
      margin: 15px 0;
  }
  .about-video-content h4 {
      margin: 0 0 10px 0;
      font-size: 18px;
  }
  .about-video-bg::after {
      border-radius: 10px 0 0 0;
      clip-path: polygon(0 0, 100% -60%, 60% 100%, 0% 100%);
  }
  .about-content {
      padding-right: 0;
      display: inline-block;
      margin: 0 0 45px 0;
  }
  .product-section .product-block img {
      border-radius: 10px;
  }
  .product-section .product-block img {
      height: 250px;
  }
  .product-section .product-block h4 {
      font-size: 16px;
  }
  .product-section .product-block .product-block-content {
      border-radius: 10px;
  }
  .product-section .product-block .product-block-content a {
      min-height: 35px;
      min-width: 35px;
  }
  .why-choose-section {
      padding: 40px 0;
  }
  .why-choose-section .why-choose-content {
      padding: 20px 15px;
      border-radius: 10px;
  }
  .why-choose-section h2 {
      margin: 0 0 15px 0;
  }
  .why-choose-section .why-choose-content .btn-custom {
      margin: 10px 0 30px 0;
  }
  .why-choose-section .why-choose-image {
      width: 40%;
  }
  .alfa-image {
      padding: 15px 20px;
      border-radius: 10px;
  }
  .features-section {
      padding: 40px 0 90px 0;
  }
  .features-section .features-card {
      border-radius: 10px;
      padding: 20px;
  }
  .features-section .features-card .features-card-body h4 {
      font-size: 18px;
      margin: 10px 0 5px 0;
  }
  .features-section .features-card .features-card-body p {
      font-size: 14px;
      margin: 0;
  }
  .features-section .features-card .features-card-icon {
      width: 70px;
      height: 70px;
  }
  .features-section .features-card .features-card-icon::before {
      width: 80px;
      height: 80px;
  }
  .about-image {
      width: 100%;
      height: 300px;
      top: auto;
  }
  .abt-certificate {
      padding: 30px 30px;
      border-radius: 10px;
  }
  .abt-certificate .btn-custom {
      margin: 15px 0 0 0;
  }
  .product-desc-section table td .btn-custom-2 {
      background-color: #6ab43e;
      color: #ffffff;
      padding: 8px 20px;
      font-size: 14px;
      font-weight: 500;
      margin: 10px 0 0 0;
      border-radius: 5px;
      border: none;
      display: inline-block;
  }
  .product-desc-section table td img {
      width: 150px;
  }
  .product-desc-section table td h4 {
      font-weight: 700;
      font-size: 18px;
      margin: 0;
  }
  header {
      background-color: #ffffff !important;
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }
  header .navbar-brand {
      padding: 13px 15px 13px 0;
  }
  header .navbar-brand img {
      width: 350px;
  }
  header .navbar-expand-lg .navbar-nav .nav-link {
      padding: 0 0 10px 0;
      color: #000000;
      font-size: 15px;
      letter-spacing: 0;
      text-shadow: none !important;
  }
  .submenu.dropdown-menu {
      border: none;
      background-color: #f2f2f2;
      border-radius: 0;
      box-shadow: none;
  }
  .dropdown-item.active,
  .dropdown-item:active {
      color: #ffffff;
      background-color: #6ab43e;
  }
  .breadcrumb {
      padding: 10px 45px 10px 30px;
      position: absolute;
  }
  .breadcrumb li.breadcrumb-item {
      font-size: 15px;
  }
  .breadcrumb .breadcrumb-item a {
      font-size: 15px;
  }
  .product-inner-section {
      padding: 50px 0 90px 0;
  }
  .product-inner-section .single-service {
      padding-left: 0;
  }
  .product-inner-section .single-service .product-inner-content img {
      border-radius: 10px;
      height: 350px;
  }
  .widget .product-list {
      padding: 15px;
      border-radius: 10px;
  }
  .call-to-action-four {
      padding: 24px;
      border-radius: 10px;
  }
  .call-to-action-four h3 {
      font-size: 21px;
  }
  .call-to-action-four h5 a {
      font-size: 18px;
  }
  .established-year h1 {
      font-size: 36px;
      line-height: 36px;
  }
  .fact-section {
      padding: 45px 0 40px 0;
  }
  .fact-section .fact-detail .fact-content h4 a {
      font-size: 15px;
  }
  .rounded-top-right {
      border-top-right-radius: 10px;
  }
  .rounded-top-left {
      border-top-left-radius: 10px;
  }
  .rounded-bottom-right {
      border-bottom-right-radius: 10px;
  }
  .rounded-bottom-left {
      border-bottom-left-radius: 10px;
  }
  .fact-section .fact-detail .fact-content h4 a::before {
      margin: 0 10px 0 0;
      font-size: 10px;
      height: 20px;
      width: 20px;
      line-height: 20px;
  }
  .company-section {
      padding: 40px 0 0 0;
  }
  .company-section-detail {
      border-radius: 10px;
      padding: 30px 0;
      gap: 20px;
  }
  .company-section-content {
      width: 80%;
      padding: 20px 20px 20px 0;
      border-radius: 0 10px 10px 0;
  }
  .company-video-icon a .play-button {
      width: 60px;
      height: 60px;
  }
  .company-video-icon a .play-button::before {
      width: 75px;
      height: 75px;
  }
  .company-video-icon a .triangle {
      border-left: 16px solid #ffffff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
  }
  .company-section-content h2 {
      margin: 0 0 15px 0;
  }

  .faq-section {
      padding: 40px 0 90px 0;
  }
  .faq-section h4 a {
      font-size: 18px;
  }
  .faq-section h4 {
      gap: 15px;
      margin: 20px 0 0 0;
  }
  .faq-section h4 img {
      height: 70px;
      padding: 15px;
      min-width: 70px;
  }
  .footer .widget {
      margin-bottom: 20px;
  }
  .footer .widget .widget-title {
      margin: 0px;
      font-size: 18px;
  }
  .footer {
      padding: 0 0 55px 0px;
  }
  .footer ul.list {
      margin: 0;
  }
  .footer .social-icons h5 {
      font-size: 18px;
      margin: 0;
  }
  .top-footer-logo {
      max-width: 480px;
  }
  .footer-bottom {
      margin: 0 0 15px 0;
  }
  .footer-top h4 {
      font-size: 18px;
      color: #ffffff;
      margin: 0;
      font-weight: 500;
  }
  .top-footer-links a {
      font-size: 15px;
      font-weight: normal;
      padding: 10px 20px;
  }
  .top-footer-links a i {
      font-size: 18px;
      margin: 0 10px 0 0;
  }
  .footer-top {
      padding: 20px 30px;
      gap: 20px;
      border-radius: 15px;
      margin: -35px 0 30px 0;
  }
  .modal-dialog-centered .modal-content .modal-body hr {
      margin: 20px 0 0px 0;
  }
  .widget .filter-list h4 {
      font-size: 18px;
      margin: 20px 0 15px 0;
  }
  .login-section::after {
      margin-top: 50px;
      background: linear-gradient(90deg, rgba(0, 212, 255, 0) 0%, rgba(233, 233, 233, 1) 0%);
  }
  .mobileBottomFooter {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #ffffff;
      box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
      z-index: 9;
      transition: all 0.5s;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px;
  }
  .mobileBottomFooter a {
      padding: 15px 0;
      font-size: 15px;
  }
  .mobileBottomFooter a i {
      font-size: 15px;
      color: #6ab43e;
  }

  .hide-mobileBottomFooter {
      opacity: 0;
  }
  .show-mobileBottomFooter {
      opacity: 1;
  }
  .bottom-whtsapp {
      height: 40px;
      width: 40px;
      border-radius: 100%;
      border: 2px solid #6ab43e;
      color: #ffffff !important;
      background-color: #6ab43e;
      font-size: 18px;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .bottom-whtsapp i {
      color: #ffffff !important;
  }
 aside { margin: 30px 0 0 0;}
  .widget {
    margin-bottom: 15px;
}
.product-inner-section .single-service .product-inner-content h5 {
  font-size: 16px; 
  text-align: justify;
}

.product-inner-section .single-service .product-inner-content h4 {
  font-size: 21px; }
  .product-inner-section .single-service .product-inner-detail h3 {
    font-size: 24px; }
    .product-inner-section .single-service .product-inner-detail h4 {
      font-size: 21px;
      margin: 0 0 10px 0; 
  }

  .contact-section { 
    padding: 40px 0 70px 0;
}

.contact-section h3 { font-size: 21px; margin: 0 0 15px 0;}
.contact-section .form-content h3 {
  font-size: 24px; 
  margin: 20px 0 15px 0;
}
.contact-section .form-content p {
  font-size: 14px; 
}
.contact-section .contact-info { 
  gap: 10px; 
  margin: 0 0 20px 0;
  padding: 20px 15px; 
}

.contact-section .contact-info .contact-info-icon .contact-info-bg { 
  min-width: 60px;
  min-height: 60px; 
}
.contact-section .contact-info .contact-info-icon .contact-info-bg::before { 
  min-width: 70px;
  min-height: 70px; 
}
.contact-section .contact-info .contact-info-detail h4 {
  font-size: 21px;
  margin: 0 0 10px 0;
}

.contact-section .contact-info .contact-info-detail p a {
  font-size: 15px;
  font-weight: normal;
}
.contact-section .contact-info .contact-info-detail p {
  font-size: 15px;
  margin: 0;
  text-align: center;
}
.contact-section .contact-info .contact-info-detail {  
    text-align: center;
}

.contact-section .form-content h5 {
  font-size: 18px;
  margin: 0 0 20px 0;
}

.header-bottom .top-footer-logo {
    max-width: 345px;
}
.header-bottom-links a { font-size: 15px; padding: 8px 20px; }

}

@media only screen and (max-width: 767px) {
  html {
      font-size: 85%;
  }

  .h1,
  h1 {
      font-size: 24px;
  }
  h2 {
      font-size: 24px;
  }
  h3 {
      font-size: 21px;
  }
  p {
      font-size: 14px;
  }
  .rounded-top-right {
      border-top-right-radius: 10px;
  }
  .rounded-top-left {
      border-top-left-radius: 10px;
  }
  .rounded-bottom-right {
      border-bottom-right-radius: 10px;
  }
  .rounded-bottom-left {
      border-bottom-left-radius: 10px;
  }
  .modal-dialog-centered .modal-content .modal-body hr {
      margin: 20px 0 0px 0;
  }
  .widget .filter-list h4 {
      font-size: 18px;
      margin: 20px 0 15px 0;
  }
  .company-section-detail {
      border-radius: 10px;
      padding: 40px 15px;
      display: block;
  }
  .company-section-content {
      width: 100%;
      padding: 15px;
      border-radius: 0 10px 10px 0;
      text-align: center;
  }
  .company-section-content h2 {
      margin: 0 0 15px 0;
  }
  .company-video-icon a .play-button {
      width: 55px;
      height: 55px;
  }
  .company-video-icon a .play-button::before {
      width: 65px;
      height: 65px;
  }
  .company-video-icon a .triangle {
      border-left: 15px solid #ffffff;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
  }
  .company-video-icon a .play-button {
      margin: 0 auto 30px auto;
  }
  .faq-section {
      padding: 40px 0 140px 0;
  }
  .faq-section h2 {
      margin: 0 0 15px 0;
  }
  .faq-section h4 a {
      font-size: 15px;
      text-align: start;
  }
  .faq-section h4 {
      gap: 10px;
      margin: 0;
  }
  .faq-section h4 img {
      height: 60px;
      padding: 5px;
      min-width: 60px;
      border-width: 1px;
  }
  .product-desc-section table td .btn-custom-2 {
      background-color: #6ab43e;
      color: #ffffff;
      padding: 8px 10px;
      font-size: 14px;
      font-weight: 500;
      margin: 10px 0 0 0;
      border-radius: 5px;
      border: none;
      display: inline-block;
  }
  .product-desc-section table td img {
      width: 120px;
  }
  .product-desc-section table td h4 {
      font-weight: 700;
      font-size: 16px;
      margin: 0;
  }
  .fact-section {
      padding: 45px 0;
  }
  .fact-section h2 {
      text-align: start;
  }
  .fact-section h6 {
    font-size: 15px;
    text-align: end;
  }
  .fact-section p {
      text-align: justify;
  }
  .fact-section .fact-detail .icon-box {
      min-width: 60px;
      min-height: 60px;
  }
  .fact-section .fact-detail .icon-box::before {
      min-width: 70px;
      min-height: 70px;
  }
  .fact-section .fact-detail {
      background-color: #f7f8fa;
      padding: 20px 15px;
      gap: 20px;
      border: 1px solid #0000001a;
      width: 100%;
      margin: 0 0 -1px 0;
      display: flex;
      align-items: center;
      justify-content: start;
  }
  .fact-section .fact-detail .icon-box i {
      color: #ffffff;
      font-size: 30px;
      font-weight: 500;
  }
  .fact-section .fact-detail .fact-content h4 {
      font-size: 15px;
      margin: 0 0 5px 0;
  }
  .fact-section .fact-detail .fact-content p {
      font-size: 14px;
      margin: 0;
  }
  .contact-section {
    padding: 40px 0 160px 0;
}
  .contact-section .form-content h3 {
    font-size: 24px;
    margin: 10px 0 15px 0;
}
 
  .about-section {
      padding: 45px 0;
  }
  .abt-certificate {
      padding: 20px 15px;
  }
  .abt-certificate p {
      font-size: 14px;
      text-align: justify;
  }
  .abt-certificate .btn-custom {
      margin: 10px 0 0 0;
      font-size: 14px;
  }
  .abt-certificate h4 {
      font-size: 18px;
      margin: 0 0 10px 0;
  }
  .about-content p {
      text-align: justify;
      margin-bottom: 30px;
  }
  .about-image {
      top: auto;
      bottom: 0;
      width: 100%;
      height: 300px;
  }
  .about-content {
      padding-right: 0px;
      margin: 0 0 50px 0;
      display: inline-block;
  }
  .about-video {
      margin: 0 0 20px 0;
  }
  .about-video .btn-custom {
      padding: 0;
      font-size: 14px;
      margin: 15px 0 0 0;
  }
  .about-video-detail {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px 15px;
  }
  .about-video-icon a .play-button {
      width: 55px;
      height: 55px;
  }
  .about-video-icon a .play-button::before {
      width: 65px;
      height: 65px;
  }
  .about-video-content h4 {
      margin: 0 0 15px 0;
      font-size: 18px;
  }
  .about-video-bg::after {
      right: 40px;
      bottom: 15px;
      clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
  }
  .about-video-icon a .triangle {
      border-left: 12px solid #ffffff;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
  }
  .product-section {
      padding: 45px 0;
  }
  .product-section .product-block h4 {
      font-size: 16px;
  }
  .product-section h2 {
      margin: 0 0 15px 0;
  }
  .product-section .product-block .product-block-content {
      padding: 10px 15px;
  }
  .inner-header {
      height: 320px;
  }
  .inner-header h3 {
      margin: 0;
      font-size: 27px;
  }
  .breadcrumb {
      padding: 10px 30px 7px 30px;
      right: -5px;
      bottom: -1px;
      display: none;
  }
  .breadcrumb li.breadcrumb-item {
      font-size: 15px;
  }
  .breadcrumb .breadcrumb-item a {
      font-size: 15px;
  }
  .filter-section {
      display: block;
      border-bottom: none;
  }
  .filter-section h3 {
      margin: 0 0 20px 0;
      text-align: center;
  }
  .filter-section .filter-btn {
      width: 100%;
      text-align: center;
      justify-content: center;
  }
  .product-slide-image img {
      height: 300px;
      border-radius: 10px;
      margin: 0 0 20px 0;
  }
  .product-slide-image h2 {
      text-align: center;
  }
  .product-slide-image p.lead {
      font-weight: 500;
      font-size: 15px;
      text-align: center;
  }
  .product-slide-image p {
      text-align: center;
  }
  .product-desc-section .product-grid .product-image img {
      height: 220px;
      border-radius: 7px;
  }

  .product-desc-section .product-grid .product-content small {
      display: inline;
  }
  .product-desc-section .product-grid {
      border-radius: 10px;
  }
  .product-desc-section .product-grid .product-content h4 {
      font-size: 15px;
      margin: 15px 0 15px 0;
  }
  .why-choose-section .why-choose-image {
      width: 100%;
  }
  .why-choose-section h2 {
      margin: 0 0 15px 0;
      color: #fff;
  }
  .why-choose-section {
      padding: 45px 0;
  }
  .why-choose-section .why-choose-content {
      padding: 20px 15px;
      background-color: #00000085;
  }
  .why-choose-section .why-choose-content p {
      color: #ffffff;
      text-align: justify;
  }
  .why-choose-section .why-choose-content p strong {
      color: #ffffff;
      text-align: justify;
  }
  .alfa-image {
      padding: 15px 15px;
      margin: 20px 0 0 0;
  }
  .why-choose-section .why-choose-content .btn-custom {
      display: none;
  }
  .features-section {
      padding: 45px 0 150px 0;
  }
  .features-section h2 {
      margin: 0 0 20px 0;
  }
  .features-section .features-card {
      padding: 20px 15px;
      margin: 0 0 20px 0;
  }
  .features-section .features-card .features-card-icon {
      width: 60px;
      height: 60px;
  }
  .features-section .features-card .features-card-icon::before {
      content: "";
      position: absolute;
      left: -5px;
      top: -5px;
      margin: 0 auto;
      width: 70px;
      height: 70px;
  }
  .features-section .features-card .features-card-body h4 {
      font-size: 21px;
      margin: 15px 0 5px 0;
  }
  .features-section .features-card .features-card-body p {
      font-size: 14px;
      margin: 0;
  }
  .footer-top {
      padding: 24px;
      margin: -110px 0 30px 0;
      display: block;
      text-align: center;
      border-radius: 10px;
  }
  .footer-top h4 {
      font-size: 24px;
      margin: 20px 0 25px 0;
  }
  .top-footer-links a {
      font-size: 18px !important;
      margin: 15px 0 0 0;
      width: 100%;
  }
  ul.list.angle-double-right {
      margin: 0;
  }
  .footer .social-icons h5 {
      font-size: 18px;
      margin: 0;
  }
  .widget.dark .widget-title {
      font-size: 18px;
      margin-top: 0;
      margin-bottom: 0;
  }
  .footer {
      padding-bottom: 45px;
  }
  .footer a {
      font-size: 14px;
  }
  .footer p {
      font-size: 14px;
  }
  .widget ul.list li a {
      font-size: 14px;
  }
  .footer-bottom {
      margin: 15px 0 10px 0;
      padding: 10px 15px;
      gap: 15px;
      border-radius: 10px;
  }
  .footer-bottom p {
      font-size: 13px;
      text-align: start;
  }
  .scrollToTop {
      bottom: 67px;
      right: 15px;
  }
  .top-footer-links a i {
      font-size: 18px;
      margin: 0 10px 0 0;
  }
  .footer .widget {
      margin-bottom: 20px;
  }
  .login-section {
      padding: 30px 0 160px 0;
  }
  .login-section::after {
      margin-top: 0;
      background: rgb(0, 212, 255);
      background: linear-gradient(90deg, rgba(0, 212, 255, 0) 0%, rgba(233, 233, 233, 1) 0%);
  }
  .login-section .login-form-detail h1 {
      margin: 0 0 15px 0;
      font-size: 30px;
      text-align: center;
  }
  .login-section .login-form-detail p {
      margin: 0 0 20px 0;
      font-size: 14px;
      text-align: center;
  }
  .login-section .login-form-detail .login-btn {
      font-size: 14px;
      width: 48%;
      margin: 20px 0 0 0;
      text-align: center;
      padding: 10px 20px;
  }
  .login-section .login-form-detail .cancel-btn {
      font-size: 14px;
      width: 48%;
      margin: 20px 0 0 0;
      text-align: center;
      padding: 10px 20px;
  }
  .login-section .login-form-detail .form-control {
      margin: 0 0 15px 0;
  }
  .login-section .login-form-detail h3 {
      margin: 0 0 20px 0;
      font-size: 24px;
      text-align: center;
  }
  .product-inner-section {
      padding: 50px 0 120px 0;
  }
  .product-inner-section .single-service {
      padding-left: 0;
  }
  .product-inner-section .single-service .product-inner-content img {
      border-radius: 10px;
      height: 320px;
  }
  .widget .product-list {
      margin: 20px 0 0 0;
      padding: 15px;
      border-radius: 10px;
  }
  .sidebar h4 {
      font-size: 18px;
  }
  .call-to-action-four {
      padding: 15px;
      border-radius: 10px;
  }
  .call-to-action-four h3 {
      font-size: 21px;
  }
  .call-to-action-four h5 a {
      font-size: 18px;
  }
  .call-to-action-four .btn-custom {
      font-size: 15px;
  }
  .product-inner-section .single-service .product-inner-content h5 {
      font-size: 16px;
      text-align: justify;
  }
  .product-inner-section .single-service .product-inner-content h4 {
      font-size: 21px;
  }
  .product-inner-section .single-service .product-inner-detail h3 {
      font-size: 24px;
      margin: 0 0 15px 0;
  }
  .product-inner-section .single-service .product-inner-detail h4 {
      font-size: 21px;
  }
  .product-inner-section .single-service .product-inner-detail ol li {
      font-size: 14px;
      padding: 0 25px 0 0;
  }
  .product-inner-detail {
      padding: 15px;
  }
  .established-year h1 {
      font-size: 27px;
      line-height: 27px;
  }
  aside {
    margin: 0;
}
}
@media only screen and (max-width: 575px) {
  html {
      font-size: 80%;
  }
  header .navbar-brand img {
    width: 265px;
}
  .product-desc-section .product-grid .product-image img {
      height: 270px;
      border-radius: 7px;
  }
  .contact-section { 
    padding: 40px 0 160px 0;
  }
  .contact-section h3 { text-align: center;}
  .contact-section .contact-info {  gap: 10px; 
    margin: 0 0 20px 0;
    padding: 24px 15px; 
}
.contact-section .contact-info .contact-info-detail { 
  padding-left: 15px;
}
.contact-section .contact-info .contact-info-icon .contact-info-bg { min-width: 60px;
  min-height: 60px; 
}
.contact-section .contact-info .contact-info-icon .contact-info-bg::before { 
  min-width: 70px;
  min-height: 70px; 
}
.contact-section .contact-info .contact-info-detail p a {
  font-size: 15px; 
}
.contact-section .contact-info .contact-info-detail p {
  font-size: 14px; }
  .form-content { text-align: center; margin: 15px 0 0 0;}
  .form-content p { text-align: center;}
  .contact-section .form-content h3 {
    font-size: 24px; 
}
.contact-section .contact-info .contact-info-detail h4 {
  font-size: 21px; 
}
}