/*--------catalog detail page--------*/

#Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(3n+2), #Main.product-index #Content #Content-Text .product-row .product:nth-child(3n+2) {margin:0 2%;margin-bottom:22px;}
#Main.catalog-detail #Content #Content-Text .product-row .product, #Main.product-index #Content #Content-Text .product-row .product  {width:32%;float:left;margin-bottom:22px;}
#Main.catalog-detail #Content #Content-Text .product-row .product h4.title, #Main.product-index #Content #Content-Text .product-row .product h4.title {padding-bottom:5px;border-bottom:1px solid #000;margin-bottom:20px;}
#Main.catalog-detail #Content #Content-Text .product-row .product .product-description, #Main.product-index #Content #Content-Text .product-row .product .product-description  {display:none;}
#Main.catalog-detail #Content #Content-Text .product-row .product-image-link, #Main.product-index #Content #Content-Text .product-row .product-image-link {text-align: center;width:100%;display:block;overflow:hidden;height:150px;}
#Main.catalog-detail #Content #Content-Text .product-row .product img, #Main.product-index #Content #Content-Text .product-row .product img  {width:91%;}
#Main.catalog-detail #Content #Content-Text .product-row .product .price, #Main.product-index #Content #Content-Text .product-row .product .price {text-align: center;width: 50%;margin: 0 auto;font-size: 16px;font-weight: bold;margin-top: 10px;padding-bottom: 10px;}
#Main.catalog-detail #Content #Content-Text .product-row .product .read-more, #Main.product-index #Content #Content-Text .product-row .product .read-more  {text-align:center;}
#Main.catalog-detail #Content #Content-Text .product-row .product .read-more a, #Main.product-index #Content #Content-Text .product-row .product .read-more a {padding:10px;width:40%;margin:0 auto; text-align:center;display:block;background:#000;color:#fff;}

/* Product Image Width */
#Main.product-detail #Content .product-content .product .product-image {position: absolute;max-width: 710px;}

/*Product Details*/

#Main.product-detail #Content .product-content .product .product-description,
#Main.product-detail #Content .product-content .product .rating, 
#Main.product-detail #Content .product-content .product .product-title, 
#Main.product-detail #Content .product-content .product .product-price, 
#Main.product-detail #Content .product-content .product h3.title, 
#Main.product-detail #Content .product-content .product form.user-form,
#Main.product-detail #Content .product-content .product .product-image-gallery, 
#Main.product-detail #Content #social_media,
#Main.product-detail #Content .product-content .product-reviews {
float: right;
position: relative;
width: 402px;
clear:both;
color:#000;
padding:10px 0;
border-bottom:1px solid #999;
}

#Main.product-detail #Content .product-content .product .product-price {font-size:20px;line-height: 1em;}
#Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content  form.user-form {font-family:inherit;}
#Main.product-detail #Content .product-content .product form.user-form fieldset, #Main.product-detail #Content .product form.user-form fieldset  {padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #999;}
#Main.product-detail #Content .product-content .product form.user-form fieldset.focused, #Main.product-detail #Content .product-content .product form.user-form fieldset.focused:hover, #Main.product-detail #Content .product-content .product form.user-form fieldset:hover, #Main.product-detail #Content .product-content  form.user-form fieldset.focused, #Main.product-detail #Content .product-content  form.user-form fieldset.focused:hover, #Main.product-detail #Content .product-content  form.user-form fieldset:hover {background-color:transparent;}
#Main.product-detail #Content .product-content .product form.user-form fieldset legend label, #Main.product-detail #Content .product-content .product form.user-form fieldset label {top:0;margin-bottom:5px;}

#Main.product-detail #Content .product-content  form.user-form .section-heading {padding:0}
#Main.product-detail #Content .product-content  form.user-form#ProductReviewForm fieldset {padding:0;}
#Main.product-detail #Content .product-content  form.user-form#ProductReviewForm fieldset legend label {top:0;}

/*--------Image Gallery--------*/
#Main.product-detail #Content .product-content .product .product-image-gallery ul {margin: 0;list-style-type: none;padding: 0;}
#Main.product-detail #Content .product-content .product .product-image-gallery ul li {height:70px;overflow:hidden;max-width: 30%;float: left;margin-right: 5px;margin-left:5px;margin-bottom:10px;}
#Main.product-detail #Content .product-content .product .product-image-gallery ul li a{ }
#Main.product-detail #Content .product-content .product .user-form {
  background:none;
}

/*--------Add to Cart Button--------*/
#Main.product-detail .product-content .product .user-form button {background:#000;border:0;color:#fff;font-size:20px;padding:8px;cursor:pointer;left:0px;}

#Main.product-detail #Content #Content-Text {
  min-height:450px;
}

@media screen and (max-width:1270px) {
  #Main.product-detail #Content .product-content .product .product-image {max-width:45%;}
  #Main.product-detail #Content .product-content .product .rating, #Main.product-detail #Content .product-content .product-reviews, #Main.product-detail #Content .product-content .product .product-description, #Main.product-detail #Content .product-content .product .product-title, #Main.product-detail #Content .product-content .product .product-price, #Main.product-detail #Content .product-content .product h3.title, #Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content .product .product-image-gallery, #Main.product-detail #Content #social_media {width:40%;}
}

@media screen and (max-width:900px) {
  #Main.catalog-detail #Content #Content-Text .product-row .product-image-link, #Main.product-index #Content #Content-Text .product-row .product-image-link {height:auto;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(4n),  #Main.product-index#Content #Content-Text .product-row .product:nth-child(4n) {clear:both;}
  #Main.product-detail #Content .product-content .product .product-image {max-width:100%;position:relative;}
  #Main.product-detail #Content .product-content .product .rating, #Main.product-detail #Content .product-content .product-reviews, #Main.product-detail #Content .product-content .product .product-description, #Main.product-detail #Content .product-content .product .product-title, #Main.product-detail #Content .product-content .product .product-price, #Main.product-detail #Content .product-content .product h3.title, #Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content .product .product-image-gallery, #Main.product-detail #Content #social_media {width:100%;position:relative;}
  #Main.product-detail #Content .product-content .product .product-image-gallery ul li {max-width:23%;}
  #Main.product-detail #Content .product-content .product .product-price {margin-bottom:20px;}
}
@media screen and (max-width:680px) {
  #Main.catalog-detail #Content #Content-Text .product-row .product, #Main.product-index #Content #Content-Text .product-row .product {width:48%;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(4n), #Main.product-index #Content #Content-Text .product-row .product:nth-child(4n) {clear:none;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(3n+2), #Main.product-index #Content #Content-Text .product-row .product:nth-child(3n+2) {margin:0;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(3n), #Main.product-index #Content #Content-Text .product-row .product:nth-child(3n) {clear:both;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(odd), #Main.product-index #Content #Content-Text .product-row .product:nth-child(odd) {margin-right:4%;}
}

@media screen and (max-width:480px) {
  #Main.catalog-detail #Content #Content-Text .product-row .product, #Main.product-index #Content #Content-Text .product-row .product {width:100%;}
  #Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(odd), #Main.product-index #Content #Content-Text .product-row .product:nth-child(odd)  {margin-right:0;}
}