body{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}
.body-trangcon-content h1, .body-trangcon-content h2, .body-trangcon-content h3, .body-trangcon-content span, .body-trangcon-content p, .body-trangcon-content a {
    line-height: 1.9em;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
   object-fit: cover;
}
/*header*/
.header-top{
    background: #424343;
    padding: 10px 0;
    color: #fff;
}
.header-top p{
    margin-bottom: 0;
}
.header-top-left{
    float: left;
}
.header-top-right{
    float: right;
}
.header-mid{
    padding: 15px 0;
}
.logo-site img{
    height: 80px;
}
.keyword-site{
    color: #949494;
    margin-bottom: 10px;
}
.keyword-site a{
    color: #333;
    text-decoration: none;
}
.keyword-site a:hover{
    color: #116bb5;
}
.search-site{
    color: #949494;
}
.search-site input.form-control{
    border-right: 1px solid #116bb5;
    border-left: 2px solid #116bb5;
}
input.form-control {
    height: 38px !important;
    border-top: 2px solid #116bb5 !important;
    border-bottom: 2px solid #116bb5 !important;
}
.search-site button.btn.btn-success {
    width: 50px;
    background: #116bb5;
    border: none;
}
.search-site .btn {
    padding: 10px 12px;
    font-size: 13px;
}
.search-site .form-control{
    font-size: 12px;
}
.hotline-site{
    text-align: center;
}
.hotline-site p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
}
/*header*/
/*menu*/
.navbar-inverse {
    background-color: #116bb5;
    border: none;
}
.navbar {
    border-radius: 0;
    min-height: 46px;
    margin-bottom: 0;
}
.stellarnav.light li a {
    color: #fff;
    font-size: 14px;
}
.stellarnav>ul>li>a {
     padding: 15px 15px;
}
.stellarnav ul ul {
    top: auto;
    position: absolute;
    z-index: 9900;
    text-align: left;
    display: none;
    padding: 10px;
    left: 0;
    border: 1px solid #eaeaea;
    background: #fff;
    white-space: nowrap;
}
.stellarnav.light li ul li a {
    color: #333;
    padding: 8px 10px;
}
.stellarnav.light li .danh-muc-lon-menu-sub a{
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
}
.box-sub-menu{
    margin-bottom: 10px;
    min-height: 200px;
}
/*menu*/
/*slider*/
.slider{
    border-bottom: 1px solid #116bb5;
}
.flexslider {
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
ul.slides{
    transform: none;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: none;
}
@font-face {
    font-family: 'flexslider-icon';
    src:url('../fonts/webfonts/flexslider-icon.eot');
    src:url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webfonts/flexslider-icon.woff') format('woff'),
    url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a {
    width: 28px;
    height: 28px;
}
.flex-direction-nav .flex-prev {
    left: 0;
    text-align: left;
}
.flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
}
.flex-control-paging li a {
    background: rgb(56, 56, 56);
}
.flex-control-paging li a.flex-active {
    background: rgb(52, 152, 219);
    cursor: default;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(255, 255, 255, 0.7);
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: #0e0e0e;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-control-paging li a {
    width: 8px;
    height: 8px;
}
/*slider*/
.main-content{
    background: #f2f2f2;
    padding: 20px 0;
}
.danh-muc-san-pham-cap-1 a{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    background: #116bb5;
    border-radius: 3px;
}
.danh-muc-san-pham-cap-1{
    text-align: center;
}
.box-san-pham-noi-bat{
    background: #fff;
    margin: 30px 0;
    padding: 15px;
}
.box-san-pham-index{
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
    padding: 0 15px;
    padding-bottom: 15px;
}
.box-san-pham-index-name a{
    color: #333;
    font-size: 14px;
    text-decoration: none;
    line-height: 2.5em;
}
.box-san-pham-index-name a:hover{
    color: #116bb5;
}
.box-san-pham-index-gia-moi{
    font-size: 14px;
    color: #fe0000;
    font-weight: bold;
    line-height: 2.5em;
}
.box-san-pham-index-gia-cu{
    font-weight: 400;
    color: #8c8c8c;
    font-size: 12px;
    font-style: italic;
    text-decoration: line-through;
    line-height: 2.5em;
    padding-top: 3px;
}
[class*="label_"] {
    position: absolute;
    top: 20px;
    left: 30px;
    padding: 6px 7px 5px;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0 3px 3px 3px;
}
.label_new {
    background: #fe0000;
}
.box-post-index-title{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.box-post-index-title p{
    text-transform: uppercase;
    color: #116bb5;
    font-size: 20px;
    margin-bottom: 0;
}
.box-post {
    background: #fff;
    min-height: 320px;
}
.box-post a{
    text-decoration: none;
}
.box-post a:hover{
    color: #116bb5;
}
.box-post img {
    height: 184px;
    width: 100%;
}
p.p-box-post-name {
    overflow: hidden;
    margin: 15px 0 10px;
    padding: 0 10px;
    font-weight: bold;
}
p.p-box-post-name a {
    color: #333;
}
p.p-box-post-description {
    padding: 0 10px;
    padding-bottom: 20px;
    text-align: justify;
    color: #666;
}
.main-content-con{
    background: #f2f2f2;
    padding: 30px 0;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
    background-color: #f2f2f2;
    border-radius: 0;
}
.breadcrumb a{
    color: #333;
    text-decoration: none;
}
.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #333;
}
.body-trangcon-content{
    background: #fff;
    padding: 20px;
}
a.list-item-title{
    font-weight: bold;
    font-size: 15px;
}
.sidebar-title p{
    color: #fff;
    background: #116bb5;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
ul.sidebar-menu{
    margin: 0;
    padding: 0;
    border-bottom: none;
    background: #fff;
}
ul.sidebar-menu li{
    list-style: none;
}
ul.sidebar-menu li a {
    padding: 7px 0 7px 15px;
    color: #333;
    display: block;
    text-decoration: none;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
.sidebar-body{
    margin-bottom: 20px;
}
.no-pad-left{
    padding-left: 0;
}
.sidebar-list-post{
    padding: 10px;
    background: #fff;
}
.list-post-name a{
    color: #333;
    text-decoration: none;
}
.list-post{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}
.list-post:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.list-item{
    margin-bottom: 25px;
}
.bai-viet-moi-nhat p{
    font-size: 18px;
    color: #116bb5;
    margin-bottom: 15px;
}
.bai-viet-moi-nhat ul{
    padding: 0;
    margin: 0;
}
.bai-viet-moi-nhat ul li{
    list-style: none;
    padding-bottom: 5px;
}
.bai-viet-moi-nhat ul li:last-child{
    padding-bottom: 0;
}
.address-contact > div {
    font-size: 13px;
    display: table;
    margin-top: -1px;
}
.address-contact > div > span {
    display: table-cell;
    border: 1px solid #eee;
    position: relative;
    text-align: center;
    width: 40px;
    height: 35px;
    vertical-align: middle;
}
.address-contact > div > span:after {
    content: "";
    display: block;
    position: absolute;
    right: -3px;
    top: -1px;
    bottom: -1px;
    width: 5px;
}
.address-contact > div > span:after {
    background-color: #017bc1;
}
.address-contact > div:after {
    content: "";
    display: block;
    clear: both;
}
.address-contact > div > div {
    display: table-cell;
    padding-left: 25px;
    vertical-align: middle;
}
.form-control {
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}
.maps-site{
    margin-top: 30px;
}
textarea.form-control {
    height: 83px;
}
.chi-tiet-san-pham h1{
    padding-right: 15px;
    color: #116bb5;
    font-weight: inherit;
    line-height: 1em;
    margin-bottom: 14px;
    font-size: 18px;
}
.gia-san-pham-moi{
    font-size: 30px;
    color: #fe0000;
    font-weight: bold;
}
.gia-san-pham-cu{
    font-weight: 400;
    color: #8c8c8c;
    font-size: 12px;
    font-style: italic;
    text-decoration: line-through;
    padding-top: 12px;
}
.dat-hang .btn-primary {
    color: #fff;
    background-color: #116bb5;
    border-color: #116bb5;
    font-size: 16px;
}
.dat-hang .btn-success{
    color: #fff;
    background-color: #1e771e;
    border-color: #1e771e;
    font-size: 16px;
}
.theme_box {
    position: relative;
    padding: 20px 19px;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 3px;
}
.seller_info {
    color: #333;
}
.seller_info .wrapper {
    padding: 40px 0 0;
}
.theme_box p {
    margin-top: 7px;
}
.noi-dung-san-pham-title{
    margin-top: 20px;
    padding-bottom: 8px;
}
.noi-dung-san-pham-title p{
    margin-bottom: 0;
}
.noi-dung-san-pham-title span{
    background: #116bb5;
    padding: 10px;
    margin-bottom: 9px;
    color: #fff;
}
.noi-dung-san-pham{
    background: #fff;
    padding: 15px;
    border: 1px solid #eaeaea;
}
.mang-xa-hoi{
    margin-bottom: 5px;
}
.mang-xa-hoi span{
    margin-bottom: 0;
}
p.gui-thong-tin-title{
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.flexslider .slides img {
    height: 340px;
}
.box-san-pham-index-img img{
    width: 100%;
    height: 263px;
}
.banner img{
    width: 100%;
    height: 200px;
}
.list-post-img img{
    width: 100%;
    height: 62px;
}
.list-item img{
    width: 100%;
    height: 183px;
}
.seller_info img{
    width: 100%;
    height: 215px;
}
.anh-san-pham{
    width: 100%;
    height: 375px;
}
/*footer*/
#footer {
    background-color: #031927;
    color: #b2b2b2;
    padding: 50px 0 30px;
    border-top: 2px solid #116bb5;
    font-size: 13px;
}
#footer a{
    text-decoration: none;
    color: #fff;
}
.box_social a {
    padding-right: 4px;
}
.copy-right {
    background: #02121d;
    font-weight: inherit;
}
.copy-right-content {
    border-top: 1px solid #02121d;
    padding: 7px 0;
}
.copy-right p {
    color: #a9a9a9;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: inherit;
}
.copy-right a {
    color: #a9a9a9;
    text-decoration: none;
    font-size: 13px;
    font-weight: inherit;
}
.copy-right a:hover{
    color: #a9a9a9;
}
.theheadings {
    color: #a9a9a9;
}
.theheadings h1, .theheadings h2, .theheadings h3, .theheadings h4, .theheadings h5, .theheadings h6, .theheadings p {
    font-size: 11px;
    padding: 0;
    display: inline;
    color: #a9a9a9;
    margin:0 10px 0 0;
    font-weight: inherit;
}

/*mobile*/
@media screen and (max-width: 1190px)
{
    .stellarnav.light li a {
        color: #fff;
        font-size: 12px;
    }
    .stellarnav>ul>li>a {
        padding: 15px 10px;
    }
    .box-san-pham-index-gia-moi {
        font-size: 11px;
    }
    .box-san-pham-index-gia-cu {
        font-size: 11px;
         padding-top: 0;
    }
    .box-san-pham-index-name a {
        font-size: 12px;
    }
    .box-san-pham-index {
        padding: 0 5px;
    }
    .danh-muc-san-pham-cap-1 a {
        font-size: 13px;
    }
    .keyword-site a {
        font-size: 12px;
    }
    p.p-box-post-name a {
        color: #333;
        font-size: 12px;
    }
    p.p-box-post-description {
        font-size: 12px;
    }
    .sidebar-title p {
        font-size: 13px;
    }
    p.list-item-mo-ta{
        font-size: 12px;
    }
    .mang-xa-hoi{
        display: none;
    }
    .noi-dung-lien-he p:last-child{
        margin-bottom: 0;
    }
    .dat-hang .btn-primary {
        font-size: 14px;
    }
    .dat-hang .btn-success {
        font-size: 14px;
    }
    .box-post img {
        height: 152px;
        width: 100%;
    }
    .flexslider .slides img {
        height: 258px;
    }
    .box-san-pham-index-img img{
        height: 221px;
        width: 100%;
    }
    .list-post-img img{
        width: 100%;
        height: 45px;
    }
    .list-item img{
        width: 100%;
        height: 142px;
    }
    .banner img{
        width: 100%;
        height: 161px;
    }
    .anh-san-pham img{
        width: 100%;
        height: 293px;
    }
    .seller_info img {
        width: 100%;
        height: 168px;
    }
}
@media screen and (max-width: 768px)
{
    .header-top-right{
        display: none;
    }
    .header-top-left{
        float: none;
        margin: auto;
        text-align: center;
    }
    .header-top-left p{
        font-size: 12px;
    }
    .logo-site img{
        margin: auto;
        text-align: center;
        height: 80px;
    }
    .keyword-site{
        display: none;
    }
    .search-site {
        margin: 10px 0;
    }
    .hotline-site {
        display: none;
    }
    .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile, .stellarnav.light .menu-toggle {
        color: #fff;
    }
    .stellarnav.mobile.light li a {
        border-bottom: 1px solid rgba(216, 216, 216, 0.15);
    }
    .stellarnav.mobile>ul>li>a {
        padding: 10px 15px;
    }
    .stellarnav .dd-toggle i {
        top: 25%;
    }
    .stellarnav.light li ul li a {
        color: #fff;
        padding: 8px 10px;
    }
    .stellarnav ul ul{
        border: none;
    }
    .danh-muc-san-pham-cap-1 a {
        font-size: 12px;
    }
    .danh-muc-san-pham-cap-1 {
        margin-bottom: 15px;
    }
    .box-san-pham-index-name, .box-san-pham-index-spice{
        text-align: center;
    }
    .box-footer{
        margin-bottom: 30px;
    }
    p.gui-thong-tin-title{
        font-size: 14px;
    }
    .address-contact{
        margin-top: 20px;
    }
    .body-trangcon-content {
        margin-bottom: 20px;
    }
    .gia-san-pham-moi {
        font-size: 20px;
    }
    .gia-san-pham-cu {
        padding-top: 5px;
    }
    .dat-hang .btn-primary {
        font-size: 12px;
    }
    .dat-hang .btn-success{
        font-size: 12px;
    }
    .seller_info img{
        width: 100%;
        height: 296px;
    }
    .dat-hang .btn{
        padding: 5px 5px;
    }
    .flexslider .slides img {
        height: 95px;
    }
    .box-san-pham-index-img img {
        height: 149px;
        width: 100%;
    }
    .banner img {
        width: 100%;
        height: 59px;
    }
    .box-post img {
        height: 246px;
        width: 100%;
    }
    .list-post-img img {
        width: 100%;
        height: 84px;
    }
    .list-item img {
        width: 100%;
        height: 218px;
        margin-bottom: 5px;
    }
    .anh-san-pham img{
        width: 100%;
        height: 349px;
        margin-bottom: 10px;
    }
    .theme_box{
        display: none;
    }
}
/*mobile*/