/*
_______________________________

Desktop version layout - place your custom code here */

#topSearchButton {
  display: -webkit-box;
  display: flex; 
}

#product-loop .product-index .product-info {
  border-bottom: 0px solid #000000;
}

#product-description {
  text-align: left; 
}

#product-right {
  border: 0px solid white; 
}

#lower-description {
  text-align: left; 
}

a + .add {
  margin: 20px 0px; 
}

.product-price {
  font-weight: bold; 
}

#product-description form {
  border-top: 0px;
  padding-top: 0px;
}

#bigimage img {
  max-width: 400px;
  max-height: 745px;
  width:100%;
}

.fancybox-inner { max-width: 100%; max-height:100%; }

.phone_search { display: none; }

#phoneSearch {
  z-index: 00;
  display: inline-block;
  border-color: lightgray;
  border-right: 0px;
  margin-top: 14px;
  margin-bottom: 0px;
  padding: 3px 0px;
  border-radius: 0px;
  font-size: 11px;
}

#phoneSearchButton {
  z-index: 00;
  display: inline-block;
  width: 40px;
  margin-top: 14px;
  margin-bottom: 0px;
  padding: 3px 0px;
  border-radius: 0px;
  font-size: 12px;
  color: lightgray;
  background: white;
  border: 1px solid;
  border-left: 0px;
}

.phone_buttons { display: none; }

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

  .phone_buttons { 
    display: block; 
    max-width: 300px; 
    margin: 15px auto 10px; 
    text-align: center; 
    border-top: 1px solid lightgray; 
    border-bottom: 1px solid lightgray;
  }

  .phone_buttons a { 
    display: inline-block; 
    text-transform: uppercase; 
    background: white; 
    color: black; 
    font-weight: 500; 
    padding: 5px 10px; 
    margin: 0px 10px; 
  }
}

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

  .phone_search { 
    display: block;
    max-width: 250px; 
    margin: 0px auto 10px; 
  }
}


/*
_______________________________

Provide higher res assets for higher resolution mobile screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

  /* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
  .download {
  background: url(../img/downarrow@2x.png) no-repeat;
  background-size: 27px 28px;
}
  */

}