body{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}
button, input, optgroup, select, textarea {
    font-family: 'RobotoCondensed-Light';
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.pd0{
	padding:0px;
}
.mg0{
	margin:0px;
}
a:hover{
	text-decoration:none;
}
article.top-navigation {
    background: #69bc45;
}
img {
	max-width:100%;
}
#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: rgba(255,255,255,.8);
}

.box-social ul {
    padding: 0px;
    margin: 0px;
}

.box-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 0.5rem;
}

.box-login {
    display: block;
    position: relative;
	order: 2;
}
.box-social {
    order: 3;
}

.flag {
	order: 1;
    padding: 0.2rem 0rem 0.2rem 0.3rem;
    padding-top: 0.2rem;
    padding-right: 0rem;
    padding-bottom: 0.2rem;
    padding-left: 0.3rem;
}
article.top-navigation a {
    color: #fff;
}
.p-d-r
{
	padding-right:0rem !important;
}
.menu li a {
    color:#000000;
}
.box-social,.box-login{
    content: "";
    background: url('../images/top-right.png') right center no-repeat;
       padding: 0.2rem 0.5rem !important
}
ul.menu {
    font-size: 18px;
    text-transform: uppercase;
}
.p-2 img{
	 max-height:120px;
}
.logo-header{
	 padding-right: 17rem;
	 /* max-width:120px; */
	 max-height:120px;
}
.menu li {
    padding-right: 6rem;
    padding-top: 0.3rem;
    width: 15rem;
    text-align: center;
}

.menu li:last-child {
    padding-right: 0rem;
}
.cat.tea img {
    padding-right: 0.3rem;
}
.cart {
	border: 1px solid #69bc45;
    position: relative;
    border-radius: 1.5rem;
    padding: 0.1rem 0.6rem;
    margin-right: 3rem;
}
.cart p {
    margin: 0rem;
    margin-top: 0.1rem;
}
.cart span {
    position: absolute;
    top: 0.3rem;
    right: 0.8rem;
    color: #fff;
    font-size: 12px;
}

.menu img {
	vertical-align: initial;
}
.cart img {
    vertical-align: top;
}
.box-cart-search {
    padding-top: 2rem;
}

article.header-logo {
    padding: 0.5rem 0rem;
    border-bottom: 1px solid #ededed;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 106;
    display: block;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, .8);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 10px;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 0.5em 2em;
    background: #fff;
    color: #333;
    position: absolute;
    right: 0rem;
    
    z-index: 99999999999;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}


.menu > ul > li >ul > li > a
{
	 padding: 1.5em 3em;
}
.menu > ul > li a {
     text-decoration: none;
   
    display: block;
	position: relative;
    overflow: hidden;
    font-size: 15px;
	    vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0); 
     transform: perspective(1px) translateZ(0);
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    cursor: pointer;
}

.menu > ul > li:hover {
    /* background: #f0f0f0; */
}

.menu > ul > li > ul {
	top: 2.5rem;
    display: none;
    width: 100%;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    padding: 0px;
	background: #ffffffdb;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li >ul >li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
	    padding-bottom: 0.3rem;
}

.menu > ul > li > ul > li a {
   
    padding: .2em 0;
  
}
a.title-category {
    /* color: #69bc45 !important; */
}
li.menu-dropdown-icon ul >li:hover> a {
    color: #69bc45 !important;
}

.menu > ul > li > ul > li > ul {
  
    padding: 0;
    
    list-style: none;
    box-sizing: border-box;
}
li.tea-category ul {
    padding: 0px;
}

li.tea-category ul li {
    list-style: none;
}
li.image-category-tea {
    width: 100% !important;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 25%;
	padding: 0.1rem 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}
.owl-carousel .item {
    border: 1px solid #ebebeb;
    padding: 1rem;
}
.menu ul >li>a:before {
    /* content: ""; */
    /* position: absolute; */
    /* z-index: -1; */
    /* left: 0; */
    /* right: 100%; */
    /* bottom: 0; */
    /* background: #333; */
    /* height: 2px; */
    /* -webkit-transition-property: right; */
    /* transition-property: right; */
    /* -webkit-transition-duration: 0.1s; */
    /* transition-duration: 0.1s; */
    /* -webkit-transition-timing-function: linear; */
    /* transition-timing-function: linear; */
}
.menu ul >li>a:hover:before {
    right: 0;
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.1rem 0;
}
.menu ul li ul{
        font-weight: bold;
}
section.box-content {
    margin: 2.7rem 0rem 1.7rem 0rem;
}
.title {
    text-align: center;
    font-size: 1.25rem;
    color: #69bc45;
    
    position: relative;
    padding-bottom: 0.4rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
footer {
    border-top: 1px solid #ededed;
    padding-top: 0.625rem;
}
.title:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #a1a1a1;
    width: 10px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 35rem;
}
article.slider {
    padding-top: 1.5rem;
}
.item {
    text-align: center;
    
}

.item h3 {
    font-size: 17px;
    font-weight: normal;
}

.quick-view {
    font-size: 1rem;
    text-transform: uppercase;
    border: 1px solid #73c051;
    border-radius: 0.5rem;
    color: #858585;
	
	padding: 0.1rem 0.5rem;
	margin-top: 0.1rem;
}
.fa-icon-tra {
    background: url(../images/icon-tra.png) bottom;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    display: block;
    position: relative;
    top: 4px;
}
.fa-icon-bai-viet {
    background: url(../images/icon-bai-viet.png);
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    position: relative;
    top: 4px;
    display: block;
}
.fa-icon-hoi {
    background: url(../images/icon-hoi.png);
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
	position: relative;
    top: 4px;
    display: block;
}
.fa-icon-dung-cu {
    background: url(../images/icon-am-tra.png);
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
	position: relative;
    top: 4px;
    display: block;
}
.p-d-l
{
	padding-left:0rem;
}
.price {
    font-size: 1.1rem;
    color: #359f27;
}
.item a {
    color: #000000;
}
.item img {
    backface-visibility: hidden;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
    -o-transition: opacity 1s ease 0s, transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.item:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transform: scale3d(1.1, 1.1, 1);
}
.box-images {
    overflow: hidden;
    margin-bottom: 0.4rem;
}
.owl-nav {
    position:absolute;
    top: 0px;
    left:0px;
    right:0px;
}

 .owl-prev {
    position: absolute;
    left: -5rem;
    top: 10rem;
}
 .owl-next {
    position: absolute;
    right: -5rem;
    top: 10rem;
}
article.product-hot,.about-tea {
    margin-bottom: 3.5rem;
}
.quick-view.quick-about-tea {
width: 30%;
    float: left;
    text-align: center;
}

.quick-view.quick-about-tea a {
    color: #73c051;
}
.title-about-tea
 h2:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #a1a1a1;
    width: 10px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    width: 11rem;
}
li.menu-dropdown-icon ul li {
    text-align: left;
}
.title-about-tea
 h2 {
    font-size: 1.1rem;
    color: #69bc45;
    text-align: left;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.title-about-tea {
    font-family: 'UTM-Avo';
    text-align: left;
    padding-top: 4rem;

}
.news-tea-hot h3 {
    font-size: 1.5rem;
    font-weight: bold;
	margin-bottom: 1rem;
}
.news-tea-hot a {
    color: #000000;
}
.related-news-hot
 ul {
    padding: 0rem;
	 margin: 0rem;
}
.hidden {
    display: none;
}
.content-about {
    
}
.related-news-hot ul li {
    list-style: none;
    background: url(../images/baiviet.png) left no-repeat;
	padding-left: 2rem;
	margin-bottom: 1.6rem;
}
.related-news-hot
 ul li:last-child {
    margin-bottom: 0rem;
}
.related-news-hot a {
    color: #000000;
}

.related-news-hot h3 {
    font-size: 1rem;
	    font-weight: bold;
}
h4.title-company {
    padding-top: 1.7rem;
}

.box-social-footer ul{
    padding: 0rem;
    margin-bottom: 1rem;
}
.box-social-footer ul li {
       list-style: none;
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.1rem;
}
.box-social-footer {
    padding-top: 1.7rem;
}
.box-social-footer ul li a {
    color: #000;
}
.information-footer {
    font-size: 14px;
}
.information-footer p:first-child {
    border-right: 1px solid;
    margin-right: 0.5rem;
    padding-right: 0.625rem;
}

.information-footer p {
    margin: 0px;
}
.box-info {
    padding-top: 1.7rem;
}
.box-info h3 {
    font-size: 0.875rem;

}
footer h4 {
    font-size: 1.125rem;
}
.box-info:last-child {
    padding-right: 0rem;
}

.box-info a {
    color: #000;
}
.box-info ul{
	padding:0px;
}
.box-info li{
	list-style:none;
	    font-size: 14px;
}
.box-info h4 {
    margin-bottom: 1rem;
}
.item .quick-view
 a {
    color: #858585 ;
    font-size: 0.8rem;
}
.quick-view:hover {
    background: #73c051;
}
.quick-view:hover
 a {
    color: #fff;
}
article.box-about
 .card {
    border-radius: inherit;
    border: none;
}
article.box-about
 .card-img-overlay,article.box-product .card-img-overlay {
    padding: 8.25rem;
}

article.box-about h3,article.box-product h3 {
    color: #000000 !important;
    font-size: 17px;
    text-align: center;
} 
/* gallery product */
.detail-gallery .detail-slider.mid {
    margin-bottom: 15px;
}
.detail-gallery .detail-slider {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
}
.wrap-detail-gallery .gallery-control {
    padding: 0 40px;
    position: relative;
}
.wrap-detail-gallery .gallery-control > a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    color: #333;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    margin-top: -15px;
    z-index: 9;
    line-height: 27px;
}
.wrap-detail-gallery .gallery-control > a.prev {
    left: 0;
}
.wrap-detail-gallery .gallery-control .carousel li a {
    display: block;
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 5px;
    /* height: 90px; */
    width: 120px;
}
.wrap-detail-gallery .gallery-control > a.next {
    right: 0;
}
.box-fancy-product h1 {
    font-size: 1.5rem;
    text-transform: uppercase;
}

.box-fancy-product {
    font-family: 'UTM-Avo';
}

.box-fancy-product ul {
    padding: 0px;
}

.box-fancy-product ul li {
    list-style: none;
	line-height: 2rem;

}



input#example-number-input {
    border: 1px solid;
    border-radius: initial;
}

.add-cart-button {
  border-radius: inherit;
	background: #69bc45;
	color: #fff;
	font-size: 18px;
	
}
.box-addcart-quanty {
    background: #ededed;
    padding: 1.5rem 0rem;
}
.price-product {
    font-family: 'Conv_Helvetica Light';
    font-size: 24px;
    color: #69bc45;
    font-weight: bold;
}
.breadcrumb {
    padding: .60rem 0.3rem;
    margin-bottom: 2rem;
    list-style: none;
    background-color: #fff;
    border-radius: inherit;
    border-bottom: 1px solid #a1a1a1;
	
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .2rem;
    padding-left: .3rem;
    color: #636c72;
    content: ">>";
    font-size: 10px;
}
nav.breadcrumb a {
    color: #5c5c5c;
}
.title-about {
    text-align: center;
    color: #69bc45;
    font-size: 14px;
    
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #69bc45;
    border-color: #ddd #ddd #fff;
}
.nav-tabs .nav-link {
border: 1px solid #b7b7b7;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    padding: 0.5rem;
}
ul#myTab li {
    width: 14.25rem;
    text-align: center;
    font-size: 17px;
    
}

ul#myTab li a {
    color: #69bc45;
}
ul#myTab li a i {
    font-size: 20px;
}
.tab-content {
    border: 1px solid #b7b7b7;
    padding: 1rem;
}
.item.item-product {
    width: 17rem;
    margin-right: 1.1875rem;
    margin-bottom: 2rem;
    border: 1px solid #e5e5e5;
    padding: 1rem;
}
.box-intro-product h1 {
    font-size: 24px;
    
}
.box-content-detail
{
	margin-bottom:2rem;
}
.title-category {
    font-size: 22px;
    color: #fff;
    background: #69bc45;
    text-align: center;
    
    padding: 0.5rem 0rem;
}
.panel-group {
    margin-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0;
}
.panel-group .panel {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
}
.panel-default>.panel-heading {
    padding: 0;
    background: transparent;
    border: 0;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    color: inherit;
    font-weight: normal;
    padding: 0px 14px;
}
.panel-title>a {
    padding: 10px 0;
    display: block;
    position: relative;
}
.panel-title>a:after {
    content: "+";
    position: absolute;
    right: 8px;
    top: 10px;
}
aside.category.panel-group {
 border: 1px solid #e6e6e6;
}
.panel-heading {
    color: #000;
    font-size: 15px;
    display: block;
    border-top: 1px solid #e6e6e6 !important;
}
aside.category.panel-group a {
    color: #292929;
}

aside.category.panel-group ul li {
    list-style: none;
    font-size: 17px;
}

aside.category.panel-group ul {
    padding-left: 1.3rem;
}
h2.panel-title:hover a {
    color: #69bc45;
}
.add-cart-button {
    width: 100%;
}
select#exampleSelect1 {
    border: 1px solid #000;
    margin-bottom: 1rem;
}
.menu a.title-category {
    background: none;
    text-align: left;
}
.box-infomartion-product {
    margin-top: 3rem;
}
.myTabproduct >li {
    width: 17.8125rem !important;
}
.share-social {
    text-align: center;
    margin-top: 1rem;
    position: relative;
}

.share-social:before {
    content: "";
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    border-top: 1px solid;
	width: 25rem;
}
.box-product-relate {
    width: 100%;
}
.box-product-relate {
    margin-top: 2rem;
}
.title-relate {
    text-align: center;
    font-size: 24px;
    color: #69bc45;
    
    position: relative;
    padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.title-relate:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #000000;
    width: 10px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 28rem;
}
.carousel
{
    width: 100% !important;
}
.box-news-detail {
    
    border-bottom: 1px solid #a1a1a1;
    padding: 1rem 0rem;
}
.box-news-detail
 a {
    color: black;
}
.box-news-detail
 h2 {
    font-size: 1.55rem;
}
.xemtiep {
    background: #69bc45;
    color: #fff !important;
}
.box-news-detail:first-child {
    padding-top: 0rem;
}
.content-news-detail {
    
}
.title-relate-news {
    font-size: 1.1rem;
    
    color: #69bc45;
    text-align: left;
    position: relative;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.title-relate-news:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #000;
    width: 12rem;
    bottom: 0;
    left: 0;
}

.relate-news ul {
    padding-left: 1rem;
}


.relate-news ul li  h3 {
    font-size: 1rem;
}

.relate-news {
    
}

.relate-news a {
    color: #000;
}
.box-staff-user a {
    color: #69bc45;
}

.box-staff-user {
    font-family: 'UTM-Avo';
    margin-bottom: 2rem;
    text-align: center;
    width: 17rem;
    margin-right: 1.01rem;
}

.box-staff-user img {
    margin-bottom: 1rem;
}

.box-staff-user
 h3 {
    font-size: 1.5rem;
}
.images-staff {text-align: center;}
.box-profile {
    font-family: 'UTM-Avo';
}

.name-staff {
    color: #69bc45;
    margin-bottom: 1.5rem;
}

.box-profile span:first-child {color: #69bc45;width: 12rem;display: inline-block;}

.box-profile i {
    color: #000;
    padding-right: 1rem;
}
.detail-profile {
    margin-top: 1rem;
    padding: 1rem;
}
a.menu-mobile {
    background: #69bc45;
    color: #fff;
    font-size: 20px;
}

#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password], input[type=email] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
	margin: 0 auto;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #69bc45;
    border-color: #69bc45;
}
.btn-primary {
    color: #fff;
   background-color: #69bc45;
    border-color: #69bc45;
}
.cat.tea {
    text-transform: uppercase;
}
.box-news img {
    width: 100%;
}
.page {
    text-align: right;
	    margin-top: 1rem;
}

.page a {
    border: 1px solid #69bc45;
    padding: 0.2rem 0.5rem;
    color: #69bc45;
	margin-right: 0.3rem;
}

.page a.active {
    color: #fff;
    background: #69bc45;
}
ul.share-like-buttom {
    padding: 0px;
    padding-top: 1rem;
    margin-bottom: 0rem;
}

ul.share-like-buttom li {
    list-style: none;
    display: inline-block;
}
.fb-comments iframe
{
	width:100% !important;
}
.fb-comments.fb_iframe_widget {
    width: 100%;
}

.fb-comments span:first-child {
    width: 100% !important;
}
.dropdown-toggle::after{
	content:none;
}
.cart.shopping-cart.show a {
    color: #000000;
}
ul.dropdown-cart{
    min-width:250px;
	
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top: 0.8rem;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0 ;
	left: inherit;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.cart.shopping-cart a {
    color: #000;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block; 
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.show .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
	
}
.dropdown-cart span {
    position: relative;
    top: 0rem;
    right: 0rem;
    color: #69bc45;
    font-size: 12px;
}
ul.dropdown-cart li .item-left img {
    width: 4rem;
}
.mes-empty {
    padding: 0rem 1rem;
    font-size: 0.9rem;
    color: #69bc45;
    
}
.table-product>thead>tr>th {
    padding: 10px;
    border-bottom: 0px;
}
.tr_first>th {
    padding: 15px 0px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}
.tr_first {
    background: #eee;
    color: #333;
}
.col_table_image.col_table_hidden-xs img {
    width: 6.25rem;
}
.col_table_name {
    padding: 0px 10px;
	    width: 100%;
}
.col_table_name a h4 {
    font-size: 16px;
    font-style: normal;
}
.table-product td {
    text-align: center;
}
.clear {
    clear: both;
}
.col_table_name h4 {
    font-style: italic;
    font-size: 13px;
}
span.color_red.font_money {
    color: red;
    font-size: 14px;
    font-weight: 500;
}
.floatleft {
    float: left;
	width: 3.125rem;
}
input.inputsoluong {
    width: 100%;
    padding: 0.375rem 0.625rem;
    box-sizing: border-box;
}
.floatleft.width50 {
    width: 2.5rem;
}
.col_table_name a {
    color: #000;
}
tr.tr_last {
    background-color: #EEEEEE;
}
.btn_df.btn_table_td_rf_del.btn-sm,.btn_df.btn_table_td_rf_del.btn-sm.btn-refresh {
    height: 1.875rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    background: #fff;
    border: 1px solid #333;
    color: #333;
    border-radius: 0;
}
.col_table_image {
width: 100%;
    text-align: center;
}
section.box-cart {
    
	    margin-bottom: 2rem;
}
.table .display_mobile {
    display: none;
}
.title-head {
    text-align: center;
    color: #69bc45;
    /* font-size: 14px; */
    
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1rem;
}
.container_table table.table {
    display: table;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: #ccc;
    width: 100%;
    font-size: 13px;
}
.title-head a {
    color: #69bc45;
}

.title-head:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #a1a1a1;
    width: 10px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 35rem;
}
a.btn_df.btn_table {
    background-color: transparent;
    border: 0;
    color: #333;
    font-weight: bold;
    font-size: 0.8125rem;
    padding: 10px;
    line-height: 1.25rem;
}
.sum_price_all {
    padding: 0.625rem 0;
    font-size: 1rem;
}
span.text_price {
    font-weight: bold;
}
span.text_price.color_red {
    color: red;
    font-weight: bold;
}
.btn-style {
    background-color: #f36f36;
    min-width: 6.25rem;
    color: #FFF;
    border-radius: 0;
    font-size: 0.875rem;
    text-transform: inherit!important;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    -o-transition: All .3s ease;
    border: 0;
    margin-left: 0;
}
.form-signup button.btn-style {
    text-transform: inherit;
    border: none!important;
    margin-left: 0;
}
.btn.btn-dark, input.btn-dark[type="submit"] {
    background: #2a2a2a;
    color: #fff;
    font-weight: 400;
}
button.close {
    position: absolute;
    top: -0.81235rem;
    right: -0.75rem;
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
    background-color: #69bc45;
    border-color: #69bc45;
}
section.box-forgetpass {
    margin: 2rem 0rem;
}

.content-page input[type=email] {
    margin-top: 0rem;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.info-user-header li a {
	color:#000 !important;
}
ul.dropdown-menu.info-user-header {
    padding: 1rem;
    width: 12.5rem;
}
ul.dropdown-menu.info-user-header i {
    color: #69bc45;
}
tr.header-order {
    background: #ccc;
    text-align: center;
    color: #fff;
    font-size: 1rem;
}
table.table.table-filter {
    text-align: center;
}
.trash {
    color: rgb(209, 91, 71);
}
tr.header-order-moidat {
    display: none;
}
.box-detail-order {
    text-align: center;
    font-size: 1rem;
}

.box-detail-order li {
    list-style: none;
}
li.mobile-menu {
    text-transform: uppercase;
}

li.mobile-menu i {
    color: #69bc45;
}
section.box-contact {
    margin-bottom: 2rem;
}
.mapView.map-container {
    margin-top: 1rem;
}

.mapView.map-container
 iframe {
    width: 100%;
}
.box-copany-footer {
    width: 34%;
    margin-right: 3%;
}

.socical-footer {
    width: 20%;
    margin-right: 6%;
}

.box-infomartion-footer {
    width: 18%;
    margin-right: 1%;
}

.box-support-footer {
    width: 18%;
}

.title-category-news h2 {
    font-size: 20px;
    font-weight: 300;
    width: 50%;
    text-align: left;
    border-bottom: 2px solid #69bc45;
    margin-bottom: 10px;
    padding-bottom: 1rem;
    text-transform: uppercase;
}
aside.category-infomartion ul {
    padding: 0px;
    /* padding-left: 0; */
    margin-bottom: 0;
    border: 1px solid #e6e6e6;
}

aside.category-infomartion ul li {
    list-style: none;
    position: relative;
}

aside.category-infomartion ul li a {
    padding: 15px 20px 15px 50px;
    color: #000;
    font-size: 15px;
    display: block;
    border-top: 1px solid #e6e6e6 !important;
}

.box-infomartion-left {
    margin-bottom: 1rem;
}
aside.category-infomartion ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    left: 35px;
    top: 17px;
    color: #69bc45;
}

aside.category-infomartion u li a:first-child {
    border-top: none !important;
}
.gallery-control i {
    position: relative;
   
}
.cart-header {
    font-size: 22px;
    text-align: left;
    margin-bottom: 10px;
}

.cart-header a {
    color:  #000;
}
.cart-prodct-header {
    display:  flex;
    -webkit-display: flex;
    background: #f6f6f6;
    /* padding: 9px; */
    text-align:  left;
}

.cart-product-item {
    width: 50%;
}

.cart-product-price {
    width: 16%;
    text-align:  right;
    /* padding-right: 35px; */
}

.cart-product-quantity {
    text-align:  center;
    width: 14%;
}

.cart-product-subtotal {
    text-align:  right;
    width: 20%;
}

.cart-product-entry-item {
    display: flex;
    -webkit-display: flex;
    border-bottom: 1px dashed #60a087;
    padding-bottom: 8px;
    margin-top: 5px;
}

.cart-product-thumbnail {
    width: 11%;
}

.cart-product-item-info {
    width:  40%;
    text-align:  left;
    padding: 10px;
}

.cart-product-item-info h3 {
    font-size:  14px;
}

.cart-product-item-price {
    width: 16%;
    padding: 6px;
    font-size: 14px;
    text-align: right;
}

.cart-product-item-price p {
    margin-bottom: 0px;
}

p.cart-item-price-old {
    text-decoration: line-through;
}

.cart-product__quantity {
    width: 14%;
    padding: 10px;
}

.cart-product__quantity input {
    width: 100%;
    max-width: 70px;
    border: 1px solid #d9d9d9;
    text-align: center;
    margin: 0px;
    float: none;
    height:  22px;
}

.item__total.js-item-total.hidden-xs {
    /* width:  20%; */
    /* text-align:  right; */
}

.cart-product__subtotal {
    width:  20%;
    text-align:  right;
    padding: 10px;
    font-weight:  bold;
}

.cart-prodct-header div {
    padding: 9px 16px;
}
.cart-footer {
    background-color: #f6f6f6;
    padding: 24px 15px;
}

.cart-total__item-label {
       padding-right: 5%;
    width: 30%;
}

.cart-total__item.d-flex.d-flex.justify-content-end {
    font-size: 15px;
}

.cart-total__item-value.text-red.cart-total__bill {
    color:  red;
}
.cart-footer__row.d-flex.justify-content-between {
    margin-top: 1rem;
}
.cart-back {
    padding-top: 10px;
}
.accordion-dungcu .card-header{
    background: #fff;
    padding: 6px 15px;
    border: none;
}
.tit-dungcu{
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.tit-dungcu a{
    color: #000;
    padding: 0;
}
.tit-dungcu a:last-child{
    font-size: 20px;
    cursor: pointer;
    padding: 0 7px;
}
.ul-dungcu {
    margin: 0;
    padding: 15px;
    padding-left: 30px;
    border-top: 1px solid rgba(0,0,0,.125);
}
.ul-dungcu li a{
    font-size: 16px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}
.ul-dungcu li:last-child a{
    margin-bottom: 0;
}
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
	.menu li {
		padding-right: 0rem;
		    text-align: left;

	}
	li.tea-category ul
	{
		padding-left:1rem;
	}
	.socical-footer,.box-info,.box-copany-footer {
		width: 100%;
		margin-right: 0%; 
	}
	.zoomWindowContainer {
		width: 100%;
	}

	.zoomWindow {
		width: 100% !important;
	}

	.zoomContainer {
		width: 100% !important;
		left: 0px !important;
	}
	.add-cart-button {
	
		font-size: 0.8rem;
	}
	.title-relate:after {
	
		width: 17rem;
	}
	.box-infomartion-product ul {
		display: flex;
		flex-wrap: wrap;
	}
	.content-about ul.nav-tabs {
		display: flex;
		-webkit-display: flex;
		flex-wrap: wrap;
	}

	ul#myTab li {
		width: 100%!important;
	}
	ul.dropdown-menu.info-user-header {
	
		left: inherit;
		right: 0;
	}
	.share-social:before {
	
		width: 7rem;
	}
	ul.dropdown-cart {
		min-width: 15.3125rem;
	}
	.dropdown-menu {
    
		right: inherit;
		left: 0px;
	}
	.mobile-menu{
		display:block !important;
	}
	.share-social:after {
		width: 17rem;
	}
	article.top-navigation {
		padding: 0rem 1rem;
	}
	.p-d-l {
		padding-left: 0.9375rem;
	}
	.p-d-r {
		padding-right: 0.9375rem;
	}
	.pd0 {
		padding-right: 0.3375rem;
		padding-left: 0.3375rem;

	}
	.logo-header
	{
		padding:0rem;
	}
	.box-logo
	{
		justify-content: center;
	}
	
	.box-cart-search {
		justify-content: center;
	}
	.box-about-tea {
		padding: 1rem;
		margin-bottom: 1rem;
	}
	.title:after {
		
		width: 100%;
	}
	.item.item-product:nth-child(2n+2) {
		margin-right: 0rem;
	}
	.item.item-product:nth-child(2n+1) {
		clear:both;
	}
	.item.item-product {
	    width: 48%;
		margin-right: 0.5rem;
		margin-bottom: 2rem;
	}
	.box-staff-user {
		width: 48%;
		margin-right: 0.4375rem;
	}
	article.box-about
	 .card-img-overlay, article.box-product .card-img-overlay {
		 padding: 3rem; 
	}	
	.order2
	{
		order:2;
	}
    .cart-prodct-header {
        display:  none;
    }
    .cart-product-thumbnail {
        width: 20%;
    }
    .cart-total__item-label {
        padding-right: 5%;
       width: 55%;
    }
    .cart-header {
        font-size:  16px;
        border-bottom: 1px solid #ccc;
    }

    .cart-product-item-info {
        position:  relative;
        width: 80%;
    }

    .cart-product-item-price {
        width: 80%;
        position:  absolute;
        top: 34%;
        right: 0px;
        display:  flex;
        -webkit-display: flex;
    }

    .cart-product-item-price p {
        text-align:  left;
    }

    .cart-product-entry-item {
        position:  relative;
    }

    .cart-product__quantity {
        width: 80%;
        position: absolute;
        top: 54%;
        right: 0px;
        display: flex;
        -webkit-display: flex;
        position:  absolute;
        bottom:  0px;
        left: 18%;
        margin:  0 auto;
    }

    .cart-product__subtotal {
        display:  none;
    }

    .cart-product-item-price {
        /* display:  none; */
    }

    a.cart-product-item-remove {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    p.cart-item-price-sale {
        color:  red;
        padding-right: 2%;
    }
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.owl-prev {
		left: 0rem;
	}
    .cart-product-price {
    width: 19%;}
    .cart-product-subtotal {
        width: 24%;
    }
    .cart-product-item-info {
    width: 34%;
}.cart-product-item-price {
    width: 20%;}
    .cart-product-entry-item {
    position:  relative;
    margin: 10px 0px;
}

a.cart-product-item-remove {
    position:  absolute;
    right:  0px;
}
    .cart-product__quantity {
    width: 16%;}
    .cart-product__subtotal {
    width: 23%;}
    .cart-product-quantity {
        width: 21%;
    }
	li.tea-category ul
	{
		padding-left:1rem;
	}
	.socical-footer,.box-copany-footer {
		width: 50%;
		margin-right: 0%; 
	}
	.box-info:last-child{
		margin-right:0%;
	}
	.box-info{
		width:48%;
		margin-right:2%;
	}
	.logo-header {
		padding-right: 0rem;
	}
	.order2
	{
		order:2;
	}
	.owl-next {
		right: 0rem;
	}
	article.box-about
	 .card-img-overlay, article.box-product .card-img-overlay {
		 padding: 3rem; 
	}	
	.item.item-product:nth-child(2n+2) {
		margin-right: 0rem;
	}
	.item.item-product:nth-child(2n+1) {
		clear:both;
	}
	.item.item-product {
		width: 16rem;
		margin-right: 1.1875rem;
		margin-bottom: 2rem;
	}
	.box-staff-user {
		width: 16rem;
		margin-right: 0.8rem;

	}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.owl-prev {
		left: 0rem;
	}
	.socical-footer,.box-copany-footer {
		width: 50%;
		margin-right: 0%; 
	}
	.box-info:last-child{
		margin-right:0%;
	}
	.box-info{
		width:48%;
		margin-right:2%;
	}
	.owl-next {
		right: 0rem;
	}
	.item.item-product:nth-child(2n+2) {
		margin-right: 0px;
	}
	.item.item-product:nth-child(2n+1) {
		clear:both;
	}
	.item.item-product {
		width: 14.5rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
	}
	.box-staff-user {
		width: 14rem;
		margin-right: 1rem;
	}
	.add-cart-button {

		font-size: 14px;
		
	}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.owl-prev {
		left: 0rem;
	}
	
	.owl-next {
		right: 0rem;
	}
	.item.item-product {
		width: 14rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
	}
	.box-staff-user {
		
		width: 14rem;
		margin-right: 1rem;
	}
	.socical-footer {
		width: 26%;
		margin-right: 2%;
	}
	.box-copany-footer {
		width: 34%;
		margin-right: 1%;
	}
	.box-infomartion-footer {
		width: 18%;
		margin-right: 1%;
	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	

	.box-staff-user:nth-child(4n+4) {
		margin-right: 0rem;
	}
	.box-staff-user:nth-child(4n+1) {
		clear:both;
	}
	.item.item-product:nth-child(3n+3) {
		margin-right: 0rem;
	}
	.item.item-product:nth-child(3n+1) {
		clear:both;
	}
	.p-d-l-f {
		padding-left: 4rem;
	}
 }
 @media (max-width: 1300px) { 
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
 }
 @media only screen and (max-width: 775px) {
	 .box-social{display:none;}
   .menu {
	
		margin-top: 1rem;
	}
    .menu-mobile {
        display: block !important;
    }
    .menu-dropdown-icon:before {
        display: block !important;
    }
    .menu > ul {
        display: none !important;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
		text-align:left;
		padding-right: 0rem !important;
		
    }
    .menu > ul > li a {
      padding: 0.5em;
        width: 100%;
        display: block;
		top:0rem;
    }
    .menu > ul > li > ul {
        position: relative;
		top:0rem;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
		float: none;
		width: 100%;
		margin-top: 20px;
		
    }
	
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
		width: 100%;
    }
    .menu .show-on-mobile {
        display: block !important;
		
    }
}
li.image-category-dung-cu {
    width: 100% !important;
}
li.dungcu-category ul {
    padding: 0px;
}

li.dungcu-category ul li {
    list-style: none;
}
.box-meag-menu{
	width:100% !important;
	float: left;
	padding-right: 0px !important
}
div#trendingdisplay {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 0.4rem;
} 
.toggle .toggle-title {
    position: relative;
    display: block;
    border-top: 1px solid #dddddd;
    margin-bottom: 6px;
}.toggle .toggle-title h3 {
    font-size: 20px;
    margin: 0px;
    line-height: 1;
    cursor: pointer;
    font-weight: 200;
}.toggle .toggle-title i {
    position: absolute;
    background: url(http://arielbeninca.com/Storage/plus_minus.png) 0px -24px no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 20px;
    right: 0;
}.toggle .toggle-title .title-name {
    display: block;
    padding: 25px 25px 14px;
	    text-align: left;
}.toggle .toggle-inner {
    padding: 7px 25px 10px 25px;
    display: none;
    margin: -7px 0 6px;
}
.toggle {
    width: 100%;
}
a.product-name {
    font-size: 14px !important;
	    font-weight: normal;
}
ul.danhmuc-product li {
    padding: 0px;
}
.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.75);
      z-index: 9999;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
.box-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
        z-index: 99999999;
    background: #00000085;
}
.cart-products-body.demo {
    max-height:  300px;
    overflow-y:  scroll;
}
.cart-products-body.demo::-webkit-scrollbar {
    width: 12px;
}
 
.cart-products-body.demo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
.cart-products-body.demo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.popup {
  text-align: center;
}

.popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}

.popup-inner {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  max-width: 950px;
  width: 90%;
  padding: 10px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
  border-radius: 3px;
  background: #fff;
  text-align: center;
}

.popup-inner h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}



.popup-close {
    width: 34px;
    height: 34px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 100%;
    background: transparent;
    border: solid 4px #eee;
}

.popup-close:after,
.popup-close:before {
     content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    height: 4px;
    width: 16px;
    border-radius: 30px;
    background: #6bcc41;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: #f00;
  text-decoration: none;
  border-color: #f00;
}

.popup-close:hover:after,
.popup-close:hover:before {
  background: #fff;
}
/* // Small devices (landscape phones, 34em and up) */
 
@media (max-width: 480px) {
	.flex-wrap .item .justify-content-end{
		display: block !important;
	}
}