.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
* html .clearfix {
	zoom: 1
}
*:first-child+html .clearfix {
	zoom: 1
}
.this span {
	display: inline
}
.this span:before {
	content: "\a ";
	white-space: pre
}
#wraps {
	width: 100%
}
#wrap, .boxCartMain {
	position: relative
}
#CartWindow {
	z-index: 2147483647
}
#CartWindow {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	min-width: 320px
}
.boxCartMain {
	width: auto
}
.addtobag {
	cursor: pointer
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
* html .clearfix {
	zoom: 1
}
*:first-child+html .clearfix {
	zoom: 1
}
body {
	position: relative;
	min-height: 700px
}
#textContent .prodBox.mainBox p {
	font-size: 16px;
	line-height: 71px
}
.productSubTotal {
	font-family: omnes-pro;
	font-size: 16px
}
.mainCart {
	min-width: 733px;
	margin: 18px auto
}
.mainCart > li {
	border-bottom: 1px dotted;
	display: block;
	min-height: 100px
}
.mainCart > li:nth-child(1) {
	min-height: 32px
}
.addToBox {
	width: 333px;
	height: 333px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}
.boxCart {
	height: auto;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	min-width: 300px
}
.prodBox.mainBox > li {
	height: 100px;
	list-style: outside none none
}
.prodBox > li {
	background-color: #f3f3f3;
	display: block;
	float: left;
	height: 100px;
	line-height: 91px;
	position: relative;
	text-align: center;
	width: 115px
}
.prodBox.header h3 {
	font-family: futura-pt;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 31px;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}
.checkOutBox {
	margin: 0;
	padding: 0 3px
}
.subTotal {
	display: block;
	font-family: omnes-pro;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.025em;
	margin: 11px 26px 20px 0;
	text-align: right;
	text-transform: uppercase
}
.checkOutBox > li:nth-child(1) {
	height: 31px;
	min-height: 31px;
	display: none
}
.continueBtn {
	margin: 10px 0px
}
.continueBtn1::after, .continueBtn1:hover::after {
	background-image: url("/o/images/white-arrow.png");
	background-repeat: no-repeat;
	content: "";
	float: right;
	height: 13px;
	margin-left: 6px;
	margin-top: 6px;
	width: 18px
}
.continueBtn:hover::after {
	background-position: 0 -13px
}
.cartBtn:hover, .continueBtn1:hover {
	color: #000
}
.cartBtn, .continueBtn {
	border: none;
	background-color: #89cfcd;
	color: #fff;
	cursor: pointer;
	float: right;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 27px;
	margin-right: 31px;
	padding: 0 26px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle
}
.gold::before {
	background-image: url("/o/images/blue_arrow.png");
	content: "";
	float: left;
	height: 19px;
	margin-top: 4px;
	width: 19px;
	margin-right: 8px
}
.gold {
	background-image: url("/o/images/gold_strip.png");
	background-repeat: repeat-x;
	border: 1px solid #a78637;
	color: #1f0d0d;
	font-family: futura-pt;
	font-size: 15px;
	font-weight: 300;
	line-height: 27px;
	padding: 0 11px
}
.back2Shop.cartBtn {
	float: none;
	margin-left: 23px;
	margin-right: 0;
	padding-bottom: 6px;
	padding-top: 6px
}
.cartBtn.updateBtn:hover {
	background-color: #89cfcd;
	color: #FFFFFF
}
.cartBtn.updateBtn {
	background-color: transparent;
	border: 1px solid #89cfcd;
	color: #89cfcd;
	line-height: 23px;
	padding: 0 21px
}
.boxCart > h2 {
	border-bottom: 1px solid;
	font-family: futura-pt;
	font-weight: 300;
	margin-left: 5px;
	margin-right: 3px;
	padding-left: 17px;
	text-transform: uppercase;
	line-height: 44px;
	font-size: 21px
}
.prodBox > li:nth-child(1) {
	width: 54%;
	background-color: transparent !important
}
.prodBox.mainBox > li:nth-child(1) {
	background-color: transparent !important;
	width: 54%;
	width: 100%
}
.prodBox > li:nth-last-child(1) {
	margin-left: 16px
}
.prodBox > li:nth-child(4) {
	margin-left: 16px;
	width: 40px
}
.prodBox > li:nth-last-child(1)::before, .prodBox > li:nth-child(4)::before {
	content: "x";
	font-family: helvetica;
	font-size: 13px;
	left: -12px;
	position: absolute;
	top: 2px
}
.prodBox.mainBox > li:nth-last-child(1)::before, .prodBox.mainBox > li:nth-child(3)::before {
	font-size: 20px
}
.prodBox > li:nth-last-child(1)::before {
	content: "="
}
.prodBox.header > li:nth-last-child(1)::before, .prodBox.header > li:nth-child(3)::before {
	content: ""
}
.prodBox.header > li:nth-last-child(1)::before, .prodBox.header > li:nth-child(4)::before {
	content: ""
}
.prodBox li > img {
	float: left;
	height: auto;
	max-height: 97px;
	width: auto
}
.prodBox p {
	font-family: omnes-pro;
	font-size: 12px;
	letter-spacing: 0.025em;
	line-height: 12px;
	margin: 0;
	padding: 40px 0 0
}
.boxCart, .addToBox {
	background-color: #FFFFFF;
	border: 1px solid #E7DCDC;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35)
}
.checkOutBox {
	padding: 0 3px
}
.prodBox {
	margin: 0 8px;
	padding: 0
}
.freeProductSelect {
	border: 1px solid #ededed;
	display: block;
	font-family: omnes-pro;
	font-size: 10px;
	letter-spacing: 0.05em;
	margin: 10px;
	margin-right: 25px;
	margin-left: auto;
	background-color: rgba(241, 202, 99, 0.2)
}
.mainBox.freeProductSelect {
	margin: 10px 19px 10px auto;
	width: 39%
}
.prodBox.header > li {
	height: auto
}
.checkOutBox > li {
	list-style: none;
	border-bottom: 1px dotted;
	min-height: 100px;
	margin-bottom: 12px;
	width: 100%
}
.boxList {
	margin: 0;
	padding: 16px 0 0;
	position: relative;
	text-align: center;
	width: auto
}
.boxList li {
	font-family: omnes-pro;
	font-size: 12px;
	letter-spacing: 0.025em;
	list-style: outside none none
}
.boxList > li:nth-child(-n+3) {
	background-color: rgba(172, 177, 182, 0.1);
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 29.7%
}
.boxList li:nth-last-child(1) {
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: -30px;
	width: 0px;
	cursor: pointer
}
.checkOutBox > li:nth-last-child(1) {
	cursor: pointer;
	position: absolute;
	right: 35px;
	text-indent: -9999px;
	top: 8px;
	width: 0
}
.checkOutBox > li:nth-last-child(1)::before, .boxList li:nth-last-child(1)::before {
	background-image: url("/o/images/sprite-1.png");
	background-size: 100% auto;
	content: "";
	float: left;
	height: 28px;
	width: 28px;
	background-repeat: no-repeat
}
.boxList > li:nth-child(4) {
	margin-top: 10px;
	margin-bottom: 10px
}
.checkOutBox li:hover:nth-last-child(1)::before, .boxList li:hover:nth-last-child(1)::before {
	background-position: 0 -28px
}
.prodBox > li:nth-child(2) {
	background-color: transparent
}
.prodBox select, .boxList select {
	margin-bottom: 10px;
	margin-top: 10px;
	width: 40px
}
.prodBox.mainBox select {
	width: 64px
}
.boxList img {
	width: 100%
}
.submitBtn {
	transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-webkit-transition: all 0.6s ease-in-out 0s
}
.submitBtn {
	background-color: #89cfcd;
	border: medium none #222d3a;
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	cursor: pointer
}
.submitBtn:hover {
	color: black
}
.ordNo, .ordNoFin {
	margin-top: 10px;
	clear: both
}
.ordNo h2, .ordNoFin h2 {
	font-family: futura-pt;
	font-size: 24px;
	text-transform: uppercase
}
 
.secureBox {
	border-bottom: 1px solid;
	border-top: 1px solid;
	height: 56px;
	margin: 20px 0 0;
	padding: 0;
	width: 100%
}
.secureBox { display: none;}
.secureBox h2 {
	font-family: athelas;
	font-size: 30px;
	line-height: 54px;
	text-transform: uppercase;
	color: #89CFCD
}
.secureBoxList {
	float: none
}
.secureBoxList > li {
	float: left;
	font-family: futura-pt;
	font-size: 13px;
	font-weight: 500;
	height: 56px;
	letter-spacing: 0.025em;
	line-height: 60px;
	margin-left: 11px;
	text-transform: uppercase;
	width: 130px
}
.secureBoxList > li {
	font-size: 7px;
	width: 86px
}
.secureBox > li {
	background-color: transparent;
	display: inline-block;
	float: left;
	height: 56px;
	margin-bottom: 16px;
	width: 49%
}
.secureBox > li:nth-child(1) {
	display: none
}
.secureBox > li {
	width: 100%
}
.secureBoxList .on::after {
	background-image: url("/o/images/teal-arrow.jpg");
	content: "";
	float: right;
	height: 56px;
	width: 15px
}
.on {
	background-color: #89cfcd
}
.secureBoxList > li::before {
	background-image: url("/o/images/123.png");
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	float: left;
	height: 24px;
	margin-left: 4px;
	margin-right: 6px;
	margin-top: 16px;
	width: 24px
}
.secureBoxList > li:nth-child(2)::before {
	background-position: 0 -24px
}
.secureBoxList > li:nth-child(3)::before {
	background-position: 0 -48px
}
.secureBoxList > li:nth-child(1) {
	margin-left: 0
}
.secureBox h2::before {
	background-image: url("/o/images/secure-transaction.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	float: left;
	height: 37px;
	margin-right: 7px;
	margin-top: 4px;
	width: 44px
}
.secureBoxList > li.done::nth-child(2)::before, .secureBoxList > li.done::before {
background-position:0 -72px
}
.secureBoxList > li.done:nth-child(1)::before, .secureBoxList > li.done:nth-child(2)::before, .secureBoxList > li.done:nth-child(3)::before {
	background-position: 0 -72px
}
.subBoxListing {
	clear: right;
	display: block;
	float: none;
	margin: auto;
	width: auto;
}
.subBoxListing li {
	display: block;
	font-family: omnes-pro;
	font-size: 16px;
	position: relative;
	right: 0;
	text-align: right;
	width: 230px
}
.subBoxListing .subtotal {
	font-weight: bold
}
.subBoxListing .grandTotal {
	border-top: 1px solid;
	font-size: 29px
}
.subBoxListing .subtotal::before {
	content: "subtotal: ";
	float: left;
	margin-left: 22px;
	text-transform: uppercase
}
.subBoxListing .asdiscount::before {
	content: "autoship discount: ";
	float: left;
	font-size: 12px;
	margin-left: -11px;
	text-transform: uppercase
}
.subBoxListing .coupondiscount::before {
	content: "promo code: ";
	float: left;
	font-size: 12px;
	margin-left: 26px;
	text-transform: uppercase
}
.subBoxListing .shipping::before {
	content: "shipping: ";
	float: left;
	font-size: 12px;
	margin-left: 50px;
	text-transform: uppercase
}
.subBoxListing .tax::before {
	content: "tax: ";
	float: left;
	font-size: 12px;
	margin-left: 80px;
	text-transform: uppercase
}
.subBoxListing .grandTotal::before {
	content: "grand total: ";
	float: left;
	font-size: 16px;
	text-transform: uppercase
}
#textContent p.autoMsg, #textContent p.autoMsg1 {
	float: left;
	width: 40%
}
#textContent p.autoMsg, #textContent p.autoMsg1 {
	float: left;
	letter-spacing: -0.001em;
	margin: 0;
	padding: 0;
	width: 46%
}
#textContent p.autoMsg {
	font-weight: bold;
	font-size: 80%;
	margin-top: 30px
}
#textContent p.autoMsg1 {
	clear: left
}
input.s1[type="text"], input.s2[type="text"] {
	width: 100%
}
input[type=text].phoneBox, input[type=text].emailBox, .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 170px
}
.formB {
	width: auto
}
input.creditBox[type="text"] {
	width: 100%
}
.shipForm {
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	position: relative;
	width: auto;
	padding-right: 16px;
}
.shiplabel {
	float: left;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	margin-left: 7%;
	margin-top: 1%;
	text-transform: uppercase;
	margin-bottom: 24px
}
.shiplabel label {
	display: block;
	margin-bottom: 0;
	margin-left: 13px
}
#textContent .shiplabel p {
	margin: 0 0 5px
}
.rel {
	position: relative
}
.cardButton {
	margin-bottom: 10px
}
.shipForm h3 {
	font-family: futura-pt;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	text-transform: capitalize
}
.cartBtn.final {
	font-size: 16px;
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;
	position: unset
}
.cardButton > li {
	background-color: yellow;
	display: inline-block;
	font-size: 9px
}
.cardButton > li a {
	background-image: url("/o/images/cc_large.jpg");
	background-size: cover;
	display: block;
	height: 42px;
	text-indent: -9999px;
	width: 51px
}
.cardButton > li a.visacard {
	width: 50px
}
.cardButton > li a.mastercard {
	background-position: -51px 0;
	width: 41px
}
.cardButton > li a.discover {
	background-position: -275px 0;
	width: 48px
}
.cardButton > li a.amex {
	background-position: -143px 0;
	width: 38px
}
.rel.autoText div:nth-child(1), .rel.autoText div:nth-child(2) {
	font-family: omnes-pro;
	font-size: 10px;
	height: 0;
	left: 0;
	letter-spacing: 0.2em;
	right: 0;
	text-transform: uppercase;
	top: -29px;
	color: #78746a
}
.rel.autoText div {
	position: absolute
}
.rel.autoText div:nth-child(1) {
	font-size: 9px !important;
	letter-spacing: 0.04em !important;
	line-height: 10px;
	margin-top: 40px
}
.rel.autoText div:nth-child(2) {
	font-size: 9px;
	left: 0;
	line-height: 9px;
	right: 0;
	top: 72px;
	letter-spacing: 0.05em
}
.mainBox .rel.autoText div:nth-child(1) {
	left: 0;
	right: 0
}
.mainBox .rel.autoText div:nth-child(2) {
	left: 0;
	right: 0
}
input.cpnCode[type="text"] {
	display: inline-block;
	width: 75px;
	height: 24px;
	opacity: 0.3
}
input[type=submit].cpnSubmit {
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #89cfcd;
	color: #89cfcd;
	line-height: 23px;
	padding: 0 21px;
	cursor: pointer
}
.b2g1 {
	font-family: omnes-pro;
	font-size: 12px;
	margin-left: 25px;
	margin-bottom: 10px;
	letter-spacing: 0.025em;
	padding: 0;
	margin-top: 0
}
.prodBox p.b2g1 {
	padding: 0;
	text-align: center;
	margin: 0;
	clear: right;
	font-weight: bold
}
#textContent p.b2g1 {
	margin-bottom: 10px
}
#textContent .prodBox.mainBox p.b2g1 {
	font-size: 12px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 34px
}
input.ch1 {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}
.prodBox.mainBox select.ch2 {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: -2px;
	border: none;
	height: 26px
}
.help-block.form-error {
	display: block;
	font-family: omnes-pro;
	font-size: 10px;
	height: 10px;
	letter-spacing: 0.025em;
	line-height: 0;
	margin-left: 16px;
	margin-top: 0;
	padding: 0;
	color: #F874F7
}
.formA input {
	margin-bottom: 12px
}
select.monthBox, select.yearBox {
	margin-top: 0
}
.bannerBox h2, .bannerBox h3 {
	font-family: omnes-pro;
	font-size: 26px;
	text-align: center
}
.bannerBox h3 {
	font-size: 19px
}
ol.innerReciept li {
	font-family: omnes-pro;
	display: inline-block;
	padding: 0 12px
}
.toText {
	font-family: omnes-pro
}
#textContent .toText p {
	line-height: 15px;
	margin-bottom: 0;
	padding: 0;
	font-size: 18px
}
.theBoxShow {
	margin-bottom: 36px;
	margin-top: 29px;
	border-top: 1px solid
}
.toText {
	float: none;
	margin-left: 34px;
	width: 48%
}
.showReciept {
	float: none;
	padding-left: 34px;
	border-top: 1px solid;
	margin-top: 30px
}
.move1 {
	margin-left: -4px
}
.boxCart .subBoxListing {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 29px;
}
.showMe {
	display: block
}
.hideIt {
	display: none
}
.clearBoth {
	clear: both
}
.boxCart label.cpnTxt {
	font-weight: 500;
	float: none;
	font-family: futura-pt;
	font-size: 12px;
	margin-left: 16px;
	text-transform: uppercase;
	clear: left;
	line-height: 17px;
	margin-top: 10px;
	text-align: left;
	width: 147px;
	color: rgba(0,0,0,0.3);
	display: block
}



.cartBtn.updateBtn.cpnSubmit {
	padding: 0 10px;
	float: right;
	width: auto;
	margin-right: auto;
	margin-top: 0px
}
.ExitCartView.cartBtn {
	float: left;
	margin-left: 21px
}

.ExitCartView.cartBtn {
    background-color: white;
    float: left;
    margin-left: 21px;
    color: rgba(0,0,0,0.6);
    border: 1px solid rgba(0,0,0,0.3);
}

.vipTxt {
	float: left;
	font-family: futura-pt;
	font-size: 16px;
	letter-spacing: -0.01em;
	margin-left: 10px;
	margin-top: 14px;
	padding: 1px 20px;
	position: relative;
	text-transform: none;
	margin-bottom: 10px
}
.vipTxt > span {
	background-color: lightsteelblue;
	z-index: 100;
	text-transform: none
}
.vipTxt:hover span {
	right: -20px;
	opacity: 1
}
.vipTxt > span {
	position: absolute;
	width: 200px;
	margin-right: -210px;
	padding: 10px;
	color: #fff;
	background: #333;
	-webkit-box-shadow: 2px 2px 5px #aaa;
	-moz-box-shadow: 2px 2px 5px #aaa;
	box-shadow: 2px 2px 5px #aaa;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-out;
	-moz-transition: opacity 250ms ease-out;
	-ms-transition: opacity 250ms ease-out;
	-o-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out
}
.vipTxt > span {
	left: 395px;
	top: -11px
}
.vipTxt > a {
	line-height: 15px;
	padding-top: 0px;
	opacity: 0.7;
	background-image: url("/o/images/i.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
	display: inline-block
}
.vipTxt > span:before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: -16px;
	width: 0;
	height: 0;
	margin-top: -90px;
	border: 8px solid transparent;
	border-right-color: #333
}
.continueBtn.cartBtn.gold {
	clear: both;
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto
}
.subBoxListing.second {
	margin-top: -54px
}
.subBoxListing.third {
	float: none;
	margin: 13px auto 36px;
	width: 248px
}
.expDate {
	font-family: omnes-pro;
	letter-spacing: 0.05em
}
#CartWindow .shipping, #CartWindow .tax {
	display: none
}
.prodBox.mainBox select.ch2 {
	font-size: 12px;
	font-family: omnes-pro;
	width: 40px
}
.prodBox.mainBox > li:nth-child(3), .prodBox.header > li:nth-child(3) {
	width: 43px
}
.prodBox.header > li:nth-last-child(1), .checkOutBox .prodBox li.productSubTotal {
	width: 47px
}
.prodBox.header > li:nth-child(2) {
	margin-right: 2px
}
.prodBox.mainBox > li:nth-child(2) {
	margin-right: 2px
}
input.shipOption[type="radio"] {
	margin-right: 5px
}
.ViewCart {
	cursor: pointer
}
a.goBuyBtn {
	margin-left: 0
}
a.goBuyBtn {
	background-image: url("/o/adoniaorganics/images/store-images/add2bag.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	margin: 15px auto 20px;
	text-indent: -9999px;
	width: 126px
}
#banner {
	height: 45px
}
#copyright {
	width: 99%
}
label.expDate {
	display: block
}
.lastBtnBox {
	clear: both
}
.autoshipBox > li {
	display: inline-block;
	font-family: arial;
	font-size: 10px;
	line-height: 37px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 46%;
	margin-top: 0px;
	height: 102px;
	background-color: rgba(241, 202, 99,0.2)
}
.formA > select {
	margin-bottom: 12px;
	margin-top: 0
}

button, input, select, textarea {
    padding-left: 10px;
}

.form-group { position: relative;
    margin-bottom: 24px;
}

.help-block.form-error {
    display: block;
    font-family: omnes-pro;
    font-size: 10px;
    height: 10px;
    letter-spacing: 0.025em;
    margin-left: 11px;
    margin-top: 0;
    padding: 0;
    color: #F874F7;
    line-height: 0;
}

span.help-block.form-error {
    position: absolute;
    top: 34px;
    left: 0;
}
.formA   {
    position: relative;
    padding-bottom: 12px;
}	

.footer {   
    margin-top: 57px;
}
.theBoxShow2, 
.theBoxShow {
    width: 75%;
    margin: auto;
}
.theBoxShow { margin-bottom: 20px;}
.showReciept li  { list-style: none;}
ol.innerReciept {
    margin: 0;
    padding: 0;
}

a.cartBtn.updateBtn,
.boxCart label.cpnTxt { display: none;}

@media only screen and (max-width: 890px) {
.secureBox h2 {
	font-size: 26px
}
}

@media only screen and (min-width: 360px) {
.secureBoxList > li {
	font-size: 10px;
	width: 99px
}
#banner {
	height: 76px
}
.prodBox > li {
	width: 154px
}
}

@media only screen and (min-width: 375px) {
.subBoxListing.third {
	width: 68%;
	margin-top: 23px
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 220px
}
.secureBoxList > li {
	font-size: 11px;
	width: 104px
}
.prodBox > li {
	width: 169px
}
}

@media only screen and (min-width: 414px) {
.secureBoxList > li {
	font-size: 12px;
	width: 117px
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 233px
}
.boxCart {
	left: 0;
	width: 90% !important
}
}

@media only screen and (min-width: 480px) {
.subBoxListing {
	clear: right;
	display: block;
	float: right
}
.subBoxListing.third {
	margin-top: 23px;
	width: 53%
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 278px
}
.secureBoxList > li {
	font-size: 14px;
	width: 136px
}
.boxCart {
	width: 77% !important
}
}

@media only screen and (min-width: 568px) {
.subBoxListing.third {
	width: 48%
}
.subBoxListing.third {
	float: right;
	margin-top: -97px
}
.secureBoxList > li {
	font-size: 13px;
	width: 130px
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 312px
}
.boxCart {
	width: 65% !important
}
}

@media only screen and (min-width: 640px) {
.toText {
	float: left;
	margin-left: 34px
}
.showReciept {
	float: left;
	border-left: 1px solid;
	border-top: none
}
.subBoxListing.third {
	width: 43%
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 367px
}
.boxCart {
	width: 57% !important
}
}

@media only screen and (min-width: 667px) {
.boxCart {
	width: 55% !important
}
}

@media only screen and (min-width: 736px) {

.cc {
    margin-bottom: 21px;
}	
	
.formB.form-group.ln span.help-block.form-error {
    left: 21px;
}	
	
.boxCart label.cpnTxt {
	float: left
}
.lastBtnBox {
	clear: none
}
.subBoxListing.third {
	width: 277px !important;
	margin-bottom: 108px;
	margin-top: -178px
}
.cartBtn.final {
	margin-top: 6px;
	position: absolute;
	right: 11%;
	top: 0
}
input.creditBox[type="text"] {
	width: 336px
}
.secureBoxList {
	float: right
}
.continueBtn.cartBtn.gold {
	clear: none
}
input.phoneBox[type="text"], input.emailBox[type="text"], .formA, input.zipcodeBox[type="text"], input.cityBox[type="text"], input.stateBox[type="text"] {
	width: 140px
}
#banner {
	height: 68px
}
.secureBoxList > li {
	font-size: 11px;
	width: 106px
}
input[type=text].phoneBox, input[type=text].emailBox {
	width: 48%
}
.formA:nth-child(n+2) {
	margin-left: 22px
}
input.s2[type="text"] {
	margin-left: 19px
}
.formB:nth-child(n+2) {
	/*margin-left: 7px*/
}
.formA, .formB {
	float: left
}
.formB {
	width: 48%
}
.secureBox > li:nth-child(1) {
	display: block
}
.secureBox > li {
	width: 49%
}
.shipForm {
	width: 713px !important
}
.checkOutBox > li {
	margin-bottom: 0px
}
.checkOutBox > li:nth-child(1) {
	display: block
}
.boxCart {
	width: 675px !important
}
.prodBox.mainBox > li:nth-child(1) {
	width: 54% !important
}
.prodBox > li {
	width: 52px !important
}
.prodBox > li:nth-child(1) {
	width: 54% !important
}
.prodBox.header > li:nth-child(2), .prodBox.mainBox > li:nth-child(2) {
	width: 126px !important
}
.prodBox.mainBox > li:nth-child(3), .prodBox.header > li:nth-child(3) {
	width: 43px !important
}
.prodBox > li:nth-child(4) {
	width: 39px !important
}
.prodBox.header > li:nth-last-child(1), .checkOutBox .prodBox li.productSubTotal {
	width: 46px !important
}
}

@media only screen and (min-width: 768px) {
.secureBoxList > li {
	font-size: 12px;
	width: 109px
}
.boxCart {
	left: unset !important
}
.prodBox.header > li:nth-child(2), .prodBox.mainBox > li:nth-child(2) {
	width: 137px !important
}
}

@media only screen and (min-width: 1024px) {
.subBoxListing.third {
	width: 34% !important
}
.secureBoxList > li {
	font-size: 13px;
	width: 130px
}
}/* CSS Document */