body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
    /* background: linear-gradient(205deg, rgba(0, 196, 196, 0.32) 7%, rgba(0, 255, 67, 0.41) 52%, rgba(97, 220, 255, 0.26) 124%); */
    /* background: url(../image/snow.png), #f3f3f3; */
    background: url(../image/background2026.jpg), linear-gradient(205deg, rgb(94, 187, 254) 7%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 124%);
}

header {
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    /* background: linear-gradient(205deg, rgba(0,196,196,1) 7%, rgba(19,151,189,1) 46%, rgb(147, 217, 224) 112%); */
    /* background: url(../image/Nen-logo-2025.png) no-repeat, linear-gradient(205deg, rgb(94, 187, 254) 7%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 124%); */
    background: linear-gradient(205deg, rgb(94, 187, 254) 7%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 124%);
    background-size: 100%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
    min-height: 1px;
    padding-right: 0.5% !important;
    padding-left: 0.5% !important;
    text-align: center;
}
fieldset {
    min-width: 0;
    padding: 1% 1%;
    margin: 0;
    border: 0;
}
.disnone {
    display:none !important;

}
.disblock {
    display:block !important;

}
.radio label, .checkbox label {
    /* display: block; */
    display: flex;
}
.dh-show-hide-thong-so {
    display: none;
    overflow: hidden;
    height: 0px;
}
.dh-center {
    text-align: center !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2b5ba2;
}

.table-striped > tbody > tr > td {
    border-top: 1px dashed;
    border-color: #8d9192;
}
.show-hide-menu-top {
    display: none;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 17pt;
    width: 50px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}
.phan-dau-menu-slider {
    width: 96%;
    margin-left: 2%;
    padding-top: 0.7%;
}
.dh-soluong {
    color: #000000;
    border: 1px dashed #dedede;
    font-weight: bold;
}
.dh-soluong:focus {
    box-shadow: none;
    border-color: #c3c3c3;
}

img.language-icon {
    width: 25% !important;
}
.table-condensed, .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
    color: #ffffff !important;
}
.rating {
    padding: 4%;
    background: #ffffff4d;
    border-radius: 8px;
}
.dh-background {
    background: #fdfff5;
    border-radius: 8px;
    border: 1px dashed #eaeaea;
    height: 100%;
}

.dh-textbox, .dh-dashed {
    /* border: 1px dashed #dedede; */
    border: 1px dashed #c1895d;
    box-shadow: none !important;
}
.dh-textbox:focus, .dh-dashed:focus, .dh-dashed:hover{
    border: 1px dashed #6ea2b1;
    box-shadow: none;
}


#cart-total {
   	font-size: 16px;
    background-color: #fff254;
    border-radius: 10%;
    padding: 0.5% 6%;
    position: relative;
    top: -28px;
    right: 18px;
    font-weight: bold;
    text-align: center;
    display: inline;
    height: 120%;
}

#cart .btn-block {
    display: block;
    width: 100%;
}

.swiper-viewport {
    margin: 0 0 60px;
    background: #fff;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0);
    width: 100%;
    position: relative;
    overflow: visible;
}

.swiper-container {
    direction: ltr !important;
    /* border: 1px solid #5f8e5f75; */
    border: 1px solid #b5cbb7;
    height: 400px;
    border-radius: 8px 8px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Thêm menu dọc */
.lab-menu-vertical li.level-1 > a {
    line-height: 30px;
    position: relative;
    color: #313131;
}
.lab-menu-col {
    text-align: left;
}
.icon-lar{
    font-size: 230% !important;
}
.note {
    width: 100%;
    background: #fff0;
    height: 80px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin: 0 auto;
    padding: 0 5%;
}

.Bay-nhanh {
    width: 30%;
   /* background: linear-gradient(178.3600780007414deg, rgb(121, 121, 121) -5.756275%,rgb(103, 103, 103) 45.840819%,rgb(112, 119, 121) 115.840819%); */
    height: 100%;
    float: left;
    color: #3a74bb;
    border-radius: 8px 8px;
    margin: 0px 1%;
    border: 1px dashed #3a74bb;
    padding-top: 15px;
    background: #ffffff94;
}

.Thanh-Toan-Quoc-Te {
    width: 30%;
   /* background: linear-gradient(178.3600780007414deg, rgb(121, 121, 121) -5.756275%,rgb(103, 103, 103) 45.840819%,rgb(112, 119, 121) 115.840819%); */
    height: 100%;
    float: left;
    color: #3a74bb;
    margin: 0px 1%;
    border-radius: 8px 8px;
    border: 1px dashed #3a74bb;
    padding-top: 15px;
    background: #ffffff94;
}

.Hinh-thuc-thanh-toan {
    width: 30%;
   /* background: linear-gradient(178.3600780007414deg, rgb(121, 121, 121) -5.756275%,rgb(103, 103, 103) 45.840819%,rgb(112, 119, 121) 115.840819%); */
    height: 100%;
    float: left;
    color: #3a74bb;
    border-radius: 8px 8px;
    border: 1px dashed #3a74bb;
    padding-top: 15px;
    background: #ffffff94;
}
i.fas.fa-tags{
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    padding-left: 10px;
}

.Duy-Han-Tieu-De {
    background: linear-gradient(178.3600780007414deg, rgb(65 157 193 / 92%) -5.756275%,rgb(66 119 151 / 35%) 45.840819%,rgb(0 126 204) 115.840819%);
    vertical-align: middle;
    padding: 0.2% 3%;
    border-radius: 20px 8px 8px 8px;
    text-align: left;
    background-color: #3a74bf;
    border: 1px dashed #e5e5e5;
    margin-bottom: 1%;
    box-shadow: 3px 3px 1px #666666;
}

.Duy-Han-Tieu-De h3 {
    margin: 0;
    padding: 1% 0%;
    color: #fff;
    text-shadow: 1px 1px 2px #751b1b;
    transform: rotate(0deg);
}
.product-thumb .caption p {
    height: 62px;
    overflow: hidden;
}

.duy-han-danh-muc-con {
    display: inline-block;
    text-decoration: none;
    list-style: none;
    float: right;
    background-color: #fff;
    width: 100%;
    border-radius: 8px 8px;
}

.duy-han-danh-muc-con li {
    float: right;
    padding: 0px 15px;
    border-right: 1px #ccc dashed;
}

.duy-han-danh-muc-con li:first-child {
    border-right: none;
}



.caption h4 a {
    color: #00bfaf !important;
   transition: 0.5s ease;
}
.caption h4 a:hover {
    color: #108dbd !important;
}

span.text-phuongphap {
    /* white-space: nowrap; */
    font-size: 90%;
}
li.menu-item.item-line, li.menu-item {
    list-style: none;
}
.lab-menu-vertical ul li.level-1 li.item-header a {
    border-bottom: 1px solid #eaebec;
    color: #333e48;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
    text-transform: uppercase;
}

.lab-menu-vertical .menu-dropdown {
    position: absolute;
    z-index: 1000;
    background: #fff;
        border: 1px solid #3d78c5;
    /* border-left: 8px solid #5f8e5f; */
    border-left: 8px solid #3e7aca; 
    width: 300%;
    padding: 15px;
}
.dot-slider-show {
    text-align: center;
    position: absolute;
    bottom: 3%;
    right: 2%;
}
.lab-menu-vertical .menu-dropdown {
    min-height: 349px;
    display: block;
    visibility: hidden;
    opacity: 0;
    left: 100%;
    filter: alpha(opacity=0);
    transform: translate(-5px,0);
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    transition: opacity 0.5s ease 0s,transform 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s,-moz-transform 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s,-webkit-transform 0.5s ease 0s;
    -ms-transition: opacity 0.5s ease 0s,-ms-transform 0.5s ease 0s;
}

.lab-menu-vertical .menu-dropdown.lab-sub-center {
    top: 0;
    bottom: 0;
}
.lab-menu-vertical .menu-dropdown.lab-sub-top {
    top: 0;
}
.lab-menu-vertical li.level-1 {
    clear: both;
    display: block;
    text-align: left;
    margin-left: 10%;
    border-bottom: #5f8e5f33 1px double;
    line-height: 40px;
}
.lab-menu-vertical li.level-1:last-child {
	border: none;
}

.lab-menu-vertical ul li.level-1:hover > .menu-dropdown, .lab-menu-vertical ul li.level-2:hover > .menu-dropdown, .lab-menu-vertical ul li.level-3:hover > .menu-dropdown, .lab-menu-vertical ul li.level-4:hover > .menu-dropdown, .lab-menu-vertical ul li.level-5:hover > .menu-dropdown {
    opacity: 0.9;
    filter: alpha(opacity=100);
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    visibility: visible;
    text-align: left;
    display: inline-block;
}

.container_lab_vegamenu {
    position: relative;
    z-index: 9;
    padding: 0;
    width: 100%;
    cursor: pointer;
}
.lab-menu-vertical.clearfix {
    width: 100%;
}
.title-menu {
    /* background: #045a07b0 none repeat scroll 0 0; */
    background: linear-gradient(178.3600780007414deg, rgb(60, 119, 197) -5.756275%,rgb(58, 116, 191) 45.840819%,rgb(66, 130, 214) 115.840819%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    position: relative;
    text-transform: uppercase;
    border-radius: 8px 8px 0 0;
}
.lab-menu-vertical .menu-horizon {

}
.lab-menu-vertical .menu-content {
	background: #fff;
    border: 1px dashed #ffffff;
    min-height: 350px;
    position: relative;
    z-index: 99;
    border-radius: 0 0 8px 8px;
    margin-block-start: 0em;
    margin-block-end: 1em;
    padding-inline-start: 0px;
    padding: 1% 0%;
}

/* Kết thúc menu dọc */

/* Module sản phẩm */
.clearfix {
    clear: both;
}
.labcolumn {
    margin-bottom: 30px;
    position: relative;
}
.labproductcategory .content-title {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}
.no-margin {
    margin: 0;
}
.laberProducts-column {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 0;
}
.no-margin {
    margin: 0;
}
.laberProducts-column .laber_banner {
    padding: 15px;
    border-right: 1px solid #ebebeb;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item {
    float: left;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.laberProducts-column .owl-item .item-inner {
    padding: 0;
}
.owl-item .item-inner {
    padding: 0 15px;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.laberProducts-column .owl-item .item-inner .item:first-child {
    border-bottom: 1px solid #ebebeb;
}
.laberProducts-column .owl-item .item-inner .item {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 15px;
    min-height: 204px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.labcolumn .laberProduct-container {
    position: relative;
    z-index: 1;
}

.labcolumn .laberProduct-image {
    margin-right: 5px;
    position: relative;
    width: 165px;
}
.labcolumn .laberProduct-image {
    margin-right: 5px;
    position: relative;
    width: 165px;
}
.labproductcategory .quick-view {
    /* background: #333e48 url(../img/icon_search.png) no-repeat scroll center center; */
    border-radius: 3px;
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.labproductcategory .quick-view i {
    display: none;
}
.laberProductList .item-inner .laberSale-label, .laberProductList .item-inner .laberNew-label, .labcolumn .laberSale-label, .labcolumn .laberNew-label, .laberProductGrid .laberSale-label, .laberProductGrid .laberNew-label {
    background: #448ccb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 45px;
}
.laberProductList .item-inner .laberSale-label, .labcolumn .laberSale-label, .laberProductGrid .laberSale-label {
    background-color: #e53939;
    color: #fff;
}
.laberMedia-body {
    overflow: hidden;
}
.comments_note {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
}
.comments_note div.star, #productCommentsBlock div.star {
    color: #dfdfdf;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 18px;
    width: 15px;
}
.subpage .laberProductGrid .productName, .labcolumn .productName, .laberProductGrid .productName {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    margin-bottom: 15px;
    font-weight: bold;
}
.laberProductGrid .laber-product-price-and-shipping, .labcolumn .laberProduct-container .laber-product-price-and-shipping {
    margin-bottom: 15px;
}
.block_newsletter form input.btn:hover, #product .current-price span, .laberProductList .price, .breadcrumb ol li:last-child a, .copyright a, .laberFooter-center ul li a:hover, .laberTestimonial .item .laberAuthor, .laberBlog .slick-arrow:hover, .labcolumn .owl-next:hover, .labcolumn .owl-prev:hover, .laberProductGrid .owl-next:hover, .laberProductGrid .owl-prev:hover, .labcolumn .price, .laberProductGrid .price, #header .lab-menu-horizontal ul li.level-1:hover > a, a:hover, #header a:hover {
    color: #f9c831;
}
.laberProductList .item-inner .reduction_percent_display, .labcolumn .reduction_percent_display, .laberProductGrid .reduction_percent_display {
    background: #b11e22 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    margin: 0 5px;
    padding: 2px 6px;
}
.product-actions .add-to-cart:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-tertiary:focus, .btn-tertiary:hover, .focus.btn-tertiary, .scroll-box-arrows i:hover, .laberProductList .laberItem a:hover, .laberProductList .laberCart .laberBottom:hover, .pagination .page-list li a:hover, .pagination .page-list li a.disabled, .laberProductGrid .laberItem .laberwishlist a:hover, .laberProductGrid .laberActions a:hover, .laberGridList li a:hover, .active_list .laberGridList li#list a, .active_grid .laberGridList li#grid a, #left-column .h6:before, .laberFooter-top, .support-footer-inner .support-info:hover .info-title i, .blog_post_content .read_more:hover, .labproductcategory .quick-view:hover, .laberActions .laberwishlist a:hover, .laberCart .laberBottom:hover, #newsletter_block_popup .block_content .send-reqest, .laberPopupnewsletter-i .close, .laberProductList .item-inner .reduction_percent_display, .labcolumn .reduction_percent_display, .laberProductGrid .reduction_percent_display, .container_lab_vegamenu .title-menu::before, .container_lab_vegamenu .title-menu, #search_block_top .btn.button-search > span, #header .laber-cart a .cart-products-count, .wishtlist_top span.cart-wishlist-number {
    background-color: #f9c831;
}
.labcolumn .old-price, .laberProductGrid .old-price {
    font-size: 14px;
    color: #aaaaaa;
    text-decoration: line-through;
    font-weight: 400;
}
.regular-price {
    color: #acaaa6;
    font-size: 0.875rem;
    text-decoration: line-through;
}
.laberCart .laberBottom {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #a7a7a7;
    font-size: 12px;
    font-weight: 900;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.laberActions .laberwishlist a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #a7a7a7;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    text-align: center;
    width: 40px;
}
.laberActions .laberwishlist a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #a7a7a7;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    text-align: center;
    width: 40px;
}
.labproductcategory .content-title .laberCateTitle h3 a {
    color: #333e48;
    font-size: 20px;
    line-height: 40px;
    font-weight: 900;
}
.labproductcategory .laberSub-cate ul {
    padding: 15px 0;
    margin: 0 50px 0 0;
}
.laber-mediaBody {
    overflow: hidden;
}
.labproductcategory .laberSub-cate ul li:first-child a {
    border: none;
}
.labproductcategory .laberSub-cate ul li a {
    border-left: 1px solid #e1e1e1;
    color: #9f9f9f;
    font-size: 14px;
    line-height: 1;
    padding: 0 20px;
}
.labproductcategory.labcolumn .owl-buttons {
    top: -86px;
}
.labcolumn .owl-buttons, .laberProductGrid .owl-buttons {
    position: absolute;
    right: 0;
    top: 5px;
}
.labcolumn .owl-next, .labcolumn .owl-prev, .laberProductGrid .owl-next, .laberProductGrid .owl-prev {
    color: #343434;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 18px;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-left: 15px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.labcolumn .owl-next, .laberProductGrid .owl-next {
    border-left: 1px solid #e1e1e1;
}


.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    padding-left: 0%;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #fff;
}

ul.list-unstyled.dh-thong-so-san-pham, .dh-thong-so-san-pham {
    text-align: left;
    padding: 3%;
    margin-bottom: 0px;
    padding-top: 0.5%;
}
.dh-rating {
    font-size: 80%;
    position: absolute;
    display: block;
    top: 0.5%;
    color: #3c7d95;
    left: -39%;
}
.rating a {
    text-decoration: none;
    color: #bb3a3a;
    font-size: x-small;
    font-weight: bold;
}
.rating p {
    float: left;
}
.dh-text-justify {
    text-align: justify;
}
.dh-text-left {
    text-align: left;
}
.dh-giamoi, .dh-giacu, .dh-giasp {
    display: inline-block;
    font-weight: bold;
    color: #000000;
}
.font120 {
    font-size: 120%;
}

.duyhan-yeuthich-sosanh > .btn-default {
    color: #3c7d95;
    background-image: none;
    font-size: 150%;
    text-shadow: 0 1px 0 rgb(255, 255, 255);
    background-color: #3c7d9800;
    background-repeat: repeat-x;
    border: 2px double #ffffff00;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
.dh-tieu-de-san-pham {
    text-align: left;
    padding: 0% 5% 2% 2%;
}

.dh-tieu-de-san-pham h1 {
    color: #3a74bb;
    font-weight: 600;
    font-size: 175%;
}

a.dh-ten-nsx {
    font-weight: bolder;
}
.duyhan-yeuthich-sosanh .btn-default i {
    font-size: 150%;
}

.duyhan-yeuthich-sosanh .btn-default i:hover {
    color: #ffb300;
}
span.dh-stock, .dh-bold {
    font-weight: bold;
}
span.dh-stock.orange, .orange {
    color: orange;
}
span.dh-stock.green, .green {
    color: green;
}
span.dh-stock.red, .red {
    color: red;
}
.grey {
    color: #afafaf;
}
.redw {
    color: #da5757;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.position-top-2pt {
    margin-top: -2.5%;
}

.font-white {
    color: #f3f3f3;
}

.font-white:hover {
    color: #f8ff87;
}

.width-75pt{
 width: 75%; 
}


/* Kết thúc module sản phẩm */


/* Slide show duy han */
.mySlides {display: none}
img {
    vertical-align: middle;
    max-width: 100% !important;
    border-radius: 8px;
    /* width: 100% !important; */
}

/* Slideshow container */
.slideshow-container-duyhan {
    position: relative;
    margin: auto;
    min-height: 400px;
    background: #fff;
    border: 1px dashed #dcdcdc;
    margin-bottom: 1%;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 38%;
  width: auto;
  padding: 16px;
  color: #3c7d96;
  font-weight: bold;
  font-size: 200%;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
a.next {
    right: 0px;
}
a.prev {
    left: 0px;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: -6%;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  /* background-color: #717171; */
}

/* Fading animation */
.fade-duyhan {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
    -webkit-transition: all 3.5s ease-out;
    -moz-transition: all 3.5s ease-out;
    -o-transition: all 3.5s ease-out;
    -ms-transition: all 3.5s ease-out;
    transition: all 3.5s ease-out;
    -khtml-transition: all 3.5s ease-out;

}

.fontsize80pt {
    font-size: 80%;
}

@-webkit-keyframes fade-duyhan {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade-duyhan {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    img {
    vertical-align: middle;
    width: 100% !important;
    max-width: 100% !important;
}
    .Duy-Han-Tieu-De h3 {
    padding: 3% 1%;
    color: #fff;
    text-shadow: 1px 1px 2px #751b1b;
    transform: rotate(0deg);
    }
  .prev, .next,.text {font-size: 11px}
  .dh-show-hide-thong-so {
    display: block;
    overflow: none;
    height: auto;
    background: #fff;
    border-radius: 8px;
    margin: 0% 0% 3% 0%;
    padding: 2%;
}
.slideshow-container-duyhan {
    min-height: 130px;
}
}

/* Kết thúc Slide show duy han*/

@media (min-width: 1280px) {
	.white {
    color: #fff;
    font-size: 102% !important;
}
	#top-links {
    width: auto;
    padding: 0.5% 0%;
    white-space: nowrap;
    font-size: 102%;
}
	.pdr {
    padding-right: 15px;
}
	.fa {
    font-size: 110%;
}
	#top .btn-link, #top-links li, #top-links a {
	color: #fff;
	/* text-shadow: 0 1px 0 #FFF; */
	text-decoration: none;
	padding: 0% 0.5%;
	white-space: nowrap;
	padding-bottom: 5px;
	font-size: 13.5px;
}
	.zalo-special {
    z-index: 99;
    position: absolute;
    margin-top: 0px;
    margin-left: -21px;
    color: #4c9bbb;
    font-size: 7px;
    font-weight: bold;
}
/*
	.xinchao, .welcome {
	display: none;
}
*/
    .icon-lar {
    font-size: 170% !important;
}
    span.text-phuongphap {
    font-size: 75%;
}
}

  @media (min-width: 780px) and (max-width: 1381px) {
    #logo {
    padding-left: 21% !important;
    padding-right: 26% !important;
}
	.white {
    color: #fff;
    font-size: 95% !important;
}
	#top-links {
    width: auto;
    padding: 0.5% 0%;
    white-space: nowrap;
    font-size: 85%;
}
	.pdr {
    padding-right: 3px;
}
	.pdl {
    padding-left: 6px !important;
}
	.fa {
    font-size: 95%;
}
	.zoom140 {
    font-size: 100%;
}
	#top .btn-link, #top-links li, #top-links a {
    color: #fff;
    /* text-shadow: 0 1px 0 #FFF; */
    text-decoration: none;
    padding: 0% 0.1%;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 11px;
}
	.zalo-special {
    z-index: 99;
    position: absolute;
    margin-top: 0px;
    margin-left: -21px;
    color: #4c9bbb;
    font-size: 7px;
    font-weight: bold;
}

.dh-rating {
    font-size: 80%;
    position: absolute;
    display: grid;
    top: 11%;
    color: #3c7d95;
    left: -15%;
}
	.Padding-FloatRight {
	padding: 6.5px 0px !important;
}
    .icon-lar {
    font-size: 130% !important;
}
    span.text-phuongphap {
    font-size: 62%;
}
.Hinh-thuc-thanh-toan,.Thanh-Toan-Quoc-Te,.Bay-nhanh {
    padding-top: 4px;
}

}


@media (min-width: 767px) and (max-width: 780px) {
.swiper-container {
    }

.slideshow-container-duyhan {
}

    #logo {
    padding-left: 37% !important;
}
.dh-rating {
    font-size: 80%;
    position: absolute;
    display: inline-grid;
    top: 80px;
    color: #3c7d95;
    left: -15%;
}
    .icon-lar {
    font-size: 105% !important;
}
    span.text-phuongphap {
    font-size: 62%;
}
.Hinh-thuc-thanh-toan,.Thanh-Toan-Quoc-Te,.Bay-nhanh {
    padding-top: 4px;
}
	.white {
    color: #fff;
    font-size: 90% !important;
}
	.pdl {
    padding-left: 4px;
}
	#top-links {
    width: auto;
    padding: 0.5% 0%;
    white-space: nowrap;
    font-size: 50%;
}
	.pdr {
    padding-right: 5px;
}
	.fa {
    font-size: 100%;
}
	.zoom140 {
    font-size: 100%;
}
	#top .btn-link, #top-links li, #top-links a {
    color: #fff;
    /* text-shadow: 0 1px 0 #FFF; */
    text-decoration: none;
    padding: 1% 0.5%;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 12px;
}
	.pdl {
    padding-left: 4px !important;
}
	.chat {
    height: 100%;
    white-space: nowrap !important;
    /* padding-right: 0.6%; */
    display: flex;
    padding-top: 8.5px !important;
}
	.zalo-special {
    z-index: 99;
    position: absolute;
    margin-top: -1px;
    margin-left: -19px;
    color: #4c9bbb;
    font-size: 7px;
    font-weight: bold;
}
	.Padding-FloatRight {
    padding: 7.5px 0px;
    float: right;
}
}

@media (min-width: 500px) and (max-width: 767px) {

    header {
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    /* background: linear-gradient(205deg, rgba(0,196,196,1) 7%, rgba(19,151,189,1) 46%, rgb(147, 217, 224) 112%); */
    /* background: url(../image/Nen-logo-new-year-2023.png) no-repeat, linear-gradient(205deg, rgb(94, 187, 254) 7%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 124%);
    background-size: 200% !important; */
    }

      .dh-show-hide-thong-so {
    display: block;
    overflow: none;
    height: auto;
    background: #fff;
    border-radius: 8px;
    margin: 0% 0% 3% 0%;
        padding: 2%;
}
    img {
    vertical-align: middle;
    width: 100% !important;
    max-width: 100% !important;
}
    .Duy-Han-Tieu-De h3 {
    padding: 2% 1%;
    color: #fff;
    text-shadow: 1px 1px 2px #751b1b;
    transform: rotate(0deg);
    }
.slideshow-container-duyhan {
    min-height: 250px;
}
.dh-rating {
    font-size: 80%;
    position: absolute;
    display: grid;
    top: 15%;
    color: #3c7d95;
    left: -13%;
}
tr:nth-child(even) {
    background-color: #153846;  
}
tr:nth-child(even):hover {
    background-color: #000000;  
}
        #logo {
    padding-left: 37% !important;
}
    #cart {
    padding-top: 7% !important;
    vertical-align: middle;
}
    .icon-lar {
    font-size: 140% !important;
}
    span.text-phuongphap {
    font-size: 65%;
}
    .show-hide-menu-top {
    display: block;
}
	.white {
    color: #fff;
    font-size: 140% !important;
}

	.zindex {
/*
    z-index: 98;
    position: absolute;
    bottom: 22%;
    left: 65%;
    font-size: 100%;
*/
    z-index: 98;
    position: absolute;
	bottom: -53% !important;
    left: 30% !important;
    font-size: 100%;
}

	.zalo-special {
    z-index: 99;
    position: absolute;
    margin-top: 3px;
    margin-left: -26px;
    color: #4c9bbb;
    font-size: 8px;
    font-weight: bold;
}
	.fa {
    font-size: 190% !important;
}
	.zoom140 {
    font-size: 160%;
}
	.Padding-FloatLeft {
    padding: 5% 0% !important;
    float: left;
    white-space: nowrap;
}
	#top .btn-link, #top-links li, #top-links a {
    padding: 0% 0.5% !important;
     color: #fff;
    /* text-shadow: 0 1px 0 #FFF; */
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 12px;
}
.icon-lar {
    font-size: 105% !important;
}
    span.text-phuongphap {
    font-size: 62%;
}
.Hinh-thuc-thanh-toan,.Thanh-Toan-Quoc-Te,.Bay-nhanh {
    padding-top: 4px;
}
}

@media (min-width: 360px) and (max-width: 500px) {
    .dh-show-hide-thong-so {
    display: block;
    overflow: none;
    height: auto;
    background: #fff;
    border-radius: 8px;
    margin: 0% 0% 3% 0%;
    padding: 2%;
}
    img {
    vertical-align: middle;
    width: 100% !important;
    max-width: 100% !important;
}
    .Duy-Han-Tieu-De h3 {
    padding: 3% 1%;
    color: #fff;
    text-shadow: 1px 1px 2px #751b1b;
    transform: rotate(0deg);
    }
.slideshow-container-duyhan {
    min-height: 130px;
}
    #logo {
    padding-left: 32% !important;
}
#search {
    padding-top: 4% !important;
}
.phan-dau-menu-slider {
    padding-top: 1.7% !important;
}
    #cart {
    padding-top: 7% !important;
    vertical-align: middle;
}
   .show-hide-menu-top {
    display: block;
}
	#cart > .btn {
	/*
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	*/
	font-size: 40px;
    line-height: 18px;
    color: #69646b;
    border: none;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
    margin-top: -13px;
    text-align: left;
    padding-left: 22%;
}

	.white {
    color: #fff;
    font-size: 100% !important;
}

	.pdr {
    padding-right: 2px;
}
	.pdl {
    padding-left: 4px !important;
}
	.zoom140 {
    font-size: 120%;
}
	.zindex {
/*
    z-index: 98;
    position: absolute;
    bottom: 22%;
    left: 65%;
    font-size: 100%;
*/
    z-index: 98;
    position: absolute;
    bottom: -44% !important;
    left: 38% !important;
    font-size: 100%;
}

	.zalo-special {
	z-index: 99;
    position: absolute;
    margin-top: -2px;
    margin-left: -22px;
    color: #4c9bbb;
    font-size: 8px;
    font-weight: bold;
}

	.chat {
    height: 100%;
    white-space: nowrap !important;
    /* padding-right: 0.6%; */
    display: flex;
    padding-top: 9.5px;
}

	.fa, .fab {
    font-size: 120% !important;
}
	.zoom140 {
    font-size: 160%;
}
	.Padding-FloatLeft {
    /* padding: 5% 0% !important;  */
    padding: 9% 2% !important;
    float: left;
}
	.Padding-FloatRight {
    padding: 9.5px 2px !important;
    float: right;
}
	#top .btn-link, #top-links li, #top-links a {
    padding: 4% 0% !important;
     color: #fff;
    /* text-shadow: 0 1px 0 #FFF; */
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 10px;
}
.icon-lar {
    font-size: 105% !important;
}
    span.text-phuongphap {
    font-size: 62%;
}
.Hinh-thuc-thanh-toan,.Thanh-Toan-Quoc-Te,.Bay-nhanh {
    padding-top: 4px;
}
    .swiper-container {
    height: auto !important;
}
}

@media (max-width: 360px) {
    .swiper-container {
    height: auto !important;
}
    img {
    vertical-align: middle;
    width: 100% !important;
    max-width: 100% !important;
}
.slideshow-container-duyhan {
    min-height: 130px;
}
    #cart {
        padding-top: 7%;
    vertical-align: middle;
}
    .show-hide-menu-top {
    display: block;
}
    .Duy-Han-Tieu-De h3 {
    padding: 3% 1%;
    color: #fff;
    text-shadow: 1px 1px 2px #751b1b;
    transform: rotate(0deg);
    }
  .dh-show-hide-thong-so {
    display: block;
    overflow: none;
    height: auto;
    background: #fff;
    border-radius: 8px;
    margin: 0% 0% 3% 0%;
    padding: 2%;
}
	#cart > .btn {
	/*
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	*/
    font-size: 40px;
    line-height: 18px;
    color: #69646b;
    border: none;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
    margin-top: -13px;
    text-align: center;
}
	.white {
    color: #fff;
    font-size: 100% !important;
}

	.pdr {
    padding-right: 2px;
}
	.pdl {
    padding-left: 4px !important;
}
	.zoom140 {
    font-size: 105% !important;
}
	.zindex {
    z-index: 98;
    position: absolute;
    bottom: -19%;
    left: 33%;
    font-size: 100%;
}

	.zalo-special {
	z-index: 99;
    position: absolute;
    margin-top: -2px;
    margin-left: -22px;
    color: #4c9bbb;
    font-size: 8px;
    font-weight: bold;
}

	.chat {
    height: 100%;
    white-space: nowrap !important;
    /* padding-right: 0.6%; */
    display: flex;
    padding-top: 9.5px;
}

	.fa, .fab {
    font-size: 100% !important;
}
	.language-size {
    opacity: 1;
    width: 25px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    position: relative;
    z-index: 1000;
}
	.zoom140 {
    font-size: 110%;
}
	.Padding-FloatLeft {
    /* padding: 5% 0% !important;  */
    padding: 9% 10% !important;
    float: left;
}
	.Padding-FloatRight {
    padding: 9.5px 2px !important;
    float: right;
}
	#top .btn-link, #top-links li, #top-links a {
    padding: 4% 0.5% !important;
     color: #fff;
    /* text-shadow: 0 1px 0 #FFF; */
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 12px;
}
.icon-lar {
    font-size: 105% !important;
}
    span.text-phuongphap {
    font-size: 55%;
    display: none;
}
.Hinh-thuc-thanh-toan,.Thanh-Toan-Quoc-Te,.Bay-nhanh {
    padding-top: 20px;
}
}

#cart {
    margin-bottom: 10px;
    width: 38%;
    padding-top: 6%;
    border-radius: 100%;
    background: #edf7ff00;
    margin-top: 11%;
    border: 1px dashed #34383e00;
}
.dropdown-menu.pull-right {
    right: auto;
    left: -10px;
}
#logo > h1 {
    margin: 0%;
}

.dropdown-menu-right {
    right: auto;
    left: 0;
}

/*
.dropdown-menu {

    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgb(108, 162, 193);
    border: 3px solid #4199bb;
    */
    /* background-color: #4c9bbb; */
    /* background-color: #3a6e84; */
    /* border-radius: 4px; */
    /* border-radius: 10px; */

    /*
    position: absolute;
    top: 75%;
    width: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgb(108, 162, 193);
    border: 3px solid #4199bb;

   	background-color: #4c9bbb;

    background-color: #3a6e84;
    border-radius: 4px; 
    border-radius: 10px;

    position: absolute;
    top: 100%;
    width: 100%;
    right: 0;
    left: auto;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 15px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgb(108, 162, 193);
    border: 3px solid #4199bb;
    background-color: #4c9bbb;
    background-color: #3a6e84;
    border-radius: 4px;
    border-radius: 10px;
}
*/

.dropdown-menu {
    /* background-color: #4c9bbb; */
    /* background-color: #3a6e84; */
    /* border-radius: 4px; */
    /* border-radius: 10px; */
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    padding: 5px 10px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid rgb(108, 162, 193); */
    border: 2px solid #175fbd;
    /* background-color: #4c9bbb; */
    background-color: #3476cc;
    /* border-radius: 4px; */
    border-radius: 10px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.dh-cart {
    top: 82%;
}
.panel {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.dropdown-menu.lang-menu {
    top: 85%;
    right: 0;
    left: auto;
}
.container {
    width: 85% !important;
}
	.Padding-FloatLeft {
    padding: 0% 1%;
    float: left;
    white-space: nowrap;
}

	.Padding-FloatRight {
    padding: 7.5px 0px;
    float: right;
}
/* 
	.pdr {
   	padding-right: 15px;
}
*/
	.pdl {
   	padding-left: 12px;
}
	.pdl7 {
		padding-left: 3.2%;
}

	.chat {
	    height: 100%;
	    white-space: nowrap !important;
	    /* padding-right: 0.6%; */
	    display: flex;
	    padding-top: 5.5px;
}

.fixwidth70px {
    width: 70px !important;
}

.currency-lamlai {
    white-space: nowrap;
    padding-bottom: 5px !important;
    text-shadow: #610303 0px 0px 2px;
}
.email {
    display: block;
    vertical-align: middle;
    padding-left: 0.8%%;
}

.contact {
    font-size: small;
    color: white;
    width: auto;
    vertical-align: middle;
}

.welcome {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 90%;
}

.iconvua {
    font-size: 135%;
}

.iconvua80 {
    font-size: 80%;
}

/*
.white {
    color: #fff;
    font-size: 102% !important;

}
*/

#animationtop {
	color: #fff;
    -webkit-animation: animationtop 0.8s infinite;
    animation: animationtop 0.8s infinite;
    animation-timing-function: ease-in;
    margin-right: -5%;
}

@-webkit-keyframes animationtop {
  from {color:#fff;}
  to {color:#23527c;}
}

/* Standard syntax */
@keyframes animationtop {
  from {color:#fff;}
  to {color:#23527c;}
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size 
.fa {
	font-size: 110%;
}
Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #1a4a80;
    /* color: #e4ff00; */
    text-decoration: none;
}
a:active {
    color: #2eb772;
    /* color: #e4ff00; */
    text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none !important;
}
.btn-default:hover {
    color: #333;
    /* background-color: #3e7bcb !important; */
    border-color: #ffffff !important;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 100%;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
    border-bottom: none;
    background: #fefefe;
    border-radius: 8px 8px 0px 0px;
	margin-bottom: 0px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
    color: #ffffff;
    /* background-color: #4c9bbb; */
    /* background-image: linear-gradient(to bottom, #24f3f3, #1dd3e6); */
    /* background-image: linear-gradient(to bottom, #ffffff, #d3e4e4); */
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-radius: 5px 0px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -khtml-transition: all 0.5s ease-out;
}

/* top */
#top {
    background-color: #00548a;
    border-bottom: #f2f8ff 1px solid;
    padding: 2px 0px 3px 0;
    margin: 0px 0 0px 0;
    min-height: 40px;
}

.container-top {
    width: 100%;
    padding: 0.2% 2%;
    display: inline-block;
    max-height: 30px;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.padding0 {
    padding-left: 0% !important;
}

.zindex {
    z-index: 98;
    position: absolute;
    bottom: -10%;
    left: 43%;
    font-size: 100%;
}

.language-size {
   /*
    margin-top: 7%;
    width: 150%;
    height: 150%;

	margin-top: -8px !important;
    width: 70%;
    height: 100%;
    opacity: 0.8;
        */
    opacity: 1;
    width: 28px;
    margin-top: 0px;
    margin-left: 3px;
    position: relative;
    z-index: 1000;
}

.mgb0 {
	margin-bottom: 0px !important;
}

#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#top .btn-link:hover, #top-links a:hover {
	color: #feffa2;
}
#top-links .dropdown-menu a {
	text-shadow: #610303 0px 0px 2px;
}
#top-links .dropdown-menu a:hover, .dropdown-menu a:hover{
	color: #fff;
    text-shadow: #610303 0px 0px 1px;
    /* padding-left: 10px; */   
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -khtml-transition: all 0.5s ease-out;
}
#top .btn-link strong {
    font-size: 102%;
    line-height: 14px;
}
/*
#top-links {
<!--
	padding-top: 0px;
	margin-bottom: 0px;
    width: 28%;
-->
    width: auto;
    padding: 0.5% 0%;
    white-space: nowrap;
}
*/
#top-links a + a {
	margin-left: 15px;
}
/* logo */  
#logo {
    margin: 0 0 10px 0;
    padding-top: 3%;
    padding-left: 25%;
}
/* search */
#search {
	margin: 0 0 10px 0;
    padding-top: 2%;
    display: inline-block;
    width: 100%;
}
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 4px 18px;
    padding-right: 100px;
    border-radius: 20px 20px;
    border: #f7f7f7 4px double;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 9px 35px;
    text-shadow: 0 1px 0 #8b8484;
    border-radius: 0px 20px 20px 0px;
    position: absolute;
    right: 5%;
    display: block;
}
/* cart */
#cart > .btn {
    font-size: 65px;
    line-height: 18px;
    border: none;
    background: transparent;
    text-shadow: 0px 0px 0px #141414;
    box-shadow: none;
    margin-top: -13px;
    text-align: center;
    color: #7e7c89;
}

#cart.open > .btn {
	background-image: none;
    background-color: #fff0;
    border: none;
    color: #bb873a;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -khtml-transition: all 0.5s ease-out;
}

#cart.open > .btn:hover {
	color: #bfc59b;
}

.dh-size {
    font-size: 130% !important;
}

#cart .dropdown-menu {
    z-index: 1001;
    border: 2px solid #175fbd;
    background-color: #3476ccd1;
    color: #fff;
    margin-top: 9%;
    position: absolute;
}

@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	/* min-width: 427px; */
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
    background-color: #4b99bc00;
    background-image: linear-gradient(to bottom, #23a1d100, #1f90bb00);
    background-repeat: repeat-x;
    border-color: #1f90bb00 #1f90bb00 #145e7a00;
    min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #ffffff;
	font-size: 100%;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
    background: rgb(75, 152, 198);
}
#menu .see-all {
	display: block;
	border-top: 1px dashed #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 100%;
    color: #ccc;
}

/*
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
*/

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

.navbar {
    position: relative;
    min-height: 50px;
    border: 1px solid transparent;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
	display: inline-table;
    position: absolute;
	}

}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

.menu-vertical {
    width: 100%;
    background: #0082d6;
   /* background-image: linear-gradient(178.3600780007414deg, rgba(75, 153, 187,1) -0.7562747688242979%,rgb(16, 65, 80) 63.84081902245707%); */
    /* 
    border-top: #bdce2f 1px solid;
    border-bottom: #bdce2f 2px solid;
    background-image: linear-gradient(178.3600780007414deg, rgb(110, 162, 177) -5.756275%,rgb(110, 162, 177) 45.840819%,rgb(67, 88, 95) 115.840819%);*/
    background-image: linear-gradient(178.3600780007414deg, rgba(0, 0, 0, 0) -5.756275%,rgba(0, 220, 255, 0) 45.840819%,rgba(0, 0, 0, 0.22) 115.840819%);
    border-top: #f2f8ff 1px solid;
    border-bottom: #f2f8ff 1px solid;
    box-shadow: 1px 1px 1px #d4d4d4;
}

.tab-content > .active {
    background-color: #fff;
    padding: 5%;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 3%;
    text-align: justify !important;
}


/* content */
#content {
	/* min-height: 600px; */
}
/* footer */
footer {
    margin-top: 0%;
    padding-top: 1%;
    background-color: #29558a;
    border-top: 1px solid #3c78c6;
    color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #3e7ccc;
    border: none;
    border-bottom-color: transparent;
    font-weight: bolder;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
}

/* breadcrumb */
.breadcrumb {
    margin: 0.3% 0% 0.3% 0%;
    padding: 8px 0;
    border: 1px solid #fff;
    background: #fff;
    margin-left: 1%;
    margin-right: 1%;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	/* white-space: nowrap; */
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: 1px;
    width: 15px;
    height: 26px;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.duyhan-yeuthich-sosanh {
    width: 10%;
    float: right;
}

.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 7%;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.dh-button {
    color: #848484;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fefefe;
    background-repeat: repeat-x;
    border: 1px dashed #dedede;
    border-radius: 8px;    
}
.btn-default {
    color: #fff;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    background-color: #29558a;
    background-image: linear-gradient(to bottom, #5c6064 5%, #565d66 54%, #48505a 90%);
    background-repeat: repeat-x;
    border: 2px double #fff;
}
/* 
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
*/

.btn-primary {
  color: #848484;
  background-color: #fff;
  border: 1px dotted #dadada;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-radius: 8px 8px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	/* background-color: #1f90bb; */
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px dashed #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px dashed #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	margin-bottom: 20px;
	overflow: auto;
    margin-bottom: 20px;
    overflow: auto;
    border-radius: 8px 8px;
    background: #fff;
    /* border: 1px solid #bcd1da; */
}


.product-thumb .image {
	text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
    height: 50px;
    overflow: hidden;
}
.product-thumb .caption {
	/* padding: 0 20px; */
    padding: 0% 5% 4% 5%;
    min-height: 150px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #ff0000;
    font-weight: bold;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #e07e01;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
    /* border-top: 1px dashed #bcd1da; */
    overflow: auto;
}
.product-list .product-thumb .button-group {
	/* border-left: 1px solid #ddd; */
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
    width: 50%;
    border: 1px solid #ffffff;
    display: block;
    box-shadow: 1px 1px #ccc;
    float: left;
    background: linear-gradient(69deg, rgb(211 211 211 / 26%) -5.756275%,rgb(233 230 230 / 65%) 45.840819%,rgb(229 233 232) 115.840819%);
    color: #64635b;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px 20px;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
}

.dh-nutmuahang, .dh-nutnhan {
    width: 100%;
    border: 1px dashed #ad941e;
    display: block;
    background: linear-gradient(178.3600780007414deg, rgba(36, 150, 183, 0) -5.756275%,rgba(61, 125, 155, 0) 45.840819%,rgba(33, 66, 78, 0) 115.840819%);
    color: #b78b27;
    line-height: 38px;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 8px 8px;
}

/*
.dh-nutmuahang, .dh-nutnhan {
width: 100%;
    border: 1px dotted #dadada;
    display: block;
    background: linear-gradient(178.3600780007414deg, rgba(36, 150, 183, 0) -5.756275%,rgba(61, 125, 155, 0) 45.840819%,rgba(33, 66, 78, 0) 115.840819%);
    color: #848484;
    line-height: 38px;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 8px 8px;
}
*/
.dh-nutmuahang:hover, .dh-nutnhan:hover {
    color: #de2020;
    border: 1px #de1a1a dashed;
}

a.addthis_counter.addthis_pill_style {
    float: left;
}
.addthis_toolbox.addthis_default_style {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.text-design {
    color: #3c7d97;
    font-size: 80%;
    border: 1px #ccc solid;
    font-weight: bold;
    background: #f3f3f3;
    border-radius: 8px;
}
.dh-nutmuahang:hover {
    color: #de2020;
    border: 1px #de1a1a dashed;
    transition: 0.5s ease;
}
.product-thumb .button-group button + button {
	width: 20%;
	/* border-left: 1px solid #ddd; */
}
.product-thumb .button-group button:hover {
    color: #de2020;
    border: 1px #de1a1a dashed;
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s ease;
    background: linear-gradient(178.3600780007414deg, rgba(33, 66, 78, 0) -5.756275%,rgba(61, 125, 155, 0) 45.840819%,rgba(36, 150, 183, 0) 115.840819%);
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 30.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 30.33%;
	}
}
.thumbnail {
    border: 1px solid #eeeeee;
}

.row {
    margin-right: auto;
    margin-left: auto;
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 0px;
}
.thumbnails {
	margin-left: 0px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #eeeeee;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
    
.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    width: 112px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}


}

@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}

.container {
    width: 94% !important;
}


}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background: linear-gradient(to bottom, #f5b604, #bda52f);
    border-color: #dedede;
    border: 1px dashed #dedede;
}