*, *:before, *:after{
    padding:0; border:0; margin:0;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}
body{background-color: #f5f5f5; color:#333;}

.float-left{float:left;}
.float-right{float:right;}
.clear-both{float:left;}
.hidden-el{display:none;}

.w100, .w50, .w60, .w40, .w30, .w25, .w75, .w10, .w90, .w33{overflow:hidden;}

.w100{width:100%;}
.w50{width:50%;}
.w60{width:60%;}
.w40{width:40%;}
.w30{width:70%;}
.w25{width:25%;}
.w75{width:75%;}
.w10{width:10%;}
.w90{width:90%;}
.w33{width:33%;}
.h100{height:100%;}



.box-shadow-light{ box-shadow: 0 0 2px rgba(0,0,0,0.3); }
.box-shadow-medium{ box-shadow: 0 0 4px rgba(0,0,0,0.3); }
.box-shadow-large{ box-shadow: 0 0 6px rgba(0,0,0,0.3); }

.product-list-ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    height: auto;
    justify-content: center;
}

.product-list-ul li{width:400px; height:auto; display:block; margin:10px; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.3);}

#all-products{width:100%; max-width:1500px; margin:0 auto; height:auto;}
.products-container{
    width:100%; 
    padding:15px 0; 
}

.products-page-title{width:100%; text-align: center; margin:20px auto 30px auto;}

.product-list-ul{
    width:100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
}

.product-list-ul li{
    
    max-width:400px;
    min-width:330px;
    display:inline-block;
    margin:10px 0;
    padding:20px 20px 115px 20px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    position:relative;
}

.product-list-ul li img{display:block; width:auto; max-height:120px; margin:35px auto;}
.product-list-ul li h3{display:block; width:100%; font-size:18px;}
.product-list-ul li p{display:block; width:100%; font-size:16px;}
.product-list-ul li span{display:block; width:100%; float:left; font-size:14px; color:#ccc; padding:10px 0;}
.product-list-ul li span.product-price{font-size: 18px; text-align: right;}


.action-btns{width:100%;margin-top:15px; position:absolute; bottom:0; left:0; padding:20px;}
.read-more, .add-to-cart{
   padding:15px 20px; 
}
.read-more:hover{
    cursor:pointer;
    background-color:#ccc;
}
.read-more{
    background-color:#eaeaea; 
    float:left;
}
.add-to-cart:hover{
    cursor:pointer; background-color:#2c8ab1;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
}
.add-to-cart{ 
    background-color:#48a1c5;
    color:#fff;
    float:right; 
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

@media screen and (min-width: 400px){
    .products-container{padding:15px;}
    .product-list-ul li{margin:10px;}
}

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

@media screen and (min-width: 1000px){
    
}

@media screen and (min-width: 1200px){
}