@media (max-width: 95rem) {
    .container{ max-width: 80rem; }
}

@media (max-width: 80rem) {
    .container{ max-width: 64rem; }
}

@media (max-width: 64rem) {
    .container{ max-width: 48rem; padding-left: 24px; padding-right: 24px; }
    header .menu ul { margin-left: 0; gap: 10px; }
    .hero-banner h1, .hero-banner h1 span{font-size: 36px;}
    .hero-banner h1 span{max-width: 100%;}
    .application-area .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .need-more-information .container{padding: 0 24px;}
    .need-more-information .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); text-align: center; }
    .need-more-information .grid .sec-heading{text-align: center;}
    .need-more-information .grid .img img { float: none; margin: auto; }
    .news .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* Blog */
    .blog-items{grid-template-columns: repeat(2, minmax(0, 1fr));}

    /* Hero Banner */
    .inner-banner{ padding: 78px 0; margin: 0 0 40px; }
    .inner-banner h1{ font-size: 36px;}

    .Blog-page .item-pageBlog-page { padding: 40px 0; }
    .Blog-page .com-content-article .page-header h1 { font-size: 30px;}

    .cms-page { padding: 40px 0; }
    .cms-page h1{font-size: 30px;}
}

@media (max-width: 1250px) {

 header .menu ul { margin-left: 0; gap: 15px; }
  
}

@media (max-width: 1024px) {

  .our-offering .grid { grid-template-columns: repeat(2, 1fr); }

  header .menu ul { gap: 0px; }
  header .menu ul li a { font-size: 12px; padding: 8px 4px; gap: 2px; }
  
}



@media (max-width: 48rem) {
    .container{ max-width: 40rem; padding-left: 16px; padding-right: 16px; }
    .hero-banner { padding: 80px 0;}
    .sec-heading h2 { font-size: 30px; line-height: 36px;}
    .our-offering .grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .application-area .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .work-counter .grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .need-more-information .container{padding: 0 16px;}
    .news .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    footer .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    footer .footer-intro { grid-column: span 1 / span 1; }
    footer .copyright-sec{flex-direction: column; gap: 16px; text-align: center;}
    footer .copyright-sec .copyright-links{justify-content: center;}

    header .menuicon{display: block;}
    header .contact-us { display: none; }
    header .menu { display: none; position: absolute; left: 0; top: 100%; z-index: 11111; background: #2d3558; width: 100%; border-top: 1px solid #0190da; }
    header .menu ul { margin-left: 0; gap: 10px; flex-direction: column; align-items: flex-start; padding: 20px 10px; }
    header .menu ul li > ul.mod-menu__sub{ opacity: 1; visibility: visible; position: static; box-shadow: none; border-radius: 0; width: 100%; display: none;}
    header .menu ul li > ul.mod-menu__sub.open{display: flex;}
    header .menu ul li { width: 100%; }
    header .menu ul li:first-child ul.mod-menu__sub{width: 100%;}
    header .menu ul li.parent > a .menu-arrow.active:after { transform: rotate(-180deg); margin-top: 0; }

    #backToTopBtn img { height: 25px; }
    #backToTopBtn { right: 8px; }

    /* Blog */
    .com-content-article .page-header h1 { font-size: 24px; }
    .blog-items{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .com-content-article__body h2{font-size: 20px;}

    /* Hero Banner */
    .inner-banner{ padding: 60px 0; margin: 0 0 30px; }
    .inner-banner h1{ font-size: 30px;}
    .Blog-page .item-pageBlog-page { padding: 30px 0; }
    .Blog-page .com-content-article .page-header h1 { font-size: 24px;}

    /* About */
    .category-module { margin: 0 auto 40px; }
    .category-module .date, .category-module li:nth-child(even) .date { width: 70px; font-size: 18px; text-align: right; padding-right: 20px; padding-left: 0; font-size: 18px; }
    .category-module:after{ left: 68px; transform: none;  }
    .category-module .timeline-content { width: calc(100% - 90px); }
    .category-module li:nth-child(odd) { flex-direction: inherit; }
    .category-module .date:after, .category-module li:nth-child(even) .date::after{left: auto; right: -8px; top: 4px;}
    .category-module .timeline-content h3{font-size: 18px;}
    .about-us .about-logo { margin: 0 0 15px; }
    .timeline h2 { margin: 40px 0 40px; font-size: 24px; }
    .about-us { padding: 0 0 30px; }
    
    /* Contact us */
    .contact-us-section { padding: 40px 0; }
    .contact-us-section h2{font-size: 30px;}
    .contact-form-area { gap: 15px; margin-top: 30px; flex-wrap: wrap; }
    .contact-form-area .form, .contact-form-area .contact-info{width: 100%;}
    .contact-form-area .formControls.col-sm-9 input.form-control { height: 40px; }
    .contact-form-area .formControls.col-sm-9 textarea.form-control { height: 130px; }
    .address-box{min-height: auto;}

    /* Cms page */
    .cms-page { padding: 30px 0; }
    .cms-page h1{font-size: 24px; line-height: normal; margin: 0 0 18px}
    .cms-page h4{font-size: 18px;}

    .inner-page.news-page.article .left.item-image, .inner-page.news-page.article .right.item-image { width: 100%; float: none; padding-left: 0; padding-right: 0; padding-bottom: 15px; }

  
}
@media (max-width: 40rem) {
    .container{ max-width: 32rem; }
}