@media only screen and (min-width: 600px) {
    .banner {
        height: 250px;
        background: url(../img/img/banner-5.jpg) no-repeat;
        background-size: cover;
        width: 100%;
    }

        .banner .bannerContent {
            width: 1200px;
            margin: 0 auto;
            text-align: left;
            padding-left: 50px;
            padding-top: 150px;
            color: #fff;
        }

            
}

@media (max-width: 767px) {
    .banner {
        width: 100%;
        height: 300px;
        background: url(../img/img/banner-5.jpg) no-repeat;
        background-size: cover;
    }


        
}




 

.myProductLayout {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    margin-top: 10px;
}

    .myProductLayout .title-barPro {
        padding: 5px 0;
        text-align: center;
        margin: 0px auto 0px auto;
        width: 100%;
        font-size:20px;
    }

    .myProductLayout .title-small {
        text-align: center;
        color: #64707b;
        font-size:13px;
        margin-bottom:20px;
    }  
    

@media screen and (max-width:640px) {
    .myProductLayout {
        width: 98%;
        padding: 10px;
    }

        
        .myProductLayout img {
            max-width:100%;
        }
}




.myNext {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    margin-top: 10px;
    display:flex;
    justify-content:space-between;
}
 


@media screen and (max-width:640px) {
    .myNext {
        width: 98%;
    }


        .myNext img {
            max-width: 100%;
        }
}