@media only screen and (min-width: 375px) {
    .case-study-wrapper {
        background-color: #000;
    }
    .case-study-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }

}
@media only screen and (min-width: 768px) {
    .case-study-list li {
        width: 48%;
        margin-bottom: 50px;
      }
      .section-slider-wrap {
       padding: 0;
      }
      .services_wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .left_box {
        width: 44%;
    }
    .right_box {
        width: 46%;
    }
    .left_box video {
        width: 350px;
    }
    .right_box h2 {
        font-size: 24px;
      }
      .right_box p {
        font-size: 18px;
        text-align: left;
        max-width: 528px;
      }
    .section-slider-wrap p{
        font-size: 35px;
            letter-spacing: -0.005em;
            line-height: 1.5;
      }
      .section-slider-wrap h2{
        font-size: 70px;
    }
    .counter-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 50px 20px;
    }
      
}
@media only screen and (min-width: 600px) {
    .rad-awards__stage {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100svh;
        position: sticky;
        top: 0;
        width: calc(100% - var(--rad-spacing-sm)* 3 / 4* 4 + var(--rad-spacing-sm)* 3 + var(--rad-spacing-sm)* 0);
    }
    .rad-awards__stage {
        width: calc(200% - var(--rad-spacing-sm)* 3 / 4* 8 + var(--rad-spacing-sm)* 7 + var(--rad-spacing-sm)* 0);
        width: calc(100% - var(--rad-spacing-sm)* 7 / 8* 8 + var(--rad-spacing-sm)* 7 + var(--rad-spacing-md)* 0);
    }

}
@media only screen and (min-width: 992px) {
    .app-box {
        width: 31.5%;
    }

}
@media only screen and (min-width: 1024px) {
    .case-study-list li {
        width: 22%;
      }
      .rad-awards__stage {
        width: calc(33.33333% - var(--rad-spacing-sm)* 11 / 12* 4 + var(--rad-spacing-sm)* 3 + var(--rad-spacing-md)* 0);
    }
    .rad-awards__stage {
        width: calc(66.66667% - var(--rad-spacing-sm)* 11 / 12* 8 + var(--rad-spacing-sm)* 7 + var(--rad-spacing-md)* 0);
        width: calc(300% - var(--rad-spacing-sm)* 3 / 4* 12 + var(--rad-spacing-sm)* 11 + var(--rad-spacing-sm)* 0);
        width: calc(150% - var(--rad-spacing-sm)* 7 / 8* 12 + var(--rad-spacing-sm)* 11 + var(--rad-spacing-md)* 0);
        width: calc(100% - var(--rad-spacing-sm)* 11 / 12* 12 + var(--rad-spacing-sm)* 11 + var(--rad-spacing-md)* 0);
    }
    .banner .right {
        width: 34.2%;
        color: white;
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 50px;
    }
    .banner .left {
        width: 60%;
    }
}
@media only screen and (min-width: 1200px) {
    .portfolio-graphic {
        overflow: hidden;
    }
    .portfolio-description {
        padding: 20px 0;
        border: 1px solid #ccc;
        border-top: none;
        padding: 25px;
    }
    .project-heading {
        font-size: 2.6rem;
        margin-bottom: 16px;
    }
    .section-slider-wrap h2{
        font-size: 90px;
    }
    .right_box h2 {
        font-size: 24px;
      }
      .right_box p {
        font-size: 18px;
        text-align: left;
        max-width: 528px;
      }
      .counter-content {
        padding: 30px 80px;
    }
    .counter-inner {
        color: #fff;
    }
    .counter-box {
        margin-bottom: 8px;
    }
    .counter-value, .categories-number {
        font-size: 2.4rem;
        line-height: 1.1;
    }
    .counter-value, .categories-number {
        font-size: 2.4rem;
        line-height: 1.1;
    }
    .counter-title {
        font-size: 1.8rem;
        line-height: 1.03;
    }

}
@media only screen and (min-width: 1366px) {
    .left_box video {
        width: 660px;
    }
    .section-slider-wrap p{
        width: 800px;
      }
      .section-slider-text {
        margin: 50px 0;
      }
}
@media only screen and (min-width: 1600px) {


}