@media (min-width: 320px) and (max-width: 490px) {
    .slide1 {
        background-image: url(../img/home/slider/banner-01-m.webp) !important;
    }

    .slide5 {
        background-image: url(../img/home/slider/banner-05-m.webp) !important;
    }

    .slide2 {
        background-image: url(../img/home/slider/banner-02-m.webp) !important;
    }

    .slide3 {
        background-image: url(../img/home/slider/banner-03-m.webp) !important;
    }

    .hero-slider .owl-dots {
        bottom: 15px;
    }

    .short-description img {
        display: none;
    }

    .box-front,
    .box-back {
        padding: 20px;
    }

    .tripple-card {
        height: auto;
    }

    .disciplinary-expertise h2 {
        font-size: 30px;
        margin-top: 10px;
    }

    .digitization .row {
        flex-direction: column-reverse;
    }

    .tools-enablers h3 {
        font-size: 30px;
    }

    #additionalServices .more-service {
        padding: 0px 2px;
    }

    .about-page-title-banner {
        background-position: right 20% top 0 !important;
    }

    .our-values .heading {
        transform: translateX(-19.7%);
        left: 50%;
        top: -1vh;
    }

    .contact-sa .info .sec-head h4 {
        font-size: 20px;
    }

    .our_values.enabled .section:hover .heading,
    .our-values .section .heading {
        padding-left: 0px;
    }

    .tech-border {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .tech-border:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .levers-activate .levers p {
        font-size: 20px;
    }

    .clients .owl-carousel .owl-item img {
        margin: 0;
    }

    .page-banner {
        height: 80vh !important;
    }

    .page-banner .content {
        width: 100%;
    }

    .page-banner .content h1 {
        font-size: 30px;
    }

    .page-banner .content h2 {
        font-size: 20px !important;
    }

    .dtv-success .success-card .card-content h3 {
        height: 67px;
    }

    .dtv-success .success-card .card-content h3 {
        font-size: 17px;
    }

    .sustainable-packaging .sp-info h2 {
        font-size: 18px !important;
    }

    .services-card .service-content {
        height: 245px;
    }

    .our-values .scroll-section .image-container {
        height: 1635px;
    }

    .case-study .content-box {
        height: 200px;
    }

    .scroll-section .text {
        opacity: 1;
        transform: translateY(0);
    }

    .scroll-section .image-column .heading {
        transform: translateY(35px);
        bottom: 250px;
    }

    .scroll-section .image-column .sub-text {
        transform: translateY(30px);
        bottom: 205px;
    }

    .measurable-results-03,
    .science-backed-approach .both-side-border,
    .levers-activate .left-side-border {
        border: none;
    }

    .science-backed-approach .science-backed,
    .levers-activate .levers {
        padding: 0px;
    }

    .science-backed-approach .col-md-4 {
        display: flex;
        justify-content: flex-start !important;
    }

    .he-96,
    .TF .card-content p {
        height: 116px !important;
    }

    .sustainable-packaging .sp-info {
        float: left !important;
    }

    .success-stories .owl-nav {
        margin-top: 15px;
    }

    .sust .card-content p {
        height: 125px;
    }

    .he-135 {
        height: 240px !important;
    }

    .shine-us-card .card-content p {
        height: 110px;
    }

    .current-openings .shine-us-card .card-content p {
        height: 50px;
    }

    #videoSection {
        height: 30vh !important;
        margin-top: 60px;
    }

    #videoControls {
        top: 25px !important;
        right: 1px !important;
    }

    #videoControls button {
        width: 35px;
        height: 35px;
    }

    .featured-speakers .owl-next {
        width: 40px;
        height: 40px;
        background-color: #ffffffb3 !important;
        right: 0;
    }

    .featured-speakers .owl-prev {
        width: 40px;
        height: 40px;
        background-color: #ffffffb3 !important;
        left: 0;
    }

    .case-study-body {
        height: 240px;
    }

    .why-it-matters .sp-info .read_more {
        font-size: 16px;
    }

    .related-blog-details {
        height: 260px !important;
    }

    .blog-head h3 {
        font-size: 27px;
    }

    .related-blogs {
        border: none;
        margin-top: 30px;
        height: auto;
    }

    .case-study-inner-ptb .page-title-bar h1 {
        font-size: 27px !important;
    }

    .case-study-inner-ptb {
        height: 85vh !important;
    }

    .approach-title-banner {
        height: 70vh;
    }

    .approach-title-banner .page-title-bar h1,
    .life-at-packfora-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .approach-title-banner .page-title-bar {
        margin-bottom: 60px;
    }

    .approach-combines h2,
    .triple-bottom-line h3,
    .collaborative-ecosystem h3,
    .delivering-measurable-value .sec-title,
    .tools-enablers h1,
    .packaging-strategy .sp-info h2,
    .career-journey .head h2,
    .explore-packfora-life .sp-info h2,
    .blue-section h2,
    .packforum-title {
        font-size: 30px !important;
    }

    .triple-bottom-line h2,
    .collaborative-ecosystem h2,
    .collaborative-ecosystem h4,
    .tools-enablers h2,
    .packaging-strategy .sp-info h4,
    .career-journey .hero-content h2,
    .coming-soon {
        font-size: 20px !important;
    }

    .triple-bottom-line p,
    .collaborative-ecosystem .levers-activate p,
    .tools-enablers p,
    .career-journey .hero-content .tagline {
        font-size: 18px;
    }

    .life-at-packfora .card-content h2,
    .career-journey .testimonial-info h4 {
        font-size: 22px;
    }

    .life-at-packfora-card .card-content-right,
    .life-at-packfora-card .card-content-left {
        padding: 24px 10px;
    }

    .explore-packfora-life p,
    .career-journey .testimonial-info p {
        font-size: 16px !important;
    }

    .announcement-text {
        font-size: 18px !important;
        width: 90%;
        margin: auto;
    }

    .mb-200 {
        margin-bottom: 0px !important;
    }

    .maxmold-data {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    body {
        overflow-x: hidden !important;
    }

    .our-leaders .leaders .icons {
        margin-top: -25px;
    }

    .scroll-section .image-container {
        height: auto;
        flex-direction: column;
    }

    .slide1 .content h1,
    .slide2 .content h1,
    .slide3 .content h1,
    .slide4 .content h1,
    .slide5 .content h1 {
        font-size: 28px;
    }

    .slide5 .content p,
    .slide3 .content p,
    .slide2 .content p,
    .slide4 .content p {
        font-size: 16px;
    }

    .hero-slider .item {
        height: 85vh;
        align-items: flex-start;
        padding-top: 108px;
    }

    .content,
    .slide4 .content {
        max-width: 100%;
    }

    .content,
    .slide5 .content {
        max-width: 100%;
    }

    .slide1 .read_more,
    .slide5 .read_more,
    .slide2 .read_more,
    .slide3 .read_more,
    .slide4 .read_more {
        padding: 8px 14px;
    }

    .box-container {
        flex-wrap: wrap;
        top: 0;
    }

    .box {
        height: 250px;
    }

    .box-front,
    .box-back {
        min-height: 250px;
    }

    .box-front h3 {
        font-size: 22px;
    }

    .box-front p {
        font-size: 35px;
    }

    .box-back p {
        font-size: 22px;
    }

    .box-container {
        gap: 12px;
        margin-bottom: 30px;
    }

    /*dev start*/
    .box:hover .box-inner {
        transform: none;
    }

    /*dev end*/

    .service-title,
    .life-at-packfora h2,
    .technocrats h2,
    .grow-your-career .sp-info h2,
    .grow-your-career .sp-info h3 {
        font-size: 30px;
    }

    .service-info {
        font-size: 16px;
    }

    .impact-title {
        font-size: 30px;
    }

    .our-impact .sub-text {
        font-size: 16px;
    }

    .scroll-section .image-column:hover .heading {
        bottom: 230px;
    }

    .scroll-section .image-column:hover .sub-text {
        bottom: 180px;
    }

    .our-impact .values {
        font-size: 40px;
    }

    .our-impact .values-content {
        font-size: 18px;
    }

    .content-box {
        width: auto;
        /*height: auto;*/
        height: 180px;
        /*dev*/
        margin-right: 0;
        padding: 15px;
        /*dev*/
    }

    .content-box h2 {
        /*font-size: 20px;*/
        font-size: 18px;
        /*dev*/
        line-height: 22px;
        /*dev*/
        margin-bottom: 10px;
        /*dev*/
    }

    .case-study-carousel .item {
        height: 50vh;
    }

    .gallery {
        height: 50vh !important;
    }

    .slide-content {
        padding: 1rem;
        height: 50vh;
        /*dev*/
        align-items: flex-end;
        /*dev*/
    }

    .blog-slider .blog-item {
        width: 100%;
    }

    .case-study .sec-title {
        font-size: 30px;
    }

    .blog-title {
        padding-left: 0px !important;
        font-size: 30px;
    }

    .contact-sa .info .sec-head h2 {
        font-size: 30px;
    }

    .contact-sa .info .sec-head h3 {
        font-size: 16px;
    }

    .contact-sa {
        padding-bottom: 60px;
    }

    .footer-sa .item .sub-color {
        font-size: 20px;
    }

    .footer-sa .social-icon {
        padding-top: 20px;
    }

    .footer-sa {
        padding-bottom: 30px;
        background-image: none !important;
    }


    /* About Us Page  */
    .about-page-title-banner {
        height: 70vh;
    }

    .about-page-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .about-page-title-banner .page-title-bar h1 span {
        font-size: 37px;
    }

    .about-page-title-banner .page-title-bar h1 {
        font-size: 22px;
    }

    .we-do-title,
    .our-promise-title,
    .our-presence-title {
        font-size: 30px;
    }

    /* Capabilities Page */
    .capabilities-title-banner {
        height: 70vh;
    }

    .capabilities-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .capabilities-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .capabilities-title-banner .page-title-bar h3 {
        font-size: 22px;
    }

    .measurable-results-01,
    .measurable-results-02,
    .border-end {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .measurable-results-02 .measurable-result,
    .measurable-results-03 .measurable-result {
        padding: 0;
    }


    /*dev start*/

    .col-md-4.measurable-results {
        padding: 20px 15px;
    }

    .measurable-results-02 {
        border-left: none;
    }

    /*dev end*/

    .mob-bpad {
        padding-bottom: 50px;
    }

    .mob-tpad {
        padding-top: 30px;
    }

    .section-card .content-area {
        padding: 30px 15px 30px 15px;
    }

    .impact-enabled h2,
    .our-pillars h2 {
        font-size: 30px;
    }

    .holistic-value-model p,
    .value-chain-expertise p {
        width: 100%;
    }

    .strategy-title-mob-top {
        border-top: 2px solid #dee2e6;
        margin-top: 25px !important;
        padding-top: 35px;
        width: 75%;
        margin: auto;
        display: table;
    }


    /* Leadership Page  */
    .page-title-banner {
        height: 70vh;
    }

    .page-title-banner .page-title-bar {
        width: 90%;
    }

    .page-title-banner .page-title-bar h2 {
        font-size: 24px;
    }

    .page-title-banner .page-title-bar p {
        font-size: 14px;
    }

    .our-leadership .read_more {
        width: auto;
        margin-bottom: 30px;
    }

    .connect-expert {
        margin-top: 0 !important;
    }

    .leaders-details {
        padding: 0;
    }

    .popup {
        width: 100%;
        /* Full width on mobile */
        right: -100%;
        /* Position fully off-screen initially */
    }

    .popup-mob {
        max-height: 80vh;
        overflow-y: auto;
        padding-right: 20px;
    }

    /* Career Page */
    .our-team-page-title-banner {
        height: 70vh;
    }

    .our-team-page-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .our-team-page-title-banner .page-title-bar h2 {
        font-size: 22px;
    }

    .our-team-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .shine-us-title {
        font-size: 30px;
        margin-bottom: 25px !important;
    }

    .shine-us-card .card-content h3 {
        font-size: 20px;
    }

    .shine-us-card {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    }

    .shine-us-card .card-content-right,
    .shine-us-card .card-content-left {
        padding: 10px;
        width: 95%;
    }

    .next-opportunity .sp-info .read_more {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 10px;
    }

    .next-opportunity .sp-info h2 {
        font-size: 28px;
    }

    .next-opportunity {
        padding: 40px 0px;
    }

    .shine-us-card .card-content h4 {
        font-size: 16px;
    }

    /* Clients Page */
    .clients-page-title-banner {
        height: 70vh;
    }

    .clients-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .clients-page-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .clients-logos img {
        padding: 12px;
    }

    /* Contact Us Page */
    .contact-page-title-banner {
        height: 70vh;
    }

    .contact-page-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .contact-page-title-banner .page-title-bar h2 {
        font-size: 22px;
    }

    .contact-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .get-in-touch .contact-us-form .dropdown-wrapper {
        width: 100%;
    }

    .get-in-touch .contact-us-form .dropdown-options {
        width: 100%;
    }

    .get-in-touch .contact-us-form .dropdown-wrapper.active .dropdown-options {
        display: flex;
        flex-direction: column;
    }

    .contact-us-info img {
        width: 55px;
    }

    .contact-us-title,
    .get-in-touch-title {
        font-size: 30px;
    }

    /* services pages */
    .page-banner {
        height: 100%;
        /* height: 80vh; */
        background: linear-gradient(to right, rgba(33, 64, 154, 0.9) 0%, rgb(107 131 201 / 90%) 100%, transparent 100%);
    }

    .page-banner .content h2 {
        font-size: 30px;
    }

    .page-banner .content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .page-banner .content h1 {
        font-size: 36px;
    }

    .offering-title {
        font-size: 30px;
    }

    .new-models h2 {
        font-size: 20px;
    }

    .our-benefits .sec-title {
        font-size: 30px;
    }

    .our-benefits h3 {
        font-size: 20px;
    }

    .success-card {
        margin-bottom: 20px;
    }

    .success-stories .sec-title {
        font-size: 30px;
    }

    .success-stories h3 {
        font-size: 20px;
    }

    .success-stories p {
        font-size: 16px;
    }

    .our-leaders .sec-title {
        font-size: 30px;
    }

    .our-leaders h3 {
        font-size: 20px;
    }

    .sustainable-packaging .sp-info .read_more {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 20px;
    }

    .sustainable-packaging {
        padding: 40px 0px;
    }

    .market-trends .sec-title {
        font-size: 30px;
    }

    .market-trend-02 .market-info,
    .market-trend-03 .market-info {
        padding: 0;
    }

    .market-trends .market-info h2 {
        font-size: 30px;
    }

    .market-trend-01 {
        border-right: none;
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: 10px;
    }

    .market-trend-02 {
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #D9D9D9;
        padding: 10px 15px;
    }

    .market-trend-03 {
        border-left: none;
        padding-top: 10px;
    }

    .offering-co-sus-he {
        height: 200px;
    }

    .our-approach .sec-title {
        font-size: 30px;
    }

    .our-approach h4 {
        font-size: 16px;
    }

    .our-approach .right-fit p {
        font-size: 20px;
    }

    .circular-recycle {
        padding-top: 0;
    }

    .our-approach .circular-recyclability h5 {
        font-size: 20px;
    }

    .sustainable-packaging .sp-info h1 {
        font-size: 75px;
    }

    .sustainable-packaging .sp-info .sustainable-number {
        font-size: 75px !important;
    }

    .sustainable-packaging .sp-info .sustainable-packaging {
        font-size: 20px !important;
    }

    .sustainable-packaging .sp-info .sustainable-ready {
        font-size: 40px !important;
        margin-bottom: 0;
        margin-top: 0;
    }

    .sustainable-packaging .sp-info h2 {
        margin-top: 20px;
    }

    .sustainable-packaging .sp-info h2 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .offering-main-info {
        font-size: 16px;
    }

    .offerings-contact {
        height: 230px !important;
    }

    /* Why Packfora Page */
    .technocrats .owl-carousel .item {
        width: 90%;
        margin: auto;
        padding: 15px;
    }

    .technocrats .owl-prev {
        left: 0px;
    }

    .technocrats .owl-next {
        right: 0px;
    }

    .life-at-packfora .owl-carousel .item {
        width: 90%;
        margin: auto;
        padding: 15px;
    }

    .life-at-packfora .owl-prev {
        left: -13px !important;
    }

    .life-at-packfora .owl-next {
        right: -13px !important;
    }

    /* Packforam Page */
    .blue-section {
        padding: 15px;
    }

    .thumbnail-container {
        display: flex;
    }

    .thumbnail {
        width: 70px;
        height: 50px;
    }

    .impact-number {
        font-size: 36px;
        justify-content: center;
        display: flex;
    }

    .impact-caption {
        font-size: 14px;
    }

    .impact-section {
        padding-bottom: 0 !important;
    }

    .watch-text {
        font-size: 20px;
    }

    .packforum-title {
        font-size: 40px;
    }

    .coming-soon {
        font-size: 30px;
    }

    .announcement-text {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 30px;
    }

    /* add devendra start*/

    .circleMax {
        display: none;
    }

    .hero-section {
        overflow: hidden;
        padding: 100px 0 0;
        height: 100%;
    }

    .hero-section .col-lg-8 {
        text-align: center;
    }

    .hero-section .hero-subheading {
        font-size: 14px;
    }

    .hero-section h1 {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .hero-subheading {
        font-size: 1.1rem;
    }

    .hero-heading {
        font-size: 2rem;
    }

    .hero-heading {
        font-size: 2.4rem;
    }

    .tabs-pill {
        flex-direction: column;
        border-radius: 20px;
        margin-bottom: 40px;
        width: 100%;
    }

    .tabs-pill a {
        border-left: none !important;
        border-top: 1px solid #eee;
        width: 100%;
    }

    .tabs-pill a:first-child {
        border-top: none;
    }

    .tabs-pill a:first-child,
    .tabs-pill a:last-child {
        border-radius: 0;
    }


    .stats-border {
        border-left: none !important;
        border-right: none !important;
        border-top: 2px solid rgba(255, 255, 255, 0.79);
        border-bottom: 2px solid rgba(255, 255, 255, 0.79);
        padding: 1.5rem 0 !important;
    }

    .stats-section {
        padding: 40px 0;
    }

    .stats-section .row>.col-lg-4:last-child,
    .stats-section .row>.col-lg-4:last-child p {
        margin-bottom: 0 !important;
    }

    .gradient-bg h2,
    .purple-bg h2 {
        font-size: 36px;
    }

    .purple-bg {
        padding: 40px 15px !important;
    }

    .purpleBgbtmLink ul {
        display: flex;
        justify-content: flex-start;
    }

    .purpleBgbtmLink ul li,
    .stats-borderli {
        padding: 0 15px;
        margin-right: 0px;
    }

    .stat-number {
        font-size: 36px;
    }

    .stat-text {
        font-size: 18px;
    }

    .pd-rl {
        padding: 0px 0px !important;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .pd-rl .row {
        width: 48%;
    }

    .bg-white {
        padding: 40px 15px !important;
    }


    .pd-rl .row:last-child {
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 1rem !important;
    }

    .pd-rl .row:nth-child(2) {
        padding-top: 0px !important;
    }

    .boxes-section {
        position: relative;
        padding: 40px 0 200px;
    }

    .story-section {
        margin: -155px auto 0px;
        max-width: 100%;
    }

    .stats-section h2,
    .section-title,
    .story-section h2,
    .launch-title {
        font-size: 30px;
    }

    .inline-arrows h3 {
        font-size: 30px;
    }

    .boxPara {
        height: auto;
    }

    .boxes-section .box {
        height: 100%;
    }

    .story-section h2 {
        text-align: center;
    }

    .story-section h3 {
        text-align: center;
        font-size: 36px;
    }

    .launch-description,
    .notify-btn {
        font-size: 18px;
    }

    .launchWrapp {
        margin: 0 auto 50px;
    }

    /* Knowledge Centre */
    .latest-blog {
        padding: 20px !important;
    }

    .latest-blog h5 {
        margin: 150px 0px 35px 0px;
    }

    .related-blog-details {
        height: 210px;
    }

    /* case study */
    .case-study-inner-ptb {
        height: 70vh;
    }

    .case-study-inner-ptb .page-title-bar h1 {
        font-size: 37px;
    }

    .short-description h5 {
        text-align: center;
        line-height: 1.2;
    }

    .objective-title {
        font-size: 33px;
        margin-top: 15px;
        margin-bottom: 25px !important;
        text-align: center;
    }

    .objective-desc {
        font-size: 20px;
        text-align: center;
    }

    .the-solution h2 {
        font-size: 33px;
        text-align: center;
    }

    .the-solution p {
        font-size: 20px;
        text-align: center;
    }

    .business-impact h2 {
        font-size: 33px;
        text-align: center;
    }

    .why-it-matters h2 {
        font-size: 33px;
        text-align: center;
    }

    .why-it-matters p {
        font-size: 16px;
        text-align: center;
        width: 95%;
    }
}

/* add devendra start*/


@media only screen and (max-width: 767px) {

    .leadTitle {
        height: 40vh;
        background-position: center top 50px !important;
    }

    .contSlide {
        max-width: 86% !important;
    }

    .contSlide h2,
    .contSlide h1 {
        font-size: 24px !important;
        line-height: 30px !important;
    }


    .page-title-banner .leadHead h1 {
        transform: translateY(130px) !important;
        font-size: 36px !important;
    }

    .contact-sa .info .sec-head img {
        margin-top: 0px;
    }

    .leadTitle .page-title-bar p {
        display: none;
    }


    .mb-hide {
        display: none !important;
    }

    .promise-card .promise-content p {
        margin-bottom: 45px;
    }

    .shine-us-card .card-content-right img,
    .shine-us-card .card-content-left img {
        margin-top: 2px;
    }
}


@media only screen and (max-width: 1024px) {

    .promise-card .promise-content p {
        margin-bottom: 45px;
    }

    .circleMax {
        display: none;
    }

    .hero-section {
        padding: 120px 0 0;
        height: auto;
    }

    .hero-section .col-lg-8 {
        text-align: center;
    }

    .hero-section .hero-subheading {
        font-size: 14px;
    }

    .hero-section h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .hero-subheading {
        font-size: 1.2rem;
    }

    .hero-heading {
        font-size: 2.6rem;
    }

    .tabs-pill {
        flex-direction: column;
        border-radius: 20px;
        margin-bottom: 40px;
        width: 50%;
    }

    .tabs-pill a {
        border-left: none !important;
        border-top: 1px solid #eee;
    }

    .tabs-pill a:first-child {
        border-top: none;
    }

    .tabs-pill a:first-child,
    .tabs-pill a:last-child {
        border-radius: 0;
    }

    .stats-border {
        border-left: 2px solid rgb(255 255 255 / 79%);
        border-right: 2px solid rgb(255 255 255 / 79%);
        padding: 1.5rem 0 !important;
    }

    .stats-section {
        padding: 40px 0;
    }

    .gradient-bg h2,
    .purple-bg h2 {
        font-size: 30px;
    }

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

    .stat-text {
        font-size: 20px;
    }

    .purple-bg {
        padding: 50px 25px !important;
    }

    .boxes-section {
        padding: 40px 0 150px;
    }

    .launch-description,
    .notify-btn {
        font-size: 20px;
    }

    .launchWrapp {
        margin: 0 auto 60px;
    }
}

@media only screen and (max-width: 820px) {

    .circleMax {
        display: none;
    }

    .hero-section {
        padding: 100px 0 0;
        height: 100%;
        overflow: hidden;
    }

    .hero-section .col-lg-8 {
        text-align: center;
    }

    .tabs-pill {
        flex-direction: column;
        border-radius: 20px;
        margin-bottom: 40px;
        width: 100%;
    }

    .tabs-pill a {
        border-left: none !important;
        border-top: 1px solid #eee;
    }

    .tabs-pill a:first-child {
        border-top: none;
    }

    .tabs-pill a:first-child,
    .tabs-pill a:last-child {
        border-radius: 0;
    }

    .stats-border {
        border: none;
        border-top: 2px solid rgba(255, 255, 255, 0.79);
        border-bottom: 2px solid rgba(255, 255, 255, 0.79);
        padding: 1.5rem 0 !important;
    }

    .stats-section {
        padding: 40px 0;
    }

    .purple-bg {
        padding: 40px 15px !important;
    }

    .boxes-section {
        padding: 40px 0 180px;
    }

    .launchWrapp {
        margin: 0 auto 0px;
        max-width: 100%;
    }

    .maxmold-story {
        padding: 25px 0 0;
    }

    .story-placeholder {
        padding: 60px 25px;
    }
}

@media only screen and (width: 768px) {
    .dtv-success .success-card .card-content h3 {
        height: 70px;
    }

    .offerings-card .offering-content h3 {
        height: 40px;
    }

    .tripple-card {
        height: 668px;
    }

    .ipad-inquiry {
        display: flex;
        gap: 40px;
        margin-top: 40px;
        align-items: center;
    }
}

@media only screen and (width: 820px) {
    .box-container {
        top: 0;
    }

    .box-front,
    .box-back {
        min-height: 285px;
    }

    .our-impact .values {
        font-size: 45px;
    }

    .scroll-section .image-column:hover .sub-text {
        bottom: 180px;
        width: 280px;
    }

    .scroll-section .image-column:hover .heading {
        bottom: 225px;
    }

    .scroll-section .sub-text {
        width: 230px;
    }

    .content-box {
        padding: 15px;
        height: 235px;
    }

    .content-box h2 {
        font-size: 22px;
    }

    .slide-content {
        height: 40vh !important;
    }

    .blog-slider .blog-item {
        width: 100%;
    }

    .about-page-title-banner .page-title-bar h1,
    .sustainable-packaging .sp-info .read_more {
        font-size: 22px;
    }

    .we-do-card h3,
    .announcement-text {
        font-size: 25px;
    }

    .our-values .our_values {
        height: 510px;
    }

    .capabilities-title-banner .page-title-bar h1,
    .clients-page-title-banner .page-title-bar h1,
    .page-banner .content h1,
    .case-study-inner-ptb .page-title-bar h1,
    .packforum-title,
    .our-team-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .measurable-result .values,
    .grow-your-career .sp-info h6,
    .grow-your-career .sp-info h3,
    .grow-your-career .sp-info h2,
    .page-banner .content h2,
    .offering-title,
    .our-benefits .sec-title,
    .success-stories .sec-title,
    .our-leaders .sec-title,
    .market-trends .market-info h2,
    .market-trends .sec-title,
    .our-approach .sec-title,
    .why-it-matters h2,
    .shine-us-title,
    .coming-soon,
    .our-team-page-title-banner .page-title-bar h2,
    .next-opportunity .sp-info h2,
    .life-at-packfora h2,
    .contact-us-title,
    .get-in-touch-title {
        font-size: 30px;
    }

    .our-benefits h3,
    .success-stories h3,
    .our-leaders h3,
    .our-approach h4,
    .our-approach .right-fit p {
        font-size: 20px;
    }

    .page-banner {
        height: 100%;
        background: linear-gradient(to right, rgba(33, 64, 154, 0.9) 0%, rgb(107 131 201 / 90%) 100%, transparent 100%);
    }

    .content {
        max-width: 90%;
    }

    .market-trend-02 .market-info {
        padding: 0 10px;
    }

    .market-trend-03 {
        padding: 10px 15px;
    }

    .market-trend-03 .market-info {
        padding: 0 0 0 10px;
        width: 90% !important;
    }

    .our-approach {
        padding: 60px 0px;
    }

    .our-approach .connecting-line {
        display: none;
    }

    .process-container {
        margin-top: 0px;
    }

    .ourapproach-card1,
    .ourapproach-card2 {
        margin-bottom: 25px;
    }

    .process-container .circle-badge-1,
    .process-container .circle-badge-2,
    .process-container .circle-badge-3 {
        position: unset;
    }

    .process-container .ourapproach-content-1,
    .process-container .ourapproach-content-2,
    .process-container .ourapproach-content-3 {
        position: unset;
        width: 100%;
    }

    .tripple-card {
        padding: 15px;
        height: 555px;
    }

    .why-it-matters h2 {
        text-align: center;
    }

    .impact-number {
        font-size: 50px;
    }

    .next-opportunity .sp-info .read_more {
        font-size: 25px;
        margin-top: 15px;
    }

    .career-journey .testimonial-card {
        padding: 30px;
    }

    .tabs-pill a {
        width: 100%;
    }

    .maxmold-data {
        width: 53%;
    }

    .ipad-inquiry {
        display: flex;
        gap: 40px;
        margin-top: 40px;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {

    .page-banner .content {
        width: 90%;
        margin: 150px 0 100px 0;
    }

    .hero-slider .item {
        height: 40vh;
    }

    .content {
        width: 55%;
    }

    .slide1 .content h1,
    .slide2 .content h1,
    .slide3 .content h1 {
        font-size: 28px;
    }

    .slide5 .content p,
    .slide3 .content p,
    .slide2 .content p,
    .slide4 .content p {
        font-size: 16px;
    }

    .slide5 .content img {
        width: 30% !important;
    }

    .slide5 .content h1 {
        font-size: 28px;
    }

    .hero-slider .owl-dots {
        bottom: 20px;
    }

    .box-container {
        flex-wrap: nowrap;
    }

    .box-front,
    .box-back {
        padding: 20px;
    }

    .box-front h3,
    .box-front h2 {
        font-size: 20px;
    }

    .box-front p {
        font-size: 32px;
    }

    .our-impact .heading {
        line-height: 2;
        font-size: 30px
    }

    .gallery,
    .case-study-carousel .item {
        height: 40vh !important;
    }

    .border-end {
        border-bottom: none !important;
    }

    .why-it-matters p {
        width: 80%;
        margin: auto;
        margin-bottom: 20px;
        text-align: center;
    }

    .content-box {
        width: 50%;
    }

    .scroll-section .image-container {
        height: 400px;
        flex-direction: row;
    }

    .slide-content {
        height: 30vh;
    }

    .our-values .heading {
        left: 35%;
        transform: rotate(270deg);
        top: 40vh;
    }

    .our-values .section.open .heading {
        left: 0%;
        transform: rotate(360deg);
        top: 9vh;
    }

    .our_values.enabled .section:not(.open) h3.heading {
        transform: rotate(270deg);
        top: 40vh;
    }

    .about-page-title-banner,
    .our-team-page-title-banner,
    .contact-page-title-banner,
    .page-title-banner,
    .capabilities-title-banner,
    .clients-page-title-banner,
    #videoSection,
    .case-study-inner-ptb,
    .approach-title-banner,
    .life-at-packfora-page-title-banner {
        height: 42vh !important;
        margin-top: 25px;
    }

    .measurable-results-01 {
        border-right: 1px solid #888888 !important;
    }

    .story-section {
        margin: -145px auto 0px;
    }

    .story-section h2,
    .section-title {
        font-size: 37px;
    }

    .stats-section h2 {
        font-size: 37px;
    }

    .we-do-card p {
        height: 165px;
    }

    .impact-enabled .intentional-way p,
    .market-trends .market-info {
        width: 95%;
    }

    .science-backed-approach .science-backed p {
        font-size: 20px;
    }

    .market-trend-01,
    .market-trend-02 {
        padding: 10px 15px;
        border-bottom: none;
        border-right: 1px solid #D9D9D9;
    }

    .mob-tpad {
        padding-top: 0px;
    }

    .sustainable-packaging .sp-info .sustainable-number {
        font-size: 110px !important;
    }

    .strategy-title-mob-top {
        border-top: none;
        margin-top: 0 !important;
        padding-top: 0;
    }

    .measurable-results-03 .measurable-result {
        width: 90% !important;
    }

    .optimize-packaging-points img {
        margin-top: 5px;
    }

    .levers-activate .levers p {
        font-size: 18px;
    }

    .value-chain-expertise-box h2 {
        font-size: 20px;
    }

    .value-chain-expertise-box p {
        height: 150px;
    }

    .sp-info {
        float: none !important;
    }

    .services-card .service-content {
        height: 230px;
    }

    .more-services-card {
        height: 492px;
    }

    .our-benefits .global-culture p {
        width: 100%;
    }

    .contact-page-title-banner .page-title-bar {
        width: 90%;
        margin-bottom: 60px;
    }

    .contact-page-title-banner .page-title-bar h1 {
        font-size: 37px;
    }

    .contact-us-info {
        margin: 10px 0px;
    }

    .btn-secondary-cta {
        padding: 10px;
    }

    .related-blogs {
        margin-top: 20px;
        border-left: none;
        height: auto;
    }

    .case-study-inner-ptb .page-title-bar {
        margin-bottom: 60px;
    }

    .gradient-bg {
        padding: 40px 30px;
    }

    .sp-info .fz-50 {
        font-size: 30px !important;
        margin-top: 0px !important;
    }

    .our-values .scroll-section .value-content h3 {
        height: 53px;
    }

    .our-values .scroll-section .value-content p {
        width: 150px;
    }

    .our-values .scroll-section .value-content {
        bottom: 130px;
    }

    .featured-speakers .owl-next {
        width: 40px;
        height: 40px;
        background-color: #ffffffb3 !important;
        right: 0;
    }

    .featured-speakers .owl-prev {
        width: 40px;
        height: 40px;
        background-color: #ffffffb3 !important;
        left: 0;
    }

    .blog-head h3 {
        font-size: 27px;
    }

    .related-blog-details {
        height: 230px;
    }

    .why-it-matters .sp-info .read_more {
        font-size: 18px;
    }

    .SM .offerings-card .offering-content {
        height: 230px;
    }

    .he-135 {
        height: 215px !important;
    }

    .sustainable-packaging .sp-info h2 {
        font-size: 23px !important;
    }

    .TF .offerings-card .offering-content {
        height: 154px;
    }

    .PIE-RM {
        margin-top: 22px;
    }

    .PIERM {
        margin-bottom: 6px !important;
    }

    .sust .offering-sus-he1 {
        height: 139px;
    }

    .sust .offerings-contact {
        height: 466.97px !important;
    }

    .sust .card-content p {
        height: 115px;
    }

    .sustainable-packaging .sp-info h1 {
        font-size: 120px;
        margin-top: 15px;
    }

    .our-leaders .leaders .MT-icons {
        margin-top: 30px !important;
    }

    .our-leaders .leaders .PP-icons {
        margin-top: 30px;
    }

    .box-back p {
        font-size: 16px;
    }

    .approach-title-banner .page-title-bar h1,
    .life-at-packfora-page-title-banner .page-title-bar h1 {
        font-size: 36px;
    }

    .approach-combines h2,
    .triple-bottom-line h3,
    .disciplinary-expertise h2,
    .collaborative-ecosystem h3,
    .delivering-measurable-value .sec-title,
    .tools-enablers h3,
    .packaging-strategy .sp-info h2,
    .career-journey .head h2,
    .explore-packfora-life .sp-info h2,
    .story-section h2 {
        font-size: 30px;
    }

    .triple-bottom-line h2,
    .tripple-card h4,
    .disciplinary-expertise h3,
    .collaborative-ecosystem h2,
    .tools-enablers h2,
    .tools-enablers-box h5,
    .packaging-strategy .sp-info h4,
    .explore-packfora-life .sp-info p {
        font-size: 20px;
    }

    .approach-combines .col-5th {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .tools-enablers-box p {
        height: 125px;
    }

    .thumbnail {
        width: 100px;
        height: 60px;
    }

    .content-text {
        max-width: 100%;
    }

    .blue-section {
        padding: 40px 15px;
    }

    .mb-200 {
        margin-bottom: 0px !important;
    }

    .career-journey .hero-section {
        grid-template-columns: 1fr 1fr;
    }

    .life-at-packfora .card-content h2,
    .career-journey .hero-content h2,
    .career-journey .testimonial-info h4 {
        font-size: 22px;
    }

    .strategic-insights {
        width: 100%;
    }

    .tabs-pill {
        width: 85%;
    }

    .story-section h3 {
        font-size: 20px;
    }
}

@media only screen and (width: 1180px) {
    .hero-slider .item {
        height: 85vh;
    }

    .slide1 .content h1,
    .slide5 .content h1 {
        font-size: 40px;
    }

    .slide2 .content h1,
    .slide3 .content h1 {
        font-size: 50px;
    }

    .content-box h2 {
        font-size: 25px;
    }

    .content-box {
        height: 350px;
    }

    .dtv-success .success-card .card-content h3 {
        height: 85px;
    }

    .he-150 {
        height: 170px !important;
    }

    .our-approach .connecting-line {
        width: 46%;
        left: 27%;
    }

    .process-container .circle-badge-1 {
        right: 265px;
    }

    .process-container .ourapproach-content-1 {
        right: 10px;
    }

    .process-container .circle-badge-2 {
        top: 95px;
    }

    .process-container .ourapproach-content-2 {
        top: 140px;
    }

    .process-container .circle-badge-3 {
        left: 265px;
    }

    .process-container .ourapproach-content-3 {
        left: 10px;
    }

    #videoSection {
        height: 80vh !important;
    }

    .career-journey .testimonial-card {
        padding: 40px;
    }

    .maxmold-data {
        width: 98%;
    }

    .hero-section h1 {
        font-size: 77px;
    }

    .strategic-insights {
        width: 100%;
    }

    .purple-bg {
        padding-left: 48px !important;
    }
}

@media only screen and (width: 1024px) {
    .navbar .navbar-nav .nav-link {
        font-size: 14px;
    }

    .hero-slider .item {
        height: 75vh;
    }

    .box-front h3,
    .box-front h2 {
        font-size: 27px;
    }

    .box-container {
        top: 0;
    }

    .box-front,
    .box-back {
        min-height: 285px;
    }

    .more-services-card {
        height: 461px;
    }

    .gallery,
    .case-study-carousel .item {
        height: 60vh !important;
    }

    .content-box h2 {
        font-size: 24px;
    }

    .content-box {
        height: 270px;
    }

    .slide-content {
        height: 60vh;
    }

    .about-page-title-banner,
    .our-team-page-title-banner,
    .contact-page-title-banner,
    .page-title-banner,
    .capabilities-title-banner,
    .clients-page-title-banner,
    #videoSection,
    .case-study-inner-ptb,
    .approach-title-banner,
    .life-at-packfora-page-title-banner {
        height: 60vh !important;
    }

    .our-values .heading,
    .our_values.enabled .section:not(.open) h3.heading {
        top: 50vh;
    }

    .page-banner {
        height: 75vh;
    }

    .strategy-item {
        font-size: 11px;
    }

    .he-96 {
        height: 115px !important;
    }

    .sustainable-packaging .sp-info .read_more {
        font-size: 30px;
    }

    .card-content h3 {
        font-size: 16px;
    }

    .dtv-success .success-card .card-content h3 {
        height: 70px;
    }

    .he-150 {
        height: 210px !important;
    }

    .contact-us-info p {
        font-size: 12px;
    }

    .contact-us-info {
        height: 166px;
    }

    .impact-number {
        font-size: 70px;
    }

    .why-it-matters p {
        margin: 0;
        text-align: left;
    }

    .SM .offerings-card .offering-content {
        height: 310px;
    }

    .offering-sl-content {
        height: 190px;
    }
}