/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px) {
	body .header {
		background-attachment: scroll;
	}
}

/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.header {
		background-attachment: scroll;
	}
}

@media screen and (max-width:769px) {
	#myCarousel h1 {
    font-size: 80px;
  }
  #myCarousel p {
    font-size: 30px;
    line-height: 38px
  }
}
@media (max-width: 1200px) {
 .related_product_smoothies .modal-dialog{ margin-top: 30px!important;}
 .action-area{ width: auto; }
 .cart,.action-area,.social{ top: auto; bottom:0;}
 .zopim{ display: none!important;}
}
@media (max-width: 1023px) {

.product_relate {
  width: 100%;
  display: inline-block;
  margin: 0;
  font-family: "Lato";
  font-size: 16px; 
  line-height: 18px;
} 
}
@media (max-width: 767px) {
  .navbar.navbar-inverse.navbar-fixed-top.fixed{background:none!important;}
  #order {
  left: 50%;
  position: fixed;
  top: 35%;

  margin-left: -114px;
  
}
.headerwrap,.mobileContact{ display: none; }
#myCarousel .carousel-caption{ padding-top: 65px;}
#myCarousel .carousel-caption h1{ font-size: 36px; }
#myCarousel .carousel-caption p{font-size: 16px;}
.navbar-nav.navbar-center li a{ font-size: 20px; padding: 6px 0;}
#about{ padding: 30px 0;} 
.about p {
  color: rgba(28, 28, 28, 0.9);
  font-family: "Raleway";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.6em;
  padding-top: 0;
  padding-right: 0!important;
  margin-bottom: 50px;
  text-align: justify;
} 
.opc.opc-firststep-billing > li,.opc-has-progressed-from-login .opc.opc-firststep-login > li{ display: block; padding: 25px; background:#fff; width: auto; }
.opc.opc-firststep-billing > li:nth-child(2n),.opc-has-progressed-from-login .opc.opc-firststep-login > li:nth-child(2n){ margin-left: 0;}
.opc .buttons-set p.required{ display: none;}
.opc li input, .opc li select{ outline: 0 none; border-color: green; }

#navbar-main .navbar.navbar-inverse.navbar-fixed-top.fixed{ top: 0; }
.modal-header h2{ font-size: 18px;}
.product_relate {
  width: 100%;
  display: inline-block;
  margin: 0;
  font-family: "Lato";
  font-size: 16px; 
  line-height: 18px;
} 
.modal-body{ max-height: none;}
.product-options{ padding-left:0; padding-right:0; }
#product_addtocart_form .customproductlist .product-options ul.options-list label { padding: 10px 0 6px 26px; font-size: 11px;}
.product-view .the_wash_details .product-shop{  min-width: 290px; } 
.product-view .the_wash_details .product-shop #product-options-wrapper .option li.swatch{ margin-right:0;}
.product-view .the_wash_details .product-shop .product-options .option dt{ left: 0!important; width: 100%; }
.product-view .the_wash_details .product-shop .product-options .option dd{ width: 100%;}
.product-view .the_wash_details .product-shop .product-options dl dd ul{ text-align: center;}
#navbar-main.innerPage{ margin-top: 40px;}
.product-view .product-img-box .product-name h1 { color: #000; margin-bottom: 10px; border: 0; font-weight: normal;
  text-align: center;}
  .product-view .product-shop{ text-align: center;}
  .bodySection .product-view .product-shop .price-info,.product-view .product-shop .extra-info,.product-view .add-to-cart .qty-wrapper{ float: none;width:auto; max-width: none; text-align:center;}
  .bodySection .product-view .add-to-cart .qty-wrapper .qty{ float: none;   text-align: center; }
  .bodySection .product-view .add-to-cart-buttons,.product-view .sharing-links{ 
  margin: 10px auto; float: none; text-align: center;}
  .product-view .sharing-links li { float: none;
  padding: 0px 7px 7px;
  display: inline-block;
}
.product-image {
  margin-top: 25px;
  float: none;
  display: block;
}
.btn-remove{ width: auto; margin-top: 5px;}

.cart-table .product-cart-info .btn-remove {
  float: right;
  font-family: lato;
  font-size: 12px;
  margin: 2px 0 2px 7px;
} 
.navbar-inverse{height: 55px;}
.product-view .the_wash_details .product-shop .product-options .option dt {top: 120px;}
.product-view .the_wash_details .product-shop .product-options .option {min-height: 185px}
}
@media (max-width: 480px) {
.cart{ right: 0!important;} 
.action-area{ right: 45px!important;}
.social{ top:8px !important; right: 0 !important;}
.footerMenu .block.block-subscribe .actions{ margin: 10px 0 0 0;}

}