.banner-product { background-color: #25376E; height: 300px;}
.banner-product .content { position: relative;}
.banner-product h1 { color: #fefeff; font-size: 45px; display: block; position: absolute; top: 120px; left: 100px; font-weight: 300;}

.ow {}
.ow h2 { display: block; text-align: center; color: #273972; font-size: 30px; margin: 80px auto 30px auto; font-weight: normal;}
.ow p { display: block; color: #686d81; line-height: 28px; width: 1000px; margin: auto; margin-bottom: 50px;}

.detail { background-color: #FFF;}
.detail .content {padding: 50px 0px;}
.detail img { display: block; margin: auto; max-width: 800px; margin-bottom: 20px;}

@media(max-width:640px){
    .banner-product { background-color: #25376E; height: 200px;}
    .banner-product .content { position: relative;}
    .banner-product h1 { color: #fefeff; font-size: 35px; display: block; position: relative; top: 80px; left: 0px; font-weight: 300; text-align: center;}

    .ow {}
    .ow h2 { display: block; text-align: center; color: #273972; font-size: 26px; margin: 30px auto 30px auto; font-weight: normal;}
    .ow p { display: block; color: #686d81; line-height: 28px; width: auto; padding: 0px 20px; margin: auto; margin-bottom: 50px;}

    .detail { background-color: #FFF;}
    .detail .content {padding: 50px 0px;}
    .detail img { display: block; margin: auto; max-width: 80%; margin-bottom: 20px;}
}