@media screen and (max-width: 992px) {

    .hero{
        background: url(../img/gallery11.jpeg) no-repeat center;
        background-size: cover;
    }

    .br_mobile {
        
        display: block;

    }
    .br_pc {

        display: none;;

    }

}

@media screen and (min-width: 992px) {

    .hero{
        background: url(../img/gallery11.jpeg) no-repeat center;
        background-size: cover;
    }

    .br_mobile {
        
        display: none;

    }
    .br_pc {

        display: block;

    }

}