@media screen and (max-width:1024px) {
.container, header, .inner{width:100%; padding: 0 2%}
.container{text-align: center}
.topForm{right: 10px;}
ul.listBen{left: 15px;}
.subHdr .inner{ background-position: 10px 0;}
.textBtm h3{width: 650px;font-size: 36px;}
.textBtm h4{width: 650px;font-size: 18px;margin-bottom: 10px;}
.btmBox{margin: 10px auto 20px; display: inline-block}
.prodTitle h4{margin: 0 0 0 50px;}

}
@media screen and (max-width:768px) {
.textBtm h3{width: 420px;}
.textBtm h4{width: 420px;}
.subHdr span img{width: 400px;height: auto;margin-top: 10px;}
.tvChannel{width:400px;text-align: center;}
article{margin:35px 0 30px;}
.btmBox{width:100%; margin-top: 0}
.boxTitle{height: auto;	padding: 10px 0;font-size: 38px; line-height: 40px}
.topForm{top:-660px;}
.topForm.choicesForm{top: -255px;}
.prodBox{width:410px;}
.prodTitle{height: auto;}
.prodTitle h4{margin:5px 0 10px 90px;}
.prodDtls{margin:20px auto 0;}

.prodBtm{height: auto;background: url(../images/bgShade.png) center center repeat-y;text-align: center;padding:10px 0;}
.prodBtm input[type="checkbox"] + label  {margin: 10px 0 0;}

}
@media screen and (max-width:640px) {
body{overflow-x: hidden}
header{text-align: center}
.textBtm{padding: 10px 0;}
.textBtm h3, .textBtm h4{width: 100%;}
.tvChannel{width:100%; margin-bottom: 20px;}
.topForm, .topForm.choicesForm{position: relative;top:0;right:auto;}
.flavor span img{ width: 90%; height: auto}
.flavor li{display: inline-block;width: 30%;}
.prodBox{width:410px; display: inline-block; margin: 15px auto}
}
@media screen and (max-width:480px) {
.subHdr .inner{background: url(../images/lose-your-craving.jpg) left -20px top no-repeat;min-height: 390px;}
.subHdr span{width:100%; text-align: center}
.subHdr span img{width: 100%;}
article h2, .futureHere h3{font-size: 39px;}
article h3{font-size: 20px;}
.flavor li{display: inline-block;width: 40%;}
.prodBox{width:90%;}
}
@media only screen and (min-width: 320px) and (max-width: 414px)  {
.subHdr .inner{min-height: 350px;}
.textBtm h3{font-size: 26px;}
.topForm{width:300px;}
.flavor li{display: inline-block;width: 55%;}
.futureHere li img{width: 80%; height: auto; margin-bottom: 20px}
.boxTitle{font-size: 28px; line-height: 30px;}
.boxList li{font-size: 18px;}
.prodTitle h5{position: relative;margin:0 0 10px 90px;top: 0;right:inherit;}
.prodTitle h4{margin:5px 0 5px 90px;}
.prodBox{width:98%;}
.prodDtls{width: 96%;}
.prodDtls h4{ text-align: center; padding: 0 10%;}
.prodBtm{font-size: 11px;}
}