@charset "UTF-8";
/* CSS Document */

body {  background: #fff; font-family: 'Lato', sans-serif!important; font-size:14px; text-align:center; width:100%; color:#000;box-sizing: border-box; }
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label { position:relative;}
body, ul, li, h1, h2, h3, h4, p { margin:0!important; font-weight:normal;}
h1, h2, h3 {display:block;}
li { list-style:none;}
a { outline:none; text-decoration:none!important; cursor: pointer; color: #000;}
a, input {-webkit-appearance: none;}
a img { border:none;}
header, nav, section, footer, hgroup, article, content { display:block; position:relative; width:100%;}

header { width: 100%; background: #fff; position: sticky; z-index: 9999; top: 0; }
.headerContact { width: 100%; padding: 12px 5% 10px; color: #fff; text-align: right;}
.headerContact p { padding: 0 10px 0 0; }
.headerContact p a { color: #fff;}
.headerContact p img { width: 20px; height: auto; }
#showCart { width: 40px; height: auto; display: block; }
#showCart img { width: 30px; }
#showCart span { width: 20px; background: #609e9a; z-index: 2; position: absolute; top: -8px; right: -8px; text-align: center; font-size: 10px; line-height: 20px;}

.headerHolder { width: 96%; max-width: 1024px; margin: 0 auto; }
.mainLogo { width:30%; display:block;}
.mainLogo img { max-width:150px; height:auto; width: 80%;}

.phoneBox { width: 200px; border: 2px solid #a084bb; text-align: center; padding: 10px; }
.phoneBox p,
.phoneBox h2 {padding: 0;}
.phoneBox h2 { font-size: 22px; }

#showSubMenu { z-index: 1;}
#showSubMenu img { width: 32px; height: auto; display: block;}
.subMenu { width: 150px; background-color: #fff; position: absolute; top: 30px; left: -50px; z-index: 2; padding: 5px 0; overflow: hidden; display: none;}
.subMenu li { width: 100%;}
.subMenu li a { width: 100%; display: block; padding: 5px 10px; text-align: left; color: #777; font-size: 14px; border-bottom: 1px solid #dedede;}
.subMenu li:last-child a { border:none;}
.subMenu li a:hover,
.subMenu li a:active {text-decoration: underline!important; cursor: pointer;}
.subMenu li a img { float: right; width:24px; height: auto;}

/*Slider*/
.bx-wrapper,
.sliderHolder,
.sliderHolder li,
.sliderHolder li img,
.benefitsCoupons li a .prodLogo img,
.benefitsCoupons li a .productSnap img { width:100%; padding: 0 !important; margin: 0 !important;}
.sliderHolder li img,
.benefitsCoupons li a .prodLogo img,
.benefitsCoupons li a .productSnap img { height:auto; display:block;}

/*Beneficios Lobby*/
.lobbyBenefits, .productP { max-width: 1200px; margin: 0 auto; width: 96%; }
.menuList { width: 20%; padding: 0;}
.benefitsCoupons { width: 79%; padding: 55px 0; 0}
.benefitsCoupons li { width: 33%; padding:0 15px 0 15px;padding-bottom: 100px;}
.benefitsCoupons li a { width: 100%; display: block; padding: 30px 30px 110px; text-align: center; color: #fff;
border-radius: 0 30px 30px 30px; }

.benefitsCoupons li a .prodLogo { width: 80%; margin: 0 auto; }
.benefitsCoupons li a h2 { font-size: 22px;}
.benefitsCoupons li a h3 { color: #fdffc7; font-size: 77px; font-weight: bold; }
.benefitsCoupons li a p { font-size: 18px; color: #fff; }
.benefitsCoupons li a p.precioAnterior { font-size: 16px; opacity: .6;text-decoration: line-through;  padding: 0;}
.benefitsCoupons li a p.whiteCTA { background: #fff; width: 80%; font-size: 12px; padding: 10px; left: 10%; }
.benefitsCoupons li a .productSnap { width: 50%; position: absolute; bottom: -50px; left: 25%; }

.benefitsCoupons li.greenBG a { background-color: #639e9a;}
.benefitsCoupons li.purpleBG a { background-color: #a083bb;}
.benefitsCoupons li.skinBG a { background-color: #f2a18a;}

.benefitsCoupons li.greenBG a .whiteCTA{ color: #639e9a;}
.benefitsCoupons li.purpleBG a .whiteCTA{ color: #a083bb;}
.benefitsCoupons li.skinBG a .whiteCTA { color:#f2a18a; }

/*Menú lobby*/
.menuList li { width: 100%; padding-bottom: 10px;}
.menuList li a { width: 100%; display: block;  padding: 10px;background: #f7f7f7; font-size: 16px; color: #777;}
.menuList li a h2, .productDetail h3, .productPrice { font-size: 16px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%;}
.menuList li a .imgHolder { width: 50px; height: 50px; margin-right: 10px; background-color: #f1f1f1; text-align: center; padding: 10px;  }
.menuList li a .imgHolder img { width: 100%; height: auto; }
.menuList li a:active,
.menuList li a:hover { background-color: #dedede; }

.menuList li:first-child { padding: 10px 0 0;}
.menuList li:first-child a { background:none; }


/*Shopping Cart*/
.shopCart { position: fixed; right: -420px; top: 0; background: #fff; width: 90%; max-width: 420px; height: 100%; z-index: 999999; }
#closeNavR { width: 20px; position: absolute; right: 14px; top: 17px; z-index: 2; cursor: pointer; opacity: .6; }
#closeNavR img { width: 100%; height: auto; display: block; }
#closeNavR:hover, #closeNavR:active { opacity: 1; }
.shopCart > h2 { font-size: 24px; text-align: left; padding: 10px 20px; background: #f7f7f7; font-weight: bold; z-index: 1; } 
.shopCart > p { padding: 10px 20px; font-size: 12px; text-align: center; color: #777;}
.cartList { width: 100%; padding:10px 20px; }
.cartList li { width: 100%; border-bottom: 1px solid #dedede;overflow: hidden; padding-top: 10px;}

.productCounter,
.productDetail,
.productMisc { width: 20%; float: left; } 

.productCounter { height: 30px; color: #fff; line-height: 30px; overflow: hidden; }
.productCounter > div { width: 33.33%; float: left; text-align: center; cursor: pointer; }
.productCounter .more:hover,
.productCounter .more:active,
.productCounter .less:hover,
.productCounter .less:active { font-size: 22px; }

.productCounter .amount input { width: 100%; border: none; text-align: center; color: #fff; padding: 0; }
.productCounter .amount input::placeholder { color: #fff; opacity: 1;}
.productCounter .amount input:-ms-input-placeholder {color: #fff;}
.productCounter .amount input::-ms-input-placeholder {color: #fff;}
.productDetail { width: 47%; padding: 0 10px 10px; }
.productDetail h3 { font-size: 14px;  color: #777;}
.productDetail p { color: #b0b0b0; font-size: 10px; padding: 0; line-height: inherit; }
.productDetail p.productDisc { font-size: 12px; }

.productMisc { width: 33%; overflow: hidden; }
.productPrice, .productRemove { width: 78%;}
.productPrice {padding: 0;  line-height: inherit; font-weight: bold;}
.productRemove { width:16%; }
.productRemove a, .productRemove a img { width: 100%; height: auto; display: block; }

.shopCartTools, .shopCartTotals { width: 100%;  padding: 0 20px 10px;}
.shopCartTools p { font-size: 10px; color: #777; padding:5px 0;}
.shopCartTools p a#eraseAll { background: #dedede; color: red; padding: 10px; }
.shopCartTools p a#eraseAll img { width: 16px; height: auto; }
.shopCartTools p a#eraseAll span { margin-left: 5px; }
.shopCartTools p:last-child { float: right; }
.shopCartTools p a#eraseAll:hover,
.shopCartTools p a#eraseAll:active { background:#f1f1f1; }

.shopCartTotals p { width: 50%; left: 50%; color:#777; font-size: 14px; border-bottom: 1px solid #dedede; padding: 6px 0;}
.shopCartTotals p span { font-weight: bold; font-size: 16px; float: right; }
.shopCartTotals p:last-child { border: none; }

.showMenu { right: 0; }

/*----Toogle checkbox----*/
.switch {width: 60px;height: 28px;}
.switch input { opacity: 0;width: 0;height: 0;}
.shopCartTools p.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; color: #fff; padding: 0;}
.shopCartTools p.slider span { color: #fff; top: 3px;left: 10px; font-size: 16px;}
.shopCartTools p.slider span.colones {  left:29px;}
.shopCartTools p.slider:before { position: absolute; content: ""; height: 20px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/*---- Ends toggle check box----*/

#process { width: 80%; padding: 10px; color:#fff; position: relative; border: none; left: 10%; font-size: 20px; display: block; text-align: center; }
.process { width: 80%; padding: 10px; color:#fff; position: relative; border: none; left: 10%; font-size: 20px; display: block; text-align: center; }

/*Internas productos*/
.productP h1 { font-size: 26px; font-weight: bold; border-bottom: 1px solid #dedede; padding-bottom: 15px; }
.productP h2 { color: #b1b1b1; padding: 10px 0 15px; font-size: 20px; }
.productP p { color: #b1b1b1; font-size: 14px; }

.prodcutCols { width: 100%; padding:0 0 15px;}
.prodcutCols li { width: 67%; padding-right: 2%; }
.productIMG, .productIMG img  { width: 100%; height: auto; display: block; }

.starList { width: 200px; margin: 10px auto!important; overflow: hidden; padding: 0;}
.starList li { width: 20%; float: left; min-height: 15px; text-align: center;  font-size: 20px; color: #ffcc00; }

.prodcutCols li.productOffer { width: 30%; background: #f7f7f7; padding: 30px; text-align: center;}
.productOffer hgroup { width: 100%; border-bottom: 1px solid #dedede; padding-bottom: 10px; }
.productOffer hgroup h2 { font-size: 36px; padding: 0;}
.productOffer hgroup h3 { font-size: 25px; text-decoration: line-through; color: #b1b1b1; font-weight: lighter;}
.productOffer p { padding: 15px 0; }
.productOffer p.descuento { font-size: 20px; font-weight: bold; padding: 15px 0; } 
.productOffer p.vendidos { font-size: 18px; border-top: 1px solid #dedede; }
.productOffer p.vendidos span { font-size: 12px; color: #b1b1b1; display: block; width: 100%; }
.productOffer .cronoTitle { font-size: 14px; padding-bottom: 15px;}
.productOffer .cronoTitle p { padding: 0 0 0 5px; text-align: left; }
.productOffer .cronoTitle img { width: 14px; height: auto; }
.productOffer .cronoHolder { width: 100%; border: 4px solid #e3e3e3; }

/*Cronómetro*/
.productOffer .cronoHolder .timer { width: 100%; padding: 15px; }
.productOffer .cronoHolder .timer li { width: 25%; text-align: center; }
.productOffer .cronoHolder .timer li p { padding: 0; font-size: 26px;  color:#b1b1b1; font-weight: bold;}
.productOffer .cronoHolder .timer li p:last-child { font-size: 10px;  font-weight: normal; line-height: inherit;}

/*Detalle de orden*/
.orderDetail { padding: 20px 0; }
.orderForm, .pageDesc { width: 90%; max-width: 900px; margin: 0 auto; padding: 30px; }
.orderForm h1, .orderForm h2 { padding: 10px 20px; font-size: 26px; background: #f7f7f7; font-weight: bold; text-align: center; }
.orderForm .ctaHolder { width: 100%; text-align: center;}

.orderForm a#process { width: 200px; left: 0; margin: 0 5px; }
.orderForm a#process.secondCTA { background: #dedede; color: #777; }
.orderForm a#process.secondCTA:hover,
.orderForm a#process.secondCTA:active { background: #f1f1f1; }

.orderForm a.process { width: 200px; left: 0; margin: 0 5px; }
.orderForm a.process.secondCTA { background: #dedede; color: #777; }
.orderForm a.process.secondCTA:hover,
.orderForm a.process.secondCTA:active { background: #f1f1f1; }

.ordenTotal { width: 100%; padding-top: 20px; }
.ordenTotal .shopCartTools h3 { color: #777; font-size: 18px; padding-bottom: 20px; }
.ordenTotal .shopCartTools > p:last-child { float: inherit; padding-left: 10px; }

/*Formulario*/
.orderDetailList { width: 100%; overflow: hidden; padding:20px 0; }
.orderDetailList li { width: 50%; float: left; padding-bottom: 15px;}
.orderDetailList li label { width: 100%; padding-bottom: 10px; color: #777; }
.orderDetailList li input,
.orderDetailList li .inputWrap { width:96%; border:1px solid #f1f1f1; padding:6px 4%; left: 1%; color: #777;}
.orderDetailList li input:focus, .orderDetailList li textarea:focus { border:1px solid #090;}
.orderDetailList li input.blueCTA { color: #fff; font-size: 20px; cursor: pointer; border: none; font-weight: bold; }
.orderDetailList li input::placeholder { color: #dedede;}
.orderDetailList li input:-ms-input-placeholder {color: #dedede;}
.orderDetailList li input::-ms-input-placeholder {color: #dedede;}
.orderDetailList li a { font-size: 12px; color: #999; text-decoration: none; width: 100%; display: block; }
.orderDetailList li a:first-child { padding-bottom: 5px;}
.orderDetailList li .inputWrap select { width: 100%; border: none; color: #777;}

.paymentInfo li .inputWrap,
.paymentInfo li .CCseguridad,
.paymentInfo li .cardLogos, .ordenTotal > div { width: 49%; }
.paymentInfo li .cardLogos {padding: 0 10px; }
.paymentInfo li .cardLogos img { height: auto; }

.orderList { width: 100%; padding: 0; }
.orderList li { width: 100%; border-bottom: 1px solid #dedede;  padding: 15px 20px 10px;}
.orderList li .orderAmount { width: 50px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 18px; }
.orderList li .orderADetail { padding: 0 15px;  width: 70%;}
.orderList li .orderADetail h3 { font-size: 18px; color: #777; }
.orderList li .orderADetail p { padding: 0; color: #b0b0b0;  font-size: 12px; line-height: 20px;}
.orderList li .orderADetail .orderDisc { font-size: 14px; }
.orderList li .orderPrice { float: right; }
.orderList li .orderPrice p { font-size: 12px; color: #b0b0b0; padding: 0; }
.orderList li .orderPrice p.finalPrice { font-size: 18px; font-weight: bold;}

.thanksP .orderForm p { color: #777; text-align: center; }
.thanksP .orderForm p.orderCode { font-size: 40px; font-weight: bold; padding: 20px 0; }

/*Internal Pages*/
.pageDesc p { color: #777; }
.pageDesc h1 { font-size: 30px; text-align: center; width: 100%; padding-bottom: 15px; font-weight: bold;}

.footerWrapper { max-width: 1200px; margin: 0 auto; width: 90%; padding: 30px 0 10px; }
.footerList { width: 24.5%; padding: 0; }
.footerList li { width: 100%; padding-bottom: 10px; }
.footerList li h2,
.footerList li,
.footerList li a { color: #fff; font-size: 18px; }
.footerList li h2 { font-size: 22px; }
.footerList li.footerTel { font-size: 25px; }

.footerMedia { width:18%;}
.footerMedia li { width: 27%; float: left; text-align: center; }
.footerMedia li:first-child { width: 100%; float: none; text-align: left; }
.footerMedia li a img { width: 100%; height: auto; display: block; max-width: 32px; margin: 0 auto; }
.footerList li a:hover,
.footerList li a:active { text-decoration: underline!important; }
.footerLogos { padding: 0; width: 100%;  text-align: center;}
.footerLogos li { padding:0 10px; width:13%;}
.footerLogos li img {width: 100%; height: auto; display: block;}

/*-------------------- General ---------------------*/
/*Green CTA*/
.greenCTA { width: 80%; color: #fff; display: block;  padding: 5px; max-width: 150px; margin: 0 auto; text-transform: uppercase;}
.greenCTA:hover,
.greenCTA:active { background: #fff;}


/*Display inline block*/
.menuList,
.benefitsCoupons,
.benefitsCoupons li,
.headerContact p,
.headerContact p img,
.menuList li a .imgHolder,
.menuList li a h2,
.productPrice, .productRemove,
.switch, .shopCartTools p,
.prodcutCols li,
.productOffer .cronoTitle p,
.productOffer .cronoTitle img,
.productOffer .cronoHolder .timer li,
.paymentInfo li .inputWrap,
.paymentInfo li .CCseguridad,
.paymentInfo li .cardLogos,  .ordenTotal > div,
.orderList li > div, .profileHolder,
.orderForm a#process,
.footerList,
.footerLogos li { display:inline-block; vertical-align:top;}

.mainLogo, .nav-pills, .phoneBox,
.headerContact p img,
.menuList li a .imgHolder,
.menuList li a h2,
.productPrice, .productRemove,
.shopCartTools p a#eraseAll img,
.shopCartTools p a#eraseAll span,
.productOffer .cronoTitle p,
.productOffer .cronoTitle img {vertical-align: middle; }

/*Lavanda color*/
.phoneBox,
.productOffer .cronoHolder .timer li p:first-child,
.subMenu li a:hover,
.subMenu li a:active {color: #a084bb; }

a#process,
input:checked + .slider {background-color: #a084bb;}
a.process,
input:checked + .slider {background-color: #a084bb;}
/*Blue color*/
.menuList li:first-child a { color: #183546; }
.headerContact, footer {background: #183546;}

/*Green color*/
.menuList li:first-child a:active,
.menuList li:first-child a:hover,
.greenCTA:hover,
.greenCTA:active { color:#609e9a; }

.productCounter, .greenCTA { background:#609e9a; }

/*Turquois color*/
.productPrice,
.shopCartTotals p span,
.productOffer hgroup h2,
.productOffer p.vendidos,
.orderList li .orderPrice p.finalPrice,
.thanksP .orderForm p.orderCode { color:#6bbab5; }

.productCounter .amount input,
.productCounter .more:hover,
.productCounter .more:active,
.productCounter .less:hover,
.productCounter .less:active,
.currency,
.slider,
a#process:active,
#process:hover,
.orderList li .orderAmount {background: #6bbab5;}

a.process:active,
.process:hover,
.orderList li .orderAmount {background: #6bbab5;}


/*Light turquois color*/
.menuList li#cuido a .imgHolder { background: #8bd5d1; }

/*Skin color*/
.shopCart > h2,
.productDetail p.productDisc,
.productP h1,
.productOffer p.descuento,
.productOffer .cronoTitle p,
.orderForm h1, .orderForm h2,
.orderList li .orderADetail .orderDisc,
.pageDesc h1 { color:#f2a18a; }

.menuList li#viajes a .imgHolder{ background: #f2a18a; }

/*Pink color*/
.menuList li#hoteles a .imgHolder{ background: #e7b7e1; }

/*Light Blue color*/
.menuList li#restaurantes a .imgHolder{ background: #bbe3ff; }

/*Border Radius*/
.slider,
.slider:before,
.shopCartTools p a#eraseAll { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.phoneBox,
.menuList li a,
a#process,
.productOffer,
.productOffer .cronoHolder,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

a.process,
.productOffer,
.productOffer .cronoHolder,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}


#showCart span,
.productCounter,
.greenCTA, .orderForm,
.benefitsCoupons li a .whiteCTA { border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}

.menuList li a .imgHolder { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

.imgCircle {  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;width: 50px; height: 50px; margin-right: 10px; background-color: #f1f1f1; text-align: center; padding: 10px;  }


/*Lato Font*/
h1, content h2 {font-family: 'lato';}

p { padding-bottom:10px; line-height:24px;}

/*Transfor & transition*/
.benefitsCoupons li a,
.benefitsCoupons li a,
.productRemove a {transition: .2s all linear;}

.benefitsCoupons li a:hover,
.benefitsCoupons li a:active,
.productRemove a:hover,
.productRemove a:active {transform: scale(1.1); transition: .2s all linear; }

.showMenu, .shopCart, .shopCartTools p.slider {-webkit-transition: .4s; transition: .4s; }

/*Bos shadow*/
.shopCart { box-shadow: 0 0 10px rgb(0 0 0 / 0.5);}

 .orderForm,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu { box-shadow: 0 0 6px rgb(0 0 0 / 0.1);}

.search {
	width: 100%;
	position: relative;
	display: flex;
  }
  
  .searchTerm {
	width: 100%;
	border: 3px solid #8bd5d1;
	border-right: none;
	padding: 5px;
	height: 20px;
	border-radius: 5px 0 0 5px;
	outline: none;
	color: #8bd5d1;
  }
  
  .imgRouned{
	border-radius:25px;
	max-height: 490px;
	min-height: 490px;
  }

  .searchTerm:focus{
	color: #8bd5d1;
  }
  
  .searchButton {
	width: 40px;
	height: 36px;
	border: 1px solid #8bd5d1;
	background: #8bd5d1;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	font-size: 20px;
  }
  
  /*Resize the wrap to see the search bar change!*/
  .wrap{
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

/*------------------- Ends General --------------------*/

@media screen and (max-width:1100px) {
    .menuList li a h2 { font-size: 14px; }
    .benefitsCoupons li a h2 { font-size: 18px; }
    .benefitsCoupons li a h3 { font-size: 60px; }
    .benefitsCoupons li a {padding: 30px 30px 90px;}
    .menuList { width: 30%;}
    .benefitsCoupons { width: 69%;}
    .benefitsCoupons li { width: 49%;}
}
@media screen and (max-width:990px) {
    .benefitsCoupons li { padding: 0 6px 60px; }
    .benefitsCoupons li a {padding: 30px 30px 90px;}
    .footerMedia { width: 24%;padding: 0; }
    .footerList li,
    .footerList li a,
    .footerList li.footerTel { font-size: 16px; }
    .footerList li h2 { font-size: 20px; }


}
@media screen and (max-width:767px)	{
	.mainLogo img { max-width: 120px; }
	.nav { display: none!important; }
	.phoneBox { position:absolute; right: 0; width: 230px; }
	.phoneBox p, .phoneBox h2 { font-size: 14px; display: inline-block; vertical-align:middle; }
	.productP { padding-top: 20px; }
	.productP h1 { font-size: 22px; }
	.productP h2 { font-size: 18px; }

    .prodcutCols li.productOffer  {padding: 20px;}
    .menuList li a .imgHolder { width: 30px; height: 30px; padding: 5px; }
    .footerList { width: 49%; }

}
@media screen and (max-width:650px)	{
	.phoneBox { width: 180px; padding: 5px; }
	.phoneBox p, .phoneBox h2 { font-size: 12px; }
	.headerContact p { font-size: 10px; }
	.prodcutCols > li,
	.prodcutCols li.productOffer { width: 100%;}
	.orderForm { padding: 20px; }
	.orderForm h1, .orderForm h2 { font-size: 18px; }
	.orderDetailList li { width: 100%; }
	.ordenTotal > div {width: 100%; padding: 0 0 15px; }
	.orderForm a#process { width: 170px; font-size: 18px; }
	.orderForm a.process { width: 170px; font-size: 18px; }

	.menuList { width: 100%; display: flex; overflow: auto; padding: 10px 0 0; }
	.menuList li { padding:0 10px 0 0; }
	.menuList li a {width: 150px; padding: 5px 10px;}
	.menuList li:first-child {padding: 0;}
	.menuList li:first-child a { width: 100px;}

	.benefitsCoupons { width: 100%; }
	.benefitsCoupons li  {width: 49%;}

    .menuList, .benefitsCoupons{ width: 100%; }
    .benefitsCoupons { padding: 15px 0; }
    .benefitsCoupons li a {padding: 30px 30px 110px;}

}
@media screen and (max-width:575px)	{
	.orderList li { padding: 15px 10px 10px; }
	.orderList li .orderADetail { width: 60%; }
	.orderForm a#process { width: 130px; font-size: 14px; }
	.orderForm a.process { width: 130px; font-size: 14px; }
	.headerContact { padding: 16px 8px 10px; }
	.orderList li .orderAmount { width: 40px; }
	.orderList li .orderADetail h3 { font-size: 14px; }
	.orderList li .orderADetail .orderDisc { font-size: 10px; }
	.orderList li .orderADetail p { font-size: 7px; }


    .benefitsCoupons li a {padding: 12px 12px 50px;}
    .benefitsCoupons li a h2 { font-size: 14px; }
    .benefitsCoupons li a h3 { font-size: 40px; }
    .benefitsCoupons li a p.whiteCTA { width: 90%; left: 5%; }
    .footerLogos li { width: 24%; }
}
@media screen and (max-width:370px) {
	.headerContact p img { width: 14px; }
	.phoneBox { width: 150px; }
	.phoneBox p, .phoneBox h2 { font-size: 10px; }
	#showCart img { width: 25px; }
	.orderForm a#process { width: 110px; font-size: 12px; }
	.orderForm a.process { width: 110px; font-size: 12px; }
	.orderList li .orderADetail { width: 56%; padding: 0 5px; }

}