@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

.eco__notSginin-body--menu-child {
    position: absolute;
    background-color: #ffffff;
    left: 290px;
    width: 270px;
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    display: none;
    color: #000000;
    z-index: 2;
}
.eco__notSginin-body--menu-child li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.eco__notSginin-body--menu-child::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 20%;
    left: -20px;
}
/* .eco__notSginin-body--menu-list li:nth-child(2) {
    position: relative;
} */
.eco__notSginin-body--menu-child1 li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
/* .eco__notSginin-body--menu-list li:nth-child(5) {
    position: relative;
}
.eco__notSginin-body--menu-list li:nth-child(6) {
    position: relative;
} */
/*  Phần banner */
.eco__notSginin-body-card {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.eco__notSginin-body-card img {
    max-width: 350px;
    height: 200px;
}
.eco__notSginin-body-card1{
    border: 1px solid #CCC;
    height: auto;
    /*margin: 10px auto;*/
    overflow: hidden;
    position: relative;
    min-width: 350px;
    border-radius: 30px;
}
.eco__notSginin-body-card1 img {
    min-width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-card1:hover img {
    transform: scale(1.2);
}
/* phần sản phẩm 1*/
.eco__notSginin-body-items{
    margin-top: 47px;
}
.eco__notSginin-body-items-title {
    display: flex;
    justify-content: space-between;
    height: 60px;
}
.eco__notSginin-body-items-title h1 {
    color: #FFFFFF;
    background-color: #86AD3D;
    margin-bottom: 0;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: 36px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    margin-left: 0;
}
/* Màn phone titile */
.active-titlePhone img{
    width: 15px;
    height: 15px;
}
.active-titlePhone {
    text-decoration: none !important;
    color: #999999 !important;
    font-size: 15px;
    line-height: 38px;
    cursor: pointer;
}
.eco__notSginin-body-items-wapper {
    display: inline-flex;
    width: 100% ;
}
.eco__notSginin-body-items-wapper ul {
    background-color: #ffffff;
    cursor: pointer;
    min-height: 437px !important;
    margin: 0 10px;
    min-height: 380px !important;
}
.eco__notSginin-body-items-wapper ul li:first-child img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-items-wapper ul li:nth-child(2) {
    padding-left: 20px;
    padding-top: 20px;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.eco__notSginin-body-items-wapper ul li:nth-child(3) {
    padding-left: 20px;
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    align-items: center;
    height: 24px;
}
.eco__notSginin-body-items-wapper ul li:nth-child(4) {
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    align-items: flex-end;
}
 .eco__notSginin-body-items-wapper--ogn{
    color: #1A9C2E !important;
    font-size: 14px;
    font-weight: bold;
}
.eco__notSginin-body-items-wapper--ton {
    color: #319EF2;
    font-size: 14px;
    font-weight: bold;
}

.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2),


.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2) {
    background-color: #F8F8F8;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}

.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2) img,


.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2) img{
    width: 16px;
    height: 16px;
}

.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2) .add__item-cart--hover,
.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2) .add__item-cart--hover{
    display: none;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover ,
.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2):hover {
    background-color: #86AD3D;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover .add__item-cart,
.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2):hover .add__item-cart {
   display: none;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover .add__item-cart--hover,

.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2) .add__item-cart--hover{
    display: none;
}
.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2):hover {
    background-color: #86AD3D;
}
.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2):hover .add__item-cart {
   display: none;
}

.eco__notSginin-body-items-wapper ul li:nth-child(4) div:nth-child(2):hover .add__item-cart--hover {
    display: block;
}
/* phần sản phẩm 2*/
.eco__notSginin-body-items1{
    margin-top: 47px;
}
/* phần sản phẩm 3*/
.eco__notSginin-body-items2{
    margin-top: 47px;
}
/* phần sản phẩm 4*/
.eco__notSginin-body-items3{
    margin-top: 47px;
}
/* phần zoom ảnh của banner 1*/
.eco__notSginin-body-banner{
    height: auto;
    overflow: hidden;
    position: relative;
    max-width: 1110px;
    max-height: 350px;
    margin-top: 30px;
}
.eco__notSginin-body-banner img {
    width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-banner:hover img {
    transform: scale(1.2);
}
/* phần zoom ảnh của banner 2*/
.eco__notSginin-body-banner1{
    height: auto;
    overflow: hidden;
    position: relative;
    max-width: 1110px;
    max-height: 360px;
    margin-top: 30px;
}
.eco__notSginin-body-banner1 img {
    max-width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-banner1:hover img {
    transform: scale(1.2);
}

/* ================ Phần head =========================*/
.eco__signIn--navbar {
    display: flex;
    justify-content: space-between;
}
.eco__signIn--nav {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 680px;
}
.eco__signIn--nav li a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
}
.eco__signIn--nav li a:hover{
    color: #548E2D;
}
.eco__signIn--nav li:nth-child(7) img{
    width: 18px;
    height: 18px;
}
.eco__signIn--nav-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 10px;
}

.cartIcon {
    margin-right: 10px;
}
.cartIcon a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.cartIcon,
.eco__signIn--nav-cart li:nth-child(2) {
    background-color: #319EF2;
    border-radius: 16px;
    width: 50px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.cartIcon img,
.eco__signIn--nav-cart li:nth-child(2) img {
    width: 14px;
    height: 14px;
}
.cartIcon span,
.eco__signIn--nav-cart li:nth-child(2) span {
    color: #ffffff;
    margin-left: 5px;
}
.hideSearchTitleInPC {
    color: rgba(0,0,0,.5);
}
.downArrow__eco {
    width: 10px;
    height: 10px;
}
/* =================== panigation =====================  */
.pagination {
    margin-bottom: 20px;
}
.page-link {
    font-size: 15px;
    height: 100%;
    padding-bottom: 0;
}
/* ======================== caroulsel - head*/
.page-carousel {
    max-width: 800px;
    max-height: 350px;
}

/* ====================== carousel all*/

/*.col-md-3{*/
/*    margin-left:-5px;*/
/*}*/
/* .col-md-3 img{
    width:100%;
    height:auto;
} */
.no-padding{
    padding-left: 0 ;
    padding-right: 0 ;
}
.my-carousel-notYetSignIn {
    position: relative;
}
.carosel__left {
    width: 30px;
    height: 40px;
    background-color: #FFFFFF ;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 42%;
    z-index: 3;
    left: -20px;
    cursor: pointer;
}
.carosel__left::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #86AD3D;
    border-bottom: 10px solid transparent;
    border-left: 12px solid transparent;
    top: 24%;
    left: -2px;
}
.carosel__left:hover {
    background-color: #86AD3D;
}
.carosel__left:hover.carosel__left::before {
    border-right: 10px solid #ffffff;
}
.carosel__right {
    width: 30px;
    height: 40px;
    background-color: #FFFFFF ;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 42%;
    right: -23px;
    cursor: pointer;
}
.carosel__right::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #86AD3D;
    top: 24%;
    left: 11px;
}
.carosel__right:hover {
    background-color: #86AD3D;
}
.carosel__right:hover.carosel__right::before {
    border-left: 10px solid #ffffff;
}

.ogn {
    color: #1A9C2E !important;
}
.tor {
    color: #319EF2 !important;
}

/* Phần tìm kiếm của tất cả các màn */
.icon-search {
    cursor: pointer;
}
.eco__notSginin--navbarSearch {
    position: absolute;
    top: 80px;
    width: 480px;
    border: none;
    right: 0;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D;
    padding-left: 20px;
}
.eco__notSginin--navbarSearch::placeholder {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    color: #86AD3D;
    opacity: 1;
    padding-left: 20px;
    background-image: url('../img/icon_search@2x.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 0 ;
}
.eco__notSginin--navbarSearchWapper {
    display: none;
    z-index: 1;
}

/*  phần chung khi discount giá */
.priceItems__linethrough {
    display: inline-block;
    font-family: Helvetica Neue !important;
    font-size: 12px;
    margin-bottom: 0;
    text-decoration: line-through;
    color: #666666 !important;
}
.card {
    border: none;
}
.itemscart-discount_wapper {
    color: #666666 !important;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.bodyWapper {
    margin: 0;
}

/* ============================================================================================== cart_0.7.4 =======================================================================================*/

.cart__0-7-4 {
    background-color:  #F8F8F8;
    min-height: 931px;
    padding-top: 75px;
    padding-bottom: 60px;
    overflow: hidden;
}
.cart__0-7-4 .cartPaymentTitle {
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
}
.cart__container {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.cart__container-table {
    width: 100%;
    line-height: 40px;
}
.cart__container-table .cart__container-table-items {
    border-bottom: 1px solid #E4E4E4;
}
.cart__container-table .cart__container-table {
    border-bottom: 1px solid #E4E4E4;
}
.cart__container-table-head {
    border-bottom: 1px solid #E4E4E4;
}
.cart__container-table-head {
    display: flex;
    font-size: 13px;
    text-align: left;
    font: normal normal medium 13px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
}
.cart__container-table-head li:first-child {
    width: 34px;
    margin-left: 20px;
    margin-top: 4px;
}
.cart__container-table-head li:nth-child(2) {
    width: 500px;
}
.cart__container-table-head li:nth-child(3) {
    width: 199px;
}
.cart__container-table-items-wapper {
    display: flex;
    align-items: center;
}
.cart__container-table-items-checkbox {
    margin-left: 20px;
    width: 34px;
}
.cart__container-table-items-checkboxAll input[type='checkbox'] {
    width: 16px ;
    height: 16px ;
    cursor: pointer;
}
.cart__container-table-items-checkbox input[type='checkbox'] {
    width: 16px ;
    height: 16px ;
    cursor: pointer;
}
.cart__container-table-items-product {
    display: flex;
    align-items: center;
    width: 500px;
}
.cart__container-table-items-product div {
    margin-left: 20px;
}
.cart__container-table-items-product .cart__container-table-items-desc {
    text-align: left;
    font-family: Helvetica Neue !important;
    font: normal normal normal;
    letter-spacing: 0px;
    color: #000000;
    max-width: 350px;
    font-size: 16px;
}
.cart__container-table-items-product .cart__container-table-items-price {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
}
.cart__container-table-items-product img {
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}

.cart__container-table-items-amount {
    width: 200px;
}
.cart__container-table-items-amount {
    text-align: left;
    font: normal normal medium 14px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 14px;
}
.cart__container-table-items-delete img{
    cursor: pointer;
    width: 50px;
    height: 24px;
}
.cart__container-table-items-discount {
    width: 100%;
    display: flex;
    justify-content: center;
}
.cart__container-table-items-discount div {
    width: 1000px;
    height: 40px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 10px;
    align-items: center;
}
.cart__container-table-items-discount div p {
    margin-bottom: 0;
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #AF0896;
    font-size: 14px;
}
.cart__container-table-items-discount div select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    width: 292px;
    height: 30px;
    font-size: 14px;
}
.cart__container-table-items-payment {
    width: 1106px;
    height: 40px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
.cart__container-checkout {
    height: 100px;
    padding: 20px 20px 20px 45px;
    display: flex;
    justify-content: space-between;
}
.cart__container-checkout .cart__container-discount h1 {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
}
.cart__container-checkout .cart__container-discount input {
    width: 200px;
    height: 40px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    padding-left: 10px;
}
.cart__container-checkout .cart__container-discount input::placeholder {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #999999;
    font-size: 14px;
}
.cart__container-checkout .cart__container-discount a {
    width: 80px;
    height: 40px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
}
.cart__container-checkout .cart__container-discount a:hover {
    color: #ffffff;
}
.cart__container-paymentDone {
    display: flex;
    width: 360px;
    justify-content: space-between;
    line-height: 60px;
    margin-right: 166px;
}
.cart__container-paymentDone-title p {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 14px;
    margin-top: 12px;
    width: max-content;
}
.cart__container-paymentDone-price {
    /* display: flex;
    align-items: flex-end;
    position: relative;
    left: -15px; */
}
.cart__container-paymentDone-price p{
    color: #000000;
    height: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    left: 10px;
    width: max-content;
}
.cart__container-checkout-amountOfmoney {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.cart__container-checkout-amountOfmoney > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 507px;
    height: 60px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    margin-right: 100px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000000;
    padding: 0 0px 0 60px;
}
.and {
    color: #999999;
}
.cart__0-7-4-footer {
    width: 100%;
    height: 80px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px -3px 6px #0000000D;
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
}
.cart__0-7-4-footer > div {
    display: flex;
    justify-content: space-between;
}
.cart__0-7-4-footer-shopNow {
    width: 220px;
    height: 50px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
}
.cart__0-7-4-footer-shopNow img {
    width: 22px;
    height: 22px;
}
.cart__0-7-4-footer-shopNow a {
    text-align: left;
    font: normal normal normal 16px/18px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
}
.cart__0-7-4-footer-shopNow a:hover {
    text-decoration: none;
}
.cart__0-7-4-footer-checkout {
    width: 270px;
    height: 50px;
    background: #548E2D 0% 0% no-repeat padding-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    outline:none;
    border: none;
}
.cart__0-7-4-footer-checkout a {
    text-align: left;
    font: normal normal bold 16px/19px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 1.6px;
    color: #FFFFFF !important;
    text-transform: uppercase;
}
.cart__delete-popup {
    min-height: 341px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart__delete-popup img {
    width: 50px;
    height: 50px;
}
.cart__delete-out {
    width: 170px;
    height: 40px;
    background: #F2F2F4 0% 0% no-repeat padding-box;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    border: none;
    color: #000000;
    margin-right: 10px;
}
.cart__delete-accept {
    width: 170px;
    height: 40px;
    background: #086015 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: none;
    color: #ffffff;
}
.cart__delete-popup-group1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cart__delete-popup-group1-title1 {
    text-align: center;
    font: normal normal normal 24px/33px Prata;
    letter-spacing: 0px;
    color: #EC0101 !important;
    font-size: 24px !important;
    margin-top: 20px;
}
.cart__delete-popup-group1-title2 {
    text-align: center;
    font: normal normal normal 14px/21px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    width: 354px;
    font-size: 14px;
}

/* table responsive */
.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.table-responsive-stack td,
.table-responsive-stack th {
    display:block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.table-bordered td,
.table-bordered th {
    display: flex !important;
    justify-content: space-between;
}
.cart__container-mobile-header th{
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666 !important;
    font-size: 13px !important;
}
.cart__container-mobile-bodyTitle {
    display: flex;
    justify-content: space-between;
}
.cart__container-mobile-bodyTitle img{
    max-width: 110px;
    max-height: 110px;
}
.cart__container-mobile table {
    background: #FFFFFF;
}
.table-responsive-stack-thead {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.cart__container-mobile-bodyPrice {
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 14px;
}
.cart__container-mobileItems-discount div {
    padding: 10px 0 10px 0;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}
.cart__container-mobileItems-discount div p {
    margin-bottom: 0;
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #AF0896;
    font-size: 14px;
    padding-right: 10px;
}
.cart__container-mobileItems-discount div select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    height: 30px;
    padding: 2px;
}


.cart__container-mobile-checkoutBody-Input input{
    max-width: 200px;
    height: 40px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    padding-left: 10px;
    margin-right: 10px;
}
.cart__container-mobile-checkoutBody-Input input::placeholder {
    text-align: left;
    font-family: Helvetica Neue !important;
    color: #999999;
    font-size: 12px;

}
.cart__container-mobile-checkoutBody-Input a {
    width: 80px;
    height: 40px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #ffffff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.cart__container-mobile-checkoutBody-Input a:hover {
    color: #ffffff;
    background-color: black;
}
.cart__container-mobile-checkoutBody .and {
    padding: 0 10px 0 10px;
}
.cart__container-mobile-checkWapper ,
.cart__container-mobile-checkItems {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart__container-mobile-checkWapper input[type='checkbox'],
.cart__container-mobile-checkItems  input[type='checkbox'] {
    width: 16px;
    height: 16px;
}
/* minus - plus input acount*/
span {cursor:pointer; }
.detailProduct-subtraction,
.detailProduct-addition{
    vertical-align: middle;
    text-align: center;
    position: absolute;
}

.wapperInputAcount input{
    vertical-align: middle;
    display: inline-block;
    width: 130px;
    height: 46px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    color: #999999;
}


.wapperInputAcount{
    width: 130px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.wapperInputAcount .detailProduct-subtraction {
    color: #999999;
    font-size: 30px !important;
    cursor: pointer;
    position: absolute;
    left: 10px;
}
.wapperInputAcount .detailProduct-addition {
    color: #999999;
    cursor: pointer;
    font-size: 24px !important;
    position: absolute;
    right: 10px;
}

.cart__container-table-items-acountNumber {
    width: 200px;
}

/* ============================================================================================== cart_payment_0.7.5 =======================================================================================*/

.cart__0-7-5 {
    background-color:  #F8F8F8;
    min-height: 931px;
    padding-top: 75px;
    padding-bottom: 60px;
}
.cart__container-paymentWapper {
    display: flex;
    justify-content: space-between;
}
.cart__container-paymentAdress {
    width: 707px;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 4px;
    opacity: 1;
    padding: 20px;
}
.cart__container-paymentAdress input {
    padding-left: 10px;
}
.cart__container-paymentAdress p {
    margin-bottom: 0;
}
.cart__payment-table-title {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #333333;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
}
.cart__payment-table-contact {
    display: flex;
    justify-content: space-between;
}
.cart__payment-table-contact p {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.cart__payment-table-contact input {
    width: 305px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
}
.cart__payment-table-adressDetail {
    width: 100%;
}
.cart__payment-table-adressDetail p {
    margin-top: 20px;
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 14px;
    margin-bottom: 10px;
}
.cart__payment-table-adressDetail input {
    width: 100%;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
}
.cart__payment-table-city {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 2px solid #E4E4E4;
}
.cart__payment-table-city select{
    width: 200px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
}
.cart__payment-table-cityDetail1 select,
.cart__payment-table-cityDetail select {
    font-size: 14px !important;
}
.cart__payment-table-city p {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.cart__payment-table-delivery {
    margin-top: 30px;
}
.cart__payment-table-delivery p {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #333333;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cart__payment-table-delivery select {
    width: 100%;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
    /* color: #333333; */
    padding-left: 10px;
    font-size: 14px;
}
.cart__payment-free {
    color: #AF0896 !important;
}
.cart__payment-table-method {
    margin-top: 20px;
}
.cart__payment-table-method p {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #333333;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cart__payment-table-checkbox {
    display: flex;
    flex-direction: column;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
    padding: 20px;

}
.cart__payment-table-checkbox input {
    margin-right: 10px;
}
.cart__payment-table-checkbox label {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 14px;
}
/* .cart__payment-table-checkbox input[type='radio']:after {
    width: 17px;
    height: 17px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.cart__payment-table-checkbox input[type='radio']:checked:after {
    width: 17px;
    height: 17px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #548E2D;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
} */
.cart__container-done {
    width: 410px;
    min-height: 460px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    opacity: 1;
}
.cart__container-done-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
    line-height: 40px;
    border-bottom: 1px solid #E4E4E4;
}
.cart__container-done-title p {
    margin-bottom: 0;
    text-align: left;
    font: normal normal medium 13px/16px Helvetica Neue;
    letter-spacing: 0px;
    color: #999999;
    opacity: 1;
    font-size: 13px;
}
.cart__container-done-itemsDetail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 10px 10px 10px;
}
.cart__container-done-itemsDetail p {
    margin-bottom: 0;
}
.cart__container-done-itemsDetail img {
    width: 80px;
    height: 80px;
}
.cart__container-done-itemsDetail div{
    display: flex;
    justify-content: center;
}
.cart__container-done-itemsDesc {
    max-width: 230px;
    display: flex;
    flex-direction: column;
}
.cart__container-done-itemsDesc p {
    margin-left: 10px;
    margin-bottom: 0;
    text-align: left;
    font: normal normal normal 14px/21px Helvetica Neue;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
}
.cart__container-itemsDesc-amount {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    letter-spacing: 0px;
    color: #666666 !important;
    opacity: 1;
    font-size: 14px;
}
.cart__container-doneCheckout {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px 0 20px;
}
.cart__container-doneCheckout-title ul li {
    margin-bottom: 14px;text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
}
.cart__container-doneCheckout-price ul li {
    margin-bottom: 14px;
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 14px;
}
.cart__container-done{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.cart__container-total {
    height: 60px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 4px 4px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 20px;
}
.cart__container-total p {
    text-align: right;
    font: normal normal bold 16px/19px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 16px;
    margin-bottom: 0;
}
.cart__0-7-5-title {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    opacity: 1;
    font-size: 13px;
}

.cart__0-7-4-footer > div {
    display: flex;
    justify-content: space-between;
}
.cart__0-7-4-footer-shopNow {
    width: 220px;
    height: 50px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
}
.cart__0-7-4-footer-shopNow img {
    width: 22px;
    height: 22px;
}
.cart__0-7-4-footer-shopNow a {
    text-align: left;
    font: normal normal normal 16px/18px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
}
.cart__0-7-4-footer-shopNow a:hover {
    text-decoration: none;
}

.cartPayment--succed {
    max-width: 475px;
    max-height: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 1;
}
.cartPayment--succed img {
    position: relative;
    bottom: 72px;
    width: 100%;
    height: 100%;
}
.cartPayment--succed .popUpWapperTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
}
.cartPayment--succed .payment__success-title {
    text-align: center;
    font: normal normal normal 24px/33px Prata;
    letter-spacing: 0px;
    color: #086015;
    opacity: 1;
    font-size: 24px;
}
.popUpWapper {
    position: relative;
    max-height: 200px;
}
.popUpWapper .close__popup075 {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    top: 13px;
    right: 14px;
    cursor: pointer;
}
.cartPayment--succed .payment__success-code {
    text-align: center;
    font: normal normal normal 16px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 16px;
}
.success-code {
    color: #548E2D !important;
}

/* phần sửa cho ô input */

/* input[type="radio"] {
    display: none;
}

input[type="radio"]+label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
padding: 1px;
margin-right: 3px;

background-clip: content-box;
border: 2px solid #548E2D;
background-color: #e7e6e7;
border-radius: 50%;
}

input[type="radio"]:checked + label:before {
background-color: #548E2D;
}

label {
    display: flex;
    align-items: center;
} */

/* ============================================================================================== detail_product_0.7.3 =======================================================================================*/

.eco__detailProduct {
    min-height: 1500px;
    background-color: #F8F8F8 !important;
}
.detail_product-footer {
    padding-bottom: 30px;
}
.eco__detailProduct-container {
    padding-top: 60px;
}
.eco__detailProduct-container p {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    color: #B7B7B7;
}
.eco__detailProduct-body {
    display: flex;
}
.detailProduct-result {
    color: #000000;
}
.arrow-right{
    width: 30px;
    height: 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 30%;
    right: 0px;
    cursor: pointer;
}
.arrow-left{
    width: 30px;
    height: 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 30%;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
}
.arrow-left::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #86AD3D;
    border-bottom: 10px solid transparent;
    border-left: 12px solid transparent;
    top: 24%;
    left: -2px;
}
.arrow-left:hover {
    background-color: #86AD3D;
}
.arrow-left:hover.arrow-left::before {
    border-right: 10px solid #ffffff;
}
.arrow-right::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #86AD3D;
    top: 24%;
    left: 11px;
}
.arrow-right:hover {
    background-color: #86AD3D;
}
.arrow-right:hover.arrow-right::before {
    border-left: 10px solid #ffffff;
}
.eco__detailProduct-body-detailProduct {
    display: flex;
}
.eco__detailProduct-body-detailProduct-price {
    margin-left: 28px;
}
.eco__detailProduct-body-detailProduct-price h1 {
    text-align: left;
    font: normal normal normal 24px/29px Helvetica Neue;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: Helvetica Neue !important;
    margin: 0 0 27px 0;
}
.eco__detailProduct-body-detailProduct-price p {
    text-align: left;
    font: normal normal normal 14px/21px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    max-width: 350px;
    margin-bottom: 27px;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-price span:first-child {
    text-align: left;
    font: 20px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #1A9C2E;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-price span:nth-child(2) {
    color: #999999;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-price span:nth-child(3) {
    text-align: left;
    font: 20px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #319EF2;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-price p span:first-child{
    text-decoration: line-through;
    color: #999999;
    font-size: 14px;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-price p span:nth-child(2){
    text-decoration: line-through;
    color: #999999;
    font-size: 14px;
}

.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy {
    display: flex;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy a {
    width: 200px;
    height: 46px;
    background-color: #86AD3D;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-left: 20px;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy a:hover {
    background-color: #548E2D;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy a span {
    margin-left: 16px;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social {
    margin-top: 30px;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social p {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a{
    width: 92px;
    height: 26px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    opacity: 1;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet img{
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(1){
    color: #2E5995;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(1) img:nth-child(2) {
    display: none;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(1):hover{
    background-color: #2E5995;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(1):hover img:nth-child(2) {
    display: inline-flex;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(1):hover img:nth-child(1) {
    display: none;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(2){
    color: #FF4500;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(2):hover{
    background-color: #FF4500;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(3){
    color: #50ABF1;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(3):hover{
    background-color: #50ABF1;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(4){
    color: #158AD8;
}
.eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a:nth-child(4):hover{
    background-color: #158AD8;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-desc {
    width: 816px;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000014;
    border-radius: 0px 16px 16px 16px;
    opacity: 1;
    padding: 40px;
    margin-top: 70px;
    position: relative;
    overflow-y: hidden;
    padding-bottom: 80px;
}
.showMore {
    max-height: none !important;
    height: auto !important;
}

.eco__detailProduct-body-detailProduct-desc .eco__detailProduct-hide:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-desc .eco__detailProduct-hide{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    display: none;
}
.eco__detailProduct-body-detailProduct-desc .eco__detailProduct-hide:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    display: none;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-desc img {
    width: 100%;
}
.eco__detailProduct-body-detailProduct-desc p{
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.eco__detailProduct-body-detailProduct-wapper {
    display: flex;
    position: relative;
}
.eco__detailProduct-body-detailProduct-wapper .eco__detailProduct-body-detailProduct-desc-tag {
    position: absolute;
    top: 39px;
    left: 0;
}
.eco__detailProduct-body-detailProduct-wapper .eco__detailProduct-body-detailProduct-desc-tag span:first-child {
    width: 140px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}
.active__tab--detailProduct {
    background-color: #86AD3D !important;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-wapper .eco__detailProduct-body-detailProduct-desc-tag span:nth-child(2) {
    width: 140px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}
.eco__detailProduct-body-detailProduct-wapper .eco__detailProduct-body-detailProduct-desc-tag span:nth-child(2):hover {
    background-color: #86AD3D;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-review {
    width: 816px;
    max-height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000014;
    border-radius: 0px 16px 16px 16px;
    opacity: 1;
    padding: 40px;
    margin-top: 70px;
    position: relative;
    overflow-y: hidden;
    display: none;
    padding-bottom: 80px;
}
.eco__detailProduct-body-detailProduct-desc .eco__detailProduct-show{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-desc .eco__detailProduct-show{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review{
    position: absolute;
    bottom: 35px;
    left: 30%;
    width: 316px;
    height: 46px;
    background: transparent linear-gradient(180deg, #86AD3DE6 0%, #B9CC4D99 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review:hover {
    background: #FFFFFFE6;
    color: #548E2D;
}
.eco__detailProduct-body-detailProduct-review p{
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-body-detailProduct-review-tag {
    position: absolute;
    top: -30px;
    left: 0;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-body-detailProduct-review-tag span:first-child {
    width: 140px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-body-detailProduct-review-tag span:nth-child(2) {
    width: 140px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}
.eco__detailProduct-body-detailProduct-review .eco__detailProduct-body-detailProduct-review-tag span:nth-child(2):hover {
    background-color: #86AD3D;
    color: #ffffff;
}
.eco__detailProduct-body-detailProduct-review .detailProduct-body-detailProduct-reviewStar{
    height: 122px;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    padding: 20px;
}
.detailProduct-body-detailProduct-reviewStar-head {
    display: flex;
    justify-content: space-between;
}
.detailProduct-body-detailProduct-reviewStar-head div p {
    text-align: left;
    font: normal normal bold 20px/25px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 0;
    font-size: 20px;
}
.detailProduct-body-detailProduct-reviewStar-head div img {
    height: 14px;
}
.detailProduct-body-detailProduct-reviewStar-head > p {
    width: 120px;
    height: 36px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.detailProduct-body-detailProduct-reviewStar-head > p:hover {
    background-color: #548E2D;
    color: #ffffff;
}
/*.detailProduct-body-detailProduct-choice {*/
/*    margin-top: 14px;*/
/*}*/
.detailProduct-body-detailProduct-choice span{
    width: 60px;
    height: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    opacity: 1;
    font-size: 13px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.detailProduct-body-detailProduct-choice-active {
    background-color: #548E2D !important;
    color: #ffffff;
}
.detailProduct-body-detailProduct-reviewPersonel {
    margin-top: 30px;
}
.detailProduct-reviewPersonel div:first-child {
    display: flex;
}
.detailProduct-reviewPersonel img{
    width: 80px;
}
.detailProduct-reviewPersonel > p {
    max-width: 770px;
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.detailProduct-reviewPersonel div:first-child img{
    width: 50px;
    height: 50px;
}
.detailProduct-reviewPersonel div:nth-child(2) {
    margin-left: 20px;
}
.detailProduct-reviewPersonel div:nth-child(2) p:first-child {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-weight: bold;
    margin-bottom: 0;
}
.detailProduct-reviewPersonel div:nth-child(2) p:nth-child(2) {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #999999;
    opacity: 1;
}
.eco__detailProduct-body-promote {
    margin-left: 30px;
}
.eco__detailProduct-body-promote > p{
    text-align: left;
    font: normal normal medium 13px/24px Helvetica Neue;
    letter-spacing: 1.3px;
    color: #666666;
    font-family: Helvetica Neue !important;
    text-transform: uppercase;
    opacity: 1;
}
.detailProduct-body-promote-detail {
    background-color: #ffffff;
    height: 350px;
    margin-bottom: 30px;
}
.detailProduct-body-promote-detail img {
    width: 270px;
    height: 270px;
}
.detailProduct-body-promote-detail > p {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: Helvetica Neue !important;
    margin-left: 20px;
    font-size: 14px;
}
.detailProduct-body-promote-detail-price {
    display: flex;
    margin-left: 20px;
    margin-right: 20px;
    justify-content: space-between;
}
.detailProduct-body-promote-detail-price span:first-child{
    text-align: left;
    font: normal normal 15px/18px Helvetica Neue;
    letter-spacing: 0px;
    color: #1A9C2E;
    opacity: 1;
}
.detailProduct-body-promote-detail-price span:nth-child(2) {
    width: 40px;
    height: 30px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    cursor: pointer;
}
.detailProduct-body-promote-detail-price span:nth-child(2):hover {
    background-color: #86AD3D;
}
.detailProduct-body-promote-detail-price span:nth-child(2):hover img:first-child {
    display: none;
}
.detailProduct-body-promote-detail-price span:nth-child(2):hover img:nth-child(2) {
    display: block;
}
.detailProduct-body-promote-detail-price span:nth-child(2) img {
    width: 16px;
    height: 16px;
}
.detailProduct-body-promote-detail-price span:nth-child(2) img:nth-child(2) {
    display: none;
}
.review__popup {
    max-width: 860px;
    min-height: 485px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 1;
    padding: 30px;
    padding-top: 50px;
}
.review__popup-title {
    text-align: left;
    font: normal normal normal 24px/33px Prata;
    letter-spacing: 0px;
    color: #086015;
    opacity: 1;
    font-size: 31px;
    font-family: Prata;
}
.star--active {
    color: #FF0000;
}
.review__popupInformation p {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
}
.review__popupInformation textarea {
    width: 100%;
    height: 104px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    opacity: 1;
    padding: 10px;
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
}
.review__popupInformation textarea:focus {
    outline-style: none;
}
.review__popupInformation textarea::placeholder {
    color: #000000;
}
.review__popupInformation-detail {
    display: flex;
    justify-content: space-between;
}
.review__popupInformation-detail input {
    max-width: 225px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    opacity: 1;
    padding-left: 10px;
}
.review__popupInformation-detail p {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: left;
    font: normal normal normal 14px/24px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 14px;
}
.review__popup-buttonWapper {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.review__popup-buttonAccept {
    width: 170px;
    height: 40px;
    background: #086015 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    color: #ffffff;
    margin-left: 20px;
}
.review__popup-buttonDelete {
    width: 170px;
    height: 40px;
    background: #F2F2F4 0% 0% no-repeat padding-box;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    opacity: 1;
    color: #000000;
}
.downArrow__eco {
    width: 10px;
    height: 10px;
}
.item__thumnails-opacity{
    opacity: 0.2;
}
.eco__detailProduct-body-promote-mobile h1{
    background-color: #F8F8F8 !important ;
    color: #666666;
}

fieldset, label { margin: 0; padding: 0; }
h1 { font-size: 1.5em; margin: 10px; }

.rate {
    border: none ;
    float: left;
}
.rate > .inputRate { display: none !important; }
.rate > label:before {
    margin: 5px ;
    font-size: 17px ;
    font-family: FontAwesome;
    display: inline-block ;
    content: "\f005" !important;
}

.rate > .half:before {
    content: "\f089" !important;
    position: absolute !important;
}

.rate > label {
    color: #ddd ;
    float: right ;
}
.rate > .inputRate:checked ~ label,
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label { color: #FFD700 ;  }

.rate > .inputRate:checked + label:hover,
.rate > .inputRate:checked ~ label:hover,
.rate > label:hover ~ .inputRate:checked ~ label,
.rate > .inputRate:checked ~ label:hover ~ label { color: #FFED85 ;  }

.slick-slider .slick-prev, .slick-slider .slick-next {
    z-index: 100;
    font-size: 2.5em;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    color: #B7B7B7;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #000;
    opacity: .3;
    transition: opacity .25s;
    cursor: pointer;
  }
  .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
    opacity: .65;
  }
  .slick-slider .slick-prev {
    left: 0;
  }
  .slick-slider .slick-next {
    right: 0;
  }

  .slick-slider {
      margin: 0px -10px;
  }



  #detail .product-images {
    width: 100%;
    margin: 0 auto;
  }
  #detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
    display: block;
    outline: none;
    border: none;
  }
  #detail .product-images .main-img-slider figure {
    margin: 0 auto;
    padding: 0 2em;
  }
  #detail .product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }
  #detail .product-images .main-img-slider figure a img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  #detail .product-images .thumb-nav {
    margin: 0;
    padding: 10px 0px;
    max-width: 600px;
  }
  #detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
  }
  #detail .product-images .thumb-nav.slick-slider .slick-prev {
    margin-left: -30px;
  }
  #detail .product-images .thumb-nav.slick-slider .slick-next {
    margin-right: -30px;
  }
  #detail .product-images .thumb-nav li {
    display: block;
    margin: 0 auto;
    cursor: pointer;
  }
  #detail .product-images .thumb-nav li img {
    display: block;
    width: 100%;
    max-width: 75px;
    height: 75px;
    margin: 0 auto;
    border: 2px solid transparent;
    -webkit-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -moz-transition: border-color .25s;
    transition: border-color .25s;
  }
  #detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
    border-color: #999;
  }
  .containerCarousel {
      max-width: 400px;
  }

  .arrow-rightSmall {
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 36%;
    right: 0px;
    cursor: pointer;
}
.arrow-rightSmall::before {
    position: absolute;
    content: ""; border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid #86AD3D;
    top: 29%;
    left: 11px;
}
.arrow-leftSmall {
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 36%;
    left: 0px;
    cursor: pointer;
    z-index: 1;
}
.arrow-leftSmall::before {
    position: absolute;
    content: ""; border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 12px solid #86AD3D;
    top: 29%;
    right: 11px;
}
.arrow-leftSmall:hover,
.arrow-rightSmall:hover {
    background-color: #86AD3D;
}
.arrow-leftSmall:hover.arrow-leftSmall::before{
    border-right: 10px solid #ffffff;
}
.arrow-rightSmall:hover.arrow-rightSmall::before {
    border-left: 10px solid #ffffff;
}
.eco__notSginin-body-items-wapper a:hover {
    text-decoration: none !important;
}
.icon-search:before {
    content: none;
}

/* minus/plus input acount*/
span {cursor:pointer; }
.detailProduct-subtraction,
.detailProduct-addition{
    vertical-align: middle;
    text-align: center;
    position: absolute;
}

.detailProduct-body-detailProduct-acountNumber input{
    vertical-align: middle;
    display: inline-block;
    width: 130px;
    height: 46px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    color: #999999;
}


.detailProduct-body-detailProduct-acountNumber{
    width: 130px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.detailProduct-body-detailProduct-acountNumber .detailProduct-subtraction {
    color: #999999;
    font-size: 30px !important;
    cursor: pointer;
    position: absolute;
    left: 10px;
}
.detailProduct-body-detailProduct-acountNumber .detailProduct-addition {
    color: #999999;
    cursor: pointer;
    font-size: 24px !important;
    position: absolute;
    right: 10px;
}

/* ============================================================================================== eco_list_07_1 =======================================================================================*/
.active__eco {
    color: #319EF2 !important;
}
.arrow__eco {
    border: solid #999999;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    right: 30px;
    top: 22px;
}
.arrow__eco-up .arrow__eco{
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(-135deg) !important;
}
.arrow__eco-down .arrow__eco{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.eco__signIn-main {
    min-height: 1200px;
    background-color: #F8F8F8 ;
    padding-top: 23px;
}
.eco__signIn-container {
    margin-top: 30px;
}
.eco__signIn-container p{
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.eco__signIn-body{
    display: flex;
}
.eco__signIn-body-menu {
    min-width: 270px;
    background-color: #ffffff;
}
.eco__signIn-body-menu ul {
    margin-bottom: 0;
}
.eco__signIn-body-menu ul h1 {
    text-align: left;
    font: normal normal bold 16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    text-transform: uppercase;
    min-width: 270px;
    min-height: 46px;
    padding-top: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #F4F4F4;
    margin: 20px 0 0 0 ;
}

.eco__signIn-body-catalog .eco__signIn-body-catalog-search{
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select {
    background-color: #FFFFFF;
    border-radius: 16px;
    width: 170px;
    padding: 5px;
    margin-left: 12px;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select:focus {
    outline-style: none;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select option {
    color: #666666 !important;
}

.eco__signIn-body-catalog-wapper {
    margin-left: 20px;
}

.add__item-cart--hover {
    display: none;
}
.add__item-cart--hover,
.add__item-cart {
    width: 16px;
    height: 16px;
}
.ecoList-text {
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000 !important;
    font-size: 14px;
}
/* phần zoom ảnh của banner 1*/
.eco__SignIn-body-banner{
    overflow: hidden;
    position: relative;
    max-width: 840px;
    height: 259px;
    margin-bottom: 60px;
    margin-left: 22px;
}
.eco__SignIn-body-banner img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__SignIn-body-banner:hover img {
    transform: scale(1.2);
}
.eco__signIn-body-menu-child {
    display: none;
}
.eco__signIn-body-menu-child li img {
    width: 8px;
    height: 8px;
}
.add__item-cart {
    cursor: pointer;
}
.active__eco_list {
    display: block !important;
}


/* phần zoom sản phẩm của list */
.card-wapper{
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.card a {
    text-decoration: none;
}
.card a:hover {
    text-decoration: none;
}
.noPadding {
    padding-left: 0;
}


/* danh sách con của menu */
/* .eco__notSginin-body--menu-list li:nth-child(1) {
    position: relative;
} */
.eco__notSginin-body--menu-child {
    position: absolute;
    background-color: #ffffff;
    left: 290px;
    width: 270px;
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    display: none;
    color: #000000;
    z-index: 300 !important;
}
.eco__notSginin-body--menu-child li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.eco__notSginin-body--menu-child::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 20%;
    left: -20px;
}
.eco__notSginin-body--menu-child1 li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.clickForShowMenu {
    cursor: pointer;
    position: relative;
    margin-bottom: 0px;
}
.eco__notSginin-body--menu-listMobile-child {
    display: none;
}
.eco__signIn-body-menu-child {
    display: none;
}
.eco__signIn-body-menu-child li img {
    width: 8px;
    height: 8px;
}

/* ============================================================================================== notyet_signin_signup =======================================================================================*/

/* Màn 07.0 Eco */
.eco__notSginin--navbar {
    display: flex;
    justify-content: space-between;
}
.eco__notSginin--nav {
    display: flex;
    width: 250px;
    justify-content: space-around;
    margin-bottom: 0;
    line-height: 56px;
}
.eco__notSginin--nav li:nth-child(1) a{
    font-size: 14px;
    color: #000000 !important;
}
.eco__notSginin--nav li:nth-child(2) {
    margin: auto;
}
.eco__notSginin--nav li:nth-child(3) {
    background-color: #319EF2;
    width: 50px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.eco__notSginin--nav li:nth-child(3) img {
    width: 14px;
    height: 14px;
}
.eco__notSginin--nav li:nth-child(3) span {
    color: #ffffff;
    margin-left: 5px;
    font-size: 15px;
}
.eco__notSginin-main {
   /* min-height: 3500px; */
   background: #F8F8F8;
   overflow: hidden;
}
.eco__notSginin-container {
    background: #F8F8F8;
}
.eco__notSginin-container p {
    padding-top: 63px;
    color: #B7B7B7;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
}
.eco__notSginin-body--menu {
    display: flex;
}
.eco__notSginin-body--menu-list-items {
    position: relative;
}
.eco__notSginin-body--menu-child li:hover {
    color: #86AD3D;
}
.eco__notSginin-body--menu-carousel {
    margin-left: 29px;
    width: 800px;
    height: 350px;
    max-height: 100%;
    max-width: 100%;
}
.carousel-itemTitle img {
    height: 100%;
    width: 100%;
}
.eco__notSginin-body--menu-carousel-left {
    width: 30px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    top: 43%;
    left: 10px;
    cursor: pointer;
}
.eco__notSginin-body--menu-carousel-left::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #86AD3D;
    border-bottom: 10px solid transparent;
    border-left: 12px solid transparent;
    top: 24%;
    left: -2px;
}
.eco__notSginin-body--menu-carousel-left:hover {
    background-color: #86AD3D;
}
.eco__notSginin-body--menu-carousel-left:hover.eco__notSginin-body--menu-carousel-left::before {
    border-right: 10px solid #ffffff;
}
.eco__notSginin-body--menu-carousel-right {
    width: 30px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 43%;
    right: 10px;
    cursor: pointer;
}
.eco__notSginin-body--menu-carousel-right::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #86AD3D;
    top: 24%;
    left: 11px;
}
.eco__notSginin-body--menu-carousel-right:hover {
    background-color: #86AD3D;
}
.eco__notSginin-body--menu-carousel-right:hover.eco__notSginin-body--menu-carousel-right::before {
    border-left: 10px solid #ffffff;
}
.eco__notSginin--navbarMobile {
    display: none;
}
/* danh sách con của menu */
/* .eco__notSginin-body--menu-list li:nth-child(1) {
    position: relative;
} */
.eco__notSginin-body--menu-child {
    position: absolute;
    background-color: #ffffff;
    left: 290px;
    width: 270px;
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    display: none;
    color: #000000;
    z-index: 2;
}
.eco__notSginin-body--menu-child li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.eco__notSginin-body--menu-child::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 20%;
    left: -20px;
}

/*  Phần banner */
.eco__notSginin-body-card {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.eco__notSginin-body-card img {
    max-width: 350px;
    height: 200px;
}
.eco__notSginin-body-card1{
    border: 1px solid #CCC;
    height: auto;
    /*margin: 10px auto;*/
    overflow: hidden;
    position: relative;
    min-width: 350px;
    border-radius: 30px;
}
.eco__notSginin-body-card1 img {
    min-width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-card1:hover img {
    transform: scale(1.2);
}
/* phần sản phẩm 1*/
.eco__notSginin-body-items{
    margin-top: 47px;
}
.eco__notSginin-body-items-title {
    display: flex;
    justify-content: space-between;
    height: 60px;
}
.eco__notSginin-body-items-title ul {
    display: flex;
    border-bottom: 1px solid #EBEBEB;
    justify-content: space-between;
}
.eco__notSginin-body-items-title ul li {
    color: #999999;
    font-size: 15px;
    line-height: 38px;
    cursor: pointer;
    padding: 0 15px;
}
.eco__notSginin-body-items-title ul li a{
    text-decoration: none;
}
.eco__notSginin-body-items-title ul li a:hover{
    color: #86AD3D;
}
.eco__notSginin-body-items-title ul li:hover {
    border-bottom: 2px solid #86AD3D;
    color: #86AD3D;
}
.eco__notSginin-body-items-title ul li img {
    width: 15px;
    height: 15px;
}
/* Màn phone titile */
.active-titlePhone img{
    width: 15px;
    height: 15px;
}
.active-titlePhone {
    text-decoration: none !important;
    color: #999999 !important;
    font-size: 15px;
    line-height: 38px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .eco__notSginin-body-items-wapper {
    display: inline-flex;
    width: 100% ;
}
.eco__notSginin-body-items-wapper ul {
    background-color: #ffffff;
}
.eco__notSginin-body-items-wapper ul li:first-child img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-items-wapper ul li:nth-child(2) {
    padding-left: 20px;
    padding-top: 20px;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) {
    padding-left: 20px;
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    align-items: center;
}
 .eco__notSginin-body-items-wapper--ogn{
    color: #1A9C2E;
    font-size: 14px;
    font-weight: bold;
}
.eco__notSginin-body-items-wapper--ton {
    color: #319EF2;
    font-size: 14px;
    font-weight: bold;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2) {
    background-color: #F8F8F8;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2) img{
    width: 16px;
    height: 16px;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2) .add__item-cart--hover{
    display: none;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover {
    background-color: #86AD3D;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover .add__item-cart {
   display: none;
}
.eco__notSginin-body-items-wapper ul li:nth-child(3) div:nth-child(2):hover .add__item-cart--hover {
    display: block;
} */


/* phần sản phẩm 2*/
.eco__notSginin-body-items1{
    margin-top: 47px;
}

/* phần sản phẩm 3*/
.eco__notSginin-body-items2{
    margin-top: 47px;
}

/* phần sản phẩm 4*/
.eco__notSginin-body-items3{
    margin-top: 47px;
}

/* phần zoom sản phẩm của list */
.eco__notSginin-body-items-wapper ul li:first-child{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 242px;
}
.eco__notSginin-body-items-wapper ul li:first-child .card-img-top {
    height: 313px !important;
}
.eco__notSginin-body-items-wapper ul li:first-child:hover img {
    transform: scale(1.2);
}

/* phần zoom ảnh của banner 1*/
.eco__notSginin-body-banner{
    height: auto;
    overflow: hidden;
    position: relative;
    max-width: 1110px;
    max-height: 350px;
    margin-top: 30px;
}
.eco__notSginin-body-banner img {
    width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-banner:hover img {
    transform: scale(1.2);
}

/* phần zoom ảnh của banner 2*/
.eco__notSginin-body-banner1{
    height: auto;
    overflow: hidden;
    position: relative;
    max-width: 1110px;
    max-height: 360px;
    margin-top: 30px;
    margin-bottom: 90px;
}
.eco__notSginin-body-banner1 img {
    max-width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__notSginin-body-banner1:hover img {
    transform: scale(1.2);
}

/* ================================== phần css liên quan đến màn searchResult*/
.eco__signIn-body-menu {
    min-width: 270px;
    background-color: #ffffff;
}
.eco__signIn-body-menu ul {
    margin-bottom: 0;
}
.eco__signIn-body-menu-child {
    display: none;
}
.eco__signIn-body-menu-child li img {
    width: 8px;
    height: 8px;
}
.arrow__eco {
    border: solid #999999;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    right: 30px;
    top: 22px;
}
.eco__sigiIn-body--menu-list-items a {
    color: #000000;
    text-decoration: none !important;
}
.arrow__eco-up .arrow__eco{
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(-135deg) !important;
}
.arrow__eco-down .arrow__eco{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.downArrow__eco {
    width: 10px;
    height: 10px;
}
.eco__notSginin-body-items-wapper a:hover {
    text-decoration: none !important;
}
.eco__notSginin-body--menu-listMobile-child {
    display: none;
}
.clickForShowMenu {
    cursor: pointer;
    position: relative;
    margin-bottom: 0px;
}

/* ============================================================================================== order_detail =======================================================================================*/

.cart_detail {
    background-color:  #F8F8F8;
    min-height: 931px;
    padding-top: 75px;
    padding-bottom: 60px;
}
.cart_detail-title {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    opacity: 1;
    font-size: 13px;
}
.cart_detail__container-information {
    max-width: 610px;
    min-height: 645px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 4px;
    opacity: 1;
}
.cart_detail__container-Wapper {
    display: flex;
    justify-content: space-between;
}
.cart_detail__table-title {
    text-align: left;
    font: normal normal normal 24px/29px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.cart_detail__table-title img {
    width: 37px;
    height: 37px;
}
.cart_detail__table-title span {
    margin-left: 10px;
}
.cart_detail-waitForAcppect {
    width: 120px;
    height: 26px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 16px;
    opacity: 1;
    color: #FFFFFF;
    opacity: 1;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 20px;
}
.cart_detail__table-head {
    display: flex;
    align-items: center;
    padding: 20px 20px 0 7px;
}
.cart_detail-time {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #999999;
    opacity: 1;
    font-size: 13px;
    margin-left: 45px;
}
.cart_detail-infoForDelivery {
    margin-top: 40px;
    padding: 0 20px 0 20px;
}
.cart_detail-infoForDelivery-title {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #666666;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
}
.cart_detail-infoForDelivery-detail {
    max-width: 610px;
    min-height: 60px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 20px;
}
.cart_detail-infoForDelivery-detail p {
    margin-bottom: 0;
}
.cart_detail-infoForDelivery-detail-phone {
    text-align: left;
    font: normal normal medium 15px/18px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 15px;
    height: 100%;
}
.cart_detail-infoForDelivery-detail-adress {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #999999;
    opacity: 1;
    font-size: 14px;
    height: 100%;
}
.cart_detail-deliveryMethod {
    margin-top: 40px;
    padding: 0 20px 0 20px;
}
.cart_detail-deliveryMethod-title {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #666666;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
}
.cart_detail-deliveryMethod-detail {
    max-width: 610px;
    height: 60px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 20px;
}
.cart_detail-deliveryMethod-detail p {
    margin-bottom: 0;
}
.cart_detail-deliveryMethod-how {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    font-size: 14px;
}
.cart_detail-paymentMethod {
    margin-top: 40px;
    padding: 0 20px 0 20px;
}
.cart_detail-paymentMethod-title {
    text-align: left;
    font: normal normal medium 14px/17px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.7px;
    color: #666666;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
}
.cart_detail-paymentMethod-detail {
    max-width: 610px;
    height: 60px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 20px;
}
.cart_detail-paymentMethod-detail p {
    margin-bottom: 0;
}
.cart_detail-paymentMethod-how {
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #333333;
    font-size: 14px;
}
.cart__container-total {
    max-width: 610px;
    height: 60px;
    background: #86AD3D 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 4px 4px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 20px;
}
.cart__container-total p {
    text-align: left;
    font: normal normal bold 16px/19px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 13px;
    margin-bottom: 0;
}
.cart__0-7-5-title {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    opacity: 1;
    font-size: 13px;
}

/* ============================================================================================== order-list_0.7.7 =======================================================================================*/

.order-list {
    background-color:  #F8F8F8;
    min-height: 931px;
    padding-top: 75px;
    padding-bottom: 60px;
}
.order-list-title {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #B7B7B7;
    font-size: 13px;
}
.order-list-wapper-tools {
    display: flex;
}
.order-list-wapper-tools .order-list-select,
.order-list-wapper-tools .order-list-dateFrom ,
.order-list-wapper-tools .order-list-dateTo,
.order-list-wapper-tools .order-list-search {
    margin-right: 10px;
}
.order-list-search {
    position: relative;
}
.order-list-search input{
    width: 160px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 8px;
    padding: 10px;
    border: none;
    background-image: url('.//img/icon_search@2x.png');
}
.order-list-search input::placeholder {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    font-size: 13px;
    padding-left: 20px;
    background-image: url('../img/icon_search@2x.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 0 ;
}
.order-list-search img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.order-list-dateFrom {
    width: 150px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D;
    border: none;
    cursor: pointer;
    font-size: 13px;
    position: relative;
}
.order-list-dateFrom input {
    width: 150px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding-left: 10px;

    background: url(..//img/calender@2x.png) no-repeat;
    background-position-x: 96%;
    background-size: 10%;
    background-position-y: 11px;

}
.order-list-dateFrom img{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    right: 0;
    margin-right: 10px;
}
.order-list-dateTo {
    width: 150px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D;
    border: none;
    cursor: pointer;
    font-size: 13px;
    position: relative;

}
.order-list-dateTo input {
    width: 150px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding-left: 10px;
    background: url(..//img/calender@2x.png) no-repeat;
    background-position-x: 96%;
    background-size: 10%;
    background-position-y: 11px;
}
.order-list-select {
    width: 140px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 8px;
    border: none;
    color: #666666;
    font-size: 13px;
    padding-left: 10px;
}
.order-list-table {
    max-width: 1110px;
    min-height: 327px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000029;
    border-radius: 4px;
    margin-top: 20px;
}
.order-list-table table {
    width: 100%;
}
td, th {
    text-align: left;
    padding: 10px;
}
/*tr:nth-child(even) {*/
/*    background-color: #FBFBFB;*/
/*}*/
.order-list-table-title th{
    font-size: 12px;
    text-align: left;
    font: normal normal medium 12px/15px Helvetica Neue;
    letter-spacing: 0px;
    color: #666666;
}
.order-list-table-items {
    width: 100%;
    height: 100%;
    background:  #FFFFFF 0% 0% no-repeat padding-box;
}
.order-list-table-items p {
    margin-bottom: 0;
}
.order-list-table-name {
    text-align: left;
    font: normal normal medium 15px/18px Helvetica Neue;
    letter-spacing: 0px;
    color: #333333;
    font-size: 15px;

    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-list-table-adress {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    letter-spacing: 0px;
    color: #999999;
    font-size: 13px;

    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-list-table-time {
    text-align: left;
    font: normal normal normal 14px/21px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    font-size: 14px;
}
.order-list-table-check img {
    width: 12px;
    height: 12px;
}
.order-list-table-check {
    font-size: 14px;
    text-align: left;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
}
.eco-list-pagination {
    margin-top: 10px;
}

.order-list-wapper-tools-mobile {
    display: flex;
    flex-direction: column;
    flex: 4;
}
.order-list-mobile1 {
    display: flex;
    width: 100%;
}
.order-list-mobile2 {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.order-list-search-mobile{
    height: 36px;
    border-radius: 8px;
    border: none;
    width: 50%;
    margin-right: 5px;
    position: relative;
}
.order-list-search-mobile input{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 8px;
    padding: 10px;
    border: none;
    width: 100%;
    height: 100%;
}
.order-list-search-mobile input::placeholder {
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    font-size: 13px;
    padding-left: 20px;
}
.order-list-search-mobile img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 14px;
    top: 10px;
}
.order-list-select-mobile {
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000D;
    border-radius: 8px;
    border: none;
    color: #666666;
    font-size: 13px;
    padding-left: 10px;
    width: 50%;
    margin-left: 5px;
}
.order-list-dateFrom-mobile {
    height: 36px;
    border-radius: 8px;
    border: none;
    width: 50%;
    margin-right: 5px;
}
.order-list-dateFrom-mobile input {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF !important;
    border-radius: 8px;
    box-shadow: 0px 2px 2px #0000000D !important;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding-left: 10px;
    background: url(..//img/calender@2x.png) no-repeat;
    background-size: 20px !important;
    background-position-x: 96%;
    background-position-y: 11px;
}
.order-list-dateTo-mobile {
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000000d;
    border-radius: 8px;
    border: none;
    width: 50%;
    margin-left: 5px;
}
.order-list-dateTo-mobile input {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF !important;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding-left: 10px;
    background-size: 20px !important;
    background: url(..//img/calender@2x.png) no-repeat;
    background-position-x: 96%;
    background-position-y: 11px;
}
.success-code {
    color: rgb(26, 156, 46);
}

/* ============================================================================================== search_result_0.7.2 =======================================================================================*/

.active__eco {
    color: #319EF2 !important;
}
.arrow__eco {
    border: solid #999999;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    right: 30px;
    top: 22px;
}
.arrow__eco-up .arrow__eco{
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(-135deg) !important;
}
.arrow__eco-down .arrow__eco{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.downArrow__eco {
    width: 10px;
    height: 10px;
}
.eco__signIn--navbar {
    display: flex;
    justify-content: space-between;
}
.eco__signIn--nav {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 680px;
}
.eco__signIn--nav li a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
}
.eco__signIn--nav li a:hover{
    color: #548E2D;
}
.eco__signIn--nav li:nth-child(7) img{
    width: 18px;
    height: 18px;
}

.eco__signIn-main {
    min-height: 1200px;
    background-color: #F8F8F8 ;
    padding-top: 23px;
}

.eco__signIn-body {
    display: flex;
    align-items:flex-start;
    align-content:flex-start;
}
.eco__signIn-body-menu {
    min-width: 270px;
    background-color: #ffffff;
}
.eco__signIn-body-menu ul {
    margin-bottom: 0;
}

.eco__signIn-body-menu ul li {
    text-align: left;
    font: normal normal normal 14px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000;
    min-width: 270px;
    height: 46px;
    padding-top: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #F4F4F4;
    justify-content: space-between;
    cursor: pointer;
}
.arrow__eco {
    border: solid #999999;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    right: 30px;
    top: 22px;
}
.arrow__eco-up .arrow__eco{
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(-135deg) !important;
}
.arrow__eco-down .arrow__eco{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.downArrow__eco {
    width: 10px;
    height: 10px;
}
.eco__notSginin-body-items-wapper a:hover {
    text-decoration: none !important;
}
.eco__notSginin-body--menu-listMobile-child {
    display: none;
}
.clickForShowMenu {
    cursor: pointer;
    position: relative;
    margin-bottom: 0px;
}
.eco__signIn-body-menu ul li:first-child {
    position: relative;
}
.eco__signIn-body-menu ul li:hover {
    color: #319EF2;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search{
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    align-items: center;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select {
    background-color: #FFFFFF;
    border-radius: 16px;
    width: 170px;
    padding: 5px;
    margin-left: 12px;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select:focus {
    outline-style: none;
}
.eco__signIn-body-catalog .eco__signIn-body-catalog-search select option {
    color: #666666 !important;
}
.eco__signIn-body-catalog-wapper {
    margin-left: 20px;
}
.ecolist-itemscart {
    padding: 0px 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 60px;
    display: flex !important;

}
.ecolist-itemscart-price {
    color: #319EF2;
    font-size: 14px;
    font-weight: bold;
}
.ecolist-itemscart-icon {
    background-color: #F8F8F8;
    height: 30px;
    display: flex;
    width: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.submit_cart {
    border: none;
    background: none;
    cursor: pointer;
}
.ecolist-itemscart-icon:hover .add__item-cart {
    display: none;
}
.ecolist-itemscart-icon:hover .add__item-cart--hover {
    display: block;
}
.ecolist-itemscart-icon:hover {
    background-color: #86AD3D;
}
.add__item-cart--hover {
    display: none;
}
.add__item-cart--hover,
.add__item-cart {
    width: 16px;
    height: 16px;
}
.ecoList-text {
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #000000 !important;
    font-size: 14px !important;
}
.ecoResult-title {
    display: flex;
    justify-content: space-between;
}
/* phần zoom ảnh của banner 1*/
.eco__SignIn-body-banner{
    overflow: hidden;
    position: relative;
    max-width: 840px;
    height: 259px;
    margin-bottom: 60px;
    margin-left: 22px;
}
.eco__SignIn-body-banner img {
    height: 100%;
    max-width: 100%;
    transition: all 1s;
    transform: scale(1);
}
.eco__SignIn-body-banner:hover img {
    transform: scale(1.2);
}
.eco__signIn-body-menu-child {
    display: none;
}
.eco__signIn-body-menu-child li img {
    width: 8px;
    height: 8px;
}
.add__item-cart {
    cursor: pointer;
}
.active__eco_list {
    display: block !important;
}
.eco__signIn-body-catalog .eco-body-catalog-search-result{
    text-align: left;
    font: normal normal normal 13px/15px Helvetica Neue;
    font-family: Helvetica Neue !important;
    letter-spacing: 0px;
    color: #666666;
    font-size: 16px;
    margin-left: 20px;
}
.eco-body-catalog-search-result span {
    color: #319EF2;
}
/* phần zoom sản phẩm của list */
.card-wapper{
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.card-img-top > img:hover{
    transform: scale(1.2);
}
.card-img-top > img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    transform: scale(1);
}
.card {
    overflow: hidden;
    height: 339px;
    cursor: pointer;
    overflow: hidden;
}
.card a {
    text-decoration: none;
}
.card a:hover {
    text-decoration: none;
}

.noPadding {
    padding-left: 0;
}

/* danh sách con của menu */
.eco__notSginin-body--menu-list li:nth-child(1) {
    position: relative;
}
.eco__notSginin-body--menu-child {
    position: absolute;
    background-color: #ffffff;
    left: 290px;
    width: 270px;
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    display: none;
    color: #000000;
    z-index: 2;
}
.eco__notSginin-body--menu-child li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.eco__notSginin-body--menu-child::before {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 20%;
    left: -20px;
}
.eco__notSginin-body--menu-list li:nth-child(2) {
    position: relative;
}
.eco__notSginin-body--menu-child1 li:nth-child(1){
    border-bottom: 1px dashed #E4E4E4;
}
.eco__notSginin-body--menu-list li:nth-child(5) {
    position: relative;
}

.eco__notSginin-body--menu-list li:nth-child(6) {
    position: relative;
}
.eco__notSginin-body--menu-list{
    min-width: 270px;
    height: 100%;
    background-color: #ffffff;
    margin-bottom: 0px;
    font: normal normal normal 14px/16px Helvetica Neue;
    font-family: Helvetica Neue !important;
}
.eco__notSginin-body--menu-list li a{
    color: #000000 ;
}
.eco__notSginin-body--menu-list li a:hover{
    color: #86AD3D;
    text-decoration: none;
}
.eco__notSginin-body--menu-list li {
    line-height: 46px;
    border-bottom: 1px solid #F4F4F4;
    padding: 0 6px 0px 21px ;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.eco__notSginin-body--menu-list img {
    width: 16px;
    height: 16px;
    margin-top: 16px;
}

/* ============================================================================================== responsive-eco =======================================================================================*/
/*================== Màn :  http://web-congdong-investor-html.laraviet.com/notyet_signin_signup.html*/
@media (min-width:1281px) and (max-width:1920px){
    .eco__notSginin--navbarMobile {
        display: none;
    }
    .active-titlePhone {
        display: none ;
    }
    .eco__notSginin-body--menu-listMobile {
        display: none;
    }
    .eco__notSginin-body--menu-listMobile {
        display: none;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .eco__notSginin-body-card1 {
        min-width: 290px;
    }
    .eco__notSginin-body-items-wapper ul {
        min-width: 221px;
        max-width: 270px;
        min-height: 380px;
    }
    .eco__notSginin-body-items-wapper ul li:first-child {
        min-width: 221px;
    }
    .eco__notSginin-body-banner {
        min-width: 923px;
    }
    .eco__notSginin-body-banner1 {
        min-width: 923px;
    }
    .eco__notSginin--navbarMobile {
        display: none;
    }
    .active-titlePhone {
        display: none;
    }
    /* .eco__notSginin-main {
        min-height: 3300px;
    } */
    .eco__notSginin-body--menu-listMobile {
        display: none;
    }

}
@media (min-width:500px) and (max-width:992px){
    .eco__notSginin-body-items-wapper ul {
        min-height: 380px;
    }
    .eco__notSginin-body--menu-list {
        display: none;
    }
    .container {
        max-width: 850px;
    }
    .eco__notSginin-body--menu-carousel img {
        margin-left: 0px;
    }
    .eco__notSginin-body--menu-carousel-left {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        top: 43%;
        left: -12px;
        cursor: pointer;
    }
    .eco__notSginin--navbarMobile {
        display: flex;
    }
    .eco__notSginin--navbar {
        display: none;
    }
    .eco__notSginin-body--menu-carousel-right {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 43%;
        right: 0px;
        cursor: pointer;
    }
    .eco__notSginin-body--menu-carousel-left {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 43%;
        left: 0px;
        cursor: pointer;
    }
    .eco__notSginin-body-items-title ul{
        display: none;
    }
    .eco__notSginin-body-items-title .active-titlePhone {
        display: block ;
    }
    .slick-slider .slick-slide {
        padding: 0 5px;
    }
    .eco__notSginin-main {
        min-height: 3200px;
    }
    .eco__notSginin-body-card {
        display: none;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-top: 30px;
    }
    .eco__notSginin-body--menu-carousel {
        margin-left: 0px;
        height: 100%;
    }
}
@media (min-width:376px) and (max-width:499px){
    .eco__notSginin--navbar {
        display: none;
    }
    .eco__notSginin-container p {
        display: none;
    }
    .eco__notSginin--navbarMobile {
        display: flex;
    }
    .eco__notSginin-body--menu-list {
        display: none;
    }
    .eco__notSginin-body-items-title ul{
        display: none;
    }
    .eco__notSginin-body-card {
        display: none;
    }
    .page-carousel {
        max-width: 827px;
        height: 100%;
    }
    .eco__notSginin-body--menu-carousel img {
        margin-left: 0px;
        margin-top: 30px;
    }
    .eco__notSginin-body--menu-carousel-right {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 50%;
        right: 0px;
        cursor: pointer;
    }
    .eco__notSginin-body--menu-carousel-left {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 50%;
        left: 0px;
        cursor: pointer;
    }
    .slick-slider .slick-slide {
        padding: 0 5px;
    }
    .eco__notSginin-main {
        min-height: 2550px;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-top: 30px;
    }
    .eco__notSginin--navbarSearch {
        width: 100%;
    }
    .eco__notSginin-body--menu-carousel {
        margin-left: 0px;
        height: 100%;
    }

    .carosel__right {
        right: 0;
        top: 50%;
    }
    .carosel__left {
        left: 0;
        top: 50%;
    }

}
@media screen and (max-width:375px){
    .eco__notSginin--navbar {
        display: none;
    }
    .eco__notSginin-container p {
        display: none;
    }
    .eco__notSginin--navbarMobile {
        display: flex;
    }
    .eco__notSginin-body--menu-list {
        display: none;
    }
    .eco__notSginin-body-items-title ul{
        display: none;
    }
    .eco__notSginin-body-card {
        display: none;
    }
    .page-carousel {
        width: 100%;
        height: 100%;
    }
    .eco__notSginin-body--menu-carousel img {
        margin-left: 0px;
        margin-top: 30px;
    }
    .eco__notSginin-body--menu-carousel {
        margin-left: 0px;
    }
    .eco__notSginin-body--menu-carousel-right {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 50%;
        right: 0px;
        cursor: pointer;
    }
    .eco__notSginin-body--menu-carousel-left {
        width: 30px;
        height: 40px;
        background: #FFFFFF;
        box-shadow: 0px 1px 1px #00000029;
        border-radius: 4px;
        position: absolute;
        right: 0;
        top: 50%;
        left: 0px;
        cursor: pointer;
    }
    .slick-slider .slick-slide {
        padding: 0 5px;
    }
    .eco__notSginin-main {
        min-height: 250px;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-top: 30px;
    }
    .eco__notSginin-body--menu-carousel {
        margin-left: 0px;
        height: 100%;
    }
    .carosel__right {
        right: 0;
        top: 50%;
    }
    .carosel__left {
        left: 0;
        top: 50%;
    }
}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com/order-list_0.7.7.html*/
@media (min-width:1281px) and (max-width:1920px){
    .oderList--navbarMobile {
        display: none !important;
    }
    .order-list-wapper-tools-mobile {
        display: none !important;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .oderList--navbarMobile {
        display: none !important;
    }
    .order-list-wapper-tools-mobile {
        display: none !important;
    }
}
@media (min-width:500px) and (max-width:992px){
    .eco__signIn--navbar {
        display: none !important;
    }
    .oderList--navbarMobile a{
        text-decoration: none;
    }
    .order-list-wapper-tools {
        display: none !important;
    }

}
@media (min-width: 376px) and (max-width:499px){
    .eco__signIn--navbar {
        display: none !important;
    }
    .oderList--navbarMobile a{
        text-decoration: none;
        color: #000;
    }
    .order-list-wapper-tools {
        display: block !important;
    }
    .order-list-wapper-tools {
        display: none !important;
    }
    .order-list-table {
        width: 384px !important;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .order-list-table table {
        width: 1000px !important;
    }
}
@media screen and (max-width:375px) {
    .eco__signIn--navbar {
        display: none !important;
    }
    .oderList--navbarMobile a{
        text-decoration: none;
        color: #000;
    }
    .order-list-wapper-tools {
        display: block !important;
    }
    .order-list-wapper-tools {
        display: none !important;
    }
    .order-list-table-time {
        font-size: 10px !important;
    }
    .order-list-table {
        width: 345px !important;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .order-list-table table {
        width: 1000px !important;
    }
}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com/order_detail.html*/
@media (min-width:1281px) and (max-width:1920px){
    .cart_detail__container-information {
        width: 610px !important;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .cart_detail__container-information {
        width: 610px !important;
    }
}
@media (min-width:500px) and (max-width:992px){
    .cart_detail__container-Wapper {
        display: block  !important;
    }
    .cart_detail__container-information {
        margin-bottom: 30px;
    }

}
@media (min-width:376px) and (max-width:499px){
    .cart_detail__container-Wapper {
        display: block !important;
    }
    .cart_detail__container-information {
        margin-bottom: 30px;
    }
    .cart__container-done-itemsDesc {
        max-width: 180px !important;
    }
}
@media screen and (max-width:375px){
    .cart_detail__table-title {
        font-size: 15px !important;
    }
    .cart_detail__container-Wapper {
        display: block !important;
    }
    .cart_detail__container-information {
        margin-bottom: 30px;
    }
    .cart__container-total p {
        font-size: 14px !important;
    }
    .cart__container-done-itemsDesc p {
        font-size: 12px !important;
    }
    .cart__container-done-itemsDesc {
        max-width: 160px !important;
    }
}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com/cart_payment_0.7.5.html*/
@media (min-width:1281px) and (max-width:1920px){
    .cart__container-paymentAdress {
        width: 666px;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .cart__container-paymentAdress {
        width: 666px;
    }
}
@media (min-width:500px) and (max-width:992px){
    .cart__container-paymentAdress {
        margin-bottom: 30px;
        width: 100%;
    }
    .cart__container-done {
        width: 100%;
    }
    .cart__container-paymentWapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cart__payment-table-city {
        flex-direction: column;
    }
    .cart__payment-table-city select {
        width: 100% !important;
    }
    .cart__payment-table-contact input {
        width: 200px !important;
    }
}
@media (min-width:376px) and (max-width:499px){
    .cart__container-paymentWapper {
        display: block !important;
    }
    .cart__container-paymentAdress {
        margin-bottom: 30px;
        width: 100%;
    }
    .cart__payment-table-city {
        flex-direction: column;
    }
    .cart__payment-table-city select {
        width: 100% !important;
    }
    .cart__payment-table-contact input {
        width: 160px !important;
    }
    .cart__payment-table-checkbox input[type='radio']::after {
        display: none !important;
    }
    .cartPayment--succed .popUpWapperTitle {
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    .cart__0-7-4-footer-shopNow {
        margin-right: 10px;
    }
    .cart__container-done {
        width: 100%;
        margin-bottom: 80px;
    }
}
@media screen and (max-width:375px){
    .cart__container-paymentWapper {
        display: block !important;
    }
    .cart__container-paymentAdress {
        margin-bottom: 30px;
        width: 100%;
    }
    .cart__payment-table-city {
        flex-direction: column;
    }
    .cart__payment-table-city select {
        width: 100% !important;
    }
    .cart__payment-table-contact input {
        width: 160px !important;
    }
    .cart__payment-table-checkbox input[type='radio']::after {
        display: none !important;
    }
    .cartPayment--succed .popUpWapperTitle {
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    .cart__0-7-4-footer-shopNow {
        margin-right: 10px;
    }
    .cart__container-done {
        width: 100%;
        margin-bottom: 80px;
    }
}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com//detail_product_0.7.3.html*/
@media (min-width:1280px) and (max-width:1920px){
    .eco__detailProduct-body-promote-mobile {
        display: none;
    }
}
@media (min-width:940px) and (max-width:1199px){
    .detailProduct-body-promote-detail {
        display: none;
    }
    .eco__detailProduct-body-promote {
        display: none !important;
    }
}
@media (min-width:500px) and (max-width:939px){
    .eco__detailProduct-body-detailProduct{
        display: block !important;
    }
    .eco__detailProduct-body-promote {
        display: none !important;
    }
    .eco__detailProduct-body-detailProduct-image .item__thumnails-active img{
        width: 100%;
        height: 100%;
    }
    .eco__detailProduct-body-detailProduct-desc {
        width: 100%;
    }
    .eco__detailProduct-body-detailProduct-review,
    .eco__detailProduct-body-detailProduct-desc {
        width: 100%;
    }
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview,
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review {
        left: 17%;
    }
    .eco__detailProduct-body-detailProduct-review {
        padding-bottom: 80px;
    }
}
@media (min-width:376px) and (max-width:499px){
    .eco__detailProduct-body-detailProduct{
        display: block !important;
    }
    .eco__detailProduct-body-promote {
        display: none !important;
    }
    .eco__detailProduct-body-detailProduct-image .item__thumnails-active img{
        width: 100%;
        height: 100%;
    }
    .eco__detailProduct-body-detailProduct-review {
        padding: 20px;
        width: auto;
        padding-bottom: 80px;
    }
    .eco__detailProduct-body-detailProduct-desc {
        width: auto;
    }
    .detailProduct-body-detailProduct-choice span {
        font-size: 9px;
    }
    .eco__detailProduct-body-detailProduct-desc .eco__detailProduct-hide,
    .eco__detailProduct-body-detailProduct-desc .eco__detailProduct-show,
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview,
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review {
        left: 10%;
    }
    .review__popupInformation-detail input {
        max-width: 155px;
    }
    #detail {
        max-width: 370px;
    }
    .eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a {
        font-size: 11px;
    }
    .eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy a {
        width: 160px;
    }
    .eco__detailProduct-body-detailProduct-price {
        margin-left: 0;
    }
    .eco__detailProduct-body-detailProduct-desc {
        width: 100%;
    }
 }
@media screen and (max-width:375px) {
    .eco__detailProduct-body-detailProduct{
        display: block !important;
    }
    .eco__detailProduct-body-promote {
        display: none !important;
    }
    .eco__detailProduct-body-detailProduct-image .item__thumnails-active img{
        max-width: 345px;
        max-height: 330px;
    }
    .eco__detailProduct-body-detailProduct-review {
        padding: 20px;
        width: auto;
        padding-bottom: 80px;
    }
    .eco__detailProduct-body-detailProduct-desc {
        width: auto;
    }
    .detailProduct-body-detailProduct-choice span {
        font-size: 7px;
    }
    .eco__detailProduct-body-detailProduct-desc .eco__detailProduct-hide,
    .eco__detailProduct-body-detailProduct-desc .eco__detailProduct-show,
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-hideReview,
    .eco__detailProduct-body-detailProduct-review .eco__detailProduct-show-review {
        left: 5% !important;
    }
    .review__popupInformation-detail input {
        max-width: 155px;
    }
    #detail {
        max-width: 330px;
    }
    .eco__detailProduct-body-detailProduct-price {
        max-width: 300px;
    }
    .eco__detailProduct-body-detailProduct-price p {
        max-width: 300px !important;
    }
    .eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-social .detailProduct-body-detailProduct-socialNet a {
        font-size: 8px;
    }
    .eco__detailProduct-body-detailProduct-price .detailProduct-body-detailProduct-buy a {
        width: 160px;
    }
    .eco__detailProduct-body-detailProduct-price {
        margin-left: 0;
    }
    .eco__detailProduct-body-detailProduct-desc {
        width: 100%;
    }
}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com/cart_0.7.4.html*/
@media (min-width:1280px) and (max-width:1920px){
    .cart__container-mobile {
        display: none !important;
    }
    .blockOnMobile {
        display: none;
    }
}
@media (min-width:1024px) and (max-width:1279px) {
    .cart__container-table-head li:nth-child(3) {
        width: 180px;
    }
    .cart__container-mobile {
        display: none !important;
    }
    .cart__container-table-items-product {
        width: 395px;
    }
    .cart__container-table-items-acountNumber {
        width: 180px;
    }
    .cart__container-paymentDone {
        margin-right: 102px;
    }
    .cart__container-checkout-amountOfmoney > div {
        margin-right: 45px;
        width: 497px;
    }
    .cart__container-table-head li:nth-child(2) {
        width: 396px;
    }
    .cart__container-paymentDone-price {
        margin-right: 20px;
    }
    .blockOnMobile {
        display: none;
    }
}
@media (min-width:860px) and (max-width:1023px){
    .cart__container-table-head li:nth-child(2) {
        width: 396px;
    }
    .cart__container-table-head li:nth-child(3) {
        width: 160px;
    }
    .cart__container-mobile {
        display: none !important;
    }
    .cart__container-table-items-product {
        width: 395px;
    }
    .cart__container-table-items-acountNumber {
        width: 180px;
    }
    .cart__container-paymentDone {
        margin-right: 124px;
    }
    .cart__container-checkout-amountOfmoney > div {
        margin-right: 25px;
    }
    .blockOnMobile {
        display: none;
    }
}
@media (min-width:500px) and (max-width:859px){
    .cart__container {
        display: none;
    }
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display:block;
    }
    .cart__0-7-4 p {
        margin-bottom: 0;
    }

    .cart__container {
        width: 100%;
    }
    .cart__container-table-head {
        justify-content: space-between;
        padding: 0 10px 0 10px;
    }
    .cart__container-table-head li:first-child {
        margin-left: 0;
    }
    .cart__container-table-head li:nth-child(2) {
        width: unset;
    }
    .cart__container-table-head li:nth-child(3) {
        width: unset;
    }
    .cart__container-table-items-checkbox {
        margin-left: 0;
    }
    .cart__container-checkout {
        display: block;
    }
    .cart__0-7-4 p {
        margin-bottom: 10px;
    }
    .cart__container-checkout {
        height: unset;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .cart__container-paymentDone {
        width: 340px;
    }
    .priceAfterDiscount {
        left: 215px !important;
    }
    .cart__container-checkout-amountOfmoney > div {
        padding: 0 10px 0 10px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .cart__container-checkout-amountOfmoney {
        width: 100%;
    }
    .wapperCart {
        display: flex;
        flex-direction: column;
    }
    .cart__container-table-items-product {
        width: unset;
    }
    .wapperCartChild {
        width: 100%;
        flex-direction: column;
    }
    .cart__container-table-items-discount div {
        margin-top: 20px;
    }
    .hiddenTitle {
        display: none;
    }
    .cart__container-paymentDone-title {
        margin-left: 10px;
    }
    .total_price_tor,
    .total_price_ogn {
        font-weight: bolder;
    }
}
@media (min-width:376px) and (max-width:499px){
    .cart__container {
        width: 100%;
    }
    .cart__0-7-4 {
        padding-bottom: 93px;
    }
    .noPaddingCart {
        padding-left: 0;
        padding-right: 0;
    }
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display:block;
    }
    .cart__0-7-4 p {
        margin-bottom: 0;
    }

    .cart__container-table-head {
        padding: 0 10px 0 10px;
    }
    .cart__container {
        width: 100%;
    }
    .cart__container-table-head {
        justify-content: space-between;
    }
    .cart__container-table-head li:first-child {
        margin-left: 0;
    }
    .cart__container-table-head li:nth-child(2) {
        width: unset;
    }
    .cart__container-table-head li:nth-child(3) {
        width: unset;
    }
    .cart__container-table-items-checkbox {
        margin-left: 10px;
    }
    .cart__container-checkout {
        display: block;
    }
    .cart__0-7-4 p {
        margin-bottom: 10px;
    }
    .cart__container-checkout {
        height: unset;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .cart__container-paymentDone {
        width: 100%;
    }
    .priceAfterDiscount {
        left: 289px !important;
    }
    .cart__container-checkout-amountOfmoney > div {
        padding: 0 10px 0 10px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .cart__container-checkout-amountOfmoney {
        width: 100%;
    }
    .wapperCart {
        display: flex;
        flex-direction: column;
    }
    .cart__container-table-items-product {
        width: unset;
    }
    .wapperCartChild {
        width: unset;
        flex-direction: column;
        margin-left: 160px;
    }
    .cart__container-table-items-discount div {
        margin-top: 20px;
        flex-direction: column;
        height: unset;
        padding: 10px 10px 10px 10px;
    }
    .cart__container-table-items-discount div select {
        width: 100%;
        margin-top: 10px;
    }
    .hiddenTitle {
        display: none;
    }
    .cart__container-paymentDone-title {
        margin-left: 10px;
    }
    .cart__container-table-items-product .cart__container-table-items-desc {
        margin-right: 10px;
        font-size: 15px;
        width: 156px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart__container-table-items-wapper {
        position: relative ;
    }
    .cart__container-table-items-checkbox input[type='checkbox'] {
        position: absolute ;
        top: 50px;
    }
    .total_price_tor,
    .total_price_ogn {
        font-weight: bolder;
    }
}
@media screen and (max-width:375px) {
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display:block;
    }
    .cart__0-7-4-footer-shopNow a {
        font-size: 14px;
    }
    .cart__0-7-4 {
        padding-bottom: 93px;
    }
    .noPaddingCart {
        padding-left: 0;
        padding-right: 0;
    }
    .cart__0-7-4 p {
        margin-bottom: 0;
    }
    .cart__0-7-4-footer-shopNow a {
        font-size: 14px !important;
    }

    .cart__container-table-head {
        padding: 0 10px 0 10px;
    }
    .cart__container {
        width: 100%;
    }
    .cart__container-table-head {
        justify-content: space-between;
    }
    .cart__container-table-head li:first-child {
        margin-left: 0;
    }
    .cart__container-table-head li:nth-child(2) {
        width: unset;
    }
    .cart__container-table-head li:nth-child(3) {
        width: unset;
    }
    .cart__container-table-items-checkbox {
        margin-left: 10px;
    }
    .cart__container-checkout {
        display: block;
    }
    .cart__0-7-4 p {
        margin-bottom: 10px;
    }
    .cart__container-checkout {
        height: unset;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .cart__container-paymentDone {
        width: 100%;
    }
    .priceAfterDiscount {
        left: 250px !important;
    }
    .cart__container-checkout-amountOfmoney > div {
        padding: 0 10px 0 10px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .cart__container-checkout-amountOfmoney {
        width: 100%;
    }
    .wapperCart {
        display: flex;
        flex-direction: column;
    }
    .cart__container-table-items-product {
        width: unset;
    }
    .wapperCartChild {
        width: unset;
        flex-direction: column;
        margin-left: 160px;
    }
    .cart__container-table-items-discount div {
        margin-top: 20px;
        flex-direction: column;
        height: unset;
        padding: 10px 10px 10px 10px;
    }
    .cart__container-table-items-discount div select {
        width: 100%;
        margin-top: 10px;
    }
    .hiddenTitle {
        display: none;
    }
    .cart__container-paymentDone-title {
        margin-left: 10px;
    }
    .cart__container-table-items-product .cart__container-table-items-desc {
        margin-right: 10px;
        font-size: 15px;
        width: 156px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart__container-table-items-wapper {
        position: relative ;
    }
    .cart__container-table-items-checkbox input[type='checkbox'] {
        position: absolute ;
        top: 50px;
    }
    .total_price_tor,
    .total_price_ogn {
        font-weight: bolder;
    }

}
/*==================== Màn : http://web-congdong-investor-html.laraviet.com/eco_list_07_1*/
@media (min-width:1281px) and (max-width:1920px){
    .oderList--navbarMobile {
        display: none;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .oderList--navbarMobile {
        display: none;
    }
}
@media (min-width:500px) and (max-width:992px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body-catalog-wapper {
        margin-left: 0;
    }
    .eco__SignIn-body-banner {
        margin-left: 0;
        margin-bottom: 0;
    }
    .eco__signIn-body {
        display: block;
    }
    .eco__signIn-body-catalog .eco__signIn-body-catalog-search {
        justify-content: flex-start;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-bottom: 20px;
        margin-top: 0;
    }
}
@media (min-width:376px) and (max-width:499px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body-catalog-wapper {
        margin-left: 0;
    }
    .eco__signIn-body {
        display: block;
    }
    .eco__signIn-body-catalog .eco__signIn-body-catalog-search {
        justify-content: flex-start;
    }
    .eco__SignIn-body-banner{
        height: 160px;
        margin-left: 0;
        margin-bottom: 0;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-bottom: 20px;
        margin-top: 0;
    }
}
@media screen and (max-width:375px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body {
        display: block;
    }
    .eco__signIn-body-catalog .eco__signIn-body-catalog-search {
        justify-content: flex-start;
    }
    .eco__SignIn-body-banner{
        height: 160px;
        margin-left: 0;
        margin-bottom: 0;
    }
    .eco__notSginin-body--menu-listMobile {
        display: block !important;
        margin-bottom: 20px;
        margin-top: 0;
    }
}

/*==================== Màn : http://web-congdong-investor-html.laraviet.com/search_result_0.7.2*/
@media (min-width:1281px) and (max-width:1920px){
    .oderList--navbarMobile {
        display: none;
    }
}
@media (min-width:993px) and (max-width:1280px){
    .oderList--navbarMobile {
        display: none;
    }
}
@media (min-width:500px) and (max-width:992px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body-catalog-wapper {
        margin-left: 0;
    }
    .eco__SignIn-body-banner {
        margin-left: 0;
        margin-bottom: 0;
    }
    .eco__signIn-body {
        display: block;
    }
    .ecoResult-title {
        display: flex;
        flex-direction: column;
    }
    .eco-body-catalog-search-result {
        margin-left: 0 !important;
    }
}
@media (min-width:376px) and (max-width:499px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body-catalog-wapper {
        margin-left: 0;
    }
    .eco__signIn-body {
        display: block;
    }
    .ecoResult-title {
        display: flex;
        flex-direction: column;
    }
    .eco-body-catalog-search-result {
        margin-left: 0 !important;
    }
    .eco__SignIn-body-banner{
        height: 160px;
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width:375px){
    .eco__signIn-body-menu {
        display: none ;
    }
    .eco__signIn-body-catalog-wapper {
        margin-left: 0;
    }
    .eco__signIn-body {
        display: block;
    }
    .ecoResult-title {
        display: flex;
        flex-direction: column;
    }
    .eco-body-catalog-search-result {
        margin-left: 0 !important;
        font-size: 14px !important;
    }
    .eco__SignIn-body-banner{
        height: 160px;
        margin-left: 0;
        margin-bottom: 0;
    }
}



/* sửa phần header*/
.navbar-nav {
    font-size: 13px;
}

.eco__notSginin-body--menu-list-title {
    text-transform: uppercase;
    font-weight: bolder;
}


.eco__signIn-body-catalog {
    margin-left: 20px;
}

/* bổ sung phần header*/
.imageIconHeader {
    display: flex;
    justify-content: center;
    align-items: center;
}
.imageIconHeader img {
    width: 20px ;
}
.imageIconHeader a {
    color: #999999 ;
    text-decoration: none;
}
.imageIconHeader a:hover {
    color: #007bff;
}
.eco__notSginin-body-items-wapper .img_cover {
    height: 242px !important;
}

.slick-track {
    margin: 0;
}


/* sửa phần header*/
.navbar-nav {
    font-size: 16px;
}

.no-marginleft {
    margin-left: -20px;
}

.no-marginleftSearchResult {
    margin-left: 0px;
}

.cart__container-done-itemsWapper {
    height: 308px;
    overflow-y: scroll;
}
.priceAfterDiscount {
    position: relative;
    bottom: 31px;
    left: 187px;
}