@media only screen and (min-width: 320px) and (max-width: 480px) {
    body {
        font-size: 15px;
        line-height: 1.5;
    }

    .top-bar .nav-link {
        font-size: 10.5px;
        padding: 4px 6px;
    }

    .header-wrapper img {
        width: 185px;
    }

    .hero-video-wrap {
        padding: 0;
    }

    .hero-video-wrap .container {
        max-width: 100% !important;
        padding: 0;
    }

    .hero-video-wrap .swiper-button-next,
    .hero-video-wrap .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .hero-video-wrap .swiper-button-next:after,
    .hero-video-wrap .swiper-button-prev:after {
        font-size: 10px;
    }

    .hero-video-wrap .swiper-button-prev {
        left: 5px;
    }

    .hero-video-wrap .swiper-button-next {
        right: 5px;
    }

    .big-play-btn {
        width: 40px;
        height: 40px;
    }

    .controls-row {
        flex-wrap: nowrap;
    }

    .video-controls button {
        width: 25px;
        height: 25px;
    }

    .big-play-btn i {
        font-size: 18px;
        margin-left: 3px;
    }

    .progress-container,
    .franchise-section .form-heading .form-subheading-label {
        margin-bottom: 5px;
    }

    .controls-left,
    .controls-right {
        gap: 10px;
    }

    .brand-logo-text img {
        width: 75%;
    }

    .brand-card .brand-overlay {
        height: 65px;
    }

    .feature-strip .feature-item {
        justify-content: flex-start;
        margin-bottom: 0px;
    }

    .feature-strip .feature-label,
    .news-date,
    .desk-section .desk-form-header {
        font-size: 14px;
    }

    .about-section,
    .mfg-section,
    .brand-section,
    .csr-section,
    .careers-at-paragon,
    .all-brands,
    .committee-role-section,
    .blog {
        padding: 60px 0;
    }

    .gp-section,
    .media-newsroom-section,
    .recruitment-section,
    .blog-section {
        padding: 60px 0 0 0 !important;
    }

    .about-brand-section,
    .brand-info,
    .life-at-paragon,
    .milestones-section {
        padding: 0 0 60px 0;
    }

    .desk-section,
    .reports-section {
        padding: 30px 0 60px 0;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .title,
    .all-brands .brand-content .brand-title,
    .about-brand-section .about-brand-title,
    .brand-info .brand-info-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .milestones-section .milestones-title {
        font-size: 27px;
        line-height: normal;
        margin-bottom: 15px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .brand-section .brand-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .title .accent,
    .about-brand-section .about-brand-title .accent,
    .brand-info .brand-info-title .accent,
    .committee-role-section .committee-role-title .accent,
    .desk-section .contact-sidebar h5,
    .media-newsroom-section .media-newsroom-title .accent,
    .milestones-section .milestones-title .accent {
        font-size: 19px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .brand-image {
        margin-bottom: 16px;
    }

    .mfg-section .mfg-desc,
    .csr-section .csr-desc,
    .leadershipSwiper {
        margin-top: 0px;
    }

    .read-more-link,
    .csr-section .read-more-link,
    .desk-section .btn-redirect-order,
    .desk-section .btn-submit-enquiry {
        font-size: 16px;
    }

    .desc,
    .all-brands .brand-content .brand-desc {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .about-section .about-img,
    .csr-video-wrap img.video-poster,
    .csr-video-wrap video,
    .news-feature-img,
    .excellence-img,
    .all-brands .brand-image,
    .brand-info .brand-info-desc,
    .life-at-paragon img {
        width: 100%;
        right: 0;
    }

    .committee-row {
        margin-top: 0 !important;
    }

    .cr-card h4 {
        margin-top: 0;
    }

    #newsGrid .news-thumb img {
        margin-bottom: 0 !important;
    }

    .cr-card,
    .ci-card,
    .fra-card,
    .desk-section .contact-sidebar {
        padding: 20px;
    }

    .cr-card h4 {
        font-size: 16px;
    }

    .about-stats-card,
    .leadership-card,
    #blogGrid .blog-card .card-body {
        padding: 20px !important;
    }

    .about-stats-card .row {
        justify-content: center;
    }

    .about-stat .stat-number {
        font-size: 30px;
    }

    .about-stat .stat-label {
        font-size: 15px;
    }

    .about-stat .stat-icon img {
        height: 35px;
    }

    .mfg-section .mfg-col h5,
    .related-blogs h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .mfg-section .mfg-num {
        font-size: 55px;
        line-height: normal;
    }

    #chartdiv {
        width: 100%;
        height: 350px;
        padding: 0;
        margin-top: 0;
    }

    .brand-card,
    .excellence-img {
        margin-bottom: 25px;
    }

    .csr-section .csr-play-btn {
        left: 50%;
    }

    .csr-section .csr-play-btn {
        width: 45px;
        height: 45px;
    }

    .csr-section .csr-play-btn img {
        width: 15px;
    }

    .news-feature-img {
        height: auto;
    }

    .news-source,
    .news-list-item .news-source,
    .cta-section .cta-title,
    .blog .blog-head h1 {
        font-size: 22px;
    }

    .news-desc,
    .news-list-item .news-desc,
    .brand-info .brand-info-title .accent,
    .life-at-paragon .title {
        margin-bottom: 15px;
    }

    .desk {
        display: none;
    }

    .cta-section .cta-eyebrow,
    .cta-section p {
        font-size: 16px;
    }

    .page-title-banner {
        padding: 50px 0;
    }

    .page-title-banner .page-title-bar {
        height: 27px;
    }

    .page-title-banner .page-title-bar .main-heading,
    .franchise-section .heading h1 {
        font-size: 20px;
    }

    .icon-circle {
        width: 35px;
        height: 35px;
    }

    .desk-section .contact-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 15px;
    }

    .icon-circle i,
    .leadership-card p {
        font-size: 15px;
    }

    .faq-section,
    .legal-compliance {
        padding: 30px 0 60px 0;
    }

    .faq-question,
    .qa-card {
        padding: 15px;
    }

    .faq-answer {
        padding: 0 25px 25px 50px;
    }

    .life-at-paragon .row {
        flex-direction: column-reverse;
    }

    .fra-card h4 {
        font-size: 22px;
    }

    .qa-card h3 {
        font-size: 25px;
    }

    .mfg-section .mfg-col h3,
    .blog .blog-head .blog-details h2,
    .blog .related-blog-details h5 {
        font-size: 18px;
    }

    .leadership-card h4 {
        font-size: 17px;
        margin-bottom: 0;
    }

    .tab-bar {
        padding-bottom: 10px;
    }

    .tab-bar .nav-link {
        font-size: 16px !important;
        padding: 10px 5px !important;
        margin-right: 5px !important;
    }

    .franchise-section .heading p,
    .franchise-section .form-group label,
    .franchise-section .upload-content h6,
    .franchise-section .form-heading .form-subheading-label {
        font-size: 12px;
    }

    .desk-section .contact-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .desk-section .contact-icon {
        margin-bottom: 10px;
    }

    .desk-form-body .gap-4 {
        gap: 1.2rem !important;
    }

    .blog nav,
    .blog .blog-head .meta-row,
    .blog .social-share span {
        font-size: 10px;
    }

    .blog .blog-head .social-share a {
        font-size: 10px;
        margin-right: 5px;
    }

    .site-footer img {
        width: 185px;
    }

    .site-footer .corp-office-title,
    .site-footer .footer-heading,
    .faq-title,
    #blogGrid .blog-head,
    .blog .blog-head .blog-details h3,
    .blog .blog-head .blog-details h4 {
        font-size: 16px !important;
    }

    .site-footer .corp-office-text,
    .site-footer .footer-links a,
    .faq-item .arrow,
    #blogGrid .blog-desc,
    .desk-section .contact-item h6,
    .desk-section .contact-item p,
    .desk-section .desk-tab-btn {
        font-size: 14px !important;
    }

    .site-footer .footer-heading {
        margin-bottom: 18px;
    }

    .fra-card p,
    li {
        line-height: 24px;
    }

    .company-info .corp-office-title {
        margin-top: 0;
    }

    .footer-bottom {
        font-size: 12px;
    }
}

@media (min-width: 1025px) {
    .mob {
        display: none;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1360px) {
    body {
        font-size: 16px;
        line-height: 1.5;
    }

    .top-bar .nav-link {
        font-size: 14px;
    }

    .main-links .nav-link {
        font-size: 14px;
        padding: 8px 18px !important;
    }

    .btn-contact,
    .cta-section .btn-cta,
    .btn-loadmore {
        font-size: 14px !important;
        padding: 15px 34px !important;
    }

    .feature-strip .feature-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .feature-strip .feature-label {
        font-size: 13px;
    }

    .about-section .about-eyebrow,
    .mfg-section .mfg-eyebrow,
    .gp-section .gp-eyebrow,
    .brand-section .brand-eyebrow,
    .milestones-section .milestones-eyebrow,
    .csr-section .mfg-eyebrow,
    .news-section .news-eyebrow {
        margin-bottom: 10px;
    }

    .about-section .about-title {
        margin-bottom: 45px;
    }

    .about-section .about-quote {
        margin-bottom: 30px;
    }

    .about-stat .stat-number {
        font-size: 40px;
    }

    .mfg-section .mfg-eyebrow span.label,
    .brand-section .brand-eyebrow span.label,
    .csr-section .mfg-eyebrow span.label,
    .news-section .news-eyebrow span.label,
    .about-section .about-eyebrow span.label,
    .about-brand-section .about-brand-eyebrow span.label,
    .gp-section .gp-eyebrow span.label,
    .desk-section .contact-item h6,
    .desk-section .desk-tab-btn,
    .desk-section .btn-submit-enquiry,
    .desk-section .btn-redirect-order,
    #newsGrid .read-more-link {
        font-size: 14px !important;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .milestones-section .milestones-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .cta-section .cta-title,
    .brand-info-title,
    .brand-info .brand-info-title,
    .about-brand-section .about-brand-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .title {
        font-size: 45px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .gp-section .gp-title .accent,
    .brand-section .brand-title .accent,
    .milestones-section .milestones-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .brand-info .brand-info-title .accent,
    .about-brand-section .about-brand-title .accent,
    .committee-role-section .committee-role-title .accent,
    .media-newsroom-section .media-newsroom-title .accent,
    .title .accent {
        font-size: 26px;
    }

    .about-stat .stat-label,
    .mfg-section .mfg-desc,
    .about-brand-section .about-brand-desc,
    .gp-section .gp-desc,
    .committee-role-section .committee-role-desc,
    .media-newsroom-section .media-newsroom-desc,
    .desc {
        font-size: 16px;
        margin-bottom: 0;
    }

    .mfg-section .mfg-num {
        font-size: 60px;
    }

    .mfg-section .mfg-col h5 {
        font-size: 16px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .mfg-section .mfg-col p,
    .csr-section .csr-desc,
    .news-list-item .news-desc,
    .news-desc,
    .all-brands .brand-content .brand-desc,
    .brand-info .brand-info-desc {
        font-size: 16px;
        line-height: 26px;
    }

    .swiper-slide-active .milestone-image {
        width: 160px;
        height: 125px;
    }

    .milestoneSlider {
        height: 460px;
    }

    .csr-section .read-more-link,
    .news-section .news-top-link,
    .read-more-link,
    .vmv-card h4,
    .desk-section .contact-sidebar h5 {
        font-size: 18px;
    }

    .desk-section .contact-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 16px;
    }

    .news-date,
    .milestone-card p,
    .leadership-card h4,
    .desk-section .desk-form-header {
        font-size: 16px;
    }

    .news-list-item .news-source,
    .qa-card h3,
    .founders h3 {
        font-size: 22px;
    }

    .qa-card {
        padding: 30px 15px;
    }

    .qa-card p,
    .desk-section .contact-item p {
        font-size: 13px;
    }

    .news-feature-img {
        height: auto;
    }

    .news-list-item .news-list-img {
        width: 39%;
    }

    .news-source,
    .all-brands .brand-content .brand-title {
        font-size: 35px;
    }

    .cta-section .cta-eyebrow {
        font-size: 20px;
    }

    .desk-section .contact-sidebar,
    #newsGrid .news-card .card-body {
        padding: 20px !important;
    }

    .page-title-banner {
        padding: 190px 0px;
    }

    .cr-card {
        padding: 25px;
    }

    .cr-card h4 {
        font-size: 16px;
    }

    .ci-card p,
    .fra-card p,
    li {
        font-size: 16px;
        line-height: 1.5;
    }

    .fra-card h4 {
        font-size: 26px;
    }

    .site-footer .footer-heading,
    .site-footer .corp-office-title {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .site-footer .footer-links li {
        margin-bottom: 10px;
    }

    .site-footer .footer-links a,
    .leadership-card p,
    .site-footer .corp-office-text {
        font-size: 15px;
    }

    .footer-bottom {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1361px) and (max-width: 1535px) {
    body {
        font-size: 17px;
        line-height: 1.5;
    }

    .top-bar .nav-link {
        font-size: 15px;
    }

    .main-links .nav-link {
        font-size: 15px;
        padding: 8px 18px !important;
    }

    .btn-contact,
    .cta-section .btn-cta {
        font-size: 15px;
        padding: 15px 34px;
    }

    .feature-strip .feature-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .feature-strip .feature-label {
        font-size: 14px;
    }

    .about-section .about-eyebrow,
    .mfg-section .mfg-eyebrow,
    .gp-section .gp-eyebrow,
    .brand-section .brand-eyebrow,
    .milestones-section .milestones-eyebrow,
    .csr-section .mfg-eyebrow,
    .news-section .news-eyebrow {
        margin-bottom: 13px;
    }

    .about-section .about-title {
        margin-bottom: 45px;
    }

    .about-section .about-quote {
        margin-bottom: 30px;
    }

    .about-stat .stat-number {
        font-size: 40px;
    }

    .mfg-section .mfg-eyebrow span.label,
    .brand-section .brand-eyebrow span.label,
    .csr-section .mfg-eyebrow span.label,
    .news-section .news-eyebrow span.label,
    .about-section .about-eyebrow span.label,
    .about-brand-section .about-brand-eyebrow span.label,
    .gp-section .gp-eyebrow span.label,
    .desk-section .btn-submit-enquiry,
    .desk-section .btn-redirect-order {
        font-size: 15px;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .milestones-section .milestones-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .cta-section .cta-title,
    .brand-info-title,
    .brand-info .brand-info-title,
    .about-brand-section .about-brand-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .title {
        font-size: 48px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .gp-section .gp-title .accent,
    .brand-section .brand-title .accent,
    .milestones-section .milestones-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .brand-info .brand-info-title .accent,
    .about-brand-section .about-brand-title .accent,
    .committee-role-section .committee-role-title .accent,
    .media-newsroom-section .media-newsroom-title .accent,
    .title .accent {
        font-size: 28px;
    }

    .about-stat .stat-label,
    .mfg-section .mfg-desc,
    .about-brand-section .about-brand-desc,
    .gp-section .gp-desc,
    .committee-role-section .committee-role-desc,
    .media-newsroom-section .media-newsroom-desc,
    .desc {
        font-size: 17px;
        margin-bottom: 0;
    }

    .mfg-section .mfg-num {
        font-size: 65px;
    }

    .mfg-section .mfg-col h5,
    .desk-section .desk-form-header {
        font-size: 17px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .mfg-section .mfg-col p,
    .csr-section .csr-desc,
    .news-list-item .news-desc,
    .news-desc,
    .all-brands .brand-content .brand-desc,
    .brand-info .brand-info-desc {
        font-size: 17px;
        line-height: 27px;
    }

    .swiper-slide-active .milestone-image {
        width: 160px;
        height: 125px;
    }

    .milestoneSlider {
        height: 460px;
    }

    .csr-section .read-more-link,
    .news-section .news-top-link,
    .read-more-link,
    .vmv-card h4 {
        font-size: 20px;
    }

    .news-date,
    .milestone-card p,
    .leadership-card h4 {
        font-size: 17px;
    }

    .news-list-item .news-source,
    .qa-card h3,
    .founders h3 {
        font-size: 22px;
    }

    .qa-card {
        padding: 30px 15px;
    }

    .qa-card h3 {
        font-size: 25px;
    }

    .qa-card p,
    .desk-section .contact-item p {
        font-size: 14px;
    }

    .news-feature-img {
        height: auto;
    }

    .news-list-item .news-list-img {
        width: 37%;
    }

    .news-source {
        font-size: 35px;
    }

    .cta-section .cta-eyebrow,
    .desk-section .contact-sidebar h5 {
        font-size: 20px;
    }

    .cr-card,
    .desk-section .contact-sidebar {
        padding: 25px;
    }

    .cr-card h4 {
        font-size: 17px;
    }

    .desk-section .contact-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 16px;
    }

    .ci-card p,
    .fra-card p,
    li {
        font-size: 17px;
        line-height: 1.5;
    }

    .fra-card h4 {
        font-size: 26px;
    }

    .page-title-banner {
        padding: 215px 0px;
    }

    .site-footer .footer-heading {
        font-size: 18px;
    }

    .site-footer .footer-links a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1536px) and (max-width: 1679px) {

    .top-bar .nav-link {
        font-size: 16px;
    }

    .main-links .nav-link {
        font-size: 16px;
        padding: 8px 18px !important;
    }

    .btn-contact,
    .cta-section .btn-cta {
        font-size: 16px;
        padding: 15px 34px;
    }

    .feature-strip .feature-label {
        font-size: 16px;
    }

    .about-section .about-eyebrow,
    .mfg-section .mfg-eyebrow,
    .gp-section .gp-eyebrow,
    .brand-section .brand-eyebrow,
    .milestones-section .milestones-eyebrow,
    .csr-section .mfg-eyebrow,
    .news-section .news-eyebrow {
        margin-bottom: 13px;
    }

    .about-section .about-title {
        margin-bottom: 45px;
    }

    .about-section .about-quote {
        margin-bottom: 30px;
    }

    .about-stat .stat-number {
        font-size: 40px;
    }

    .mfg-section .mfg-eyebrow span.label,
    .brand-section .brand-eyebrow span.label,
    .csr-section .mfg-eyebrow span.label,
    .news-section .news-eyebrow span.label {
        font-size: 18px;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .milestones-section .milestones-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .cta-section .cta-title,
    .brand-info-title,
    .brand-info .brand-info-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .title {
        font-size: 54px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .gp-section .gp-title .accent,
    .brand-section .brand-title .accent,
    .milestones-section .milestones-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .brand-info .brand-info-title .accent,
    .committee-role-section .committee-role-title .accent,
    .media-newsroom-section .media-newsroom-title .accent,
    .title .accent {
        font-size: 32px;
    }

    .about-stat .stat-label,
    .mfg-section .mfg-desc,
    .committee-role-section .committee-role-desc,
    .media-newsroom-section .media-newsroom-desc,
    .desc {
        font-size: 18px;
    }

    .mfg-section .mfg-num {
        font-size: 65px;
    }

    .mfg-section .mfg-col h5 {
        font-size: 18px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .mfg-section .mfg-col p,
    .csr-section .csr-desc,
    .news-list-item .news-desc,
    .news-desc {
        font-size: 18px;
        line-height: 27px;
    }

    .swiper-slide-active .milestone-image {
        width: 160px;
        height: 125px;
    }

    .milestoneSlider {
        height: 460px;
    }

    .csr-section .read-more-link,
    .news-section .news-top-link,
    .read-more-link {
        font-size: 20px;
    }

    .news-date,
    .milestone-card p {
        font-size: 16px;
    }

    .news-list-item .news-source {
        font-size: 22px;
    }

    .desk-section .contact-sidebar {
        padding: 25px;
    }

    .desk-section .contact-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 16px;
    }

    .qa-card {
        padding: 30px 15px;
    }

    .qa-card h3 {
        font-size: 26px;
    }

    .qa-card p {
        font-size: 17px;
    }

    .news-feature-img {
        height: 380px;
    }

    .news-list-item .news-list-img {
        width: 33%;
    }

    .news-source {
        font-size: 35px;
    }

    .cta-section .cta-eyebrow {
        font-size: 20px;
    }

    .page-title-banner {
        padding: 245px 0px;
    }

    .site-footer .footer-heading {
        font-size: 18px;
    }

    .site-footer .footer-links a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1799px) {
    .top-bar .nav-link {
        font-size: 16px;
    }

    .main-links .nav-link {
        font-size: 16px;
        padding: 8px 18px !important;
    }

    .btn-contact,
    .cta-section .btn-cta {
        font-size: 16px;
        padding: 15px 34px;
    }

    .feature-strip .feature-label {
        font-size: 16px;
    }

    .about-section .about-eyebrow,
    .mfg-section .mfg-eyebrow,
    .gp-section .gp-eyebrow,
    .brand-section .brand-eyebrow,
    .milestones-section .milestones-eyebrow,
    .csr-section .mfg-eyebrow,
    .news-section .news-eyebrow {
        margin-bottom: 13px;
    }

    .about-section .about-title {
        margin-bottom: 45px;
    }

    .about-section .about-quote {
        margin-bottom: 30px;
    }

    .about-stat .stat-number {
        font-size: 40px;
    }

    .mfg-section .mfg-eyebrow span.label,
    .brand-section .brand-eyebrow span.label,
    .csr-section .mfg-eyebrow span.label,
    .news-section .news-eyebrow span.label {
        font-size: 18px;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .milestones-section .milestones-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .cta-section .cta-title,
    .brand-info .brand-info-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .title {
        font-size: 59px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .gp-section .gp-title .accent,
    .brand-section .brand-title .accent,
    .milestones-section .milestones-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .brand-info .brand-info-title .accent,
    .committee-role-section .committee-role-title .accent,
    .media-newsroom-section .media-newsroom-title .accent,
    .title .accent {
        font-size: 35px;
    }

    .about-stat .stat-label,
    .mfg-section .mfg-desc,
    .committee-role-section .committee-role-desc,
    .media-newsroom-section .media-newsroom-desc,
    .desc {
        font-size: 18px;
    }

    .mfg-section .mfg-num {
        font-size: 65px;
    }

    .mfg-section .mfg-col h5 {
        font-size: 18px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .mfg-section .mfg-col p,
    .csr-section .csr-desc,
    .news-list-item .news-desc,
    .news-desc {
        font-size: 18px;
        line-height: 27px;
    }

    .swiper-slide-active .milestone-image {
        width: 160px;
        height: 125px;
    }

    .milestoneSlider {
        height: 460px;
    }

    .csr-section .read-more-link,
    .news-section .news-top-link,
    .read-more-link {
        font-size: 20px;
    }

    .news-date,
    .milestone-card p {
        font-size: 16px;
    }

    .news-list-item .news-source {
        font-size: 22px;
    }

    .qa-card {
        padding: 30px 15px;
    }

    .news-feature-img {
        height: 415px;
    }

    .news-source {
        font-size: 35px;
    }

    .cta-section .cta-eyebrow {
        font-size: 20px;
    }

    .page-title-banner {
        padding: 260px 0px;
    }

    .site-footer .footer-heading {
        font-size: 18px;
    }

    .site-footer .footer-links a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1900px) {
    .top-bar .nav-link {
        font-size: 16px;
    }

    .main-links .nav-link {
        font-size: 16px;
        padding: 8px 18px !important;
    }

    .btn-contact,
    .cta-section .btn-cta {
        font-size: 16px;
        padding: 15px 34px;
    }

    .feature-strip .feature-label {
        font-size: 16px;
    }

    .about-section .about-eyebrow,
    .mfg-section .mfg-eyebrow,
    .gp-section .gp-eyebrow,
    .brand-section .brand-eyebrow,
    .milestones-section .milestones-eyebrow,
    .csr-section .mfg-eyebrow,
    .news-section .news-eyebrow {
        margin-bottom: 13px;
    }

    .about-section .about-title {
        margin-bottom: 45px;
    }

    .about-section .about-quote {
        margin-bottom: 30px;
    }

    .about-stat .stat-number {
        font-size: 40px;
    }

    .mfg-section .mfg-eyebrow span.label,
    .brand-section .brand-eyebrow span.label,
    .csr-section .mfg-eyebrow span.label,
    .news-section .news-eyebrow span.label {
        font-size: 18px;
    }

    .about-section .about-title,
    .mfg-section .mfg-title,
    .gp-section .gp-title,
    .brand-section .brand-title,
    .milestones-section .milestones-title,
    .csr-section .csr-title,
    .news-section .news-title,
    .cta-section .cta-title,
    .brand-info .brand-info-title,
    .committee-role-section .committee-role-title,
    .media-newsroom-section .media-newsroom-title,
    .title {
        font-size: 64px;
    }

    .about-section .about-title .accent,
    .mfg-section .mfg-title .accent,
    .gp-section .gp-title .accent,
    .brand-section .brand-title .accent,
    .milestones-section .milestones-title .accent,
    .csr-section .csr-title .accent,
    .news-section .news-title .accent,
    .brand-info .brand-info-title .accent,
    .committee-role-section .committee-role-title .accent,
    .media-newsroom-section .media-newsroom-title .accent,
    .title .accent {
        font-size: 37px;
    }

    .about-stat .stat-label,
    .mfg-section .mfg-desc,
    .committee-role-section .committee-role-desc,
    .media-newsroom-section .media-newsroom-desc,
    .desc {
        font-size: 18px;
    }

    .mfg-section .mfg-num {
        font-size: 65px;
    }

    .mfg-section .mfg-col h5 {
        font-size: 18px;
    }

    .about-section .about-desc,
    .about-section .about-quote,
    .mfg-section .mfg-col p,
    .csr-section .csr-desc,
    .news-list-item .news-desc,
    .news-desc {
        font-size: 18px;
        line-height: 27px;
    }

    .swiper-slide-active .milestone-image {
        width: 160px;
        height: 125px;
    }

    .milestoneSlider {
        height: 460px;
    }

    .csr-section .read-more-link,
    .news-section .news-top-link,
    .read-more-link {
        font-size: 20px;
    }

    .news-date,
    .milestone-card p {
        font-size: 16px;
    }

    .news-list-item .news-source {
        font-size: 22px;
    }

    .news-source {
        font-size: 35px;
    }

    .cta-section .cta-eyebrow {
        font-size: 20px;
    }

    .page-title-banner {
        padding: 280px 0px;
    }

    .site-footer .footer-heading {
        font-size: 18px;
    }

    .site-footer .footer-links a {
        font-size: 16px;
    }
}