@media only screen and (max-width: 1024px) {
    .banner2 {
        height: 349px;
    }


    .banner2 .mask {
        position: relative;
        z-index: 50;
        width: 95%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding: 24px 35px;
        color: #fff;
    }

    .banner2 .mask h1 {
        margin-left: 18px;
        font-size: 32px;
    }

    .banner2 .mask .info>div {
        width: 100%;
    }
    .banner2 .mask .info {
        position: relative;
        top: 35px;
        left: 0px;
        z-index: 60;
        width: 65%;
    }
}

@media only screen and (max-width: 980px) {
    .banner2 {
        background-image: none !important;
        height: auto;
        min-height: 240px;
    }

    .banner2 .mask {
        width: 100%;
    }

    .banner2 .mask .info {
        top: 15px;
    }

    .breadcrump{
        display: none;
    }

    .content>div {
        padding: 35px 0px;
    }
}

@media only screen and (max-width: 768px) {
    .banner2 .mask .info {
        width: 100%;
    }
}

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

    .banner2 .mask {
        position: relative;
        z-index: 50;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding: 24px 15px;
        color: #fff;
    }
    .banner2 .mask .info>div {
        width: 100%;
    }
    .banner2 .mask .info {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 60;
    }
    
    .content>div {
        padding: 15px 0px;
    }
    .banner2 .mask h1 {
        font-size: 30px;
        font-weight: bold;
    }
 

}

@media only screen and (max-width: 425px) {
    .banner2 {
        min-height: 296px;
    }

    .banner2 .mask {
        position: relative;
        z-index: 50;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding: 24px 25px;
        color: #fff;
    }
    .banner2 .mask .info>div {
        width: 100%;
    }
    .banner2 .mask .info {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 60;
    }
    .breadcrump{
        display: none;
    }
    .content>div {
        padding: 20px 0px;
    }

 
}