#product{}

#product .banner {width:100%;height:50rem;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
#product .banner .container{position:relative;height:100%;}
#product .banner .container .text{position:absolute;top:50%;left:0;transform:translateY(-50%);}
#product .banner .container .text .title{font-size:3rem;color:#ea7473;}
#product .banner .container .text .model{font-size:2rem;color:#ea7473;}
#product .banner .container .text .tags{padding:2rem 0;}
#product .banner .container .text .tags ul{}
#product .banner .container .text .tags ul li{display:inline-block;width:auto;margin-right:1rem;padding:0 1.5rem;line-height:3rem;background-color:#ea7473;border-radius:1.5rem;text-align:center;color:#fff;}
#product .banner .container .text .slogan{margin-top:1rem;width:100%;font-size:1.5rem;color:#ea7473;}
#product .banner .container .image{position:absolute;top:50%;right:0;transform:translateY(-50%);}
#product .banner .container .image img{width:37.5rem;}

#product .details{width:100%;}

@media (max-width:768px){
    #product .banner .container .text{position:unset;top:unset;left:unset;transform:unset;margin-top:8rem;}
    #product .banner .container .text .title{font-size:1.5rem;}
    #product .banner .container .text .model{font-size:1rem;}
    #product .banner .container .text .tags{padding:1rem 0;}
    #product .banner .container .text .tags ul li{margin:0.5rem 0.5rem 0 0;padding:0 1rem;line-height:2rem;border-radius:1rem;}
    #product .banner .container .text .slogan{font-size:1.25rem;}
    #product .banner .container .image{position:unset;top:unset;right:unset;transform:unset;}
    #product .banner .container .image img{width:100%;}
}