body.main {background: #b7bab9 url(../images/backgrounds/main.jpg) no-repeat 0 0 fixed;}

#content .center {padding-top: 50px;}

.product-list {padding-top: 44px;}
.product-list .products {width: 100%; padding-top: 10px; clear: both;}
.product-list .products .product {width: 100%; height: 176px; margin-bottom: 10px; color: #322b2a; position: relative;}
.product-list .products .product div.images {width: 229px; height: 100%; margin: 0; padding: 0; border: 1px solid #dcdcdc; float: left; position: relative;}
.product-list .products .product div.images a {position: absolute; display: none; z-index: 0;}
.product-list .products .product div.images a:first-child {display: block; z-index: 10;}
.product-list .products .product > div {width: 70%; height: 176px; padding-top: 32px; border-bottom: 1px solid #dcdcdc; float: right;}
.product-list .products .product > div > strong {font-size: 18px; font-weight: 600;}
.product-list .products .product > div ul {margin-top: 15px;}
.product-list .products .product > div ul li {font-size: 16px; font-weight: 400; line-height: 22px;}
.product-list .products .product > div .bottom {width: 283px; position: absolute; right: 0; bottom: 0;}
.product-list .products .product > div .bottom span {font-size: 14px; font-weight: 700;}
.product-list .products .product > div .bottom input {width: 55px; height: 25px; margin-top: 6px; margin-left: 10px; background: url(../images/input-quantity-bg.png) no-repeat bottom; font-size: 14px; font-weight: 700; text-align: center; border: 0;}
.product-list .products .product > div .bottom a {width: 158px; height: 36px; padding-right: 21px; background: url(../images/btn-order.png) no-repeat top; font-size: 14px; font-weight: 700; text-align: right; line-height: 32px; color: #fff; display: block; float: right;}
.product-list .products .product > div .bottom.simple a {padding-left: 46px; padding-right: 0; background-position: bottom; text-align: center;}

ul.pagination {border-top: 1px solid #d9d9d9;}
ul.pagination li {width: 45px; height: 45px; margin-top: -1px; font-size: 14px; font-weight: 700; color: #3d3d3d; float: left;}
ul.pagination li a {text-align: center; line-height: 41px; display: block;}
ul.pagination li.active {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff;}
ul.pagination li.active a, ul.pagination li.last a {color: #ca170c;}
ul.pagination li.last {width: 264px; line-height: 41px; float: right;}
ul.pagination li.last a {padding: 0 10px; float: right;}

/* ==========================================================
! Large desktop
========================================================== */
@media (min-width: 1200px) {
    
}
@media (min-width: 980px) and (max-width: 1199px) {
    .product-list .products .product > div {width: 63%;}
}
/* ==========================================================
! Portrait tablet to landscape and desktop
========================================================== */
@media (min-width: 768px) and (max-width: 979px) {
    .product-list .products .product {height: 140px; margin-bottom: 20px;}
    .product-list .products .product > div {width: 67%; height: 140px; padding-top: 19px; padding-left: 20px;}
    .product-list .products .product > div ul li {font-size: 14px; line-height: 18px;}
    .product-list .products .product > div > strong {font-size: 16px;}
    .product-list .products .product > div .bottom {width: 158px;}
    .product-list .products .product > div .bottom span {margin: 0 0 4px 40px;}
    .product-list .products .product > div .bottom input {margin-bottom: 6px;}
    .product-list .products .product div.images {width: 33%; height: 100%;}
    .product-list .products .product div.images a {height: 100%;}
    .product-list .products .product div.images a img {width: 100%;}
}
/* ==========================================================
! Landscape phone to portrait tablet
========================================================== */
@media (max-width: 767px) { 
    .product-list .products .product {height: auto;}
    .product-list .products .product div.images {width: 100%; float: none;}
    .product-list .products .product div.images a {width: auto; height: 100%; display: block; box-sizing: border-box; position: relative;}
    .product-list .products .product div.images a img {width: 100%; vertical-align: middle;}
    .product-list .products .product > span {clear: both; display: block;}
    .product-list .products .product > div {width: 100%; height: 200px; margin-bottom: 30px; position: relative; float: none;}
    .product-list .products .product > div .bottom {width: 283px;}
}
@media (max-width: 600px) { 
    
}
/* ==========================================================
! Landscape phones and down
========================================================== */
@media (max-width: 480px) {
    .page-content .side {width: 100%; height: auto!important; float: none;}
    .page-content .side ul.menu li.active {width: 100%; background-image: none; background-color: #b71f16;}
    .main-content {width: 100%; float: none;}
}
@media (max-width: 320px) {
    .product-list .products .product > div > strong {font-size: 15px;}
    .product-list .products .product > div ul li {font-size: 13px; line-height: 17px;}
}