@media(min-width: 2880px){
.container {
        max-width: 1800px;
    }
	
    .numbering-product-offering-col {
    top: 410px;
    }
}

@media(min-width: 1600px){
.container {
        max-width: 1540px;
    }
	
    .numbering-product-offering-col {
    top: 400px;
}
}

@media(max-width: 1600px){

    /* body, div, p, li, ul, ol, span, strong, h1, h2, h3, h4, h5, h6 {
    padding-right: 60px;
} */

    .contact-box-main.col-md-6.mb-4 {
    width: 86%;
}

/* .numbering-product-offering-col {
    top: 375px;
    left: -54px;
} */

.hero-section h1 {
    font-size: 34px;
    line-height: 44px;
}

.overview-list::before {
    left: -16px;}

        .h2, h2 {
        font-size: 1.6rem;
    }

    h3.heading {
    font-size: 18px !important;}

    p {
    font-size: 16px;
}

    .h3, h3 {
        font-size: 1.5rem;
    }

    .offring-row .content-box h4 {
    font-size: 18px;
}

.text-testimonila p {
    font-size: 20px;
    line-height: 32px;
}

.user-name h5 {
    font-size: 20px;
}

.user-name p { font-size: 16px;
}


.journey-data p {
    font-size: 24px;}
	


.our-story h2
{
    font-size: 20px;
}
.our-story p
{
    font-size: 15px;
    line-height: 26px;
}

.our-name p {
    font-size: 15px;
    margin-bottom: 15px;
}
.our-name h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
section.our-name {
    background-position: center;
    background-size: contain;
}
.what-col span {
    font-style: italic;
    font-size: 13px;
    color: #000000;
    background-color: #77973640;
    padding: 2px;
}
.founders-col .name-founder span {
    font-size: 14px;
}
img.join-img.mb-3 {
    max-width: 400px;
}
.what-col li {
    font-size: 14px;
    list-style: disc;
    margin-left: 20px;
}
.life-moo .what-col h3 {
    font-size: 20px;
    margin: 6px 0;}



ul.terns-menu {
    margin-right: 135px; z-index: 9999999; position: relative;
}


}



@media(max-width: 1450px){
	
.hero-section h1 {
    font-size: 32px;
    line-height: 44px;
}


.hero-content p {
    font-size: 18px;
    margin-top: 10px;
}

.overview-img img {
    max-width: 350px;
}

.overview-list::before {
    content: '';
    position: absolute;
    left: -13px;}


      .h2, h2 {
        font-size: 22px;
    }

    .porblem-col {
    padding: 18px;
}

a.join-journey-btn.mb-2 {
    padding: 10px 22px;
    font-size: 16px;
    border-radius: 100px;
}

h3.heading {
    font-size: 15px !important;
}

p {
    font-size: 14px;
}

.mb-4 {
    margin-bottom: 1.1rem !important;
}

.image-box img {
    border-radius: 14px;
    height: 164px;
    object-fit: cover;
}

.offring-row .content-box h4 {
    color: #ffffff;
    margin: 15px 0 15px 0;
    font-size: 16px;
}

    .h3, h3 {
        font-size: 1rem;
    }

    .offring-row .content-box img.cover-img {
    border-radius: 20px;
    margin-bottom: 14px;
    width: 100%;
    height: 150px;}

.numbering-product-offering-col {
    top: 394px;
}


img.mt-4.year {
    max-width: 470px;
}


    .text-testimonila p {
        font-size: 16px;
        line-height: 24px;
    }

.user-name h5 {
    font-size: 18px;
}

.counter-section h3 {
    font-size: 30px;}


.testimonial-wrapper {
    background-color: #ECF3D7;
    padding: 24px 16px;}


.footer-data span {
    font-size: 16px;
}

.footer-data h4 {
    font-size: 16px;
}

.journey-data p {
    font-size: 22px;}

.project-details-content h2 {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 11px;
}
.content-wrapper {
    position: relative;
    z-index: 2;
    padding: 36px 50px;}
}
.life-moo .what-col h3 {
    font-size: 19px;
    margin: 6px 0;
}


@media(max-width: 1300px){

.project-details-content {
    max-width: 100%;
}
.projects-slider {
    max-width: 100%;
    margin-top: 40px;
}

}

@media(max-width: 1200px){
	

.overview .col-md-12 { width:100% !important; }
.overview-img { display:none; }

.porblem-col.mid {
    display: flex;
    flex-direction: column-reverse;
}

.porblem-col.mid img { margin-bottom:15px; }

    .porblem-col {
        padding: 0;
    }

}

.life-moo .what-col {
    margin-bottom: 20px;
    padding: 15px;
}



	


@media(max-width: 991px){
	#customCols {
    flex-direction: column !important;
    height: auto;
  }

      .col-box {
        width: 100% !important;
        max-width: 100% !important;
        height: 64px;
    }


    .col-box .heading {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: #EDFFC8;
    font-size: 18px;
    font-weight: 600;
    transform: rotate(180deg);
    bottom: 10px;
    position: absolute;
    left: 24px;
}


    .col-box {
        width: 66px;
        max-width: 66px;
        border-radius: 8px;
        margin-bottom: 10px;
    }

  .col-box.active {
    height: auto;
  }

  .col-box .heading {
    writing-mode: horizontal-tb;
    transform: none;
    text-align: center;
    padding: 10px;
  }

    img.mt-4.year {
        max-width: 220px;
    }

        .journey-data p {
        font-size: 16px;
    }

    .h2, h2 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }

   


.testimonial-wrapper img { max-width: 130px; margin-bottom: 15px !important;
    margin: auto; }


.mt-4 {
    margin-top: 1rem !important;
}

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

    .tagline {
    font-size: 14px;
    color: #000;
}

.counter-box img {
    max-width: 70px;
}

.overview, .product-offerings {
    padding: 20px 0px;
}

    h3.heading {
        font-size: 14px !important;
    }

    .mb-2 {
    margin-bottom: .2rem !important;
}

.porblem-col.mid {
    margin-bottom: 20px;
}

    .hero-section h1 {
        font-size: 20px;
        line-height: 28px;
    }

        .hero-content p {
        font-size: 16px;
        margin-top: 10px;
        line-height: 22px;}


        .text-slider.slick-initialized.slick-slider {
    z-index: 999;
    max-width: 100%;
    margin: auto;
}


nav.navbar.navbar-expand-lg {
    position: fixed;
    width: 100%;
    z-index: 99999;
}


img.slick-next.slick-arrow, img.slick-prev.slick-arrow {
    max-width: 34px;
}

    .user-name h5 {
        font-size: 14px;
    }

        .text-testimonila p {
        font-size: 14px;
        line-height: 22px;
    }

    .d-flex.rounded-4.bg-light-green {
        display: block !important;
    }

    .d-flex.rounded-4.bg-light-green .description-list {
        padding-top: 20px;
    }

    .d-flex.rounded-4.bg-light-green .flex-shrink-0.me-4 {
        margin-right: 0px !important;
    }

    .d-flex.rounded-4.bg-light-green .flex-shrink-0.me-4 img {
        max-width: 100% !important;
        width: 100%;
    }

    .counter-section h3 {
        font-size: 25px;
    }

    .founders-col {
        margin-top: 25px;
    }

    .mv-col {
        margin-bottom: 25px;
        height: auto;
    }

    .content-problems.mt-3 {
        padding: 15px;
        padding-top: 0px;
    }

    .porblem-col.mid .content-problems {
        padding: 15px;
    }

    .porblem-col {
        margin-bottom: 15px;
    }

    .problems .image-box {
        margin-top: 0px !important;
    }

    .porblem-col.mid img {
        margin-bottom: 0px !important;
    }

}

@media(max-width: 767px){
	.testimonial-wrapper { text-align:center; }
     .footer-data { text-align:left; }

     .cow-ftr img {
        max-width: 40%;
     }

     .cow-ftr {
        width: 40%;
     }

    .copyright {
    display: block;}

    .col-dis {
      margin-bottom: 24px;
    }

    .slide-img-rwap {
        padding-top: 25px;
        padding-left: 3rem;
        padding-bottom: 27rem;
    }

    .projects-slider {
        top: 42%;
        width: 100%;
    }

    .slide-text-area {
        width: 100%;
    }

    .item-box .text-box {
       height: 20.75rem;
    }

    .projects .slider-content .slick-prev, .projects .slider-content .slick-next {
        bottom: 30px;
    }

    .item-box .text-box {
        margin-right: 15px;
    }

    .slide-text-area {
        min-height: 339px;
    }

    .projects .slider-content .slick-prev {
        left: 47%;
    }

    .projects .slider-content .slick-next {
        margin-left: 0px;
    }

    .numbering-product-offering-col {
        top: 14px;
        right: -220px;
        transform: unset;
        left: unset;
    }
}


@media(max-width: 576px){
	
	img.join-img.mb-3 {
    max-width: 304px;
}

.founders-col {
    margin-bottom: 30px;
}

    .project-details-content h2 {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 11px;
    }

        .content-wrapper {
        position: relative;
        z-index: 2;
        padding: 16px 10px;
    }

}


@media only screen and (min-width: 1451px) and (max-width: 1599px){
.numbering-product-offering-col {
    top: 399px
}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px){
#customCols {
    height: 542px;
}
.numbering-product-offering-col {
    top: 442px;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px){
.numbering-product-offering-col {
        top: 16px;
        left: unset;
        right: -498px;
        transform: unset;
}
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
.customCols {
        height: 610px;
}
.numbering-product-offering-col {
        top: 504px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .slide-img-rwap {
        padding-top: 25px;
        padding-left: 3rem;
        padding-bottom: 27rem;
    }

    .projects-slider {
        top: 38%;
        width: 100%;
    }

    .slide-text-area {
        width: 100%;
    }

    .item-box .text-box {
       height: 20.75rem;
    }

    .projects .slider-content .slick-prev, .projects .slider-content .slick-next {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .d-flex.rounded-4.bg-light-green {
        display: block !important;
    }

    .d-flex.rounded-4.bg-light-green .flex-shrink-0.me-4 {
        margin-right: 0px !important;
    }

    .d-flex.rounded-4.bg-light-green .flex-shrink-0.me-4 img {
        max-width: 100% !important;
        width: 100%;
    }

        .d-flex.rounded-4.bg-light-green .description-list {
        padding-top: 20px;
    }

    .counter-section h3 {
        font-size: 25px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px){
    .slide-img-rwap {
        padding-top: 25px;
        padding-left: 7rem;
        padding-bottom: 27rem;
    }

    .projects-slider {
        top: 40%;
        width: 92%;
    }

    .slide-text-area {
        width: 60%
    }

    .item-box .text-box {
       height: 20.75rem;
    }

    .projects .slider-content .slick-prev, .projects .slider-content .slick-next {
        bottom: 30px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1880px){ 
.slide-text-area {
        width: 27rem;
}

.projects-slider {
    width: 42rem;
}
.item-box .text-box {
    height: 22.75rem;
}

.slide-img-rwap {
    padding-top: 8rem;
    padding-bottom: 7rem;
}

.projects-slider {
    top: 10%;
}

.projects .slider-content .slick-prev, .projects .slider-content .slick-next {
    bottom: 55px;
}

.slide-text-area {
    min-height: 340px;
}

}

nav.navbar.navbar-expand-lg {
    position: fixed;
    width: 100%;
    z-index: 99999;
}