/*

Theme Name: Công ty Mạnh Phát

Theme URI: http://website.bkns.vn/

Author: the BKNS team

Author URI: http://www.bkns.vn/

Description: The Wordpress theme.

Version: 1.0

*/

/* font-face */

@font-face {

    font-family: "UVF Futura LT";

    src: url('font/UVF-FuturaLT.eot');

    src: url('font/UVF-FuturaLT.eot?#iefix') format('embedded-opentype'),
    url('font/UVF-FuturaLT.svg#UVF Futura LT') format('svg'),
    url('font/UVF-FuturaLT.woff') format('woff'),
    url('font/UVF-FuturaLT.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}


/* reset style */

* {

    border: 0 none;

    margin: 0;

    outline: 0 none;

    padding: 0;

    text-decoration: none;

    vertical-align: baseline;

    white-space: normal;

}


html {

    font-size: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}


article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {

    display: block;

}


audio,
canvas,
video {

    display: inline-block;

    max-width: 100%;

}


audio:not([controls]) {

    display: none;

    height: 0;

}


[hidden],
template {

    display: none;

}


p {

    margin: 5px 0;

}


img {

    border: 0;

    vertical-align: middle;

}


a {

    color: #454545;

}


a,
a:visited {

    text-decoration: none;

}


a:active,
a:hover {

    outline: none;

    color: #ff0000;

}


table,
tbody,
tfoot,
thead,
tr {

    padding: 0;

    margin: 0;

}


th,
td {

    padding: 3px;

}


table {

    border: 0;

    border-collapse: collapse;

}


ul,
ol {

    list-style-position: inside;

}


h1,
h2,
h3,
h4 {

    font-family: Arial, Helvetica, sans-serif, serif;

}


/* general */

.clearfix:before,
.clearfix:after {

    display: table;

    content: "";

}


.clearfix:after {

    clear: both;

}


.fl {

    float: left;

}


.fr {

    float: right;

}


body {

    background: url(img/repeat-body.png) repeat;

    font-family: Arial, Helvetica, sans-serif, serif;

    font-size: 13px;

    color: #454545;

    line-height: 1.5em;

}


.container {

    width: 1032px;

    margin: 0 auto;

}


/* header */

.header {

    padding: 20px 0;

}


.header .logo {

    width: 220px;

    overflow: hidden;

}


.header .banner {

    width: 590px;

    overflow: hidden;

}


.header .login-form-wrap {

    width: 220px;

}


.login-form {


}


.login-form .sign-up {

    background: url(img/icon-sign-up.png) no-repeat left center;

    padding-left: 15px;

    text-transform: uppercase;

    float: left;

    line-height: 33px;

    font-size: 12px;

}


.login-form .sign-in {

    background: url(img/icon-sign-in.png) no-repeat left center;

    padding-left: 15px;

    text-transform: uppercase;

    float: left;

    line-height: 33px;

    font-size: 12px;

}


.login-form .log-out {

    float: left;

    line-height: 33px;

    font-size: 12px;

}


.login-form .line {

    background: url(img/line-01.png) no-repeat center center;

    width: 1px;

    height: 33px;

    float: left;

    margin: 0 10px;

}


.login-form .user {

    background: url(img/icon-sign-in.png) no-repeat left center;

    padding-left: 15px;

    float: left;

    line-height: 33px;

}


.login-form .user a {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 12px;

}


/* main nav */

.main-nav-bg {

    width: 100%;

    height: 37px;

    border-top: 1px solid #be2414;

    border-bottom: 1px solid #be2414;

    background: linear-gradient(45deg, black, red);

}


ul.main-nav > li {

    float: left;

    list-style: none;

    font-size: 15px;

    padding: 0 20px;

    line-height: 37px;

    background: url(img/line-menu.png) no-repeat right center;

    position: relative;

}


ul.main-nav > li:last-child {

    background: none;

}


ul.main-nav li.menu-item-home a {

    background: url(img/icon-home.png) no-repeat left center !important;

    padding: 0 0 0 28px;

}


ul.main-nav li a {

    color: #ffffff;

    text-transform: uppercase;

    font-size: 14px;

}


ul.main-nav > li.current-menu-item {

    background: #89111b; /* Old browsers */

    background: -moz-linear-gradient(top, #89111b 0%, #b74e56 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89111b), color-stop(100%, #b74e56)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #89111b 0%, #b74e56 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #89111b 0%, #b74e56 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #89111b 0%, #b74e56 100%); /* IE10+ */

    background: linear-gradient(to bottom, red 0%,black 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89111b', endColorstr='#b74e56', GradientType=0); /* IE6-9 */

}


ul.main-nav li ul {

    position: absolute;

    top: 100%;

    left: 0;

    background: url(img/repeat-body.png) repeat;

    border-radius: 5px;

    border: 1px solid #9E9E9E;

    z-index: 100;

    height: 1px;

    width: 1px;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

}


ul.main-nav li ul li {

    float: none;

    background: none;

    border-bottom: 1px solid #9E9E9E;

    position: relative;

    font-size: 13px;

    line-height: 1.5em;

    padding: 5px 10px;

}


/*ul.main-nav li ul li.menu-item-has-children {

	background: url(img/icon-menu-cat.png) no-repeat 165px center;

}*/

ul.main-nav li ul li a {

    color: #454545;

    text-transform: none;

}


ul.main-nav li ul li ul {

    position: absolute;

    top: 0;

    left: 100%;

    background: url(img/repeat-body.png) repeat;

    border-radius: 5px;

    z-index: 100;

    height: 1px;

    width: 1px;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

}


ul.main-nav li:hover > ul,
ul.main-nav ul li:focus > ul,
ul.main-nav .focus > ul {

    clip: inherit;

    overflow: inherit;

    height: inherit;

    width: 255px;

}


/* quick search */

.search-wrap {

    max-width: 265px;

    padding-top: 5px;

}


.search-wrap input {

    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* IE10+ */

    background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-9 */

    border-radius: 3px;

    padding: 5px 5px;

    float: left;

}


.search-wrap button {

    background: url(img/icon-button-search.png) no-repeat;

    width: 29px;

    height: 26px;

    float: left;

    margin-left: 10px;

    cursor: pointer;

}


/* content */

.content-wrap {

    width: 100%;

}


.content {

    background: #fdfaf6;

    box-shadow: #e3e3e3;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    padding: 16px;

    margin: 10px 0;

}


.main-slide {

    width: 100%;

}


/* scroll services */

.service-wrap {

    margin: 10px 0 10px 0;

}


.service-wrap .service-label {

    border-bottom: 4px solid #a4353e;

    padding: 5px 0;

}


.service-wrap .service-label h2 {

    font-weight: normal;

    text-transform: uppercase;

    font-size: 18px;

    color: #ae0e1a;

}


.scroll-service-wrap {

    padding-top: 10px;

    width: 100%;

    overflow: hidden;

}


.scroll-service {


}


.scroll-service li {

    float: left;

    list-style: none;

    margin: 0 10px;

}


.prevItem {

    background: url(img/icon-prev.png) no-repeat;

    width: 24px;

    height: 24px;

    float: left;

    cursor: pointer;

}


.nextItem {

    background: url(img/icon-next.png) no-repeat;

    width: 24px;

    height: 24px;

    float: left;

    cursor: pointer;

    margin-left: 5px;

}


.prevItem:hover,
.nextItem:hover {

    opacity: 0.9;

}


/* left */

.left {

    width: 210px;

}


.box01 {

    border: 2px solid #a0a09f;

    background: #f6f6f6;

    padding: 1px;

    margin-bottom: 10px;

}


.box01 .label01 {

    text-align: center;

    background: linear-gradient(45deg, black, red);

    padding: 10px 0;

    color: #FFF;

    font-size: 18px;

}


.content01 {

    padding: 0;

    margin: 0;

}


.product-nav {

    list-style: none;

    position: relative;

}


.product-nav > li {

    background: url(img/icon-list-01.png) no-repeat 10px center;

    padding: 5px 5px 5px 25px;

    border-bottom: 1px dotted #454545;

    position: relative;

}


.product-nav > li:last-child {

    border-bottom: none;

}


.product-nav > li > div.sub-menu-container {

    display: none;

    width: 450px;

    height: auto;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 100%;

    background: #fff;

    border: 2px solid #ba1825;

    border-radius: 2px;

    padding: 5px;

    -webkit-box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.74);

    -moz-box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.74);

    box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.74);

    z-index: 999;

}


.product-nav > li > div.sub-menu-container > div.sub-menu-wrap {

    width: 250px;

    float: left;

}


.product-nav > li > div.sub-menu-container .menu-image-wrap {

    width: 200px;

    float: left;

    overflow: hidden;

}


.product-nav li ul li {

    list-style: none;

    padding: 5px 0 5px 20px;

    margin: 0 5px;

    background: url(img/arrow-02.png) no-repeat left 10px;

    font-weight: bold;

}


.product-nav li ul li ul li {

    list-style: none;

    padding: 5px 0 5px 10px;

    margin: 0 5px;

    background: none;

    font-weight: normal;

}


.product-nav li ul > li:last-child {

    border-bottom: none;

}


/* support-online */

.support-online {

    margin-bottom: 10px;

    width: 100%;

}


.support-online .hotline-wrap {

    background: url(img/bg-hotline.png) no-repeat center center;

    height: 75px;

    overflow: hidden;

}


.support-online .hotline-wrap .hotline {

    margin: 15px 0 0 40px;

}


.hotline p.hotline-label {

    color: #FFF;

    font-size: 14px;

}


.hotline p.hotline-num {

    color: #FFF;

    font-size: 25px;

}


.supporter {

    width: 100%;

    margin-top: 5px;

}


.supporter table {

    border-bottom: 1px dotted #e1e1e0;

}


.supporter table span.name,
.supporter table span.phone {

    color: #ff0000;

    font-size: 15px;

}


/* adv left */

.adv-wrap {

    overflow: hidden;

    text-align: center;

    margin-bottom: 10px;

}


.adv-wrap img {

    max-width: 100%;

}


/* right */

.right {

    width: 780px;

}


.bread-crumbs {

    padding-top: 10px;

    font-weight: bold;

    font-size: 12px;

}


.box02 {

    border: 1px solid #949494;

    background: #ffffff;

    margin-bottom: 10px;

}


.label02 {

    background: url(img/bg-label-01.png) no-repeat left top #e0e0e0;

    height: 28px;

    line-height: 28px;

    overflow: hidden;

    padding-left: 15px;

}


.label02 h2 {

    font-size: 16px;

    font-weight: normal;

    color: #FFF;

}


.box02 .content02 {

    padding: 8px;

}


.content02 li {

    list-style: none;

    float: left;

    margin: 13px;

    border: 1px solid #d4d4d4;

    width: 225px;

}


.content02 li:hover {

    border: 1px solid #ba1825;

}


/* social share */

.social-share {

    margin: 10px 0;

}


.social-share span {

    float: left;

    margin-right: 5px;

}


/* list product */

.product-cat-wrap {

    width: 100%;

}


.product-cat-title-wrap {

    width: 100%;

    border-bottom: 4px solid #911b25;

    margin-bottom: 10px;

    padding: 5px 0;

}


.product-cat-title {

    float: left;

}


.product-cat-title h1 {

    color: #911b25;

    font-size: 24px;

}


.product-cat-desc {

    margin: 5px 0;

    text-align: justify;

}


.filter-wrap {


}


.filter-wrap select {

    border: 1px solid #d4d4d4;

    border-radius: 2px;

}


.product-cat li {

    width: 215px;

    background: #FFF;

    list-style: none;

    float: left;

    margin: 20px;

    border: 1px solid #d4d4d4;

    overflow: hidden;

}


.product-cat li:hover {

    border: 1px solid #ba1825;

}


.item {

    padding: 10px;

    position: relative;

}


.item .sale-percent {

    display: none;

    position: absolute;

    width: 46px;

    height: 56px;

    background: url(img/bg-sticker-01.png) no-repeat;

    text-align: center;

    line-height: 46px;

    color: #FFF;

    right: 10px;

}


.item .quick-view {

    position: absolute;

    left: 0;

    top: 40%;

    text-align: center;

    background: rgba(200, 0, 0, .6);

    cursor: pointer;

    padding: 8px 0;

    color: #fff;

    width: 100%;

    display: none;

}


.item:hover .quick-view {

    display: block;

}


.item .item-thumb {

    width: 100%;

    height: 180px;

    overflow: hidden;

}


.item .item-title {

    height: 40px;

    overflow: hidden;

    padding-top: 5px;

}


.item .item-title h3 {

    color: #3a3a3a;

    font-size: 15px;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display: -webkit-box;

}


.item .item-price {

    height: 45px;

    overflow: hidden;

}


.item .item-price .old-price {

    text-decoration: line-through;

    color: #807f7f;

}


.item .item-price .new-price {

    color: #ff0000;

    font-size: 17px;

}


.item .item-cart .add-to-cart {

    cursor: pointer;

    float: left;

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

    padding: 2px 5px;

    font-weight: bold;

    color: #FFF;

}


.item .item-cart .btn-quick-show-cart {

    float: left;

    margin-left: 10px;

    background: url("img/icon-list-01.png") no-repeat 10px center;

    padding-left: 22px;

    font-weight: bold;

    font-size: 12px;

}


.item .item-detail {


}


.item .item-detail a {

    color: #FFF;

    float: left;

    background: linear-gradient(45deg, black, red) !important;

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

    padding: 2px 10px;

}


/* detail */

.post-wrap {

    background: #FFF;

    border: 1px solid #949494;

    padding: 10px;

    margin-bottom: 10px;

}


.product-gallery {

    width: 400px;

}


.main-image {

    overflow: hidden;

    height: 300px;

    border: 1px solid #e9e9e9;

}


.navigation {

    position: relative;

    margin: 10px 11px 0 11px;

}


.navigation li {

    float: left;

    margin: 0 5px;

    width: 50px;

    height: 50px;

    border: 1px solid #e9e9e9;

    background: #FFF;

    list-style: none;

}


.navigation .prevImg {

    background: url(img/icon-pre-img.png) no-repeat left center;

    width: 10px;

    height: 50px;

    position: absolute;

    top: 0;

    left: -10px;

    cursor: pointer;

    z-index: 1;

}


.navigation .nextImg {

    background: url(img/icon-next-img.png) no-repeat left center;

    width: 10px;

    height: 50px;

    position: absolute;

    top: 0;

    right: -10px;

    cursor: pointer;

    z-index: 1;

}


.product-detail {

    width: 350px;

    overflow: hidden;

}


.product-detail h1 {

    font-size: 14px;

    font-weight: bold;

    border: 1px solid #a6a6a6;

    padding: 5px;

    margin-bottom: 5px;

}


.product-detail .detail {

    border: 1px solid #a6a6a6;

    padding: 10px;

}


.product-detail .detail table {

    width: 100%;

}


.product-detail .detail table td {

    padding: 3px;

}


.product-detail .product-price {

    margin: 10px 0;

}


.product-detail .product-price .old-price {

    text-decoration: line-through;

}


.product-detail .product-price .new-price {

    color: #FFF;

    font-size: 14px;

    padding: 5px;

    background: #117fc3;

}


.product-detail .button-contact {

    padding: 5px 30px;

    background: #de4a4a;

    color: #FFF;

    text-transform: uppercase;

    font-size: 15px;

    float: left;

}


.product-tab-wrap {

    border: 1px solid #b7b7b7;

    margin-top: 10px;

}


.product-tab {

    height: 38px;

    background: #e1e1e1;

}


.product-tab span {

    line-height: 38px;

    padding: 0 20px;

    font-weight: bold;

    float: left;

    cursor: pointer;

    font-size: 14px;

}


.product-tab span.active {

    background: #FFF;

    cursor: default;

}


.product-tab-content {

    margin: 0;

    padding: 0;

}


.product-tab-detail {

    padding: 10px;

    text-align: justify;

}


/* comment form */

#respond {

}


#respond h3#reply-title {

    font-size: 14px;

}


#respond h3#reply-title #cancel-comment-reply-link {

    margin-left: 10px;

    margin-left: 0.714285714rem;

    font-weight: normal;

    font-size: 12px;

    font-size: 0.857142857rem;

}


#respond form {

    margin: 10px 0;

}


#respond form p {

    margin: 5px 0;

}


#respond form p.logged-in-as {

    margin-bottom: 24px;

    margin-bottom: 1.714285714rem;

}


#respond form label {

    display: block;

    line-height: 1.714285714;

}


#respond form textarea {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 12px;

    padding: 10px;

    width: 70%;

    border: 1px solid #e1e1e1;

}


#respond form input[type="text"] {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 12px;

    padding: 10px;

    width: 50%;

    border: 1px solid #e1e1e1;

}


#respond form p.form-allowed-tags {

    margin: 0;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 2;

    color: #5e5e5e;

}


.required {

    color: red;

}


.form-submit input[type=submit] {

    border: none;

    padding: 5px 8px;

    border-radius: 3px;

    background: #117fc3;

    color: #FFF;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 13px;

}


/* Comments */

.comments-area {

    font-family: Arial;

    font-size: 13px;

}


.commentlist > li.comment {

    background: none;

    position: relative;

    width: auto;

    border-top: 3px double #fff;

    padding: 15px 0;

    list-style: none;

}


.commentlist .avatar {

    height: 39px;

    left: 2.2em;

    top: 2.2em;

    width: 39px;

}


.comments-area article header cite,
.comments-area article header time {

    margin-left: 10px;

}


.comment {

    width: 100%;

}


.comment-content {

    text-align: justify;

    padding: 5px 0;

}


.comments-title {

    font-size: 14px;

    padding: 10px 0;

}


.commentlist .children {

    margin-left: 30px;

}


.commentlist .children li {

    padding-top: 10px;

    margin-top: 10px;

    border-top: 1px solid #eee;

}


/* article */

.article-wrap {

    width: 100%;

    margin: 0;

    padding: 0 0 10px 0;

    /*border-bottom: 1px solid #bdbdbd;*/

}


.article-category-title {

    font-size: 24px;

    color: #f38900;

    padding: 10px 0;

    border-bottom: 1px solid #bdbdbd;

}


.article-title {

    font-size: 18px;

    padding: 5px 0;

}


.article {

    padding: 0;

    text-align: justify;

    overflow: hidden;

}


.article img {

    max-width: 100%;

}


.article .item-list:last-child {

    border-bottom: none;

}


.item-list {

    width: 100%;

    padding: 5px 0;

    border-bottom: 1px solid #cccccc;

    margin-top: 10px;

}


.item-img {

    width: 30%;

    float: left;

    padding: 5px;

    border: 1px solid #cccccc;

}


.item-summary {

    width: 65%;

}


.item-summary h2 {

    font-size: 16px;

    margin-bottom: 5px;

}


.item-summary p {

    font-size: 12px;

    color: #888;

}


.item-summary .item-sum {

    text-align: justify;

}


/* other article */

.box03 {

    margin: 10px 0;

}


.box03 {

    padding: 5px;

}


.other-article li {

    list-style: none;

    background: url(img/icon-list-02.png) no-repeat left center;

    padding: 5px 0 5px 20px;

    font-size: 14px;

}


/* Footer */

.footer {
    width: 100%;
    padding: 40px 0;
    background: linear-gradient(45deg, black, red);
    border-top:2px solid #fff;
}


.footer table {

    width: 100%;

}


.footer table td {

    padding: 0 10px;

}


.footer table h3 {

    font-size: 14px;

    text-transform: uppercase;

}


.footer table div.footer-box {

    margin-top: 20px;

}


.footer-line {

    width: 100%;

    padding: 5px 0;

    background: #acafb0;

}


.footer-line .copyright {

    line-height: 25px;

}


.social-link {

    height: 25px;

    overflow: hidden;

}


.social-link a {

    width: 25px;

    height: 25px;

    float: left;

    background-image: url(img/icon-social.png);

    background-repeat: no-repeat;

    overflow: hidden;

    text-indent: -1000px;

    margin: 0 2px;

}


.social-link a.icon-fb {

    background-position: 0 0;

}


.social-link a.icon-tw {

    background-position: -31px 0;

}


.social-link a.icon-ytb {

    background-position: -64px 0;

}


.social-link a.icon-gp {

    background-position: -97px 0;

}


/* popup */

#popup-shadow {

    background: none repeat scroll 0 0 #000;

    display: none;

    left: 0;

    opacity: 0.5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 998;

}


#popup {

    width: 700px;

    height: 300px;

    padding: 10px;

    border: 2px solid #ccc;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);

    position: fixed;

    background: #fff;

    border-radius: 5px;

    z-index: 1000;

    display: none;

}


#popup .popup-close {

    position: absolute;

    top: -16px;

    right: -16px;

    width: 32px;

    height: 32px;

    background: url(img/close-icon.png) no-repeat;

    cursor: pointer;

}


#popup span.loading {

    position: absolute;

    top: 50%;

    left: 50%;

}


.lager-item {

    width: 100%;

}


.lager-item .item-thumb {

    background: #FFF;

    overflow: hidden;

}


.lager-item-detail {

    width: 280px;

}


.lager-item .item-title {

    border: 1px solid #a6a6a6;

    padding: 5px;

    margin-bottom: 5px;

    overflow: hidden;

}


.lager-item h3 {

    font-size: 16px;

    margin-top: 5px;

}


.lager-item .detail {

    border: 1px solid #a6a6a6;

    padding: 5px;

    margin-bottom: 5px;

    overflow: hidden;

}


.lager-item .detail td {

    vertical-align: middle;

}


.lager-item .item-price {

    height: 40px;

    overflow: hidden;

}


.lager-item .old-price {

    text-decoration: line-through;

    color: #c1c1c1;

    font-size: 12px;

}


.lager-item .new-price {

    color: #fc0c0c;

    font-size: 16px;

    font-weight: bold;

}


.lager-item .item-detail {

    padding: 2px 0;

}


.lager-item .item-detail a {

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

    padding: 3px 15px;

    color: #FFF;

    cursor: pointer;

}


.lager-item .item-contact {

    text-align: center;

    margin-top: 10px;

}


.lager-item .item-contact p {

    color: #7bcc10;

    font-size: 15px;

}


/* scroll partner */

.scroll-partner-wrap {

    border: 1px solid #a3a3a3;

    padding: 10px;

    background: #fff;

    position: relative;

}


.scroll-partner li {

    float: left;

    margin: 0 5px;

    list-style: none;

}


.sprevItem {

    position: absolute;

    top: 20px;

    left: -13px;

    background: url(img/icon-prev-02.png) no-repeat;

    width: 13px;

    height: 35px;

    cursor: pointer;

}


.snextItem {

    position: absolute;

    top: 20px;

    right: -13px;

    background: url(img/icon-next-02.png) no-repeat;

    width: 13px;

    height: 35px;

    cursor: pointer;

}


/* contact */

.contact-form {

    padding: 10px 0;

}


.contact-form table {

    width: 100%;

}


.contact-form table td {

    padding: 5px;

    vertical-align: middle;

}


.contact-form input[type='text'] {

    border: 1px solid #e8e6e1;

    width: 300px;

    padding: 5px;

    float: left;

    margin-right: 5px;

    border-radius: 2px;

}


.contact-form input[type='submit'] {

    border: none;

    padding: 5px 20px;

    background: #00428d;

    color: #FFF;

    text-transform: uppercase;

    cursor: pointer;

}


.contact-form span.label {

    font-weight: bold;

}


.contact-form textarea {

    border: 1px solid #e8e6e1;

    width: 300px;

    height: 100px;

    padding: 5px;

    float: left;

    margin-right: 5px;

    border-radius: 2px;

}


.contact-form input.input_capcha {

    width: 50px;

    float: left;

}


#captcha {

    float: left;

    height: 27px;

    margin-right: 5px;

}


#refresh-captcha {

    float: left;

    cursor: pointer;

}


.contact-content {

    margin-top: 20px;

}


.errorContact {


}


.contact-form span.errorContact {

    float: left;

    display: block;

    font-size: 10px;

    line-height: 10px;

    color: #666;

    background: #ffe8f4;

    border: 1px solid #e0bfd0;

    border-radius: 3px;

    padding: 6px 10px;

    margin-top: 2px;

}


.contact-content {

    text-align: justify;

    color: #555;

}


.contact-content img {

    max-width: 100%;

}


/* ajax loading */

#ajax_loading {

    background-color: rgba(0, 0, 0, .5);

    color: #fff;

    padding: 10px 20px;

    display: block;

    position: fixed;

    text-align: center;

    z-index: 10000000000;

    line-height: 32px;

    left: 0;

    right: 0;

    top: 0;

}


#ajax_loading img {

    margin-right: 5px;

}


/* member form */

.member-form {

    overflow: hidden;

    background: #FFF;

    padding: 10px;

    border-radius: 5px;

}


.member-form h1 {

    font-size: 24px;

    color: #f38900;

    padding: 10px 0;

    border-bottom: 1px solid #bdbdbd;

}


/* register form */


.member-form-wrap {

    margin: 20px 0;

}


.member-form-wrap input.border-red {

    border: 1px solid #ba1825 !important;

}


.error-member {

    background-color: #FFEBE8;

    border: 1px solid #C00;

    padding: 5px;

    margin-top: 10px;

}


.seccess-member {

    background-color: #91D0F6;

    border: 1px solid #117fc3;

    padding: 5px;

    margin-top: 10px;

}


.member-form-wrap p {

    line-height: 36px;

}


.member-form-wrap p label {

    float: left;

    width: 30%;

    font-weight: bold;

}


.member-form-wrap p small {

    float: left;

    margin-left: 30%;

    width: 70%;

    line-height: 16px;

}


.member-form-wrap p input[type=password],
.member-form-wrap p input[type=email],
.member-form-wrap p input[type=text] {

    padding: 5px 10px;

    border: 1px solid #e8e6e1;

    border-radius: 2px;

    width: 60%;

}


.member-form-wrap p input#checkcaptcha {

    padding: 5px 10px;

    border: 1px solid #e8e6e1;

    border-radius: 5px;

    width: 10%;

}


.member-form-wrap p select {

    padding: 5px 10px;

    border: 1px solid #e8e6e1;

    border-radius: 2px;

}


.captcha-wrap {


}


.captcha-wrap img {

    height: 28px;

    border: 1px solid #ccc;

}


.captcha-wrap a {

    cursor: pointer;

}


.member-form-wrap p:last-child {

    padding-left: 30%;

}


.member-form-wrap p:last-child button {

    border: none;

    padding: 5px 8px;

    border-radius: 3px;

    background: #117fc3;

    color: #FFF;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 13px;

}


.member-form-wrap p a {

    height: 24px;

    width: 24px;

}


.member-form-wrap p a i.reload {

    background: url(../images/reload.png) no-repeat;

    width: 100%;

    padding: 4px 12px;

    position: relative;

    top: -2px;

    left: 5px;

}


.loadregister {

    background: url(../images/loading.gif) no-repeat;

    height: 24px;

    margin-left: 10px;

    padding: 8px 16px;

    width: 24px;

}


.completeregister {

    background: #cbffad;

    padding: 6px 15px;

}


/*custom page login*/

.loginpage {

    padding-top: 10px;

}


#loginform {

    margin: 10px 0;

}


#loginform p {

    line-height: 40px;

}


#loginform p.login-remember {

    clear: both;

    width: 100%;

}


#loginform p.login-remember label {

    float: none;

    width: 20%;

}


#loginform p.login-remember input {

    width: auto;

}


#loginform p label {

    float: left;

    width: 20%;

}


#loginform p input {

    padding: 5px 10px;

    border: 1px solid #e8e6e1;

    border-radius: 2px;

    width: 35%;

}


#loginform p input[type=submit] {

    border: none;

    padding: 5px 8px;

    border-radius: 3px;

    background: #117fc3;

    color: #FFF;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 13px;

    width: 120px;

}


/*****************

* Cart CSS

*****************/

.quick-cart-wrap {

    text-align: center;

    margin-top: 5px;

}


.quick-cart {

    width: 150px;

    height: 37px;

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

    cursor: pointer;

}


.quick-cart .icon-cart {

    float: left;

    margin-top: 6px;

    margin-left: 5px;

}


.quick-cart .quick-cart-count {

    height: 26px;

    line-height: 26px;

    float: left;

    color: #FFF;

    font-weight: bold;

    text-transform: uppercase;

    margin-top: 6px;

    margin-left: 10px;

}


.product-cart .add-to-cart {

    background: url(img/bnt_buy.gif) no-repeat;

    width: 180px;

    height: 55px;

    float: left;

    cursor: pointer;

}


.product-cart .btn-quick-show-cart {

    float: left;

    height: 55px;

    line-height: 55px;

    margin-left: 10px;

    background: url("img/icon-list-01.png") no-repeat 10px center;

    padding-left: 22px;

    font-weight: bold;

}


/* view cart */

.cart-wrap {

}


.cart-wrap table.list-cart {

    border-left: 1px solid #ddd;

    border-top: 1px solid #ddd;

    margin-top: 20px;

    width: 100%;

}


.cart-wrap table.list-cart td {

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    padding: 5px;

    text-align: center;

    vertical-align: middle;

}


.cart-wrap table.list-cart td.cart-item-name {

    text-align: left;

}


.cart-wrap table.list-cart th {

    background: none repeat scroll 0 0 #eee;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    padding: 5px;

    text-align: center;

}


.cart-wrap select.cart-item-quantity {

    border: 1px solid #ddd;

    text-align: center;

    padding: 2px 5px;

}


.cart-wrap span.remove-item {

    cursor: pointer;

}


.cart-wrap span.cart-item-total {

    float: right;

    font-weight: bold;

}


.cart-button {

    margin-top: 10px;

}


.cart-button a {

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

    color: #fff;

    float: left;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    margin-right: 10px;

    padding: 0 10px;

    text-transform: uppercase;

}


/* checkout forms */

.cform fieldset {

    border: 1px solid #f5f5f5;

    padding: 15px;

    margin: 25px 0 0 0;

}


.cform legend {

    font-weight: normal;

    font-size: 14px;

    text-transform: uppercase;

    margin: 0 0 10px 0;

    background: #fdfaf6;

    font-weight: bold;

}


.cform span a:hover {

    text-decoration: underline

}


.cform p {

    position: relative;

    clear: both;

    padding: 15px 0 0 0;

}


.cform_email p {

    position: relative;

    height: 68px;

    padding: 0;

}


.cform p.submit {

    text-align: center;

    padding: 20px 0 0 0;

}


.cform p.preorder {

    text-align: center;

    font-size: 11px;

    color: #333;

    font-weight: 700;

    text-transform: uppercase;

    padding: 30px 0 0 0;

}


.cform p.chkbox {

    height: 30px

}


.cform p.radiobox {

    padding: 0

}


.cform input[type=checkbox] {

    vertical-align: middle;

    position: relative;

    top: -1px;

    margin: 0 10px 0 0;

}


.cform input[type=radio] {

    vertical-align: middle;

    position: relative;

    top: -2px;

    margin: 0 10px 0 0;

}


.cform p.chkbox label {

    float: none;

    width: auto;

    font-size: 13px;

    line-height: 20px;

    font-weight: 700;

    cursor: pointer;

    margin: 0;

}


.cform p.chkbox_terms label, .cform p.chkbox_terms label a {

    font-family: Arial;

    text-transform: none;

    font-weight: normal

}


.cform p.chkbox_terms label a strong {

    font-family: Arial;

}


.cform p.chkbox_terms label a:hover {

    text-decoration: underline

}


.cform p.radiobox label {

    display: block;

    float: none;

    width: auto;

    font-family: Arial;

    font-size: 13px;

    line-height: 21px;

    text-transform: none;

    color: #666;

    position: relaive;

    margin: 4px 0;

    height: 30px;

}


.cform p.radiobox label img {

    margin: 0 0 0 10px;

    vertical-align: middle;

}


.cform p.radiobox label a {

    font-family: Arial;

}


.cform p.radiobox label a:hover {

    text-decoration: underline;

}


.cform p.radiobox label abbr {

    color: #999;

    font-family: Arial;

}


.cform p.radiobox label datetime {

    font-size: 11px;

    font-family: Arial;

    color: #888;

    text-transform: uppercase;

    margin: 0 0 0 15px;

    background: #f5f5f5;

}


.cform p.radiobox label ins {

    font-family: Arial;

}


.cform label {

    float: left;

    width: 150px;

    font-family: Arial;

    font-size: 12px;

    line-height: 19px;

    color: #555;

    margin: 6px 0 0 0;

}


.cform_email label {

    position: absolute;

    left: 0;

    width: 50px;

    height: 50px;

    border: 4px dashed #eee;

    top: 10px;

    margin: 0;

}


.cform_email label img {

    display: block;

    width: 50px;

    height: 50px;

}


.cform select {

    width: 254px;

    max-width: 254px;

    padding: 4px 3px;

}


.cform input[type=text] {

    width: 240px;

    height: 30px;

    padding: 0 10px;

}


.cform_email input[type=text] {

    width: 280px;

    height: 32px;

    background: url(img/icon-email.png) no-repeat 12px center;

    padding: 0 10px 0 46px;

    margin: 20px 0 0 80px;

}


.usericon {

    position: absolute;

    font-family: Arial;

    font-size: 13px;

    color: #666;

    line-height: 32px;

    height: 32px;

    background: url(img/icon-user.png) no-repeat 12px center;

    top: 20px;

    left: 80px;

    padding: 0 0 0 50px;

    text-transform: uppercase;

    font-weight: bold;

}


.cform_email span.email {

    float: left;

    font-size: 11px;

    line-height: 16px;

    color: #666;

    background: #ffe8f4;

    border: 1px solid #e0bfd0;

    border-radius: 3px;

    padding: 6px 10px;

    margin: 15px 0 0 80px;

    min-width: 318px;

}


.cform span.errorfield {

    float: left;

    display: block;

    font-size: 11px;

    line-height: 16px;

    color: #666;

    background: #ffe8f4;

    border: 1px solid #e0bfd0;

    border-radius: 3px;

    padding: 6px 10px;

    margin: 15px 0 0 150px;

    min-width: 240px;

}


.cform span.errorfield2 {

    float: left;

    display: block;

    font-size: 11px;

    line-height: 16px;

    color: #666;

    background: #ffe8f4;

    border: 1px solid #e0bfd0;

    border-radius: 3px;

    padding: 6px 10px;

    margin: 15px 0 0 0;

}


.cform span.errorfield3 {

    display: block;

    font-size: 11px;

    line-height: 16px;

    color: #666;

    background: #ffe8f4;

    border: 1px solid #e0bfd0;

    border-radius: 3px;

    padding: 6px 10px;

    margin: 15px 0 0 0;

}


.cform span.req {

    position: absolute;

    top: 22px;

    left: 415px;

    font-size: 11px;

    line-height: 16px;

    font-family: Arial;

    cursor: default;

    padding: 0 0 0 15px;

    color: red;

}


.cform input[type=text], .cform select, .cform textarea {

    border: 1px solid #e8e6e1;

    font-family: Arial;

    font-size: 13px;

    color: #777;

    border-radius: 2px;

}


.cform textarea {

    width: 60%;

    height: 80px;

    padding: 8px 10px;

    font-size: 11px;

    line-height: 1.5em;

}


.cform label.wide {

    display: block;

    float: none;

    width: auto;

    margin: 0 0 10px 0;

}


.cform .inform {

    margin: 10px 0 0 0;

    font-family: Tahoma;

    font-size: 11px;

    line-height: 17px;

    color: #999;

    display: block;

}


.cform input[type=text]:focus, .cform select:focus, .cform textarea:focus {

    background-color: #fff;

    color: #333;

}


.cform input[disabled], .cform select[disabled] {

    background: #eee

}


.cform select * {

    font-family: Arial

}


.cform input[type=submit] {

    text-align: center;

    color: #fff;

    font-family: Arial;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    cursor: pointer;

    padding: 5px 20px;

    background: #b74e56; /* Old browsers */

    background: -moz-linear-gradient(top, #b74e56 0%, #89111b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74e56), color-stop(100%, #89111b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #b74e56 0%, #89111b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #b74e56 0%, #89111b 100%); /* IE10+ */

    background: linear-gradient(to bottom, #b74e56 0%, #89111b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74e56', endColorstr='#89111b', GradientType=0); /* IE6-9 */

    border-radius: 2px;

}


#cform-calendar img {

    cursor: pointer;

    margin: 0 0 0 8px;

    vertical-align: middle;

}


.result {

    padding: 10px 0;

    text-align: center;

}


.result h2 {

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

}


a.btn-qt {

    background: linear-gradient(45deg, black, red);

    padding: 5px 10px;

    border-radius: 3px;

    color: #fff;

    margin: 10px 0;

    display: inline-block;

}


.btn-download {

    background: linear-gradient(45deg, black, red);

    display: inline-block;

    padding: 8px 20px;

    border-radius: 3px;

    margin: 10px 0 0 0;

    color: #fff;

}

.btn-download a {

    color: #fff !important;

}


/**************************************************************************/

.item-footer {
    float: left;
    width: 23%;
    margin-left: 20px;
}

.item-footer h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
}

.widget_media_image img {
	width:100%;
}


/********************* Menu responsive ********************/
.menu-responsive-overlay {
    width: 0;
    height: 0;
    top: 0;
    left: -10px;
    position: fixed;
    z-index: 199998;
    background: rgba(0, 0, 0, 0.05);
}

.menu-responsive-overlay.open-mn {
    width: 100%;
    height: 100%;
    left: 0;
}

.menu-close {
    cursor: pointer;
    padding: 10px;
    background: #39a0e5;
    text-align: left;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    overflow: hidden;
}

.menu-close i {
    color: #fff;
    font-size: 25px;
    float: left;
}

.menu-close i.fa-times {
    float: right;
}

.menu-close span {
    margin: 5px;
    float: left;
}

.menu-open {
    color: #1D286D;
    font-family: Arial;
    font-size: 14px;
    padding: 5px 15px 0px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 99999;
}

.menu-responsive {
    background: rgba(0, 0, 0, 0.9);
    left: -250px;
    height: 100%;
    position: fixed;
    width: 250px;
    z-index: 199999;
    top: 0;
    overflow-y: auto;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.menu-responsive ul {
    list-style: none;
    padding: 0;
}

.menu-responsive ul li {
    border-bottom: 1px solid;
}

.menu-responsive ul li a {
    color: #be2414;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    display: block;
}

.menu-responsive ul li.current-menu-item a,
.menu-responsive ul li a:hover {
    color: #fff;
    background: #be2414;
}

.menu-responsive ul.sub-menu li {
    border-bottom: none;
}

.menu-responsive ul.sub-menu li a:before {
    content: "\f101";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin: 0 5px 0 0;
}

.menu-close-2 {
    display: none;
    float: right;
    z-index: 199999;
}

.menu-close-2.btn-scrolled {
    position: fixed;
    top: 10px;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
}

.admin-bar .menu-close-2.btn-scrolled {
    top: 50px;
}

.menu-contrl {
    position: relative;
    /* float: right; */
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 23px;
    padding: 0;
    text-align: center;
    width: 35px;
    height: 35px;
    background: transparent;
    /* border: 1px solid #fff; */
    color: #fff;
    z-index: 11;
}

/*--------------------------------------------------------------




/*************************************** ***************************************
 * = col-sm -> min-width: 768px
 *************************************** ***************************************/
@media (min-width: 768px) {
    .menu-contrl {
        display: none;
    }

}


@media only screen and (max-width: 767px) {
    .container {
        width: 100%;
        margin: 0 auto;
    }

    .left, .right {
        width: 100%;
    }

    .main-nav-wrap {
        display: none;
    }

    .content02 li:nth-child(2n),
    .product-cat li:nth-child(2n) {
        margin-right: 0px !important;
    }

    .content02 li {
        width: 45% !important;
    }

    .product-cat li {
        width: 44% !important;
    }

    .item-footer {
        width: 45% !important;
    }

    .item-img {
        width: 30% !important;
    }

    .item-summary {
        width: 65% !important;
    }

    .search-wrap {
        margin-right: 10px;
    }

    .header .logo {
        width: 180px;
        overflow: hidden;
        margin: auto !important;
        display: block;
        float: none;
    }

    .product-nav > li > div.sub-menu-container {
        width: 100%;
        left: 0%;
        
    }

   /* .sub-menu-container {
        display: none !important;
    }*/
}


@media only screen and (max-width: 500px) {

    .content02 li,
    .product-cat li {
        width: 90% !important;
    }

    .item-footer {
        width: 100% !important;
    }

    .item-img {
        width: 95% !important;
    }

    .item-img img {
        width: 100%;
    }

    .item-summary {
        width: 100% !important;
    }

    .product-gallery, .product-detail {
        width: 100%;
    }

    .product-tab {
        display: inline-table;
    }

    .product-tab span {
        padding: 0 15px;
    }

}