@media (max-width: 767px){
    /* studio-top-section */
    .studio-top-content{
    padding: 600px 20px 200px 20px;
    width:auto;
    margin-left: auto;
}
/* banner-section */
.banner-section {
    padding: 20px 20px;
}
.banner-img {
    width: 100%;
    height: auto;
}
.banner-img-topic {
    width: auto;
    font-size: 18px;
}
 .banner-grid {
    flex-wrap: wrap;
  }

  .banner-box {
    width: 45%; /* Two boxes per row with some gap */
    margin-bottom: 20px;
  }
  .banner-box-head{
    font-size: 40px;
}
.banner-box-para{
    font-size: 17px;
}
/* award-section */
.award-section {
    padding: 5rem 20px;
    
}
.award-header-portion {
    width: auto;
}
.award-head {
    margin: 0;
    font-size: 30px;
    line-height: 2.5rem;
    padding-top: 8px;
}
.award {
    text-align: left;
}
.award-grid-box{
    padding: 5px 0px;
    display: block;
}
.award-grid-box-left{
    width: 100%;
    padding: 20px 0px;
}
.award-grid-box-right{
    width: 100%;
    
}
.milestone{
   text-align: right;
}
.award-content{
    font-size: 22px;
    color: #b8b8b8;
    margin: 0;
    padding: 0;
}
/* team-section */
.team-section{
    padding: 10rem 20px;
    padding-bottom: 1rem;
}
.team-grid{
    display: block;
}
.team-box{
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}
/* Full-screen divs styling */
.studio-animated-section{
    padding: 3rem 20px;
}
.collab-btn {
  bottom: 2px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* studio-top-section */
    .studio-top-content {
        padding: 400px 20px 150px 20px;
        width: 70%;
    }

    /* banner-section */
    .banner-section {
        padding: 20px 25px;
    }

    .banner-img-topic {
        width: 75%;
        font-size: 18px;
    }

    .banner-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px 25px;
    }

    .banner-box {
        width: 48%;
        margin-bottom: 20px;
    }

    .banner-box-head {
        font-size: 45px;
        padding: 12px 0px;
    }

    .banner-box-para {
        font-size: 18px;
    }

    /* award-section */
    .award-section {
        padding: 12rem 25px;
    }

    .award-header-portion {
        width: auto;
    }

    .award-head {
        font-size: 50px;
        line-height: 3rem;
    }

    .award-grid-box {
        flex-direction: column;
        padding: 20px 0px;
    }

    .award-grid-box-left,
    .award-grid-box-right {
        width: 100%;
    }

    .award-grid-box-left {
        margin-bottom: 15px;
    }

    .right-line {
        padding: 15px 0px;
    }

    .award-content {
        font-size: 24px;
    }

    /* team-section */
    .team-section {
        padding: 8rem 25px 2rem;
    }

    .team-grid {
        display: flex;
        gap: 15px;
        justify-content: space-between;
    }

    .team-box {
        width: 48%;
        margin-bottom: 30px;
    }

    .team-img-section {
        height: 300px;
    }

    .team-img-head {
        font-size: 24px;
    }

    /* animated section */
    .studio-animated-section {
        padding: 8rem 25px;
    }

    .full-screen-div {
        height: 70vh;
    }

    .collab-btn {
        font-size: 16px;
        padding: 10px 20px;
        bottom: 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    /* studio-top-section */
    .studio-top-content {
        padding: 450px 20px 180px 20px;
        width: 65%;
    }

    /* banner-section */
    .banner-section {
        padding: 20px 28px;
    }

    .banner-img-topic {
        width: 70%;
        font-size: 19px;
    }

    .banner-grid {
        gap: 25px;
        padding: 20px 28px;
    }

    .banner-box {
        width: 23%;
    }

    .banner-box-head {
        font-size: 48px;
    }

    .banner-box-para {
        font-size: 19px;
    }

    /* award-section */
    .award-section {
        padding: 15rem 28px;
    }

    .award-header-portion {
        width: 65%;
    }

    .award-head {
        font-size: 55px;
        line-height: 3.3rem;
    }

    .award-content {
        font-size: 26px;
    }

    /* team-section */
    .team-section {
        padding: 8rem 28px 2rem;
    }

    .team-grid {
        gap: 18px;
    }

    .team-box {
        width: 24%;
    }

    .team-img-section {
        height: 320px;
    }

    .team-img-head {
        font-size: 25px;
    }

    /* animated section */
    .studio-animated-section {
        padding: 8rem 28px;
    }

    .full-screen-div {
        height: 75vh;
    }

    .collab-btn {
        font-size: 17px;
        padding: 11px 22px;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {}