/*
* Mr Parker Shopify Theme
* Copyright 2013, Underground Media
* www.undergroundmedia.co.uk
* Sitting in an English garden waiting for the sun
*/


/* #Media Queries
================================================== */

/* Smaller than standard 980 (devices and browsers) */
@media only screen and (max-width: 980px) {

  #left-images img, #right-images img { margin-bottom: 16px! important; }
  #product-description {
    border-right: 0;
    padding-right: 0;
  }
  #related { display: none; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 740px) {

  ul#featured-posts li { margin-bottom: 20px; clear: left;  }
  /* AUNAT */
  #logo { margin-bottom: 5px; text-align: center; margin-top: 100px; }
  ul#cart { text-align: center;  }
  .search { width: 100%; }
  #q { width: 100%; }
  #footer ul { text-align: center; margin-bottom: 20px; }
  #mce-EMAIL { width: 100%; }
  .button { width: 100%; }
  #navigation { position: initial! important; }
  #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; }
  #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; }
  
  header { z-index: 2; width: 100%; }
  /* AUNAT */
  div#message { text-align: center;padding-left:28px;}
  li.searchbox { display: none! important; }
  .first { clear: none; }
  ul#product-loop li.product:nth-child(2n+1) { clear: left; }
  #product-description h2, #product-description h1, #product-price { text-align: center; }
  .swatch { text-align: center; }
  .swatch .swatch-element { display: inline-block; float: none; margin: 0 5px; }
  .selector-wrapper { text-align: center; }
  .selector-wrapper select { float: none; margin: 0 auto; }
}


/* 
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: 1px solid #ccc; margin: 20px 0;}
    td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      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 h4 { font-weight: normal; text-align: center; margin: 20px 0 30px; }
    #shopping-cart table td:nth-of-type(2):before { content: "Item Price"; }
    #shopping-cart table td:nth-of-type(3):before { content: "Quantity"; }
    #shopping-cart table td:nth-of-type(4):before { content: "Remove"; }
    #shopping-cart table td:nth-of-type(5):before { content: "Total"; }
  }    

/* 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; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

/*   #mc-embedded-subscribe { width: 100%; } */
  li.icons a { float: none; }
  #mce-EMAIL { text-align: center; }

}


/* Sample Product On Cart Page */

.sample-product { margin: 0px !important; border: 1px solid #ccc; padding: 10px; width: 100% !important; }
.sample-product .sample-discription { display: inline-block; vertical-align: top; Width: 80%; }
.sample-product .sample-cart { display: inline-block; vertical-align: top; margin-top: 2px; }
.sample-product .sample-varients { display: inline-block; vertical-align: top; width: 35%; }
.sample-product .sample-titile { margin-top: 0px; margin-bottom: 5px; }
.sample-product form { margin-bottom: 0; }
.sample-product form .swatch-element.color label { width: 30px! important; height: 30px !important; }
.sample-product p { display: inline-block; margin: 0; width: 100%; }
label.sample-msg { display: inline-block; width: 100%; }
.sample-product .swatch-element.color { margin-bottom: 0px !important; }
.sample-product .swatch input:checked + label { border: #bfbfbf 2px solid !important; }

@media screen and (max-width: 760px){
  td.mobilehidden { display: none; }
  .sample-product { text-align: center; }
  .sample-product div { width: 100% !important; margin: 0 !important; }
  .sample-product .sample-titile{ margin-top: 1.6em; }
  .sample-product .form_container{ width: 100% !important; margin: 0 !important; }
  .sample-product .form_container form { display: inline-block; }
  .sample-product .form_container form .swatch.clearfix{ width: 100% !important; padding: 0 27% !important; margin-bottom: 20px !important; }
  .sample-product .form_container form .swatch.clearfix div{ width: auto !important; margin: 5px !important; }
  .sample-product p { margin: 0 0 1em 0; }
  .sample-product form .swatch-element.color label{ width: 50px! important; height: 50px !important; }
}


@media screen and (max-width: 740px){
  .sample-product .form_container form .swatch.clearfix { width: 100% !important; padding: 0 !important; }
.mob-menu-new{
display: block;
}
}

/* End Sample Product On Cart Page */