
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i&subset=latin-ext,vietnamese');
@font-face {
    font-family: UTMAvo;
    src: url(/font/UTMAvoBold.ttf) format("truetype");
    src: url(/font/UTMAvoBold_Italic.ttf) format("truetype");
    src: url(/font/UTMAvoItalic.ttf) format("truetype");
    src: url(/font/UTMAvo.ttf) format("truetype");
}
html, body {font-family: 'UTMAvo';font-size:16px;text-decoration:none; text-transform:none;}
/*General*/
a {color:#000;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
p {margin: 0;margin-bottom:10px;}
label {margin: 0;padding: 0;font-weight:normal;}
ul {margin:0;padding:5px;}
li {list-style: none;padding-left:10px;}
a {text-decoration:none;}
a:hover {text-decoration:none;color:#000;}
a:active {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a::selection {text-decoration:none;}
a:invalid {text-decoration:none;}

#captcha {text-align:center;width:100%;}
form {display: table;width:100%;}
textarea {border-color: rgb(230, 230, 230);padding-left: 10px;border: 1px;}
input {padding-left:10px;border: 1px solid rgb(230, 230, 230);}
.seemore {background-color:#f5bce1;padding:7px 20px;width: 130px;}
    .seemore a {color:#fff;font-weight:300;}
.seperate {width: 100%;display: inline-block;height: 1px;}
.seperateborder {width: 100%;display: inline-block;height: 1px;border-bottom: 1px dashed #e5e5e5;margin-top: 5px;margin-bottom: 5px;}
.price_d {float: left;}
    .price_d span:last-child {font-weight: normal;margin-top: 0;float: right;margin-left: 0px;text-decoration:none;font-size:10px;}
.price_promotion_d {float: left;margin-top: 0px;color: #b3b3b3;text-decoration: line-through;}
    .price_promotion_d span:first-child {margin-left:20px;}
    .price_promotion_d span:last-child {font-weight: normal;margin-top: 0;float: right;margin-left: 0px;text-decoration:none;font-size:10px;}
/*Paging*/
.paging {float: right;display: table;margin-right:20px;}
    .paging a {width:auto;float: left;padding:0 5px;}
    .paging > span:first-child {float:left;font-size:16px;margin-right:10px;}
.pselected {float: left; display: block;margin-left:10px;}
.ipage-rr {display: block;float: left;height: 30px;width: 30px;line-height: 30px; margin-top: -3px;padding-left: 11px; padding-right: 8px; background: url('/images/Paging.png') no-repeat center;color: #fff;    background-size: 100%;}
.ipage-r {display: block;float: left;height: 23px;line-height: 23px;padding-left:8px;padding-right: 8px;}
.back {float:left;padding: 0px 5px;margin-top: 2px;}
.next {float:left;padding: 0px 5px;margin-top: 2px;}
.pagelast{float:left;margin-top: 2px;}
.pagefirst{float:left;margin-top: 2px;}


/*Header*/
.logo {padding-top:20px;padding-bottom:20px;float:left;margin-left:10px;}
.menu {float:right;margin-bottom: 0;border-radius:0;background-color:transparent;border: 0;min-height:inherit;width: auto;margin-top:55px;}
    .menu .navbar-nav {padding:0;}
.navbar-collapse {}
    .menu .navbar-collapse {border:0;padding-left:0;float:left;padding-right:0;overflow: hidden;}
    .navbar-nav > li {padding-left:0;}
    .menu .navbar-nav > li > a {color:#000;font-size:16px;padding: 10px 10px;}
    .menu .navbar-nav > li.active > a {background-color:#f3f2f0;}
    .menu .navbar-nav > li.active:hover > a {background-color:transparent;}
    .menu .navbar-nav > li > a:focus, .menu .navbar-nav > li > a:hover {color:#000;background-color:#f3f2f0;}
    
.navbar-toggle {border: 1px solid #000;border-radius:0;}
    .navbar-toggle .icon-bar {background-color: #fff;margin-bottom:12px;width:100%;height:4px;}
        .navbar-toggle .icon-bar:last-child {margin-bottom:0;}
.header-right {float:left;padding:0;position:relative;}
.header-right li {float:left;padding-left:0;}
.header-right li a {padding: 10px;float:left;}
    .header-right li:last-child a {padding-right:0;}
    .header-right #account_view_menu {margin-top:2px;}
    .header-right #account_view_menu > div {position:absolute;right:0;width: 400px;bottom: 55px;text-align:right;}
        .header-right #account_view_menu > div a {float:none;text-align: right;font-size: 14px;padding: 10px 5px;}
        .header-right #account_view_menu > div a.nameaccount {background-color:#e5e5e5;border-radius:50%;color: #795013;display: table;padding: 0px 7px;margin-top: 13px;margin-right: 10px;font-size: 13px;display:none;font-weight:bold;}
            .header-right #account_view_menu > div a:last-child {padding-right:0;text-transform:lowercase;} 
#fsm input {padding: 5px;padding-left:10px;border:1px solid #e5e5e5;}
#header-search {display:none;position: absolute;right: 5px;top: 60px;z-index: 999999;}
.search-btn {position:absolute;right:5px;top:7px;}
    .search-btn a {width:20px;height:20px;background-image:url('/images/icosearch.png');background-position:center;background-repeat:no-repeat;background-size:cover;float:left;}


/*Language*/

/*Slider-Banner*/
.des-bannerhome {left:90px!important;top:100px!important;font-size:16px!important;color:#fff;max-width:320px;}
.slider-wrapper > #layerslider_footer {margin-top:20px;margin-bottom:20px;}
    .slider-wrapper > .ls-container > .title-page {position:absolute;z-index:9;top:50%;left:50%;color:#fff;text-transform:uppercase;transform:translate(-50%,-50%);font-weight:300;font-size: 25px;white-space:nowrap;}
        .slider-wrapper > .ls-container > .title-page a {color:#fff;}
#layersliderhome_mobile {display:none;}
/*Login*/
.login {}
    .login .col-md-4 label {width:100%;float:left;display:inline-block;margin-top:11px;margin-bottom:11px;padding-top:10px;font-weight: normal;text-transform:lowercase;}
.login_button {float: left;display: inline-block;text-transform: lowercase;color: #fff;text-align: center;padding: 10px 10px;background-color: #795013;font-size:16px;}
    .login_button:hover {color:#fff;}
.dk_button {float:left;display:inline-block;padding: 11px 50px;color:#000;}
.login_button_list div a {width:50%;float:left;}
#fmlogin {margin-bottom:20px;}
.button-form-login-reg > .col-md-4 > span {margin:11px 0;display:inline-block;float:left;width:100%;text-transform:lowercase;}
.button-form-login-reg {margin-bottom: 10px;display: inline-block;width: 100%;float: left;}
.login_view {margin:auto;display:table;float:none;}

/*Title*/

/*HOmeContent*/
.col-product {width:calc((100% / 3) - 25px);margin-right:25px;float:left;}
#view_product_home .col-product:last-child {margin-right:0;}
.col-product h2 {margin-bottom:25px;margin-top:25px;line-height: normal;font-size: 18px;}
    .col-product h2 a {text-decoration:none;}
.col-product .product-item {margin-bottom:25px;position:relative;}
    .col-product .product-item .img-product {width:100%;}
.info-product {position:absolute;top:0;display:none;color:#fff;padding:15px;}
    .info-product a {width:100%;float:left;margin-bottom:5px;color:#fff;font-size:24px;font-weight:bold;}
.col-product .product-item:hover .info-product {display:block;width:100%; height:100%;background-image:url('/images/bg-info-product.png');background-repeat:no-repeat;background-position:center;}
.info-product .price_d {float:left;}
.info-product .price_d span:first-child {float:left;}
.info-product .price_d span:last-child {font-size: 8px;float: right;margin-left: 3px;margin-top: 0px;}
.info-product .des-product {position:absolute;bottom:0;width:100%;overflow: hidden;height: 90px;padding-right: 15px;font-size:15px;}
.onlick-href {height:50px;width:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
/*Article Group*/
.account_view_page {}
    .account_view_page .col-md-3 {padding:0;padding-right:20px;border-right: 1px solid #e5e5e5;padding-left:10px;}
    .account_view_page .col-md-9 {padding:0;padding-left:20px;}
        .account_view_page .col-md-3 p:before {background-color: #795013;border-radius: 50%;content: "";display: inline-block;margin-right: 10px;margin-bottom: 0px;height: 10px;width: 10px;}
    .account_view_page .col-md-3 p {margin-bottom:20px;}
        .account_view_page .col-md-3 p a {text-transform:lowercase;font-weight:300;}
.title-account {color: #000;text-transform:lowercase;text-align: left;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 5px;margin-top: 0;font-size: 25px;padding-left: 15px;padding-right: 15px;font-weight:300;float: left;}
.edit_account {margin:auto;display:table;float:left;padding:0;}
.table-responsive {width:100%;float:left;}
.article-item {display: inline-block;float: left;width: 100%;margin-bottom: 15px;}
.article-group {padding-left: 0;padding-right: 0;}
.article-item .bg-article-item {display: inline-block;float: left;width: 100%;}
.article-item .bg-article-item > div {background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:50%;}
.article-item .info-article-item {display: inline-block;float: left;width: 100%;padding:10px 0;}
.article-item .info-article-item > h4 {margin-bottom: 15px;font-size: 20px;font-weight: bold;}
.article-item .info-article-item > .des-article-item {font-size: 15px;}
/*Article*/
.content-page {margin-top:20px;}
    .content-page .title-page-article {margin:0;margin-bottom:20px;display: inline-block;width: 100%;float: left;}
    .content-page .title-page-article h1 {float:left;font-weight:300;font-size:24px;}
    .content-page .title-page-article .fb_iframe_widget {float: right;margin-top: 10px;}
.fotorama {margin-top:5px;margin-bottom:20px;}
.content-article {padding-left:0;padding-right:20px;}
.div-article-other {padding-left:20px;padding-right:0;}
.article-other > p:first-child {font-weight:normal;border-bottom: 1px solid #e5e5e5;margin-bottom:20px;}
.news-item {display:inline-block;float:left;width:100%;margin-bottom:10px;border-bottom: 1px solid #e5e5e5;padding-bottom:0px;}
    .news-item p:before {background-color: #795013;border-radius: 50%;content: "";display: inline-block;margin-right: 10px;margin-bottom: 0px;height: 10px;width: 10px;}
        .news-item p span.time-news {color:#795013;margin-right:10px;font-size: 14px;}
        .news-item p a {color:#000;font-weight:normal;}
.des-news {color: #3d3d3d;}
.contact .col-md-4 label {width: 100%;float: left;display: inline-block;margin-top: 11px;margin-bottom: 11px;padding-top: 10px;font-weight: normal;text-transform: lowercase;}
.fmcontact-form input, .fmcontact-form textarea {float: none;margin: 10px auto;border: 1px solid #e5e5e5;padding:10px;width: 100%;display: table;}
.fmcontact-form input::-webkit-input-placeholder, .fmcontact-form textarea::-webkit-input-placeholder {text-transform:lowercase;}
.fmcontact-form input::-moz-placeholder, .fmcontact-form textarea::-moz-placeholder {text-transform:lowercase;}
.fmcontact-form input:-ms-input-placeholder, .fmcontact-form textarea:-ms-input-placeholder {text-transform:lowercase;}
.fmcontact-form input:-moz-placeholder, .fmcontact-form textarea:-moz-placeholder {text-transform:lowercase;}

/*ProductGroup*/
.product-paging {padding:25px 0px;display: inline-block;width: 100%;}
.product-paging h1, .product-paging h2, .product-paging h1 a , .product-paging h2 a {font-size:20px;float:left;}
#list_product .col-product:last-child {margin-right:0;}
#view_product_search .col-product:last-child {margin-right:0;}
/*Product*/
.fb_iframe_widget {float:right;}
.photo-product {width:50%;float:left;}
.fotorama__nav {text-align:left !important;}
.product-info {width:50%;float:left;padding-left:25px;}
    .product-info > h1 {margin-bottom:25px;}
    .product-info > h1, .product-info > h1 a {font-size:24px;}
    .product-info p {margin-bottom:20px;display: inline-block;width:100%;}
 .product-info .product-des {margin-bottom:20px;}
     .product-info .product-des p:last-child {margin-bottom:0px;}
.info-material > span:first-child, .info-size > span:first-child, .info-color > span:first-child, .info-number > span:first-child {width:20%;float:left;margin-right:5%;}
.info-material > span:last-child, .info-size > span:last-child, .info-color > span:last-child {float:left;width:75%}
.info-number {margin-bottom:20px;display:inline-block;width:100%;}
    .info-number span {line-height:25px;}
.quantity {position: relative;float: left;width:50px;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
input[type=number]{-moz-appearance: textfield;}
.quantity input {width: 100%;height:auto;line-height: 25px;float: left;display: block;padding: 0;margin: 0;padding-left: 10px;border: 1px solid #795013;}
.quantity input:focus {outline: 0;}
.quantity-nav {float: left;position: relative;height: 25px;}
.quantity-button {position: relative;cursor: pointer;border-left: 0px solid #795013;width: 20px;text-align: center;color: #333;line-height: 13px;font-size: 13px;font-family: "Trebuchet MS", Helvetica, sans-serif !important;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.quantity-button.quantity-up {position: absolute;height: 50%;top: 1px;border-bottom: 0px solid #795013;background-image:url('/images/input_number_up_down.png');background-repeat:no-repeat;background-position: center;background-position-y: 3px;}
.quantity-button.quantity-down {position: absolute;bottom: -1px;height: 50%;background-image:url('/images/input_number_up_down.png');background-repeat:no-repeat;background-position: center;background-position-y: -8px;}

.product-info .price_d {float:left;font-size:24px;text-transform:lowercase;}
.product-info .price_d span:first-child {float:left;font-size:24px;}
.product-info .price_d span:last-child {font-size: 12px;float: right;margin-left: 3px;margin-top: 0px;}
.product-info .price_promotion_d {float:left;font-size:20px;text-transform:lowercase;margin-top:5px;}
.product-info .price_promotion_d span:first-child {float:left;font-size:20px;text-transform:lowercase;text-decoration: line-through;margin-left: 20px;}
.product-info .price_promotion_d span:last-child {font-size: 12px;float: right;margin-left: 3px;margin-top: 0px;}
.order-button {background-color:#795013;color:#fff;padding:10px 75px;font-size:24px;text-transform:lowercase;}
    .order-button:hover {color:#fff}
.like-button-product {margin-top:10px;}
.likebutton {float:left;margin-right: 20px;}
.info-product .likebutton {width:100%;}
.info-product .likebutton a {width:auto;}
#list_product_order .col-product:last-child {margin-right:0;}
.fotorama__stage {border:1px solid #f3f2f0;}
/*Cart*/
.cart-section {margin-top:20px;}
    .cart-section .container > .col-md-12 {padding-left:0;padding-right:0;}
    .cart-section .container > .col-md-12 > .col-md-12 {padding-left:0;padding-right:0;}
.detail_cart {padding-bottom:10px;margin-bottom:10px;}
    .cart_view .detail_cart:first-child {padding-left:0;padding-right:10px;}
    .cart_view .detail_cart:last-child {padding-left:10px;padding-right:0px;}
.order-form {width:100%;float:left;display:inline-block;}
    .order-form > .col-md-12:first-child > div {float:left;}
.bar-top {display: block;overflow: hidden;width: 100%;margin: auto;margin-top:10px;margin-bottom:25px;}
    .bar-top .fb_iframe_widget {float:right;}
.title_cart_you {border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:20px;float:left;text-transform:lowercase;font-weight:300;font-size:24px;}
.buymore {float: left;overflow: hidden;position: relative;line-height: normal;font-size: 14px;color: #434142;padding: 0px 0 0 15px;}
    .buymore:hover {color: #434142;}
.buymore {border-bottom: 0px solid #e5e5e5;padding-bottom: 5px;text-transform:lowercase;}
.cart-you {text-transform:lowercase;}
.cart-you .row {margin-right:0;margin-left:0;}
.yourcart {display: block;overflow: hidden;text-align: right;color: #333;line-height: normal;padding-top: 0px;}
.buymore:before, .buymore:after {content: '';width: 0;height: 0;border-right: 7px solid #434142;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;left: 0;top: 3px;}
.choosepayment {display:inline;margin-top:20px;float: left;width: 100%;}
.deleted-cart-item {color:#999;font-size:13px;text-transform:lowercase;}
.justadded {width:100%;display:inline-block;margin-bottom:20px;border-bottom: 1px solid #e5e5e5;padding-bottom:20px;position:relative;}
.colinfo {display: block;overflow: visible;padding-left: 100px;}
    .colinfo > span:first-child {position:absolute;right:10px;top:8px;z-index:9;color:#795013;font-weight: normal;font-size: 16px;}
        .colinfo > span:last-child {font-weight:normal;}
    .colinfo > p {width:100%;float:left;padding-right: 100px;}
    .table-responsive .colinfo > p {padding-right: 0px;}
    .colinfo > p > a {color:#000;font-weight:normal;float: left;font-size:16px;}
        .colinfo > p > a > span {margin-left:0px;font-weight:300;font-size:18px;}
    .colinfo > a:hover {color:#000;font-weight:normal;}
.colinfo .price_d {float: left;}
    .colinfo .price_d span:last-child {font-weight: normal;margin-top: 0;float: right;margin-left: 0px;text-decoration:none;font-size:10px;}
.colinfo .price_promotion_d {float: left;margin-top: 3px;}
    .colinfo .price_promotion_d span:last-child {font-weight: normal;margin-top: 0;float: right;margin-left: 0px;text-decoration:none;font-size:10px;}
.colimg {float: left;overflow: hidden;width: 100px;text-align: center;padding-left: 10px;padding-right: 10px;}
.browseImage-cart {text-align:center;height:50px; width:100%;margin-bottom: 10px; overflow:hidden; padding-top:150%; background-color:rgba(255, 255, 255, 0.50);background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;}
.nopadding {padding: 0 !important;margin: 0 !important;}
.total {width:100%;float:left;margin-bottom:20px;border-bottom:1px solid #d8d8d8;padding-bottom:20px;padding-left: 10px;padding-right: 10px;}
    .total b {float:left;text-transform:lowercase;}
    .total strong {float:right;font-size: 16px;color: #795013;font-weight:normal;}
        .total strong u {font-weight: normal;margin-top: 0;float: right;margin-left: 0px;text-decoration:none;font-size:10px;}
.iradio_minimal-pink ,.icheckbox_minimal-blue {margin-right:10px !important;}
.choosenumber {display:inline-block;width:100%;float:left;}
    .choosenumber input {width:50px;}
.payoffline {
    float: left;
    overflow: hidden;
    width: 260px;
    padding: 9px 0;
    margin: 10px 0 20px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase;
    color: #fff;
    text-align: center;
    background: #ceaedd;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ddae3c),to(#ddae3c));
    background: -webkit-linear-gradient(top,#ddae3c,#ddae3c);
    background: -moz-linear-gradient(top,#ddae3c,#ddae3c);
    background: -ms-linear-gradient(top,#ddae3c,#ddae3c);
    background: -o-linear-gradient(top,#ddae3c,#ddae3c);
}
.payoffline:hover {color:#fff;}
.payoffline span {display: block;font-size: 12px;color: #fff;text-transform: lowercase;font-weight: normal;}
.payonline {float: right;overflow: hidden;margin: 10px 15px 20px 0;position: relative;width: 260px;}
.payonline {
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 9px 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase;
    color: #fff;
    text-align: center;
    background: #ee62cc;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#795013),to(#795013));
    background: -webkit-linear-gradient(top,#795013,#795013);
    background: -moz-linear-gradient(top,#795013,#795013);
    background: -ms-linear-gradient(top,#795013,#795013);
    background: -o-linear-gradient(top,#795013,#795013);
}
.payonline:hover {color:#fff;}
.payonline span {display: block;font-size: 12px;color: #fff;text-transform: lowercase;font-weight: normal;}
.order-form input, .order-form textarea {float: none;margin: 10px auto;border: 1px solid #e5e5e5;padding:10px;width: 100%;display: table;}
.order-form input::-webkit-input-placeholder, .order-form textarea::-webkit-input-placeholder {text-transform:lowercase;}
.order-form input::-moz-placeholder, .order-form textarea::-moz-placeholder {text-transform:lowercase;}
.order-form input:-ms-input-placeholder, .order-form textarea:-ms-input-placeholder {text-transform:lowercase;}
.order-form input:-moz-placeholder, .order-form textarea:-moz-placeholder {text-transform:lowercase;}

.colinfo table {width:100%;float:left;margin-top:10px;text-transform:lowercase;}
     .colinfo table tr {padding-bottom:10px;display:inline-block;width:100%;}
     .colinfo table tr td:first-child {color:#7d7d7d;font-weight:300;width:35%;padding-right:10px;display: inline-block;float: left;}
     .colinfo table tr td:last-child {width:65%;padding-left:10px;display: inline-block;float: left;}
.total .col-md-12 {margin-bottom:30px;}
.total .col-md-12 > div {padding:0;}
    .total .col-md-12 > div label {font-weight:normal;line-height: 24px;text-transform:lowercase;}
.total .col-md-12 > div input {width:100%;display:inline-block;}
#view_status_checkdiscountcode {width:100%;float:left;display:inline-block;}
#button_discountcode {padding-left:10px;padding-right:1px;}
    #button_discountcode a {text-align:center;background-color:#ceaedd;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;width:100%;white-space:nowrap;color:#fff;float:left;text-transform:lowercase;}
#PromotionCodeV_view p {width:100%;display:inline-block;float:left;}
.order-form {text-transform:lowercase;}
/*Footer*/
.partner {padding: 60px 0;background-color: #fff;}    
.title-partner {font-size: 20px;color: #000;text-transform: lowercase;font-weight: bold;text-align: center;margin-bottom: 15px;}
.partner-swiper-container {position: relative;display: block;} 
.bg-partner {display: inline-block;width: 100%;background-color: #fff;}
.bg-partner div {background-position: center;background-size: contain;background-repeat: no-repeat;padding-top: 100%;}
footer {margin-top:25px;}
    footer > div {background-color:#494949;color:#fff;padding-top:50px;padding-bottom:50px;}
        footer > div p a {color:#fff;}
        footer > div p a:hover {color:#fff;}
footer .footer-left {width: 70%;float:left;padding-left:75px;}
footer .footer-right {width: 30%;float:left;padding-left:30px;}
.social {height: 47px;margin-bottom:40px;padding-top:15px;}
.social a {margin-right:15px;}
    .social .f {background-image:url('/images/icon-social.png');background-position-x:0;height:32px;width:32px;float:left;}
    .social .t {background-image:url('/images/icon-social.png');background-position-x:-45px;height:32px;width:32px;float:left;}
    .social .g {background-image:url('/images/icon-social.png');background-position-x:-90px;height:32px;width:32px;float:left;}

/*Class ADD*/
.collapse.in {width:100%;}
.container {padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;position:relative;}
.no-padding {padding:0;}
@media (min-width: 768px){
    .container {width: 100%;padding-left:0;padding-right:0;}
}
@media (min-width: 992px) {
    .container {width: 100%;padding-left:0;padding-right:0;}
}
@media (min-width: 1024px) {
    .container {width: 100%;padding-left:0;padding-right:0;}
}
@media (min-width: 1200px){
    .container {width: 1100px;}
}

@media (min-width: 768px) {
  .navbar {border-radius: 4px;}
}
@media (min-width: 768px) {
  .navbar-header {float: right;}
}
/* Danh cho man hinh desktop */
@media all and (max-width: 1280px) {}
/* Danh cho may tinh bang chieu ngang */
@media all and (max-width: 1100px) {
    .col-product {width:33.3333%;margin-right:0px;float:left;padding-right:25px;}
    #view_product_home {padding-left:15px;margin-right: -10px;}
    #view_product_home .col-product:last-child {margin-right:0;}
    #list_product {padding-left:15px;margin-right: -10px;}
    #list_product .col-product:last-child {margin-right:0;}
    .col-product h2 {margin-bottom:25px;margin-top:25px;line-height: normal;font-size: 18px;}
        .col-product h2 a {text-decoration:none;}
    .col-product .product-item {margin-bottom:25px;}
        .col-product .product-item .img-product {width:100%;}
    .product-paging {padding-left:15px;padding-right:15px;}
    .cart-section .container > .col-md-12 {padding-left:15px;padding-right:15px;}
    #list_product_order {padding-left:15px;padding-right:15px;}
    .content-page .title-page-article {padding-left:15px;padding-right:15px;}
    .content-article {padding-left:15px;}
    .div-article-other {padding-right:15px;}
    footer .footer-left {padding-left:15px;}
    footer .footer-right {padding-right:15px;}
    .product-info {padding-left:15px;padding-right:15px;}
}
@media (max-width: 990px) {
    header {min-height:60px;}
    .logo {position:absolute;left:15px;z-index: 9999;padding-top: 10px;padding-bottom: 10px;}
        .logo img {height:40px;}
    .menu {width:100%;margin-top: 10px;}
        .menu .navbar-nav > li {padding-left:15px;}
    .navbar-toggle {display: block;float:right;margin: 0;height: 44px;width: 44px;border: 0;background-color: transparent;}
    .navbar-toggle .icon-bar {background-color: #795013;margin-bottom:5px;width:100%;}
    .menu .nav > li.productlike-button-menu,.menu .nav > li.order-button-menu,.menu .nav > li.search-button-menu {position:absolute;top:0;z-index:9999;}
    .menu .nav > li.productlike-button-menu {right:145px;}
    .menu .nav > li.order-button-menu {right: 90px;}
    .menu .nav > li.search-button-menu {right:35px;}
    .header-right {position:absolute;top:0;right:60px;}
        .header-right #account_view_menu > div {position:inherit;width:auto}
            .header-right #account_view_menu > div a {float:left;}
                .header-right #account_view_menu > div a:last-child {padding-right:15px;}
    #button_discountcode {padding-left:0;margin-top: 15px;display:inline-block;}
        #button_discountcode a {padding:10px 25px;}
    .content-article {padding-left:15px;padding-right:15px;}
    .div-article-other {padding-right:15px;padding-left:15px;float:left;width: 100%;margin-top: 25px;}
    footer .footer-left {padding-left:15px;}
    footer .footer-right {padding-right:15px;}
    .title-account {width:100%;}
    .account_view_page .col-md-9 {padding-left:15px;}
        .account_view_page .col-md-9 > .col-md-12 {padding:0!important;}
            .account_view_page .col-md-9 > .col-md-12 > div {float:left;}
            .account_view_page .col-md-9 > .col-md-12 > div:first-child {width:150px;padding-left:0;}
             .account_view_page .col-md-9 > .col-md-12 > div:last-child {float:none;padding-left:160px;}
    .edit_account {width:100%;}
    .login_view {display:block;}
    .article-group {padding-left: 15px;padding-right: 15px;}
}
@media all and (max-width: 800px) {
}
@media all and (max-width: 665px) {
    footer .footer-left {width: 100%;padding-left:15px;padding-right:15px;}
    footer .footer-right {display:none;}
     .col-product {width:100%;margin-right:0px;float:left;padding-right:0px;}
    #view_product_home {padding-left:15px;margin-right: 0px;padding-right:15px;}
    #list_product {padding-left:15px;margin-right: 0px;padding-right:15px;}
    .photo-product {width:100%;float:left;}
    .product-info {width:100%;float:left;}
    .payoffline, .payonline {width:100%;margin-left: 0;margin-right: 0;}
    .des-bannerhome {left:15px!important;top:100px!important;font-size:16px!important;color:#fff;max-width:320px;}
    #layersliderhome_mobile {display:block;}
    #layersliderhome {display:none;}
}
/* Danh cho may tinh bang chieu doc */
@media all and (max-width: 600px) {
    .header-right {right:50px;}
    .header-right li a {padding:10px 10px;}
    .header-right #account_view_menu > div a:last-child {display:none;}
    .product-info .price_promotion_d span:first-child {font-size:18px;}
    .product-info .price_promotion_d {margin-top:8px;}
}
/* Danh cho dien thoai */
@media all and (max-width: 500px) {
    .header-right #account_view_menu > div {opacity:1;}
    .search-button-menu {display:none;}
    .login_button_list div a {width:100%;text-align: center;}
    .header-right #account_view_menu > div a.nameaccount {display:table;}
    .header-right #account_view_menu > div a.nameaccount-full {display:none;}
    .info-product a {font-size:20px;}
    .info-product .des-product {display:none;}
}
@media all and (max-width: 420px) {
}
@media all and (max-width: 320px) {
     .info-product a {font-size:18px;}
}