ul{list-style: none outside; margin:0; padding:0;}
/*.title-text{ text-transform:uppercase; font-size:16px; position:relative; color:#fff;}
.title-text span{ display:inline-block; position:relative;background-color:#ed1b24;padding:6px 20px;transform: translateY(-13px);-webkit-transform: translateY(-13px); -moz-transform: translateY(-13px);-ms-transform: translateY(-13px);-o-transform: translateY(-13px);}
.title-text span::after {
    border-right: 10px solid #646464;
    border-top: 13px solid transparent; 
    content: "";
    left: -10px;
    position: absolute; top:0;
}*/
.box-left{ display:block;}
.bordertop{
    border-top:dashed 1px rgba(0, 0, 0, 0.19);
}
#shoppingcart .table td{border-top:dashed 1px rgba(0, 0, 0, 0.19);}
.title_thanhtoan{ display:inline-block; color:#333; font-size:16px; text-transform:uppercase;}
.form-group{ width:100%; /*display:inline-block;margin-bottom: 1rem;*/}
.district:first-child{ padding-left:0;}
.district:last-child{ padding-right:0;}
.note{ padding:10px 20px;}
select.form-control{height: calc(2.8rem);}
.form-group p{font-size:16px; color:#333333;}
input[type="radio"]{ margin-right:10px;}
.right-cart{width:100%; display:block; position:relative;}
.image{ max-width:15%; float:left; margin-right:25px;}
.name-cart{display:block; color:#252525;text-transform:capitalize; margin-bottom:5px;}
.code-cart{color:#3a3a3a; font-size:13px;}
.price-cart{display:block;font-size:16px;}
.number-cart{display:table; margin-top:10px;}
.number-cart span,.number-cart select{ display:table-cell;}
.number-cart span{ padding-right:10px;}
.number-cart select{ height:25px; padding:0 50px 0 20px; border-radius:0; text-align:center;}
.bt_quantity_update{display: block;
    cursor: pointer;
    border: 0px transparent;
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ed1b24;
    font-size:13px;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;}
.quantity_down{border-right:0;}
.quantity_up{border-left:0 ;}
.product-quantity{
    background-color: #EEE; padding:0;
}
.qty{
    width:100%;
    height: 30px;
    line-height: 30px;
    border: 0;
    border-top: 1px solid #ed1b24;
    border-bottom: 1px solid #ed1b24;
    text-align: center;
    margin-bottom: 0;
}
.number-cart div,.number-cart .qty{ float:left;}
.number-cart .bt_quantity_update{ width:40px;}
.number-cart .qty{width:40px;}
.btn-warning{ margin-top:0;}
.delete{ position:absolute; bottom:0; right:15px; color:#000; font-size:18px;}
.choise-pttt{ border:solid 2px #dee2e6; cursor:pointer;}
.choise-pttt.active{ border-color: red !important; border-width: 2px !important; }
.list-content li .boxContent{ display: none; }
.list-content > li{ margin-bottom: 15px; border-bottom: solid 1px #dee2e6;}
.list-content > li > label{ cursor:pointer;}
.list-content > li > label img{ width: 55px;}
.list-content > li > label input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 50%;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 25px;
    transition: all 0.15s ease-out 0s;
    vertical-align:middle;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000; background-color: #cbd1d8;
}
.list-content > li.active > label input[type="radio"]:checked {
    background:#ed1b24;
}
.list-content > li.active > label input[type="radio"]:checked::before {
    content: '';
    width:9px;
    height:9px;
    background:#fff;
    position: absolute;
    top:8px;
    left:8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.list-content li.active .boxContent{ display:block; }
ul.cardList li {
        cursor: pointer;
        padding: 5px;
        text-align: center;
    }
ul.cardList li label{ margin-bottom: 0;border: solid 1px #dee2e6;
    height: 40px;
    line-height: 40px;
    padding: 3px; cursor:pointer;}
ul.cardList li label.active{ border-color:#4d6753;}

ul.cardList1 li label{width:100%; height:auto; border:0; padding:0; line-height:1.6;}
ul.cardList1 li label i{ margin:auto;}
ul.cardList1 .item_image {
    width:100%;
    margin: 0 auto;
    background: #ed1b24;
    color: #fff;
    border-radius: 5px;
    padding: 20px 0 0;
	font-size:15px;
}
ul.cardList1 .image_title {
    background: #fff;
    color: #49556a;
    text-align: center;
    padding: 5px 0;
}
ul.cardList1 .image_desc {
    padding: 15px;
}
ul.cardList1 li label.active .item_image{ background-color:#ee0f0f;}
i.VISA, i.MASTER, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB 
    { width:80px; height:30px; display:block; background:url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;}
    i.MASTER { background-position:0px -31px}
    i.AMREX { background-position:0px -62px}
    i.JCB { background-position:0px -93px;}
    i.VCB { background-position:0px -124px;}
    i.TCB { background-position:0px -155px;}
    i.MB { background-position:0px -186px;}
    i.VIB { background-position:0px -217px;}
    i.ICB { background-position:0px -248px;}
    i.EXB { background-position:0px -279px;}
    i.ACB { background-position:0px -310px;}
    i.HDB { background-position:0px -341px;}
    i.MSB { background-position:0px -372px;}
    i.NVB { background-position:0px -403px;}
    i.DAB { background-position:0px -434px;}
    i.SHB { background-position:0px -465px;}
    i.OJB { background-position:0px -496px;}
    i.SEA { background-position:0px -527px;}
    i.TPB { background-position:0px -558px;}
    i.PGB { background-position:0px -589px;}
    i.BIDV { background-position:0px -620px;}
    i.AGB { background-position:0px -651px;}
    i.SCB { background-position:0px -682px;}
    i.VPB { background-position:0px -713px;}
    i.VAB { background-position:0px -744px;}
    i.GPB { background-position:0px -775px;}
    i.SGB { background-position:0px -806px;}
    i.NAB { background-position:0px -837px;}
    i.BAB { background-position:0px -868px;}
@media (min-width:240px){
.cardList{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;}
ul.cardList li {
 -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
ul.cardList1 li {
 -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media (min-width:600px){
ul.cardList li {
 -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
ul.cardList1 li {
 -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width:768px){
ul.cardList li {
 -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
}
}
@media (min-width:1024px){
ul.cardList li {
 -ms-flex: 0 0 14.2%;
    flex: 0 0 14.2%;
    max-width: 14.2%;
}
ul.cardList1 li {
 -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}
@media (max-width: 767px){
    .name-cart,.code-cart{margin-bottom:5px;}
    .price-cart{ font-size:20px;}
}
@media (max-width: 600px){
    .kichthuoc-cart{ padding-right:10px; padding-top:10px;}
    .number-cart{ margin-top:10px;}
    .total{ padding-top:20px;}
    .hoantat .btn{ padding:10px !important; font-size:14px !important;}
}
@media (max-width: 414px){
    .col-6,.col-4,.xemthem ul li{ width:100%;}
    .image{ width:100%; display:block; text-align:center; max-width:none; margin-bottom:10px;}
	.row {flex-wrap: wrap;}
	.product-name .col-3,.product-name .col-5,.product-name .col-7,.product-name .col-9{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.colprice{ margin-top:10px;}
}