@media screen and (min-width: 1201px){
    .profile-description {
        padding-right: 40px;
    }
}


@media screen and (min-width: 1201px) and (max-width: 1313px) {
    .services-grid{
        grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
    }
    .service-heading{
        padding: 0px 10px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    /*********** we-partner  ********/
     .we-partner{
        padding: 130px 0px 0px;
    }
    .we-partner-inner{
        padding-left: 40px;
    }
    .img-figure{
        max-width: 510px;
        width: 100%;
    }
    .img-figure img{
        width: 100%;
    }

    .partner-section-content{
        padding: 70px 33px 30px 130px;
        margin: -37px 0px 60px -100px;
    }
    .partner-section-content h1{
        font-size: 41px;
        letter-spacing: -1px;
    }
    .partner-section-content p{
        font-size: 20px;
    }

    /************** What we do *********/
    .services{
        padding: 70px 20px 0px;
    }


    .section-break{
        margin: 70px 0px;
    }

    /************* Partnerships ************/
    .partnerships{
        padding-left: 15px;
        padding-right: 15px;
    }
    .partnerships-row{
        gap: 50px;
        align-items: center;
    }
    .partnership-cards{
        max-width: 510px;
        width: 100%;
    }
    .partnership-cards img{
        width: 100%;
    }
    .partnership-content .section-title{
        font-size: 42px;
        letter-spacing: -1px;
    }
    .partnership-content p{
        font-size: 20px;
    }

    /************* unreal foods ***********/
    .unreal-foods{
        padding: 95px 20px;
    }
    .unreal-foods-slide{
        width: 21vw;
    }
    .unreal-bg{
        left: 150px;
    }

}


@media screen and (min-width: 993px) and (max-width: 1023px) {
    /*********** we-partner  ********/
    .we-partner{
        padding: 130px 0px 0px;
    }
    .we-partner-inner{
        padding-left: 40px;
    }
    .img-figure{
        max-width: 510px;
        width: 100%;
    }
    .img-figure img{
        width: 100%;
    }

    .partner-section-content{
        padding: 80px 33px 30px 140px;
        margin: -37px 0px 60px -100px;
    }
    .partner-section-content h1{
        font-size: 40px;
        letter-spacing: -1px;
    }
    .partner-section-content p{
        font-size: 18px;
    }

    /*********** Service ***********/
    .services{
        padding: 50px 0 0px;
    }
    
    .services-grid{
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    }


    .section-break{
        margin: 80px 0px;
    }

    /************* Partnerships ************/
    .partnerships-row{
        gap: 50px;
        align-items: center;
    }
    .partnership-cards{
        max-width: 510px;
        width: 100%;
    }
    .partnership-cards img{
        width: 100%;
    }
    .partnership-content .section-title{
        font-size: 40px;
        letter-spacing: -1px;
    }
    .partnership-content p{
        font-size: 18px;
    }

    /************* unreal foods ***********/
    .unreal-foods{
        padding: 90px 20px;
    }
    .unreal-foods-slide{
        width: 21vw;
    }
    .unreal-bg{
        left: 150px;
    }

}


@media screen and (max-width: 992px) {
    /***********  we-partner  ********/
    .we-partner {
        padding: 70px 0px 0px;
    }
    .we-partner-container{
        padding: 0px 15px;
    }
    .we-partner-inner{
        padding: 0px;
        flex-direction: column;
    }
    .img-figure{
        width: 100%;
    }
    .img-figure img{
        width: 100%;
    }
    .partner-section-content{
        padding: 40px 30px 40px 40px;
        margin: 15px 0px;
    }
    .partner-section-content h1{
        letter-spacing: -1px;
    }

    /************* What we do **********/
        .services{
            padding-top: 70px;
        }
        
    /************** Partnerships ***********/
     .partnerships-row {
        flex-direction: column-reverse;
        gap: 35px;
    }
    .partnership-cards {
        width: 100%;
    }
    .partnership-cards img {
        width: 100%;
    }
    .partnership-content p{
        max-width: 510px;
    }
    .partnership-content .section-title{
        max-width: 660px;
    }

    /************* unreal foods ***********/
    .unreal-foods{
        padding: 85px 20px;
    }
    .unreal-foods-slide{
        width: 20vw;
    }
    .unreal-bg{
        left: 130px;
    }

    .section-break{
        margin: 70px 0px;
    }

    .unreal-foods .section-title{
        letter-spacing: -1.48px;
        padding: 0px 10px;
    }

    /***************** About Page ***************/
    .about-us{
        padding: 100px 60px;
    }
    .about-inner-title{
        letter-spacing: -1px;
        margin-bottom: 60px;
    }
    .recent-coverage-content {
        min-height: 135px;
    }
    .recent-coverage-content h3{
        font-size: 26px;
    }
    .recent-coverage-content p{
        font-size: 24px;
    }

}


@media screen and (max-width: 767px) {
    .have-content{
        bottom: 80px;
    }
    .site-banner h1{
        padding-left: 30px;
    }

    /*********** we-partner  ********/
    
    .partner-section-content{
        padding: 30px 20px 30px 25px;
        margin: 10px 0px;
    }

    /************* What we do **********/
    .section-title{
        letter-spacing: -1px;
    }

    .section-break{
        margin: 60px 0px;
    }

    /************* unreal foods ***********/
    .unreal-foods{
        padding: 75px 20px;
    }
    .unreal-foods-slide{
        width: 25vw;
    }

    /************** cover *************/
    .cover img{
        aspect-ratio: 3 / 1.34;
    }


    .profile-card {
        padding: 20px;
    }
    
    .name {
        font-size: 1.5rem;
    }
    
    .role {
        font-size: 1.1rem;
    }


    /***************** About Page ***************/
    .pri-title{
        top: -20px;
    }
    .about-us{
        padding: 90px 20px;
        margin-bottom: 0px;
    }
    .about-inner-title{
        letter-spacing: -1px;
        margin-bottom: 50px;
    }
    .profile-description{
        font-size: 17px;
    }
    .profile-role{
        margin-bottom: 20px;
    }
    .recent-coverage-content h3{
        font-size: 26px;
    }
    .recent-coverage-content p{
        font-size: 21px;
    }
    .recent-coverage-content{
        min-height: auto;
    }
    .read-story-link{
        margin-top: 40px;
        padding-top: 30px;
    }
   
    .our-recent-press{
        padding-bottom: 70px;
    }
    .recent-coverage-grid{
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    /************* Our strategy Start ***************/
    .we-choose-brands{
        padding: 70px 20px;
    }
    .build-heading br{
        display: none;
    }
    .build-card{
        padding: 60px 40px 60px 40px;
    }
    .build-in-india{
        margin-bottom: 0px;
        padding: 70px 0px;
    }
    .choose-brands-cards{
        grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
    }
    .choose-brand-card{
        min-height: 190px;
        max-height: 190px;
    }
    .brandsTitle {
        display: flex;
        align-items: center;
    }
    .we-choose-container h2 {
        letter-spacing: -1.48px;
    }
    .we-choose-container h2 br {
        display: none;
    }
    .choose-brand-card span {
      font-size: 85px;
    }
    .choose-brand-card p {
        margin-top: 5px;
        padding-right: 0px;
        padding-left: 50px;
    }
    .choose-slide-left-bottom{
        top: inherit;
        bottom: 20px;
    }

    /************** Contat page *************/
    .build-together{
        padding: 70px 20px;
    }

}

@media screen and (max-width: 640px) {
    .choose-brand-card p{
        font-size: 18px;
    }
    .choose-slide-right-top{
        max-width: 100px;
    }
    .choose-slide-left-bottom{
        max-width: 60px;
    }
}

@media screen and (max-width: 572px) {
    .choose-brand-card {
        min-height: auto;
        max-height: max-content;
    }
    .choose-brand-card p{
        font-size: 24px;
        margin: 0px;
    }
    .build-card {
        padding: 30px;
    }
    .build-heading{
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .team-grid {
        grid-template-columns: 1fr;
    }

    .social-icons{
        scale: 0.8;
        top: 30%;
    }
    .choose-brand-card p{
        font-size: 22px;
    }
}

@media screen and (max-width: 380px) {
    .unreal-action{
        flex-direction: column;
        align-items: center;
    }
    .cover img{
        aspect-ratio: 3 / 1.3;
    }
    .choose-brand-card p{
        font-size: 18px;
    }

}