/** Shopify CDN: Minification failed

Line 40:27 Unexpected "{"

**/
/* RESPONSIVE SCREENS */


/* Smaller than standard 980 (devices and browsers)   TABLETS      ==================================================*/

@media only screen and (max-width: 980px) {

  body {
  min-height: 100%;
  position: relative;
  }
  
  #left-images img, 
  #right-images img {
  margin-bottom: 16px! important; 
  }
  
  #product-description {
  border: 0! important;
  text-align: center;
  padding-top:12px;
  }
  
  #product-description h2, 
  #product-description h1, 
  #product-description h4, 
  #product-price, 
  .product-info, 
  #shipping-info, 
  #payment {
  text-align: center;
  }

  #product-description h2, 
  #product-description h4, {
  margin-top: 8px;
  }
  
  #related { 
  display: none;
  }
  
  #navigation {
  line-height: 35px;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: transparent;
  text-align: left;
  }
  
  #footer {
  text-align: center;
  }
  
  #footer ul {
  }

  #nav-right {
  display: none! important; 
  }
  
  .swatch { 
  text-align: center;
  padding-bottom: 15px;
  }
   
  .swatch .swatch-element { 
  display: inline-block; 
  float: none; 
  margin: 0 5px;
  }
  
  #social {
  float: none;
  }
  
  .twitter {
  float: none;
  }
  
  .desc {
  text-align:center;
  }
  
  #looked-at { 
  display: none! important; 
  }
  
  #promo-images-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 27px;
  color: #000380;
  text-align: left;
  padding-bottom:30px;
  padding-top:10px;
  letter-spacing: -1px;
  }

#promo-images-title a {
  font-weight: bold;
  font-size: 30px;
  line-height: 27px;
  color: #000380;
  text-align: left;
  letter-spacing: -1px;
  }
  
}


/* All Mobile Sizes (devices and browser) TABLETS + PHONES      ==================================================*/

@media only screen and (max-width: 740px) {
  
  #navigation {
  line-height: 35px;
  background-color: transparent;
  }
  
  ul#nav-left {
  text-align:center;
  }
  
  ul#nav-right {
  text-align:center;
  line-height: 0px;
  }
  
  ul#nav-right li a {
  padding-left: 0px;
  }
  
  ul#featured-posts li { 
  margin-bottom: 20px; 
  clear: left;
  }
  
  #logo {
  text-align: center; 
  }
    
  ul#cart {
  text-align: center;
  }
  
  #basket-right {
  text-align: center;
  }
  
  .cart-buttons-each {
  margin-top: 10px;
  display: block;
  }
  
  .search {
  width: 100%;
  }
  
  #q {
  width: 100%;
  }
  
  #mce-EMAIL {
  width: 100%;
  }
  
  .button { 
  width: 100%;
  }
  
  #left-images img.last, #right-images img.last {
  margin-bottom: 20px! important;
  }
  
  nav.primary select {
  display: block! important;
  height: 25px;
  width: 100%;
  } 
  
  ul#nav {
  display: none! important;
  }
  
  #mobile-product {
  display: block! important;
  }

  #product-description {
  padding: 0! important; 
  border: 0! important;
  text-align: center;
  }
  
  #product-description h2, 
  #product-description h1, 
  #product-description h4, 
  #product-price, 
  .product-info, 
  #shipping-info, 
  #payment {
  text-align: center;
  }

  #product-description h2, 
  #product-description h4, 
  #product-description h1 {
  margin-top: 8px;
  }

  #related { 
  display: none;
  }
  
  #looked-at { 
  display: none! important; 
  }
  
  #add {
  width: 100%;
  }
  
  input {
  width: 100%; 
  min-width: 100%;
  }
  
  #update-cart, #checkout { 
  width: 100%; 
  }
  
  .flex-direction-nav {
  display: none; 
  }

  #order_shipping { 
  margin-top: 20px; 
  }  

  #promo-images img { 
  margin-bottom: 20px;
  }

  div#message {
  text-align: center;
  line-height: 15px;
  padding: 10px;
  }
  
  li.searchbox { 
  display: none! important;
  }

  .first { 
  clear: none; 
  }

  ul#product-loop li.product:nth-child(2n+1) { 
  clear: left; 
  }
     
  .swatch { 
  text-align: center;
  padding-bottom: 15px;
  line-height: 40px;
  }
   
  .swatch .swatch-element { 
  display: inline-block; 
  float: none; 
  margin: 0 5px;
  }
  
  ul#popups {
  text-align: center;
  }

  .selector-wrapper {
  text-align: center;
  }

  .selector-wrapper select {
  float: none;
  margin: 0 auto;
  }

  .twitter {
  float: none;
  }
   
  #footer {
  text-align: center;
  padding-bottom: 12px;
  }
  
  #footer ul {
  }

  .footer-left {
  text-align: center;
  }
  
 .footer-right {
  text-align: center;
  }  

  #customer-wrapper {
  padding-bottom:20px;
  }
  #cart-notes {
    display: none! important;
  }
  #looked-at { 
  display: none! important; 
  }

}


/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
    
  table, thead, tbody, th, td, tr { 
  display: block; 
  }

/* Hide table headers (but not display: none;, for accessibility) */
    
  thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
  }

  tr { 
  border: .5px solid #000;
  margin: 20px 0;
  }

  td { 
  /* Behave  like a "row" */
  border: .5px solid #000; 
  position: relative;
  padding: 10px; 
  text-align: center;
  }

  #shopping-cart table input { 
  margin-top: 20px! important; 
  }

  .cart-item {
  display: block;
  }
    
  .cart-image, .cart-title { 
  display: block;
  width: 100%;
  }

  #basket-right { 
  text-align: center; 
  margin: 20px 0 30px; 
  }
    
  #basket-right h4 {
  font-weight: bold; 
  text-align: center; 
  margin: 20px 0 30px; 
  }

  #shopping-cart table td:nth-of-type(2):before { 
  content: "Item Price";
  font-weight: bold;
  }
    
  #shopping-cart table td:nth-of-type(3):before { 
  content: "Quantity"; 
  display: block;
  font-weight: bold;
  }
   
  #shopping-cart table td:nth-of-type(4):before { 
  content: "Remove";
  font-weight: bold;
  }
    
  #shopping-cart table td:nth-of-type(5):before { 
  content: "Total";
  font-weight: bold;
  }
    
  #cart-notes {
  display: none! important;
  }

}    


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  #mc-embedded-subscribe { 
  width: 100%; 
  }
  
  li.icons a { 
  float: none; 
  }

  #mce-EMAIL { 
  text-align: center;
  }
  #looked-at { 
  display: none! important; 
  }
  
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

  ul#cart li {
  }
  
  #mc-embedded-subscribe { 
  width: 100%; 
  }
  
  li.icons a {
  float: none;
  }
  
  #mce-EMAIL { 
  text-align: center;
  }
 
  #looked-at { 
  display: none! important; 
  }

}