/* 640px <= width < 768px */

@media only screen and (min-width: 640px) and (max-width: 767px)
{

    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; }
}




/* 480 <= width < 640px */

@media only screen and (min-width: 480px) and (max-width: 639px)
{

    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }

}

/* width < 480px */

@media only screen and (max-width: 479px)
{
        /* Products grid
        -------------------------------------------------------------- */
                .magento-grid .item .add-to-links { display: none !important; }

    /* Products grid: override size of elements (values like size-xs)
    -------------------------------------------------------------- */
    /* Product labels */
    .magento-grid .sticker { width:40px; height:40px; font-size:0.9166em; }
}

/* 320px <= width < 480px */

@media only screen and (min-width: 320px) and (max-width: 479px)
{
    
    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }

}

.magento-category ul,.magento-category li { list-style: none; display: inline-flex; }
.magento-grid.centered .item li { float:none; margin:0; }
.magento-grid .prod-table { display:table; width:100%; border-collapse:collapse;}
.magento-grid .prod-row { display: table-row; }
.magento-grid .item-cell { display: table-cell; padding:1em; border: none;}

/* Common styles for view types: list and grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.magento-grid .product-name {
        /* Sizes are modified for different number of columns */
        font-size: 16px;
        line-height: 20px;
        /*font-size:1.3333em;
        line-height:1.25em;*/
}

.magento-grid .price-box.map-info a { margin-left:3px; }

/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
.magento-grid .product-image .alt-img {
        position:absolute;
        top:0;
        left:0;
        display: none;
}

/* Fix possible glitches during animation */
.category-magento-grid .product-image img /* Grid only in category view */
{
        -moz-transform: translateZ(0);
}


/* Product grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
.magento-grid {}
.magento-grid .item {
        padding-top:20px;
        padding-bottom:20px;
        position:relative; /* For hover effect */
}
.magento-grid .product-name { margin:15px 0 10px; font-family: inherit; }
.magento-grid .product-image-wrapper { margin:0 auto; position:relative; }
.magento-grid .product-image { display:block; }
.magento-grid .price-box { margin:10px 0 10px; font-size:1em; }
.magento-grid .ratings { margin:10px 0; line-height:1.0833em; }
/* If ratings wrapped, remove margin from ratings, leave maring in wrapper */
/*.magento-grid .ratings-wrapper { margin:10px 0; }
.magento-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/
.magento-grid .actions { margin:10px 0 0; }
.magento-grid .availability { float:none; margin:5px 0; }
.magento-grid .add-to-links { margin:10px 0 0; }

/* Prices old/special: inline */
/*.magento-grid .old-price,
.magento-grid .special-price { display: inline-block; }
.magento-grid .old-price + .special-price { margin-left: 4px; }*/


/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
        /* Equal height of items (buttons displayed at the bottom of items)
        -------------------------------------------------------------- */
        .magento-grid.equal-height .item .actions { position:absolute; bottom:15px; width: 100%; }
                
        /* Remove equal height */
        .magento-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */
        
        /* Product name in a single line
        -------------------------------------------------------------- */
        .magento-grid.single-line-name .product-name {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
        }
        .magento-grid.single-line-name .item:hover .product-name {
                overflow: visible;
                white-space: normal;
        }

        /* Align to the center
        -------------------------------------------------------------- */
        .magento-grid.centered .item { text-align: center; }
        .magento-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; }
        .magento-grid.centered .item .btn-view { margin-left: 0; margin-right: 0; }

        .magento-grid.centered .item .actions .add-to-links li { float: none; margin:0; }
        /*.magento-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/


/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.category-magento-grid .item {
        border-top:none;
        border-left:none;
        border-right:none;
        zoom:1;

        padding-top:2%;
        padding-left:1%;
        padding-right:1%;
        background-color:#fff;

        transition:                     box-shadow 0ms ease-in;
        -moz-transition:        box-shadow 0ms ease-in;
        -webkit-transition:     box-shadow 0ms ease-in;
        -o-transition:          box-shadow 0ms ease-in;
}



/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
.magento-grid.size-s .product-name {
        font-size:1.1666em; /*14px*/
        line-height:1.2307em; /*16px*/
}
.magento-grid.size-xs .product-name {
        font-size:1em; /*12px*/
        line-height:1.25em;/*15px*/
}

/* Buttons
-------------------------------------------------------------- */
.magento-grid.size-s .item .btn-cart {
        line-height: 3em;
        padding-left: 15px;
        padding-right: 15px;
}
.magento-grid.size-xs .item .btn-cart {
        line-height: 2.5em;
        padding-left: 8px;
        padding-right: 8px;
}

/* Product labels
-------------------------------------------------------------- */
.magento-grid.size-s .sticker { width:45px; height:45px; font-size:1em; }
.magento-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ }


.magento-category table, .magento-category tbody,.magento-category tr {
    display: block;
    table-layout: fixed;
    align-content: center;
}

.magento-category td {
	padding: 0px 20px;
}

.magento-grid li.item
{ width: 33%; }
.magento-category[data-perrow="5"] .magento-grid li.item
{ width: 20%; }
.magento-category[data-perrow="4"] .magento-grid li.item
{ width: 25%; }

.magento-product .product-image-wrapper,.magento-category .product-image-wrapper {
    margin: 0 auto;
    position: relative;
}
.magento-category .product_image, .magento-product .product-image {
    display: block;
}
.magento-category img, .magento-product img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
}

.sticker-wrapper.top-left {
    top: -3px;
    left: -3px;
}
.sticker-wrapper {
    position: absolute;
    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
}

.sticker.new {
    background-color: #3ec2df;
    color: #ffffff;
}
.sticker.new {
    background-color: #5BD2EC;
    color: #fff;
}
.sticker {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 1.1666em;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    display: table-cell !important;
    vertical-align: middle !important;
    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
}

.magento-category .item .display-onhover, .magento-product .item .display-onhover {
    display: none;
}
.magento-category .addto-links-icons.addto-onimage, .magento-product .addto-links-icons.addto-onimage {
    float: right;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    padding-bottom: 4px;
    padding-right: 4px;
}
.magento-category .add-to-links, .magento-product .add-to-links {
    margin: 10px 0 0;
}
.magento-category .addto-links-icons, .magento-product .addto-links-icons {
}

.add-to-links li {
    float: left;
}
.addto-links-icons a {
    display: block;
}

.addto-links-icons .link-compare {
    margin-left: 3px;
}

.magento-category  .product-name, .magento-product .product-name {
    margin: 15px 0 10px;
    font-family: inherit;
}
.magento-category .product-name, .magento-product .product-name, h3.product-name, strong.product-name {
    font-size: 16px;
    line-height: 20px;
}
.magento-category .product-name, .magento-product .product-name {
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
}
.price-box {
    margin: 10px 0 10px;
    font-size: 1em;
}
.price-box {
    margin: 0;
}

.magento-category .item .actions, .magento-product .item .actions {
    position: relative;
    padding-bottom: 15px;
}
.magento-category .actions, .magento-product .actions {
    margin: 10px 0 0;
}

.magento-category .item .btn-cart, .magento-product .item .btn-cart {
    margin-left: 0;
    margin-right: 0;
    background-color: #c51a4a;
    color: #FFFFFF;
    padding-top: 0px !Important;
    padding-bottom: 0px !Important;
}
.magento-category .item .btn-view, .magento-product .item .btn-view {
    margin-left: 0;
    margin-right: 0;
    background-color: #c51a4a;
    color: #FFFFFF;
    padding-top: 0px !Important;
    padding-bottom: 0px !Important;
    padding-right: 15px;
    padding-left: 15px;
}
.magento-category .button, .magento-product .button {
    background-color: #eeeeee;
    color: #333333;
}
.magento-category .button, .magento-product .button {
    display: inline-block;
    margin: 0;
    border: 0;
    overflow: visible;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    background-color: #ddd;
    color: #333;
    line-height: 45px;
    padding: 0 25px;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.price-box .price, .price-as-configured .price {
    color: #00a9c7;
}
.regular-price .price {
}
.price-box .price {
  font-size: 0.8em;
}
.price {
    white-space: nowrap !important;
}

.addto-links-icons .ic {
    background-color: #fff;
}

.addto-links-icons .ic {
    font-size: 16px;
}

.magento-category .item, .magento-product .item {
  max-width:295px;
  position:relative;
  text-align:center;
  min-height:405px;
}
.sticker-wrapper.top-right {
    top: -3px;
    right: -3px;
}

.sticker.sale {
    background-color: #f12b63;
    color: #ffffff;
}
.sticker.sale {
    background-color: #F12B63;
    color: #fff;
}

.price-notice .price, .old-price, .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price {
    color: #aaa;
}
.old-price .price {
    text-decoration: line-through;
}

.special-price .price, .special-price .price-label, .minimal-price-link .price {
    color: #ee001c !important;
}
.old-price .price-label, .special-price .price-label {
    white-space: nowrap;
}
.old-price,.special-price {
 line-height: 1em;
}

html body div.magento-category[data-mage-randomize] ul > li.item,
html body div.magento-category[data-mage-randomize] .products-list > li.item { display: none; }
html body div.magento-category[data-mage-randomize] ul > li.item.random-shown,
html body div.magento-category[data-mage-randomize] .products-list > li.item.random-shown { display: block; }