/* ================ PRODUCT LIST PAGES  */
p a {color: #083648; font-weight: bold; text-decoration: underline;}
p a:hover {text-decoration: none;}
.choice{padding:5px 0;}
.product-hero{width:100%;text-shadow:#000 0 0 10px;padding:0;box-sizing:border-box;color:#fff;display:block;overflow:hidden; background-color:#000; position: relative;}
.product-hero img{position:absolute;width:100%;opacity: 0.6; top: 0;}
.product-hero .head-text{position:relative;background-color:rgba(0,0,0,0.6); padding:20px; width: 100%; margin: 100px 0;}
.product-hero .head-text h1{color:#fff;text-shadow:1px 1px 0 #666; margin: 0 0 5px 0; line-height: 1.1em; font-size: 42px;}
.head-text p {margin: 0;}
.product-wrapper{width:100%;}
.product-wrapper .overview {padding: 40px;}
.product-wrapper .overview h2{margin:0.5em 0 0.25em;}
.product-wrapper p{font-size:1.1em;}
.product-wrapper p.disclaimer{font-size:0.7em;}
.product-detail{margin:40px 0;background-color:#fff;border-radius:5px; box-shadow: 0 0 10px #aaa; padding: 20px 40px;}
.brand-image{padding:20px 0;}
.brand-image .brand-logo{display: block;width:100%;max-width:200px;margin:0 auto;}
.product-detail .brand-detail{display: inline-block;}
.product-detail .brand-detail h3{text-transform:uppercase;font-size:1.2em;margin:0em 0 0.25em 0;}
.product-detail .brand-detail .brand-description p{font-size:0.8em;}
.best-for, .brand-facts{width:100%;font-size:0.8em;border-top:1px dashed #ddd;}
.best-for h4, .brand-facts h4{text-transform:uppercase;font-size:1em;margin:0.65em 0 0.35em 0;font-weight:bold;}
.best-for .brand-bullets ul{list-style-type:none;padding:0px;margin:0px;}
.product-detail .best-for .brand-bullets ul li{vertical-align:top;display:inline-block;line-height:1.4em;padding:10px;}
.product-detail .best-for .brand-bullets ul li:before{font-family:'Glyphicons Halflings';content:"\e006";;color:green;margin-right:0.5em;}
.brand-facts{list-style-type:none;}
.brand-facts ul{padding:0px;margin:0px;}
.brand-facts ul li{display:inline-block;width:22%;vertical-align:top;font-size:0.8em;}
.brand-facts ul li strong{font-weight:600;color:#083648;font-size:1.2em;}
.product-detail .next-action{margin:20px auto;display:block;}
.product-detail .next-action a.button-empty:link, .next-action a.button-empty:visited{width: 100%; margin: 20px auto 0 auto; display:block;border:1px solid #666;background-color:#fff;text-transform:uppercase;color:#083648;text-align:center;padding:10px;transition:all 0.3s;border-radius:2px;font-weight:bold;text-decoration:none;}
.product-detail .next-action a.button-empty:hover, .next-action a.button-empty:focus, .next-action a.button-empty:active{background-color:#083648;color:#fff;transition:all 0.3s;text-decoration:none;}
.product-detail .next-action.mobile{display:none;}
.product-detail .next-action.desktop{display:block;}
.disclaimer{width:100%;padding:10px;font-size:0.8em;}

@media screen and (min-width:1200px){
    .product-wrapper .overview{width:80%;}
}

@media screen and (max-width:1200px){
    .product-hero .head-text h1 {font-size: 40px;}
}

@media screen and (max-width:1000px){
    .product-hero .head-text {margin: 80px 0;}
}

@media screen and (max-width:900px){
    .product-hero .head-text{margin: 60px 0;}    
    .product-hero .head-text h1 {font-size: 34px;}
}
@media screen and (max-width:800px){
    .product-hero{text-align:center;}
    .product-hero .head-text h1 {font-size: 28px; text-align:center;}
    .product-wrapper .overview{width:100%;font-size:0.9em;text-align:center;}
    .product-detail{font-size:0.9em;padding:20px;}
    .product-detail .brand-image, .product-detail .brand-detail{float:none;width:90%;}
    .product-detail .brand-image{margin-bottom:20px;}
    .product-detail .next-action{font-size:0.9em;font-weight:normal;}
    .product-detail .next-action.mobile{display:block;}
    .product-detail .next-action.desktop{display:none;}
    .brand-facts ul li{display:block;width:100%;padding:10px 0;}
}
@media screen and (max-width:680px){
    .product-hero .head-text {width: 100%;}
    h1 {font-size: 20px;}
    .product-hero .head-text p {font-size: 14px;}
}