@media (min-width: 992px) {
    .brb-img{
        width: 100%;
        height: 122vw;
        background-size: 162vw;
        background-position: -26vw bottom;
    }
    .brb-title{
        margin-top:140px;
    }
    .brb-shadow {
        margin-top: -100vw;
        width: 100vw;
        height: 270vw;
        margin-left: 0px;
    }
    .color{
        width: 150px;
        height: 150px;
        line-height: 22px;
        font-size: 20px;
        padding-left: 27px;
        padding-bottom: 20px;
    }
    .color-desc{
        margin-top: 32px;
    }

    .color-digital{
        margin-top: 16px;
        margin-bottom: 32px;
    }
    .gradient-block{
        border-radius: 16px;
    }
    .gradioent-line {
        width: 150%;
        margin-left: -33%;
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .font-shadow {
        width: 290%;
        margin-top: -370px;
        margin-left: -130%;
    }
    .pattern1 {
        background-size: cover;
        height: 590px;
    }
    .pattern2 {
        background-size: 152vw;
        height: 84vw;
        background-position: -17vw center;
    }
    .carrier1 .title{

        width: 65%;
    }
    .carrier2 div {
        background-size: 110vw;
        height: 80vw;
    }
    .carrier5 div{
        width: 100%;
        background-size: 139vw;
        background-position: -13vw -4vw;
        height: 87vw;
    }

    .photo1 div, .photo2 div, .photo3 div, .photo4 div{
    
        height: 70vw;
        margin-top: 8.333%;
    }
    .photo1 div{
        background-size: 133vw;
        background-position: -32vw -17vw;
    }
    .photo2 div{
        background-size: 165vw;
        background-position: -70vw -25vw;
    }
    .photo3 div{
        background-size: 134vw;
        background-position: -21vw -12vw;
    }
    .photo4 div{
        background-size: 101vw;
        background-position: -12vw -2vw;
    }

}