.my-products {
    display: flex;
    margin-top:22px;
}

.my-products > .tags {
    flex-grow:2;
/*     width:300px; */
    max-width:300px;
    min-width:300px;
    
}

.my-products > .products {
    flex-grow:8;
    /*border:1px solid black;*/

}



/* Tag */

.tags > h3 >a {
    font-size:17px;
    font-weight: bold;
    font-family: Arial;
    color:#304ffe;
    font-family: "Khmer OS Battambang";
    text-decoration: none;
}
.tags > h3 >a:hover {
    color: #e65100;
}
.tags > .tag {
    border:1px solid rgba(44,55,88,0.1);
    border-radius: 3px;
/*     padding:2px 2px 2px 2px; */

}

.tags .title {
    padding-left:10px;
}

.tag {
    margin:2px ;
}

.tag > a {
    font-size: 12px;
    color:green;
    padding:0px 6px 0px 6px ;
    line-height: 38px;
}





/* Product */


.all-product {
    display: flex;
    flex-wrap: wrap;
    /*background-color:#333;*/
}

.all-product > .box-product {
    width:225px;
    height:330px;
    border:1px solid rgba(22,22,22,0.1);
    display: inline-block;
}

.box-product {
    box-sizing: border-box;

}

.box-product:hover {
    box-shadow: 0px 0px 5px 3px rgba(22,22,22,0.3);
}

.box-product > .image  {
    width: 255px;
    height: 240px;
    box-sizing: border-box;
/*     border:1px solid black; */
}

.box-product > .image > img {
/*     width:224px; */
/*     border: 1px solid blue; */
    max-height: 240px;
/*     height: 270px; */
    max-width:215px;
    cursor:pointer;
    margin:5px;
}

.box-product >.product-title {
/*     border:1px solid green; */
    margin:5px;
    height: 20px;
    word-wrap: break-word;
}

.box-product > .info {
/*     border:1px solid green; */
/*     margin-bottom: -10px; */
    position:relative;
    bottom: -15px;  
}

.box-product > .info > .price {
    font-size: 20px;
    color: #E7325B;
    padding-left: 15px;
}


.box-product > .info > .usa {
    color:#E7325B;
    font-size: 11px;
}

.box-product > .info > .order-now {
    color:white;
    padding:2px 8px 2px 8px;
    background-color:#FF7300;
    float: right;
    position: relative;
    top:5px;
    left: -10px;
}

.box-product > .info > .order-now:hover {
    text-decoration: none;
    box-shadow: 0px 0px 5px 3px rgba(22,22,22,0.3);
}

.no-record-message {
    text-align: center;
    color:blue;
    padding-left:150px;
    padding-top:30px;
    text-shadow: 2px 2px 3px red;
}