body {
    font-family: arial!important;
    background-color: #efefef;
    color: #333;
    font-size: 14px!important
}

.col_item::-webkit-scrollbar,.ajax-filter .af-container>div.af-elements::-webkit-scrollbar {
    width: 4px
}

.col_item::-webkit-scrollbar-track,.ajax-filter .af-container>div.af-elements::-webkit-scrollbar-track {
    background: #ebebeb
}

.col_item::-webkit-scrollbar-thumb,.ajax-filter .af-container>div.af-elements::-webkit-scrollbar-thumb {
    background: #c2c2c2
}

.subscribe-me h1,h2,h3 {
    font-family: arial!important
}

a:hover {
    text-decoration: none;
    color: #EB3D39
}

@media(min-width: 1200px) {
    .container {
        width:1170px!important
    }
}

.col_left {
    position: relative
}

.header_top_col {
    /*padding: 5px;*/
    background-color: #F5F5F5;
    color: #000
}

.header_top_col .hotline {
    color: #FF4D49
}

.header_top_col .col_head {
    text-align: right
}

.header_top_col .col_head li {
    display: inline-block;
    border-right: 1px solid #DDD;
    padding-right: 15px
}

.header_top_col .col_head li+li {
    margin-left: 15px
}

.header_top_col .col_head li:last-child {
    border-right: none;
    padding-right: 0
}

.header_top_col .col_head li a:hover {
    color: #EB3D39
}

.max_height_search {
    max-height: 319px;
    overflow-y: scroll
}

#header {
    padding: 0!important
}

#header .col_header {
    padding-top: 9px
}

#header #cart .heading {
    margin-top: 0;
    color: #000!important
}

.col_text_category .text_1 {
    padding: 12px 20px 12px 15px;
    color: rgb(255,255,255);
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    margin-bottom: -1px;
    background: #2f73c3
}

.col_text_category .text_1 i {
    margin-left: 10px;
    font-size: 20px
}

.col_text_category .list_cate_home {
    background: #fff;
    z-index: 999;
    box-shadow: 0 1px 2px rgba(0,0,0,.176);
    min-height: 560px
}

.col_text_category .list_cate_home>li + li {
    border-top: 1px solid #E5E5E5
}

.col_text_category .list_cate_home>li>ul>li>ul>li {
    border-bottom: 1px solid #E5E5E5
}

.col_text_category .list_cate_home>li>ul>li>ul>li:last-child {
    border-bottom: 0
}

.col_text_category .list_cate_home li a {
    display: block;
    padding: 6px 20px 6px 13px;
    font-weight: 400;
    color: #333;
    vertical-align: middle
}

.col_text_category .list_cate_home li a:hover {
    color: #004689;
    font-weight: 600;
    text-decoration: none
}

.col_text_category .list_cate_home li a:hover i {
    font-weight: 600
}

.col_text_category .list_cate_home li a i {
    position: absolute;
    padding: 3px 10px;
    right: 0
}

@media(min-width: 769px) {
    #logo {
        padding-right:0
    }

    .col_text_category .text_1 {
        height: 45px
    }

    .col_text_category .list_cate_home {
        position: absolute;
        width: 100%;
        min-width: 160px;
        display: none
    }

    .col_text_category>div {
        position: absolute
    }

    .col_text_category>div:hover .list_cate_home:hover + .background_after:after,.col_text_category>div:hover .list_cate_home {
        display: block
    }

    .col_text_category .list_cate_home>li>ul {
        position: absolute;
        left: 100%;
        background: #fff;
        border-left: 1px solid #D1D1D1;
        border-right: 1px solid #D1D1D1;
        height: 560px;
        width: 250%;
        top: 0;
        display: none;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .col_text_category .list_cate_home>li:hover ul {
        display: block
    }

    .col_text_category .text_1:hover:after {
        display: block
    }

    .col_text_category .list_cate_home>li>ul>li {
        width: 46%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: top
    }

    .col_text_category .list_cate_home>li>ul>li>a {
        font-weight: 500;
        color: #004689!important;
        font-size: 18px;
        cursor: default;
        border-bottom: 1px solid #E5E5E5
    }

    .col_text_category .list_cate_home>li.menu_level_1_is_q_menu_thuong_hieu_di_dong>ul>li.menu_thuong_hieu_di_dong {
        margin-right: 0
    }

    .col_text_category .list_cate_home>li.menu_level_1_is_q_menu_thuong_hieu_di_dong>ul>li.menu_thuong_hieu_di_dong>a {
        color: #333!important;
        font-size: 14px
    }

    .col_text_category .list_cate_home li.child_1>a {
        font-weight: 500!important
    }

    .col_icon_head {
        display: flex;
        justify-content: flex-end;
        margin-top: 15px
    }
}

#header #search {
    margin-top: 16px
}

#header #search input {
    border: 1px solid #a9a9a9;
    padding-right: 75px!important;
    border-radius: 5px!important
}

#header .button-search {
    width: 40px!important;
    font-size: 16px!important;
    z-index: 999!important;
    color: #a9a9a9!important
}

.col_icon_hotline img,.col_icon_head .col_account img,.col_icon_head .item_support img,.col_icon_head #cart .flip img {
    height: 35px;
    width: 35px
}

.col_icon_hotline .number,.col_icon_hotline img {
    display: inline-block
}

.col_icon_hotline .number a {
    font-weight: 700;
    font-size: 14px
}

.col_icon_hotline .number a:hover {
    color: #F7B91A
}

.col_icon_head .item_support .item_position {
    position: relative
}

.col_icon_head .item_support .item_position .item_module {
    position: absolute;
    background: rgb(255,255,255) none repeat scroll 0% 0%;
    z-index: 999;
    right: -230%;
    max-width: 220px;
    max-height: 260px;
    overflow-y: scroll;
    width: 220px;
    padding: 15px;
    display: none
}

.col_icon_head .item_support:hover .item_position .item_module {
    display: block
}

.col_icon_hotline,.item_header {
    margin-right: 35px
}

.col_icon_head .item_header:last-child {
    margin-right: 0
}

.item_header #cart .flip img,.item_header #cart .flip h3 {
    display: inline-block;
    vertical-align: top
}

.item_header img {
    margin-right: 3px
}

.item_header #cart #cart-total {
    position: absolute;
    left: 21px;
    top: -5px;
    border-radius: 10px;
    font-size: 13px;
    padding: 0 8px;
    font-weight: 700;
    height: 17px;
    line-height: 17px;
    background: #FF5501;
    color: #fff!important
}

#cart>.dropdown-menu>.fa {
    display: none
}

@media(min-width: 769px) {
    .item_header .open .dropdown-backdrop {
    }

    .item_header .open .dropdown-menu {
        border-top: none!important
    }

    #cart>.dropdown-menu>.fa {
        display: block;
        position: absolute;
        top: -20px;
        right: -20px;
        font-size: 30px;
        cursor: pointer;
        color: rgb(255,255,255)
    }

    .activemenu {
        position: fixed;
        width: 100%;
        z-index: 999999;
        top: 0
    }

    .margin {
        margin-bottom: 43px
    }

    .banner-grid {
        margin-left: -15px
    }
}

#language,#currency {
    float: none!important
}

#language ul li {
    display: inline-block
}

.col_home {
    padding-left: 15px;
    padding-right: 15px
}

.col-logo {
    margin-top: 11px;
    margin-bottom: 3px
}

.col_menu {
    background: #004689
}

.col-menu {
    margin-top: 0
}

.col-menu ul#mega-menu li:first-child {
    background: none
}

.breadcrumb {
    padding: 10px 0!important
}

.col-btn {
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
    overflow: auto;
    margin-bottom: 15px;
    text-align: right
}

.col-btn .form-control {
    height: 25px!important;
    padding: 0px!important
}

.col-product {
    padding: 0
}

.col-product .product-grid {
    margin-bottom: 15px
}

.box-heading {
    color: rgb(51,51,51);
    margin: 0 0 20px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 9px;
    font-size: 25px
}

.button_content .bg_button .button-t {
    background: linear-gradient(to bottom,rgba(183,57,31,1) 0%,rgba(133,40,25,1) 100%);
    height: 31px;
    position: relative;
    display: block;
    border: 1px solid transparent;
    border-bottom-color: #2d0d09;
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 3px
}

.ui-state-default {
    border: 0 solid #303030;
    color: #fff;
    top: 5px;
    position: relative
}

#header-bottom {
    margin-top: 12px;
    margin-bottom: 12px
}

.banner-grid .item img {
    width: 100%
}

.banner-grid div .item:first-child {
    margin-bottom: 12px
}

.product-thumb {
    /*border: 1px solid #DDD;*/
    position: relative;
    overflow: hidden
}

.product-thumb .button-group .add-to-links {
    display: none
}

.product-layout .product-thumb .col_caption {
    padding: 10px
}

.caption .name h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 14px
}

.caption .name h2 a {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
    text-decoration: none
}

.caption .name h2 a:hover {
    color: #EB3D39
}

.caption .price {
    font-size: 17px!important;
    font-weight: bold!important;
    color: red!important;
    display: block;
    margin: 0!important
}

.caption .price .price-new {
    display: block
}

.caption .price .price-old {
    font-size: 14px!important
}

.product-layout .product-thumb .button-group {
    text-align: center;
    margin-top: 7px
}

.product-layout .product-thumb .col_sale {
    text-align: center
}

.product-layout .product-thumb .col_caption .col_sale {
    background-color: #fff;
    color: red;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 36px;
    font-weight: 700;
    display: block;
    border: 1px solid #360686;
    border-radius: 5px
}

.product-layout .product-thumb .button-group .detail,.product-layout .product-thumb .col_sale.col_sale.top_left_sale {
    background-color: red;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 36px;
    font-weight: 700;
    display: block;
    border: 0;
    border-radius: 0
}

.product-layout .product-thumb .button-group .detail {
    background: #e5e4e2;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 3px;
    font-weight: 400;
    width: 100%
}

.product-layout .product-thumb .button-group .detail:hover {
    background: red;
    color: #fff
}

.product-layout .product-thumb .col_sale.col_sale.top_left_sale {
    background: red;
    color: #fff;
    display: block;
    width: 80px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    left: -20px;
    z-index: 1
}

.product-layout .product-thumb .col_sale.col_sale.top_left_sale span {
    display: none
}

.product-layout .product-thumb .col_sale.col_sale.top_left_sale span.phantram {
    display: block
}

div#infscrl_loader {
    display: none!important
}

.owl-item .caption .price {
    font-size: 17px!important
}

.owl-item .caption .price .price-old {
    float: right;
    font-size: 15px;
    margin-right: 15px
}

.slide_header .camera_fakehover .camera_bar {
    display: none
}

.col-about-banner,.col-noidung-gallery {
    padding-top: 78px!important;
    padding-bottom: 78px!important
}

.header_title_pos {
    position: absolute;
    z-index: 9;
    top: 200px;
    width: 100%;
    left: 0;
    text-align: center
}

.header_title_pos h1 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 45px
}

.list-group-item {
    padding: 5px 0;
    border-bottom: #ddd 1px solid;
    display: block;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #222!important
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    color: #DA511F!important;
    background-color: transparent!important;
    border-color: #ddd!important;
    text-decoration: none!important
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    color: #55c3c1!important;
    background-color: transparent!important
}

.product-thumb .image {
    background: transparent!important
}

.product-thumb h4 a {
    font-size: 14px!important;
    color: #111!important;
    text-decoration: none!important
}

.product-thumb h4 a:hover {
    color: #725858!important
}

.product-info .call_dt {
    float: none;
    display: block;
    width: 320px;
    background: #004689;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 5px
}

.product-info .call_dt:hover {
    background: #FF4D49
}

.product-info .call_dt a {
    color: #fff!important;
    display: block
}

.product-info .xem_col .hang_col {
    background: #00A250;
    width: 320px;
    text-align: center;
    margin-top: 5px;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px
}

.product-info .xem_col .hang_col .test_1 {
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px
}

.product-info .xem_col .hang_col .test_2 {
    color: #fff;
    padding: 0
}

.product-info .cart div .wishlist {
    display: none!important
}

.product-info .form-wrapper {
    font-family: "Roboto",sans-serif
}

.product-info .col_noidung {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 10px;
    display: none
}

.product-info .form-wrapper,.product-info .form-wrapper .form-class,.product-info .form-wrapper .form-class .form-ul {
    padding: 0
}

.product-info .form-wrapper h1 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #333
}

.product-info .form-wrapper .form-ul li label {
    font-size: 16px;
    color: #333
}

.product-info .form-wrapper .form-ul li.li-submit {
    margin: 0
}

.product-info .form-wrapper .form-ul li.li-submit a {
    background: #FF4D49
}

.nav.pro {
    border-bottom: 2px solid #004689;
    display: none
}

.nav.pro li {
    margin-bottom: 0;
    display: inline-block
}

.nav.pro li>a {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav.pro li:first-child>a {
    padding-left: 0
}

.nav.pro li.active>a {
    color: #FFF;
    background: #004689 none repeat scroll 0% 0%
}

.nav.pro.activefix {
    display: block
}

.activefix {
    position: fixed;
    width: 100%;
    top: 45px;
    background: rgb(255,255,255) none repeat scroll 0% 0%;
    z-index: 9;
    left: 0
}

.mg_tt {
    padding-top: 87px
}

.tab-content {
    border: 1px solid #ecdbc6!important
}

.product-info .price-box {
    background: none!important;
    border: none!important
}

.title_in,.header_review {
    border-bottom: 2px solid #004689;
    margin: 20px 0
}

.title_in h2,.header_review h4 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0 8px;
    display: inline-block;
    margin: 0;
    color: black;
    font-size: 17px
}

.col_manu {
    margin-top: 40px;
    border: 1px solid #DDD;
    position: relative;
    margin-bottom: 40px
}

.col_manu .head_manu {
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center
}

.col_manu .head_manu span {
    padding: 4px;
    border: 1px solid #DDD;
    display: inline-block;
    position: absolute;
    background: #fff;
    top: -15px;
    z-index: 9;
    width: calc(50%/2)
}

#banner_about {
    margin-bottom: 0px
}

#banner_about .item2 {
    margin-bottom: 21px
}

#product-gallery .owl-wrapper-outer {
    background: none!important;
    border: none
}

#product-gallery .owl-wrapper-outer {
    padding: 0!important;
    border-right: none!important
}

.btn-primary {
    background-color: #000!important;
    text-transform: uppercase!important;
    border-radius: 8px
}

.btn-primary:hover {
    background: #444444!important
}

.news-content {
    margin-bottom: 30px
}

.news-content .news-standard {
    border-style: none none dashed;
    border-width: 0 0 1px;
    padding: 10px 0;
    margin: 0;
    border-color: -moz-use-text-color -moz-use-text-color #DDD
}

.news-content .news-standard:last-child {
    border: 0 none!important
}

.news-content .news-standard .caption {
    float: left
}

.news-content .news-standard .caption h2 a {
    line-height: 15px;
    font-size: 17px
}

.news-content .news-standard .caption h2 a:hover {
    color: #EB3D39
}

.news-content .news-standard .caption h4 {
    margin: 0
}

.news-layout.news-standard .caption div {
    font-size: 13px;
    margin-top: 7px;
    margin-bottom: 4px
}

.news-content .news-standard .caption .view-more a {
    color: #d7bd7d!important;
    border-bottom: 1px solid
}

.news-content .news-standard .caption .view-more a:hover {
    color: #fff!important;
    border-bottom: none
}

.news-layout.news-standard .view-more {
    text-align: center!important;
    font-style: normal!important;
    font-size: 20px;
    margin-top: 45px;
    font-weight: 400!important
}

.news-container .news-description {
    margin-top: 10px!important;
    padding-bottom: 20px
}

.col-image {
    float: left;
    margin-right: 15px;
    width: 30%
}

.col-image img {
    border: #ccc 1px solid;
    padding: 2px
}

.form-horizontal .buttons .pull-left .btn,.form-horizontal .buttons .pull-right .btn {
    background-color: #FF4D49!important;
    border: medium none #FF4D49!important
}

.form-horizontal .control-label {
    text-align: left
}

.news-description a {
    color: #000
}

.news-description a:hover {
    color: rgb(222,73,11)
}

.news-description a::before {
    content: "â–º";
    color: rgb(222,73,11);
    margin-right: 5px
}

.panel.panel-default {
    border: #ddd 1px solid;
    width: 100%;
    color: #777
}

.panel.panel-default .panel-body div div {
    font-size: 13px
}

.head_title {
    border-bottom: 3px solid #43C0E4;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 10px;
    padding-top: 10px
}

.head_title h3 {
    background: #FFF none repeat scroll 0% 0%;
    padding: 6px 6px 0 0;
    line-height: 19px;
    font-size: 20px;
    margin: 0 auto -3px;
    display: inline-block;
    color: #333
}

.col-search {
    margin-bottom: 15px
}

.col-search #search {
    width: 100%
}

.col-search .button-search {
    position: absolute;
    right: 0;
    z-index: 999;
    background: #54c1bf;
    color: #fff;
    border-radius: 5px
}

.col-search .form-control {
    padding: 0 30px 0 7px;
    height: 25px;
    border-radius: 6px
}

.list-group {
    margin-bottom: 0
}

.list-group ul {
    list-style: none
}

.list-group>ul.category_list>li.active>span {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    color: #333;
    display: block
}

.list-group>ul>li ul li a {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px
}

.list-group>ul>li ul li a:hover {
    color: #326E51
}

.list-group>ul>li ul li.active>a {
    padding-left: 10px
}

.list-group>ul ul ul {
    padding-left: 10px
}

@media(min-width: 769px) {
    .list-group .category_list {
        border:1px solid #DDD;
        padding: 5px
    }

    .col_item {
        height: 600px;
        overflow-x: auto
    }
}

.col_featured_all {
    margin: 25px auto 35px
}

.box-title_featured {
    font-size: 17px;
    border-bottom: 1px solid #D1D1D1;
    padding: 0;
    margin: 0
}

.box-title_featured span {
    display: inline-block;
    padding: 7px 15px;
    border-bottom: 1px solid #FF5722;
    color: #FF5722;
    text-transform: uppercase
}

.col_featured .item_featured {
    float: left;
    vertical-align: top;
    padding: 15px;
    border: 1px solid #E1E1E1;
    margin-top: -1px
}

.col_featured .item_featured + .item_featured {
    border-left: 1px solid transparent
}

@media (max-width: 768px) {
    .col_featured .item_featured {
        width:25%
    }

    .col_featured .item_featured:nth-child(4n+1) {
        border-left: 1px solid #E1E1E1
    }
}

@media (max-width: 500px) {
    .col_featured .item_featured {
        width:50%
    }

    .col_featured .item_featured:nth-child(2n+1) {
        border-left: 1px solid #E1E1E1
    }
}

@media (min-width: 769px) {
    .col_featured .item_featured {
        width:25%
    }

    .col_featured .item_featured:nth-child(4n+1) {
        border-left: 1px solid #E1E1E1
    }
}

@media (min-width: 992px) {
    .col_featured .item_featured {
        width:25%
    }

    .col_featured .item_featured:nth-child(4n+1) {
        border-left: 1px solid #E1E1E1
    }
}

@media (min-width: 1200px) {
    .col_featured .item_featured {
        width:12.5%
    }

    .col_featured .item_featured:nth-child(8n+1) {
        border-left: 1px solid #E1E1E1
    }
}

.col_tabs .col_title {
    /*border-bottom: 2px solid #004689;*/
    border-bottom: 2px solid #ffc107;
    position: relative;
    background: #efefef;
    margin-top: 20px;
    margin-bottom: 30px
}

.col_tabs .col_view_all,.col_tabs ul.tabs,.col_tabs ul.nav-tabs,.col_tabs .title_pro_tabs {
    display: inline-block;
    vertical-align: top
}

.col_tabs .title_pro_tabs {
    padding: 0;
    margin: 0;
    background: none
}

.col_tabs .title_pro_tabs a {
    padding: 12px 10px 11px;
    font-size: 17px;
    color: #EB3D39;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #ffff99;
}

.col_tabs .col_view_all {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

.col_tabs .col_view_all a {
    padding: 10px 10px 10px 3px;
    display: block;
    font-size: 12px;
    color: black;
    text-decoration: none
}

.col_view_all a:hover {
    color: #004689
}

.col_tabs .col_view_all.cate a {
    display: inline-block
}

.col_tabs .col_view_all.cate a + a::before {
    content: "|";
    font-size: 12px;
    padding-right: 7px;
    color: #BBB
}

.col_a_cate {
    display: inline-block;
    line-height: 41px
}

.col_a_cate a {
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: black
}

.col_a_cate a:hover {
    color: #EB3D39
}

.owl-theme .owl-controls .owl-buttons div {
    background: none!important;
    color: #333!important;
    border: none!important
}

.owl-theme .owl-controls .owl-buttons div .fa {
    font-size: 30px
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.product-tab>.tab-content {
    padding: 0;
    background: #efefef;
    border: none!important
}

.banner_dichvu .banner-about {
    padding: 10px;
    border: 1px solid #DDD;
    vertical-align: top;
    overflow: hidden
}

.banner_dichvu .banner-about img,.banner_dichvu .banner-about div {
    display: inline-block
}

.banner_dichvu .banner-about div span {
    display: block
}

.banner_dichvu .banner-about div span.test1 {
    font-size: 20px
}

.title_post_home {
    border-bottom: 3px solid #000;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 25px
}

.news-latest-module .panel-body {
    padding-top: 0
}

.news-layout {
    margin-bottom: 15px
}

.news-layout.col_km .image {
    width: 100%;
    float: none;
    margin: 0;
    height: auto
}

.news-layout.col_km .caption {
    background: rgb(247,247,247) none repeat scroll 0% 0%;
    padding: 10px
}

.news-layout .image {
    float: left;
    margin-right: 5px;
    width: 125px;
    height: 87px
}

.news-layout .caption h2 {
    margin: 0;
    text-align: left!important;
    line-height: 11px
}

.news-layout .caption h2 a {
    font-weight: 700;
    color: #333;
    font-size: 17px;
    text-decoration: none;
    line-height: 18px
}

.news-layout .caption h2 a:hover {
    color: #EB3D39
}

.news-layout .caption h4 {
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.col_hotro .nav {
    border: 1px solid rgb(229,229,229);
    padding: 0 10px 10px
}

.col_hotro .nav li {
    display: block;
    float: none;
    margin-bottom: 0
}

.col_hotro .nav li.title_ul {
    margin: 0 0 10px;
    border-bottom: 1px dotted #E5E5E5;
    padding: 10px 0;
    font-size: 17px
}

.col_hotro .nav li.tab_ul a {
    color: #333;
    padding: 0;
    margin-bottom: 10px;
    background: none;
    border: none
}

.col_hotro .nav li.tab_ul.active a,.col_hotro .nav li.tab_ul a:hover {
    color: #326E51
}

.col_hotro .tab-content {
    padding: 0;
    border: none!important;
    background: #fff
}

.col_hotro .tab-content .header_tabs {
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    color: #333
}

.col_hotro .tab-content .content_tabs {
    padding: 10px 10px 0;
    border: 1px solid #EAEAEA;
    margin-bottom: 10px
}

.col_hotro .tab-content .content_tabs .header_title_item {
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    cursor: pointer
}

.col_hotro .tab-content .content_tabs .description_item {
    display: none
}

.box-heading-home {
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 40px;
    clear: both
}

.product-manufacturer #content img {
    box-shadow: 5px 5px 10px -3px rgba(102,102,102,1)
}

.col_html .html {
    max-height: 380px;
    overflow-y: scroll
}

.col_html>.html::-webkit-scrollbar {
    width: 4px
}

.col_html>.html::-webkit-scrollbar-track {
    background: #f0f0f0
}

.col_html>.html::-webkit-scrollbar-thumb {
    background: #c2c2c2
}

.thuonghieu {
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Dancing Script',cursive
}

.box-heading-home span {
    background: rgb(255,255,255) none repeat scroll 0% 0%;
    display: inline-block;
    font-size: 40px;
    padding: 0 20px;
    position: absolute;
    top: -30px;
    font-family: 'Dancing Script',cursive
}

#footer {
    background: #fff!important;
    padding-top: 30px!important;
    padding-bottom: 10px!important;
    border-top: 1px solid #DDD
}

#powered {
    padding: 0!important
}

.hotline span {
    border-bottom: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    padding-right: 5px;
    text-transform: uppercase;
    float: left
}

.hotline a {
    color: #FF0;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 5px;
    border-bottom: 2px solid #FF0;
    float: left
}

@media(min-width: 769px) {
    .box.bf-check-position {
        padding:5px;
        margin-top: 15px;
        background: #fff
    }
}

@media(max-width: 768px) {
    .box.bf-check-position {
        border:none;
        background: #fff
    }
}

.box.bf-check-position .box-heading {
    display: none
}

.box.bf-check-position .brainyfilter-panel .bf-attr-block {
    margin-bottom: 10px
}

.box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header {
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    color: #333;
    display: block;
    background: rgb(255,255,255) none repeat scroll 0% 0%;
    margin-bottom: 0;
    font-size: 13px!important;
    padding: 0 0 7px
}

.box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header span {
    margin-top: 5px
}

#cart .dropdown-backdrop {
    display: none
}

#cart.open .dropdown-backdrop {
    display: block
}

.col_account div {
    margin-bottom: 5px;
    font-size: 17px
}

.button_col {
    margin-top: 20px
}

.button_col div a {
    color: #333;
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #000
}

.button_col div a:hover {
    color: #333
}

.banner_grid_product .item_bn {
    margin: 7px 0
}

.banner_grid_product .item_bn .img_bn {
    width: 25px;
    display: inline-block;
    vertical-align: middle
}

.banner_grid_product .item_bn .img_bn img {
    width: 22px
}

.banner_grid_product .item_bn .descritp {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 35px)
}

.chatluong_col {
    margin-top: 5px;
    padding: 20px 15px;
    border: 1px solid #DDD
}

.chatluong_col .head_cl {
    display: block;
    padding: 5px;
    color: #FF4D49;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.related_pro,.col-product .col_scroll,.pro_category {
    margin-left: -3px;
    margin-right: -3px
}

.col-product .col_scroll .col-lg-3,.col-product .col_scroll .col-md-3,.pro_category .col-md-3,.related_pro .col-sm-6,.col-product .col_scroll .col-sm-6,.pro_category .col-sm-6,.related_pro.col-xs-6,.col-product .col_scroll .col-xs-6,.pro_category .col-xs-6,.product-layout.product-grid.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    margin-bottom: 0;
    padding: 0
}

.xemthem-mn {
    text-align: right;
    padding: 10px 10px;
    background: #f1f1f1
}

.xemthem-mn a {
    color: #4A90E2
}

.xemthem-mn a:hover {
    color: red
}

#footer h5 {
    color: #333!important;
    font-size: 14px!important;
    text-transform: uppercase;
    font-weight: bold!important;
    margin-bottom: 0!important
}

#footer .html .table img {
    width: 100%!important;
    max-width: 100%
}

#footer .html .table,#footer .html .table tr td {
    border: none;
    padding: 0
}

#footer .social {
    text-align: left!important
}

#footer .social a {
    float: none!important;
    display: inline-block!important;
    border: none!important
}

#footer .social a i {
    color: #333;
    font-size: 30px
}

#footer .social a:hover i {
    color: #EB3D39
}

#footer #advanced-newsletter-box {
    margin: auto
}

#footer #advanced-newsletter-box #mail-box input {
    border: 1px solid rgb(194,194,194);
    background: rgb(255,255,255) none repeat scroll 0% 0%;
    height: 32px;
    border-radius: 0;
    padding-right: 10px
}

#footer #advanced-newsletter-box #mail-box .input-group-btn .btn {
    border: none;
    text-transform: capitalize!important;
    padding: 6px 12px;
    background: #FF4D49!important
}

#footer .box-content p {
    margin-bottom: 0;
    color: #000!important
}

#footer .list-unstyled li a {
    color: #333;
    display: inline-block;
    padding: 3px 0;
    text-decoration: none
}

#footer .list-unstyled li a:hover {
    color: #EB3D39
}

.txt-icon-footer {
    margin-right: 5px;
    width: 15px
}

.fa-mobile {
    font-size: 20px
}

.footer-store {
    background: #fff;
    padding: 30px 0
}

.footer-store .txt-bold.txt-14px {
    font-size: 14px;
    font-weight: 700
}

.footer-store .red-dia {
    color: #F15C22
}

.an {
    display: none!important
}

.z {
    z-index: 999!important
}

@media (max-width: 500px) {
    #banner_about .banner-about img {
        width:100%
    }

    .col-about-banner,.col-noidung-gallery {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }
}

@media (max-width: 630px) {
    .news-standard:nth-child(1n+1) .col-image,.news-standard:nth-child(1n+1) .col-caption,.news-standard:nth-child(2n+2) .col-image,.news-standard:nth-child(2n+2) .col-caption {
        width:100%
    }

    .news-standard:nth-child(1n+1) .col-caption,.news-standard:nth-child(2n+2) .col-caption {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .header_title_pos {
        position:relative;
        top: -200px
    }

    .header_top_col .col_head,.header_top_col {
        text-align: center
    }

    #header .col-logo #logo {
        text-align: center;
        margin-bottom: 20px
    }

    #header #search {
        margin-bottom: 15px
    }

    #header .col-menu {
        z-index: 9
    }

    #header .col_icon_head {
        display: flex;
        justify-content: space-around
    }

    .breadcrumb a {
        font-size: 12px
    }

    .nav.pro>li>a {
        padding: 5px;
        font-size: 10px
    }

    .responsive-menu-controller {
        position: relative!important;
        top: 0px!important;
        left: 0
    }

    .followus #advanced-newsletter-box {
        max-width: 100%!important
    }

    .followus #advanced-newsletter-box #mail-box {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box input {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box .input-group-btn {
        display: block;
        left: 0!important;
        margin-top: 10px;
        width: 100%
    }

    #video_background {
        max-width: 100%!important
    }

    .col_menu .col-menu,.col_menu .col_text_category {
        float: none!important
    }

    .col_menu .col_text_category {
        position: relative
    }

    .col_text_category .list_cate_home {
        min-height: 0;
        display: none
    }

    .col_menu .col_text_category .text_1 {
        padding-left: 15px;
        margin-bottom: 0;
        background: #004689
    }

    .col_menu .col_text_category .text_1 i {
        position: absolute;
        right: 15px;
        top: 0;
        line-height: 42px;
        text-align: center;
        width: 44px;
        margin-left: 0
    }

    .col_menu .col_text_category ul li {
        position: relative
    }

    .col_menu .col_text_category ul ul {
        background: none!important;
        padding-left: 20px;
        display: none
    }

    .col_text_category .list_cate_home li i {
        transform: rotate(90deg);
        font-size: 23px;
        position: absolute;
        right: 15px;
        line-height: 32px;
        width: 32px;
        text-align: center;
        cursor: pointer
    }

    .col_text_category .list_cate_home>li>a {
        font-size: 16px;
        padding-right: 30px;
        display: inline-block
    }

    .col_text_category .list_cate_home ul li a {
        display: inline-block
    }

    .menu_level_1_is_q .menu_level_2_is_q>li>ul>li,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li,.menu_level_1_is_q .menu_level_2_is_q>li>ul>li:last-child,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li:last-child {
        border-bottom: 1px solid #ddd!important
    }

    #mega-menu-container {
        background-color: rgb(74,144,226)!important
    }

    #mega-menu li.root>a {
        padding: 9px!important;
        color: #fff!important
    }

    #mega-menu li.root>a>i {
        margin-right: 5px
    }

    .content_add_pro {
        display: none
    }

    .col_left .col_item .list-group {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .list-group .category_list>li>span {
        padding-right: 20px
    }

    .col_left .col_item .list-group .category_list>li>span>i {
        position: absolute;
        top: -3px;
        right: 0;
        font-size: 22px
    }

    .col_left .col_item .list-group .category_list>li>ul {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 99;
        padding-right: 20px;
        padding-left: 10px
    }

    .col_left .col_item .bf-panel-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-attr-block,.col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        display: inline-block;
        vertical-align: top;
        z-index: 9999
    }

    .box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header {
        border: none
    }

    .click {
        padding: 7px 5px 7px 0
    }

    .click i {
        font-size: 24px;
        color: rgb(144,144,144)
    }

    .click_repon.close_dt i {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg)
    }

    .click .click_repon {
        cursor: pointer
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        padding: 0 5px;
        display: none
    }

    .product-info .call_dt,.product-info .xem_col .hang_col,.product-info .cart #button-cart {
        width: 100%!important
    }
}

@media (max-width: 390px) {
    #header .col_icon_head {
        display:inherit;
        text-align: center
    }

    .item_header {
        display: inline-block;
        margin-top: 10px
    }
}

@media (min-width: 769px) {
    #mega-menu-container {
        background-color:transparent!important
    }

    #header #mega-menu li.root {
        margin-left: 15px;
        margin-right: 15px;
        position: inherit
    }

    #header #mega-menu li.root>a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        z-index: 6;
        position: relative;
        padding: 12.5px 14px 12.5px 10px;
        font-size: 15px
    }

    #header #mega-menu li.root>a>i {
        color: #fff!important;
        margin-right: 5px
    }

    #header #mega-menu li.root:last-child>a {
        background: none
    }

    #header #mega-menu li.root>a:hover {
        color: #8d8dff!important
    }

    #header #mega-menu .root .mega-menu-dropdown {
        position: absolute;
        z-index: 999999;
        left: -34.5%;
        margin-left: 0px!important
    }

    #header #mega-menu .root .normal-submenu {
        width: 100%;
        padding-left: 30px
    }

    #header #mega-menu .root .normal-submenu>li {
        background: none!important;
        display: inline-block;
        width: 20%
    }

    #header #mega-menu .root .normal-submenu>li>a {
        font-size: 13px!important;
        padding-top: 5px;
        border: 1px solid #555
    }

    #header #mega-menu .root .normal-submenu>li>a:hover {
        color: #fff!important;
        background: #fff
    }

    #header #mega-menu .root .normal-submenu>li>a img {
        width: 100%;
        height: 97px;
        max-width: 100%
    }
}

.idex-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 150px
}

.idex-alo-phone.idex-alo-show {
    visibility: visible
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.idex-alo-phone.idex-alo-static {
    opacity: .6
}

.idex-alo-phone.idex-alo-hover,.idex-alo-phone:hover {
    opacity: 1
}

.idex-alo-ph-circle {
    width: 160px;
    height: 160px;
    bottom: -15px;
    right: 44%;
    ;position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: idex-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: idex-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: idex-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: idex-alo-circle-anim 1.2s infinite ease-in-out;
    animation: idex-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.idex-alo-phone.idex-alo-active .idex-alo-ph-circle {
    -webkit-animation: idex-alo-circle-anim 1.1s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-anim 1.1s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-anim 1.1s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation: idex-alo-circle-anim 1.1s infinite ease-in-out!important
}

.idex-alo-phone.idex-alo-static .idex-alo-ph-circle {
    -webkit-animation: idex-alo-circle-anim 2.2s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-anim 2.2s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-anim 2.2s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation: idex-alo-circle-anim 2.2s infinite ease-in-out!important
}

.idex-alo-phone.idex-alo-hover .idex-alo-ph-circle,.idex-alo-phone:hover .idex-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.idex-alo-phone.idex-alo-green.idex-alo-hover .idex-alo-ph-circle,.idex-alo-phone.idex-alo-green:hover .idex-alo-ph-circle {
    border-color: #75eb50;
    border-color: #baf5a7 9;
    opacity: .5
}

.idex-alo-phone.idex-alo-green .idex-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5
}

.idex-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    bottom: 15px;
    right: 60%;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.idex-alo-phone.idex-alo-active .idex-alo-ph-circle-fill {
    -webkit-animation: idex-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation: idex-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.idex-alo-phone.idex-alo-static .idex-alo-ph-circle-fill {
    -webkit-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation: idex-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity: 0!important
}

.idex-alo-phone.idex-alo-hover .idex-alo-ph-circle-fill,.idex-alo-phone:hover .idex-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    background-color: #00aff2 9;
    opacity: .75!important
}

.idex-alo-phone.idex-alo-green.idex-alo-hover .idex-alo-ph-circle-fill,.idex-alo-phone.idex-alo-green:hover .idex-alo-ph-circle-fill {
    background-color: rgba(117,235,80,.5);
    background-color: #baf5a7 9;
    opacity: .75!important
}

.idex-alo-phone.idex-alo-green .idex-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    background-color: #a6e3fa 9;
    opacity: .75!important
}

.idex-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    bottom: 35px;
    right: 70%;
    position: absolute;
    background: rgba(30,30,30,.1) url(../image/custom/phone.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: idex-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: idex-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: idex-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: idex-alo-circle-img-anim 1s infinite ease-in-out;
    animation: idex-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.idex-alo-phone.idex-alo-active .idex-alo-ph-img-circle {
    -webkit-animation: idex-alo-circle-img-anim 1s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-img-anim 1s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-img-anim 1s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation: idex-alo-circle-img-anim 1s infinite ease-in-out!important
}

.idex-alo-phone.idex-alo-static .idex-alo-ph-img-circle {
    -webkit-animation: idex-alo-circle-img-anim 0s infinite ease-in-out!important;
    -moz-animation: idex-alo-circle-img-anim 0s infinite ease-in-out!important;
    -ms-animation: idex-alo-circle-img-anim 0s infinite ease-in-out!important;
    -o-animation: idex-alo-circle-img-anim 0s infinite ease-in-out!important;
    animation: idex-alo-circle-img-anim 0s infinite ease-in-out!important
}

.idex-alo-phone.idex-alo-hover .idex-alo-ph-img-circle,.idex-alo-phone:hover .idex-alo-ph-img-circle {
    background-color: #00aff2
}

.idex-alo-phone.idex-alo-green.idex-alo-hover .idex-alo-ph-img-circle,.idex-alo-phone.idex-alo-green:hover .idex-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50 9
}

.idex-alo-phone.idex-alo-green .idex-alo-ph-img-circle {
    background-color: #00aff2;
    background-color: #00aff2 9
}

@-moz-keyframes idex-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes idex-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes idex-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes idex-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes idex-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes idex-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes idex-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes idex-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes idex-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-moz-keyframes idex-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes idex-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes idex-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes idex-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes idex-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes idex-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes idex-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes idex-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes idex-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes idex-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes idex-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes idex-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.tieude_va_sapxep {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    border-bottom: 1px solid #EEE
}

.tieude_va_sapxep .sap_xep_is_q {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0
}

.tieude_va_sapxep .box-heading {
    border-bottom: 0
}

@media (max-width: 768px) {
    .product-info .image:before {
        background:rgba(0,0,0,0);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        display: block;
        content: ""
    }

    .zoomContainer {
        display: none
    }

    .activefix {
        top: 0
    }

    .col_head.col_head_fix_q li a {
        font-size: 12px!important
    }

    .col_head.col_head_fix_q li {
        padding-right: 9px
    }

    .col_head.col_head_fix_q li+li {
        margin-left: 5px
    }

    .item_header.visible-xs {
        position: absolute;
        right: 15px;
        top: 2px;
        margin: 0
    }

    .col-logo {
        position: relative
    }

    .item_header.visible-xs #cart button div.pull-left.flip img {
        width: 30px;
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .menu_level_2_is_q {
        padding: 0!important;
        border-top: 1px solid red;
        border-bottom: 1px solid red
    }

    .menu_level_1_is_q>i.fa {
        top: 0;
        transition: all .3s;
        border-radius: 50%;
        padding: 0!important
    }

    .menu_level_1_is_q>a {
        position: relative;
        width: 100%
    }

    .menu_level_1_is_q:hover>a,.menu_level_1_is_q:hover>i.fa {
        background: red;
        color: #fff!important
    }

    .menu_level_1_is_q>i.fa.open {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    ul.menu_level_2_is_q>li {
        width: 40%;
        display: inline-block;
        vertical-align: top
    }

    ul.menu_level_2_is_q>li+li {
        width: 58%
    }

    ul.menu_level_2_is_q>li>a {
        font-weight: bold!important;
        border-bottom: solid 1px #ddd;
        width: 100%
    }

    ul.menu_level_2_is_q li i.fa {
        display: none
    }

    ul.menu_level_2_is_q li ul {
        display: block!important;
        padding: 0!important
    }

    .chialam_ba_menu_con>li {
        width: 48%!important
    }

    .text_1>i.fa {
        transition: all .3s;
        border-radius: 50%
    }

    .text_1.open_q>i.fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .product-layout .product-thumb .col_sale,.product-layout .product-thumb .button-group .detail {
        font-size: 14px
    }

    aside#column-left .col_left .col_item {
        display: flex
    }

    ul.category_list li.click {
        padding: 5px 5px 7px 0
    }

    .bf-panel-wrapper .box {
        border: 0!important;
        margin-bottom: 0!important
    }

    .col_manu .head_manu span {
        width: calc(90%/2)!important
    }

    .newsletter_is_q_mobile {
        margin-top: 20px
    }

    .ajax-filter:before {
        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;
        content: "\f00d";
        width: 100%;
        font-size: 21px;
        padding: 5px;
        text-align: right;
        content: none
    }

    .product-info .cart {
        overflow: hidden!important
    }

    .product-info .cart .col_callaction_mobile_is_q {
        width: 100%!important
    }

    .head_dcmh:after {
        position: absolute;
        right: 30px;
        content: "\e874";
        font-family: 'Linearicons-Free';
        speak: none;
        font-style: normal;
        font-weight: 700;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px!important;
        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;
        content: "\f107";
        transition: all .3s
    }

    .head_dcmh.open_q:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    a.d_ajax_filter_popup_button.clickable {
        display: none
    }

    .ajax-filter .af-body {
        border-bottom: 1px solid #d5d5d5
    }

    .ajax-filter.modal.fade {
        opacity: 1;
        display: block!important;
        height: 100%;
        overflow: hidden!important;
        background: transparent!important
    }

    .ajax-filter .af-body .af-container {
        width: 33.33%;
        display: inline-block;
        vertical-align: top
    }

    .ajax-filter .af-body .af-container>.af-heading {
        padding: 5px 5px 5px 5px!important;
        min-height: auto!important;
        border-top: 0!important;
        border-right: 1px solid #d5d5d5
    }

    .ajax-filter .af-body af_group:last-child .af-container>.af-heading {
        border-right: 0
    }

    .ajax-filter .af-body .af-container>.af-heading>.title {
        font-size: 13px!important
    }

    .ajax-filter .af-body .af-container>.af-heading>span {
        right: 5px!important;
        transition: all .3s
    }

    .ajax-filter .af-container>.af-elements {
        max-height: 250px!important;
        position: absolute;
        background: #fff;
        width: 90%;
        left: 50%;
        margin-left: -45%;
        border-bottom: 2px solid #d5d5d5
    }

    .ajax-filter .af-body .selected-list {
        display: none
    }

    .ajax-filter {
        border: 0!important
    }

    .col-sm-9.col_category div#ajax-filter-container .box-heading {
        margin: 0 0 25px
    }

    .ajax-filter.modal.fade {
        position: absolute;
        top: 800px;
        z-index: 1;
        transition: all 0.3s ease
    }

    .ajax-filter .af-body {
        border-top: 1px solid #d5d5d5
    }

    .sanpham_chonloc_is_q .product-layout .product-thumb .col_caption .col_sale {
        font-size: 14px
    }

    .col-sm-9.col_category div#ajax-filter-container .sanpham_chonloc_is_q .box-heading {
        margin-bottom: 10px
    }

    .tieude_va_sapxep {
        display: block;
        border-bottom: 0
    }

    .tieude_va_sapxep .sap_xep_is_q {
        border-bottom: 1px solid #EEE
    }

    .tieude_va_sapxep .box-heading {
        border-bottom: 1px solid #EEE
    }
}

.diachi_footer {
    margin-top: 20px
}

.thongtin_footer {
    clear: both;
    display: flex;
    flex-wrap: wrap
}

.col_sale.top_left_sale {
    position: absolute;
    top: 0;
    left: 3px;
    padding: 0 10px
}

.chialam_ba_menu_con>li {
    width: 32%;
    display: inline-block
}

.body_menu_bar_pc_is_q {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #004689;
    right: 0;
    z-index: 9
}

.body_menu_bar_pc_is_q a {
    width: 100%;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #DDD
}

.body_menu_bar_pc_is_q a:last-child {
    border-bottom: 0
}

.icon_menu_bar_pc_is_q {
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 21px;
    color: #004689
}

.list_lienhe_is_q li {
    padding: 5px 0
}

.list_lienhe_h5_is_q {
    margin: 10px 0
}

.icon-groups-bottom.content-sub {
    font-size: 30px
}

.icon-groups-bottom.content-sub a + a {
    margin-left: 10px
}

.list_lienhe_h5_is_q {
    margin: 10px 0!important
}

.col_thongtin_footer_mobile_is_q,.col_hotro_footer_mobile_is_q,.col_lienhe_footer_mobile_is_q,.col_dangky_footer_mobile_is_q,.col_hethongcuahang_footer_mobile_is_q {
    margin: 5px 0
}

.col_thongtin_footer_mobile_is_q h5:after,.col_hotro_footer_mobile_is_q h5:after,.col_lienhe_footer_mobile_is_q h5:after,.col_dangky_footer_mobile_is_q h5:after,.col_hethongcuahang_footer_mobile_is_q h5:after {
    position: absolute;
    right: 15px;
    content: "\e874";
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px!important;
    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;
    content: "\f107";
    transition: all .3s
}

.col_thongtin_footer_mobile_is_q h5.open_q:after,.col_hotro_footer_mobile_is_q h5.open_q:after,.col_lienhe_footer_mobile_is_q h5.open_q:after,.col_dangky_footer_mobile_is_q h5.open_q:after,.col_hethongcuahang_footer_mobile_is_q h5.open_q:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.col_thongtin_footer_mobile_is_q>ul,.col_hotro_footer_mobile_is_q>.list-group.html,.col_lienhe_footer_mobile_is_q>.list-group.html,.col_dangky_footer_mobile_is_q>div,.col_hethongcuahang_footer_mobile_is_q>.list-group.html {
    display: none
}

.bo_cong_thuong {
    display: block
}

.related_pro.col-product.row .col-sm-3.col-xs-6.product-layout {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 3px;
    margin-top: 3px
}

.sanpham_chonloc_is_q {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px
}

.header_top_col .hotline a {
    color: #FF4D49!important;
    font-family: 'Roboto',sans-serif!important;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 20px!important;
    padding-left: 0!important;
    border-bottom: 0!important;
    float: none!important
}

#description table,#specification table,#description2 table,#description3 table {
    width: 100%!important
}

table#product-attribute-specs-table {
    border: 1px solid #ddd
}

table#product-attribute-specs-table tr {
    border: 1px solid #ddd
}

table#product-attribute-specs-table th {
    background: #f8f8f8;
    padding: 5px
}

table#product-attribute-specs-table td {
    padding: 5px
}

@media (min-width: 1200px) {
    .col_left .col_item {
        width:262px!important;
        margin-left: 1px
    }

    .text_1:hover~.list_cate_home {
        display: block!important
    }

    .list_cate_home:hover {
        display: block!important
    }
}

@media (max-width: 1200px) {
    .ajax-filter .af-body .af-container>.af-heading>span {
        background:none!important;
        display: inline-block!important;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0d7";
        display: none!important
    }

    .ajax-filter .af-body .af-container>.af-heading>.title:after {
        background: none!important;
        display: inline-block!important;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0d7";
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: auto!important;
        margin-left: 5px;
        font-size: 14px;
        transition: all .3s;
        transform: rotate(180deg)
    }

    .ajax-filter .af-body .af-container>.af-heading>.title {
        color: #288ad6
    }

    .ajax-filter .af-body .af-container>.af-heading {
        border: 0!important;
        padding-right: 20px!important;
        opacity: 0
    }

    .ajax-filter .af-body {
        border: 0!important
    }

    .ajax-filter .af-body .af-container>.af-heading.collapsed>.title:after {
        transform: rotate(0deg)
    }

    .ajax-filter .af-body {
        margin-left: 15px!important;
        margin-right: 15px!important
    }

    #content {
        border-left: 0!important
    }

    .ajax-filter .af-container>.af-elements {
        border-bottom: 0;
        border: 1px solid #d9d9d9;
        opacity: 0
    }

    .col_text_category.visible-xs>div {
        height: 44px!important
    }

    .ajax-filter .af-body .af-container {
        width: auto
    }

    .ajax-filter .af-body .af-container>.af-elements>.af-wrapper>i.fa {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        padding: 5px 6.5px
    }

    .col_menu .col_text_category {
        z-index: 9
    }

    .product-info .image {
        z-index: 1!important
    }

    .product-info .image:before {
        z-index: 1!important
    }
}

@media (width: 768px) {
    .col_icon_hotline {
        display:none
    }

    #header .col-menu {
        display: none
    }

    .col_menu .col_text_category {
        display: flex;
        width: 100%;
        height: 45px
    }

    .col_text_category>div {
        width: 100%;
        position: initial
    }

    .col_menu .col_text_category .text_1 i.fa.fa-bars {
        display: none
    }

    .header_title_pos {
        position: relative;
        top: -200px
    }

    .header_top_col .col_head,.header_top_col {
        text-align: center
    }

    #header .col-logo #logo {
        text-align: center;
        margin-bottom: 20px
    }

    #header #search {
        margin-bottom: 15px
    }

    #header .col-menu {
        z-index: 9
    }

    #header .col_icon_head {
        display: flex;
        justify-content: space-around
    }

    .breadcrumb a {
        font-size: 12px
    }

    .nav.pro li>a {
        padding: 5px;
        font-size: 10px
    }

    .responsive-menu-controller {
        position: relative!important;
        top: 0px!important;
        left: 0
    }

    .followus #advanced-newsletter-box {
        max-width: 100%!important
    }

    .followus #advanced-newsletter-box #mail-box {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box input {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box .input-group-btn {
        display: block;
        left: 0!important;
        margin-top: 10px;
        width: 100%
    }

    #video_background {
        max-width: 100%!important
    }

    .col_menu .col-menu,.col_menu .col_text_category {
        float: none!important
    }

    .col_menu .col_text_category {
        position: relative
    }

    .col_text_category .list_cate_home {
        min-height: 0;
        display: none;
        position: absolute;
        width: 100%
    }

    .col_menu .col_text_category .text_1 {
        padding-left: 15px;
        margin-bottom: 0;
        background: #004689
    }

    .col_menu .col_text_category .text_1 i {
        position: absolute;
        right: 15px;
        top: 0;
        line-height: 42px;
        text-align: center;
        width: 44px;
        margin-left: 0
    }

    .col_menu .col_text_category ul li {
        position: relative
    }

    .col_menu .col_text_category ul ul {
        background: none!important;
        padding-left: 20px;
        display: none
    }

    .col_text_category .list_cate_home li i {
        transform: rotate(90deg);
        font-size: 23px;
        position: absolute;
        right: 15px;
        line-height: 32px;
        width: 32px;
        text-align: center;
        cursor: pointer;
        top: 0
    }

    .col_text_category .list_cate_home>li>a {
        font-size: 16px;
        padding-right: 30px;
        display: inline-block
    }

    .col_text_category .list_cate_home ul li a {
        display: inline-block
    }

    .menu_level_1_is_q .menu_level_2_is_q>li>ul>li,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li,.menu_level_1_is_q .menu_level_2_is_q>li>ul>li:last-child,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li:last-child {
        border-bottom: 1px solid #ddd!important
    }

    #mega-menu-container {
        background-color: rgb(74,144,226)!important
    }

    #mega-menu li.root>a {
        padding: 9px!important;
        color: #fff!important
    }

    #mega-menu li.root>a>i {
        margin-right: 5px
    }

    .content_add_pro {
        display: none
    }

    .col_left .col_item .list-group {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .list-group .category_list>li>span {
        padding-right: 20px
    }

    .col_left .col_item .list-group .category_list>li>span>i {
        position: absolute;
        top: -3px;
        right: 0;
        font-size: 22px
    }

    .col_left .col_item .list-group .category_list>li>ul {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 99;
        padding-right: 20px;
        padding-left: 10px
    }

    .col_left .col_item .bf-panel-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-attr-block,.col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        display: inline-block;
        vertical-align: top;
        z-index: 9999
    }

    .box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header {
        border: none
    }

    .click {
        padding: 7px 5px 7px 0
    }

    .click i {
        font-size: 24px;
        color: rgb(144,144,144)
    }

    .click_repon.close_dt i {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg)
    }

    .click .click_repon {
        cursor: pointer
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        padding: 0 5px;
        display: none
    }

    .product-info .call_dt,.product-info .xem_col .hang_col,.product-info .cart #button-cart {
        width: 100%!important
    }

    .product-info .image:before {
        background: rgba(0,0,0,0);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999999999999999999999999999;
        left: 0;
        top: 0;
        display: block;
        content: ""
    }

    .zoomContainer {
        display: none
    }

    .activefix {
        top: 0
    }

    .col_head.col_head_fix_q li a {
        font-size: 12px!important
    }

    .col_head.col_head_fix_q li {
        padding-right: 9px
    }

    .col_head.col_head_fix_q li+li {
        margin-left: 5px
    }

    .item_header.visible-xs {
        position: absolute;
        right: 15px;
        top: -20px;
        margin: 0
    }

    .col-logo {
        position: relative
    }

    .item_header.visible-xs #cart button div.pull-left.flip img {
        width: 30px;
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .menu_level_2_is_q {
        padding: 0!important;
        border-top: 1px solid red;
        border-bottom: 1px solid red
    }

    .menu_level_1_is_q>i.fa {
        top: 0;
        transition: all .3s;
        border-radius: 50%;
        padding: 0!important
    }

    .menu_level_1_is_q>a {
        position: relative;
        width: 100%
    }

    .menu_level_1_is_q:hover>a,.menu_level_1_is_q:hover>i.fa {
        background: red;
        color: #fff!important
    }

    .menu_level_1_is_q>i.fa.open {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    ul.menu_level_2_is_q>li {
        width: 40%;
        display: inline-block;
        vertical-align: top
    }

    ul.menu_level_2_is_q>li+li {
        width: 58%
    }

    ul.menu_level_2_is_q>li>a {
        font-weight: bold!important;
        border-bottom: solid 1px #ddd;
        width: 100%
    }

    ul.menu_level_2_is_q li i.fa {
        display: none
    }

    ul.menu_level_2_is_q li ul {
        display: block!important;
        padding: 0!important
    }

    .chialam_ba_menu_con>li {
        width: 48%!important
    }

    .text_1>i.fa {
        transition: all .3s;
        border-radius: 50%
    }

    .text_1.open_q>i.fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .product-layout .product-thumb .col_sale,.product-layout .product-thumb .button-group .detail {
        font-size: 14px
    }

    aside#column-left .col_left .col_item {
        display: flex
    }

    ul.category_list li.click {
        padding: 5px 5px 7px 0
    }

    .bf-panel-wrapper .box {
        border: 0!important;
        margin-bottom: 0!important
    }

    .col_manu .head_manu span {
        width: calc(90%/2)!important
    }

    .newsletter_is_q_mobile {
        margin-top: 20px
    }

    .ajax-filter:before {
        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;
        content: "\f00d";
        width: 100%;
        font-size: 21px;
        padding: 5px;
        text-align: right;
        content: none
    }

    .product-info .cart {
        overflow: hidden!important
    }

    .product-info .cart .col_callaction_mobile_is_q {
        width: 100%!important
    }

    .head_dcmh:after {
        position: absolute;
        right: 30px;
        content: "\e874";
        font-family: 'Linearicons-Free';
        speak: none;
        font-style: normal;
        font-weight: 700;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px!important;
        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;
        content: "\f107";
        transition: all .3s
    }

    .head_dcmh.open_q:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    a.d_ajax_filter_popup_button.clickable {
        display: none
    }

    .ajax-filter .af-body {
        border-bottom: 1px solid #d5d5d5
    }

    .ajax-filter.modal.fade {
        opacity: 1;
        display: block!important;
        overflow: inherit!important
    }

    .ajax-filter .af-body .af-container {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .ajax-filter .af-body .af-container>.af-heading {
        padding: 5px 5px 5px 5px!important;
        min-height: auto!important;
        border-top: 0!important;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body af_group:last-child .af-container>.af-heading {
        border-right: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .af-container>.af-heading>.title {
        font-size: 13px!important
    }

    .ajax-filter .af-body .af-container>.af-heading>span {
        right: 5px!important;
        transition: all .3s
    }

    .ajax-filter .af-container>.af-elements {
        max-height: 250px!important;
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        border-bottom: 2px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .selected-list {
        display: none
    }

    .ajax-filter {
        border: 0!important
    }

    .col-sm-9.col_category div#ajax-filter-container .box-heading {
        margin: 0 0 65px;
        padding-left: 0;
        padding-right: 0
    }

    .ajax-filter.modal.fade {
        position: absolute;
        top: 800px;
        z-index: 1;
        transition: all 0.3s ease;
        margin: 0 24px
    }

    .ajax-filter .af-body {
        border-top: 1px solid #d5d5d5
    }

    .sanpham_chonloc_is_q .product-layout .product-thumb .col_caption .col_sale {
        font-size: 14px
    }

    .col-sm-9.col_category div#ajax-filter-container .sanpham_chonloc_is_q .box-heading {
        margin-bottom: 10px
    }

    .tieude_va_sapxep {
        display: block;
        border-bottom: 0
    }

    .tieude_va_sapxep .sap_xep_is_q {
        border-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .sap_xep_is_q .col-sm-12.text-right + .col-sm-12.text-right {
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .box-heading {
        border-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .col-sm-3.col_text_category.pull-left.hidden-xs {
        display: none!important
    }

    .col_text_category.visible-xs {
        display: block!important
    }

    .col-lg-4.col-md-4.col-sm-4.col_icon_head {
        padding: 25px 15px
    }

    .search_is_q_mtb {
        padding: 10px 15px
    }

    div#banner-grid0 iframe {
        height: 118px
    }

    .col-md-3.col-sm-6.col-xs-6.product-layout {
        width: 25%
    }

    #banner_about .item2 {
        margin-bottom: 14px
    }

    .banner_dichvu .banner-about {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .banner_dichvu .banner-about img {
        margin-bottom: 10px
    }

    .banner_dichvu .banner-about div span.test1 {
        font-size: 15px;
        font-weight: 700
    }

    .banner_dichvu .banner-about div span {
        font-size: 13px
    }

    .news-layout.news-standard.col-sm-12.col-xs-12:nth-child(3) {
        display: none
    }

    .news-layout.news-standard.col-sm-12.col-xs-12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }

    .news-layout .image {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .footer_col_top .news-layout .caption {
        position: absolute;
        width: 100%;
        bottom: 0;
        background: rgba(255,255,255,.5882352941176471);
        padding: 0 15px;
        height: auto!important
    }

    .news-layout {
        margin-bottom: 10px
    }

    .thongtin_footer .col-sm-3.col-xs-6.hidden-xs {
        width: 48%;
        border: 1px solid #ddd;
        margin: 1%;
        border-radius: 5px;
        padding: 15px
    }

    .diachi_footer {
        margin: 0
    }

    .diachi_footer>.col-sm-6 {
        width: 100%
    }

    .diachi_footer .col-sm-6 img {
        width: 100%
    }

    .news-layout.news-standard.col_km.col-md-6.col-sm-6.col-xs-12 {
        padding: 0 6px
    }

    .container.container_category_is_q aside#column-left {
        display: none
    }

    .container.container_category_is_q #content {
        width: 100%;
        border-left: 0
    }

    .row.product-info .col-sm-4 {
        width: 50%
    }

    .row.product-info .col-sm-4.col_diachimh {
        width: 100%!important;
        display: flex
    }

    .row.product-info .col-sm-4.col_diachimh>div {
        width: 48%;
        margin: 1%
    }

    .row.product-info .col-sm-4.col_diachimh>div>div {
        width: 100%;
        margin: 0
    }

    .row.product-info .col-sm-4.col_diachimh>div .content_add_pro {
        display: block!important
    }

    .content_add_pro .list-group.html p {
        margin: 0 0 11px
    }

    .account-login div#content {
        width: 100%
    }

    .account-login aside#column-left {
        display: none
    }

    body.information-contact .form-group.required {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    body.information-contact .form-group.required label.col-sm-3.control-label {
        padding: 0
    }

    body.information-contact .buttons {
        border-top: 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 {
        flex-wrap: inherit;
        padding: 10px 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 .image {
        width: auto;
        margin-right: 20px
    }

    .header_top_col .col-md-6.col-sm-4.hidden-xs {
        text-align: left
    }

    .header_top_col .col-md-6.col-sm-8 ul.col_head.col_head_fix_q {
        text-align: right
    }

    .ajax-filter .af-container>.af-elements {
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .col_icon_hotline {
        display:none
    }

    #header .col-menu {
        display: none
    }

    .col_menu .col_text_category {
        display: flex;
        width: 100%;
        height: 45px
    }

    .col_text_category>div {
        width: 100%;
        position: initial
    }

    .col_menu .col_text_category .text_1 i.fa.fa-bars {
        display: none
    }

    .header_title_pos {
        position: relative;
        top: -200px
    }

    .header_top_col .col_head,.header_top_col {
        text-align: center
    }

    #header .col-logo #logo {
        text-align: center;
        margin-bottom: 20px
    }

    #header #search {
        margin-bottom: 15px
    }

    #header .col-menu {
        z-index: 9
    }

    #header .col_icon_head {
        display: flex;
        justify-content: space-around
    }

    .breadcrumb a {
        font-size: 12px
    }

    .nav.pro li>a {
        padding: 5px;
        font-size: 10px
    }

    .responsive-menu-controller {
        position: relative!important;
        top: 0px!important;
        left: 0
    }

    .followus #advanced-newsletter-box {
        max-width: 100%!important
    }

    .followus #advanced-newsletter-box #mail-box {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box input {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box .input-group-btn {
        display: block;
        left: 0!important;
        margin-top: 10px;
        width: 100%
    }

    #video_background {
        max-width: 100%!important
    }

    .col_menu .col-menu,.col_menu .col_text_category {
        float: none!important
    }

    .col_menu .col_text_category {
        position: relative
    }

    .col_text_category .list_cate_home {
        min-height: 0;
        display: none;
        position: absolute;
        width: 100%
    }

    .col_menu .col_text_category .text_1 {
        padding-left: 15px;
        margin-bottom: 0;
        background: #004689
    }

    .col_menu .col_text_category .text_1 i {
        position: absolute;
        right: 15px;
        top: 0;
        line-height: 42px;
        text-align: center;
        width: 44px;
        margin-left: 0
    }

    .col_menu .col_text_category ul li {
        position: relative
    }

    .col_menu .col_text_category ul ul {
        background: none!important;
        padding-left: 20px;
        display: none
    }

    .col_text_category .list_cate_home li i {
        transform: rotate(90deg);
        font-size: 23px;
        position: absolute;
        right: 15px;
        line-height: 32px;
        width: 32px;
        text-align: center;
        cursor: pointer;
        top: 0
    }

    .col_text_category .list_cate_home>li>a {
        font-size: 16px;
        padding-right: 30px;
        display: inline-block
    }

    .col_text_category .list_cate_home ul li a {
        display: inline-block
    }

    .menu_level_1_is_q .menu_level_2_is_q>li>ul>li,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li,.menu_level_1_is_q .menu_level_2_is_q>li>ul>li:last-child,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li:last-child {
        border-bottom: 1px solid #ddd!important
    }

    #mega-menu-container {
        background-color: rgb(74,144,226)!important
    }

    #mega-menu li.root>a {
        padding: 9px!important;
        color: #fff!important
    }

    #mega-menu li.root>a>i {
        margin-right: 5px
    }

    .content_add_pro {
        display: none
    }

    .col_left .col_item .list-group {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .list-group .category_list>li>span {
        padding-right: 20px
    }

    .col_left .col_item .list-group .category_list>li>span>i {
        position: absolute;
        top: -3px;
        right: 0;
        font-size: 22px
    }

    .col_left .col_item .list-group .category_list>li>ul {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 99;
        padding-right: 20px;
        padding-left: 10px
    }

    .col_left .col_item .bf-panel-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-attr-block,.col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        display: inline-block;
        vertical-align: top;
        z-index: 9999
    }

    .box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header {
        border: none
    }

    .click {
        padding: 7px 5px 7px 0
    }

    .click i {
        font-size: 24px;
        color: rgb(144,144,144)
    }

    .click_repon.close_dt i {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg)
    }

    .click .click_repon {
        cursor: pointer
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        padding: 0 5px;
        display: none
    }

    .product-info .call_dt,.product-info .xem_col .hang_col,.product-info .cart #button-cart {
        width: 100%!important
    }

    .product-info .image:before {
        background: rgba(0,0,0,0);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999999999999999999999999999;
        left: 0;
        top: 0;
        display: block;
        content: ""
    }

    .zoomContainer {
        display: none
    }

    .activefix {
        top: 0
    }

    .col_head.col_head_fix_q li a {
        font-size: 12px!important
    }

    .col_head.col_head_fix_q li {
        padding-right: 9px
    }

    .col_head.col_head_fix_q li+li {
        margin-left: 5px
    }

    .item_header.visible-xs {
        position: absolute;
        right: 15px;
        top: -20px;
        margin: 0
    }

    .col-logo {
        position: relative
    }

    .item_header.visible-xs #cart button div.pull-left.flip img {
        width: 30px;
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .menu_level_2_is_q {
        padding: 0!important;
        border-top: 1px solid red;
        border-bottom: 1px solid red
    }

    .menu_level_1_is_q>i.fa {
        top: 0;
        transition: all .3s;
        border-radius: 50%;
        padding: 0!important
    }

    .menu_level_1_is_q>a {
        position: relative;
        width: 100%
    }

    .menu_level_1_is_q:hover>a,.menu_level_1_is_q:hover>i.fa {
        background: red;
        color: #fff!important
    }

    .menu_level_1_is_q>i.fa.open {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    ul.menu_level_2_is_q>li {
        width: 40%;
        display: inline-block;
        vertical-align: top
    }

    ul.menu_level_2_is_q>li+li {
        width: 58%
    }

    ul.menu_level_2_is_q>li>a {
        font-weight: bold!important;
        border-bottom: solid 1px #ddd;
        width: 100%
    }

    ul.menu_level_2_is_q li i.fa {
        display: none
    }

    ul.menu_level_2_is_q li ul {
        display: block!important;
        padding: 0!important
    }

    .chialam_ba_menu_con>li {
        width: 48%!important
    }

    .text_1>i.fa {
        transition: all .3s;
        border-radius: 50%
    }

    .text_1.open_q>i.fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .product-layout .product-thumb .col_sale,.product-layout .product-thumb .button-group .detail {
        font-size: 14px
    }

    aside#column-left .col_left .col_item {
        display: flex
    }

    ul.category_list li.click {
        padding: 5px 5px 7px 0
    }

    .bf-panel-wrapper .box {
        border: 0!important;
        margin-bottom: 0!important
    }

    .col_manu .head_manu span {
        width: calc(90%/2)!important
    }

    .newsletter_is_q_mobile {
        margin-top: 20px
    }

    .ajax-filter:before {
        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;
        content: "\f00d";
        width: 100%;
        font-size: 21px;
        padding: 5px;
        text-align: right;
        content: none
    }

    .product-info .cart {
        overflow: hidden!important
    }

    .product-info .cart .col_callaction_mobile_is_q {
        width: 100%!important
    }

    .head_dcmh:after {
        position: absolute;
        right: 30px;
        content: "\e874";
        font-family: 'Linearicons-Free';
        speak: none;
        font-style: normal;
        font-weight: 700;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px!important;
        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;
        content: "\f107";
        transition: all .3s
    }

    .head_dcmh.open_q:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    a.d_ajax_filter_popup_button.clickable {
        display: none
    }

    .ajax-filter .af-body {
        border-bottom: 1px solid #d5d5d5
    }

    .ajax-filter.modal.fade {
        opacity: 1;
        display: block!important;
        overflow: inherit!important
    }

    .ajax-filter .af-body .af-container {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .ajax-filter .af-body .af-container>.af-heading {
        padding: 5px 5px 5px 5px!important;
        min-height: auto!important;
        border-top: 0!important;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body af_group:last-child .af-container>.af-heading {
        border-right: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .af-container>.af-heading>.title {
        font-size: 13px!important
    }

    .ajax-filter .af-body .af-container>.af-heading>span {
        right: 5px!important;
        transition: all .3s
    }

    .ajax-filter .af-container>.af-elements {
        max-height: 250px!important;
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        border-bottom: 2px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .selected-list {
        display: none
    }

    .ajax-filter {
        border: 0!important
    }

    .col-sm-9.col_category div#ajax-filter-container .box-heading {
        margin: 0 0 25px;
        padding-left: 0;
        padding-right: 0
    }

    .ajax-filter.modal.fade {
        position: absolute;
        top: 800px;
        z-index: 1;
        transition: all 0.3s ease;
        margin: 0;
        width: 750px;
        left: 50%;
        margin-left: -375px;
        o}

    .ajax-filter .af-body {
        border-top: 1px solid #d5d5d5
    }

    .sanpham_chonloc_is_q .product-layout .product-thumb .col_caption .col_sale {
        font-size: 14px
    }

    .col-sm-9.col_category div#ajax-filter-container .sanpham_chonloc_is_q .box-heading {
        margin-bottom: 10px
    }

    .tieude_va_sapxep {
        display: block;
        border-bottom: 0;
        margin-top: 0
    }

    .tieude_va_sapxep .sap_xep_is_q {
        border-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .sap_xep_is_q .col-sm-12.text-right + .col-sm-12.text-right {
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .box-heading {
        border-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .col-sm-3.col_text_category.pull-left.hidden-xs {
        display: none!important
    }

    .col_text_category.visible-xs {
        display: block!important
    }

    .col-lg-4.col-md-4.col-sm-4.col_icon_head {
        padding: 25px 15px
    }

    .search_is_q_mtb {
        padding: 10px 15px
    }

    div#banner-grid0 iframe {
        height: 109px
    }

    .col-md-3.col-sm-6.col-xs-6.product-layout {
        width: 25%
    }

    #banner_about .item2 {
        margin-bottom: 14px
    }

    .banner_dichvu .banner-about {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .banner_dichvu .banner-about img {
        margin-bottom: 10px
    }

    .banner_dichvu .banner-about div span.test1 {
        font-size: 15px;
        font-weight: 700
    }

    .banner_dichvu .banner-about div span {
        font-size: 13px
    }

    .news-layout.news-standard.col-sm-12.col-xs-12:nth-child(3) {
        display: none
    }

    .news-layout.news-standard.col-sm-12.col-xs-12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }

    .news-layout .image {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .footer_col_top .news-layout .caption {
        position: absolute;
        width: 100%;
        bottom: 0;
        background: rgba(255,255,255,.5882352941176471);
        padding: 0 15px;
        height: auto!important
    }

    .news-layout {
        margin-bottom: 10px
    }

    .thongtin_footer .col-sm-3.col-xs-6.hidden-xs {
        width: 48%;
        border: 1px solid #ddd;
        margin: 1%;
        border-radius: 5px;
        padding: 15px
    }

    .diachi_footer {
        margin: 0
    }

    .diachi_footer>.col-sm-6 {
        width: 100%
    }

    .diachi_footer .col-sm-6 img {
        width: 100%
    }

    .news-layout.news-standard.col_km.col-md-6.col-sm-6.col-xs-12 {
        padding: 0 6px
    }

    .container.container_category_is_q aside#column-left {
        display: none
    }

    .container.container_category_is_q #content {
        width: 100%;
        border-left: 0
    }

    .row.product-info .col-sm-4 {
        width: 50%
    }

    .row.product-info .col-sm-4.col_diachimh {
        width: 100%!important;
        display: flex
    }

    .row.product-info .col-sm-4.col_diachimh>div {
        width: 48%;
        margin: 1%
    }

    .row.product-info .col-sm-4.col_diachimh>div>div {
        width: 100%;
        margin: 0
    }

    .row.product-info .col-sm-4.col_diachimh>div .content_add_pro {
        display: block!important
    }

    .content_add_pro .list-group.html p {
        margin: 0 0 11px
    }

    .account-login div#content {
        width: 100%
    }

    .account-login aside#column-left {
        display: none
    }

    body.information-contact .form-group.required {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    body.information-contact .form-group.required label.col-sm-3.control-label {
        padding: 0
    }

    body.information-contact .buttons {
        border-top: 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 {
        flex-wrap: inherit;
        padding: 10px 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 .image {
        width: auto;
        margin-right: 20px
    }

    .header_top_col .col-md-6.col-sm-4.hidden-xs {
        text-align: left
    }

    .header_top_col .col-md-6.col-sm-8 ul.col_head.col_head_fix_q {
        text-align: right
    }

    .col_icon_head {
        margin-top: 0
    }

    .col_text_category .list_cate_home>li>ul {
        position: inherit;
        left: auto;
        background: #fff;
        border-left: 1px solid #D1D1D1;
        border-right: 1px solid #D1D1D1;
        height: auto;
        width: auto;
        top: 0;
        display: none;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .container_category_is_q .sap_xep_is_q {
        display: none
    }

    .tieude_va_sapxep {
        display: flex
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .col_icon_hotline,.item_header {
        margin-right:13px
    }

    .col_menu .col_text_category {
        display: flex;
        width: 100%;
        height: 45px
    }

    .col_text_category>div {
        width: 100%;
        position: initial
    }

    .col_menu .col_text_category .text_1 i.fa.fa-bars {
        display: none
    }

    .header_title_pos {
        position: relative;
        top: -200px
    }

    .header_top_col .col_head,.header_top_col {
        text-align: center
    }

    #header .col-logo #logo {
        text-align: center;
        margin-bottom: 20px
    }

    #header #search {
        margin-bottom: 15px
    }

    #header .col-menu {
        z-index: 9
    }

    #header .col_icon_head {
        display: flex;
        justify-content: space-around
    }

    .breadcrumb a {
        font-size: 12px
    }

    .nav.pro li>a {
        padding: 5px;
        font-size: 10px
    }

    .responsive-menu-controller {
        position: relative!important;
        top: 0px!important;
        left: 0
    }

    .followus #advanced-newsletter-box {
        max-width: 100%!important
    }

    .followus #advanced-newsletter-box #mail-box {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box input {
        display: block
    }

    .followus #advanced-newsletter-box #mail-box .input-group-btn {
        display: block;
        left: 0!important;
        margin-top: 10px;
        width: 100%
    }

    #video_background {
        max-width: 100%!important
    }

    .col_menu .col-menu,.col_menu .col_text_category {
        float: none!important
    }

    .col_menu .col_text_category {
        position: relative
    }

    .col_text_category .list_cate_home {
        min-height: 0;
        display: none;
        position: absolute;
        width: 100%
    }

    .col_menu .col_text_category .text_1 {
        padding-left: 15px;
        margin-bottom: 0;
        background: #004689
    }

    .col_menu .col_text_category .text_1 i {
        position: absolute;
        right: 15px;
        top: 0;
        line-height: 42px;
        text-align: center;
        width: 44px;
        margin-left: 0
    }

    .col_menu .col_text_category ul li {
        position: relative
    }

    .col_menu .col_text_category ul ul {
        background: none!important;
        padding-left: 20px;
        display: none
    }

    .col_text_category .list_cate_home li i {
        transform: rotate(90deg);
        font-size: 23px;
        position: absolute;
        right: 15px;
        line-height: 32px;
        width: 32px;
        text-align: center;
        cursor: pointer;
        top: 0
    }

    .col_text_category .list_cate_home>li>a {
        font-size: 16px;
        padding-right: 30px;
        display: inline-block
    }

    .col_text_category .list_cate_home ul li a {
        display: inline-block
    }

    .menu_level_1_is_q .menu_level_2_is_q>li>ul>li,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li,.menu_level_1_is_q .menu_level_2_is_q>li>ul>li:last-child,.menu_level_1_is_q .menu_level_2_is_q .chialam_ba_menu_con li:last-child {
        border-bottom: 1px solid #ddd!important
    }

    #mega-menu-container {
        background-color: rgb(74,144,226)!important
    }

    #mega-menu li.root>a {
        padding: 9px!important;
        color: #fff!important
    }

    #mega-menu li.root>a>i {
        margin-right: 5px
    }

    .content_add_pro {
        display: none
    }

    .col_left .col_item .list-group {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .list-group .category_list>li>span {
        padding-right: 20px
    }

    .col_left .col_item .list-group .category_list>li>span>i {
        position: absolute;
        top: -3px;
        right: 0;
        font-size: 22px
    }

    .col_left .col_item .list-group .category_list>li>ul {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 99;
        padding-right: 20px;
        padding-left: 10px
    }

    .col_left .col_item .bf-panel-wrapper {
        display: inline-block;
        vertical-align: top
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-attr-block,.col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        display: inline-block;
        vertical-align: top;
        z-index: 9999
    }

    .box.bf-check-position .brainyfilter-panel .bf-attr-block .bf-attr-header {
        border: none
    }

    .click {
        padding: 7px 5px 7px 0
    }

    .click i {
        font-size: 24px;
        color: rgb(144,144,144)
    }

    .click_repon.close_dt i {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg)
    }

    .click .click_repon {
        cursor: pointer
    }

    .col_left .col_item .bf-panel-wrapper .bf-form .bf-buttonclear-box {
        padding: 0 5px;
        display: none
    }

    .product-info .call_dt,.product-info .xem_col .hang_col,.product-info .cart #button-cart {
        width: 100%!important
    }

    .product-info .image:before {
        background: rgba(0,0,0,0);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999999999999999999999999999;
        left: 0;
        top: 0;
        display: block;
        content: ""
    }

    .zoomContainer {
        display: none
    }

    .activefix {
        top: 0
    }

    .col_head.col_head_fix_q li a {
        font-size: 12px!important
    }

    .col_head.col_head_fix_q li {
        padding-right: 9px
    }

    .col_head.col_head_fix_q li+li {
        margin-left: 5px
    }

    .item_header.visible-xs {
        position: absolute;
        right: 15px;
        top: -20px;
        margin: 0
    }

    .col-logo {
        position: relative
    }

    .item_header.visible-xs #cart button div.pull-left.flip img {
        width: 30px;
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .menu_level_2_is_q {
        padding: 0!important;
        border-top: 1px solid red;
        border-bottom: 1px solid red
    }

    .menu_level_1_is_q>i.fa {
        top: 0;
        transition: all .3s;
        border-radius: 50%;
        padding: 0!important
    }

    .menu_level_1_is_q>a {
        position: relative;
        width: 100%
    }

    .menu_level_1_is_q:hover>a,.menu_level_1_is_q:hover>i.fa {
        background: red;
        color: #fff!important
    }

    .menu_level_1_is_q>i.fa.open {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    ul.menu_level_2_is_q>li {
        width: 40%;
        display: inline-block;
        vertical-align: top
    }

    ul.menu_level_2_is_q>li+li {
        width: 58%
    }

    ul.menu_level_2_is_q>li>a {
        font-weight: bold!important;
        border-bottom: solid 1px #ddd;
        width: 100%
    }

    ul.menu_level_2_is_q li i.fa {
        display: none
    }

    ul.menu_level_2_is_q li ul {
        display: block!important;
        padding: 0!important
    }

    .chialam_ba_menu_con>li {
        width: 48%!important
    }

    .text_1>i.fa {
        transition: all .3s;
        border-radius: 50%
    }

    .text_1.open_q>i.fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .product-layout .product-thumb .col_sale,.product-layout .product-thumb .button-group .detail {
        font-size: 14px
    }

    aside#column-left .col_left .col_item {
        display: flex
    }

    ul.category_list li.click {
        padding: 5px 5px 7px 0
    }

    .bf-panel-wrapper .box {
        border: 0!important;
        margin-bottom: 0!important
    }

    .col_manu .head_manu span {
        width: calc(90%/2)!important
    }

    .ajax-filter:before {
        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;
        content: "\f00d";
        width: 100%;
        font-size: 21px;
        padding: 5px;
        text-align: right;
        content: none
    }

    .product-info .cart {
        overflow: hidden!important
    }

    .product-info .cart .col_callaction_mobile_is_q {
        width: 100%!important
    }

    .head_dcmh:after {
        position: absolute;
        right: 30px;
        content: "\e874";
        font-family: 'Linearicons-Free';
        speak: none;
        font-style: normal;
        font-weight: 700;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px!important;
        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;
        content: "\f107";
        transition: all .3s
    }

    .head_dcmh.open_q:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    a.d_ajax_filter_popup_button.clickable {
        display: none
    }

    .ajax-filter .af-body {
        border-bottom: 1px solid #d5d5d5
    }

    .ajax-filter.modal.fade {
        opacity: 1;
        display: block!important;
        overflow: inherit!important;
        background: transparent
    }

    .ajax-filter .af-body .af-container {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .ajax-filter .af-body .af-container>.af-heading {
        padding: 5px 5px 5px 5px!important;
        min-height: auto!important;
        border-top: 0!important;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body af_group:last-child .af-container>.af-heading {
        border-right: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .af-container>.af-heading>.title {
        font-size: 13px!important
    }

    .ajax-filter .af-body .af-container>.af-heading>span {
        right: 5px!important;
        transition: all .3s
    }

    .ajax-filter .af-container>.af-elements {
        max-height: 250px!important;
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        border-bottom: 2px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5
    }

    .ajax-filter .af-body .selected-list {
        display: none
    }

    .ajax-filter {
        border: 0!important
    }

    .col-sm-9.col_category div#ajax-filter-container .box-heading {
        margin: 0 0 40px;
        padding-left: 0;
        padding-right: 0
    }

    .ajax-filter.modal.fade {
        position: absolute;
        top: 800px;
        z-index: 1;
        transition: all 0.3s ease;
        margin: 0 24px
    }

    .ajax-filter .af-body {
        border-top: 1px solid #d5d5d5
    }

    .sanpham_chonloc_is_q .product-layout .product-thumb .col_caption .col_sale {
        font-size: 14px
    }

    .col-sm-9.col_category div#ajax-filter-container .sanpham_chonloc_is_q .box-heading {
        margin-bottom: 10px
    }

    .tieude_va_sapxep {
        display: block;
        border-bottom: 0
    }

    .tieude_va_sapxep .sap_xep_is_q {
        border-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .sap_xep_is_q .col-sm-12.text-right + .col-sm-12.text-right {
        padding-right: 0;
        padding-left: 0
    }

    .tieude_va_sapxep .box-heading {
        border-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .col-sm-3.col_text_category.pull-left.hidden-xs {
        display: none!important
    }

    .col_text_category.visible-xs {
        display: inline-block!important;
        width: 242px;
        width: 25%
    }

    .col-lg-4.col-md-4.col-sm-4.col_icon_head {
        padding: 25px 15px
    }

    .search_is_q_mtb {
        padding: 10px 15px
    }

    div#banner-grid0 iframe {
        height: 143px
    }

    .col-md-3.col-sm-6.col-xs-6.product-layout {
        width: 25%
    }

    #banner_about .item2 {
        margin-bottom: 14px
    }

    .banner_dichvu .banner-about {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .banner_dichvu .banner-about img {
        margin-bottom: 10px
    }

    .banner_dichvu .banner-about div span.test1 {
        font-size: 15px;
        font-weight: 700
    }

    .banner_dichvu .banner-about div span {
        font-size: 13px
    }

    .container.container_category_is_q aside#column-left {
        display: none
    }

    .container.container_category_is_q #content {
        width: 100%;
        border-left: 0
    }

    .account-login div#content {
        width: 100%
    }

    .account-login aside#column-left {
        display: none
    }

    body.information-contact .form-group.required {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    body.information-contact .form-group.required label.col-sm-3.control-label {
        padding: 0
    }

    body.information-contact .buttons {
        border-top: 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 {
        display: flex;
        flex-wrap: inherit;
        padding: 10px 0
    }

    .news-layout.news-standard.col-md-12.col-sm-12.col-xs-12 .image {
        margin-right: 20px
    }

    .header_top_col .col-md-6.col-sm-4.hidden-xs {
        text-align: left
    }

    .header_top_col .col-md-6.col-sm-8 ul.col_head.col_head_fix_q {
        text-align: right
    }

    .col_icon_head {
        margin-top: 0
    }

    .col_text_category .list_cate_home>li>ul {
        background: #fff!important;
        border-left: 1px solid #D1D1D1;
        border-right: 1px solid #D1D1D1;
        height: auto;
        display: none;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .row_header_is_q_mtb {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    #header #mega-menu li.root {
        margin-left: 5px;
        margin-right: 5px
    }

    #header #mega-menu li.root>a {
        padding: 10px!important;
        display: block!important
    }

    .col-sm-9.col-menu.pull-right.hidden-xs {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #4a90e2;
        width: 727px;
        width: 75%
    }

    .col_text_category.visible-xs ul.list_cate_home li.menu_level_1_is_q:first-child {
        display: none
    }
}

a {
    text-decoration: none
}

div#overlay {
    display: none
}

a#toggle {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    color: white;
    display: none;
    transition: all ease-out 0.3s
}

a#toggle i {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

main#content {
    padding: 10px
}

#menu {
    text-align: center;
    transition: all ease-out 0.3s
}

#menu a {
    color: white
}

#menu ul {
    margin: 0;
    padding: 0;
    background-color: rgba(22,160,133,.8)
}

#menu ul li {
    display: inline-block;
    position: relative
}

#menu ul li>a {
    display: inline-block;
    padding: 10px
}

#menu ul li>a>i {
    margin-left: 15px;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.1s
}

#menu ul li ul {
    display: none;
    position: absolute;
    top: 38px;
    width: 200px;
    text-align: left
}

#menu ul li ul li {
    display: block
}

#menu ul li ul li a {
    display: block
}

#menu ul li:hover>a {
    background-color: rgba(0,0,0,.3)
}

#menu ul li:hover>a>i {
    transform: rotateZ(90deg)
}

#menu ul li:hover ul {
    display: block
}

@media screen and (max-width: 767px) {
    a#toggle {
        display:block
    }

    main#content {
        margin-top: 65px;
        transition: all ease-out 0.3s
    }

    #menu {
        position: fixed;
        width: 250px;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
        background-color: rgba(22,160,133,.5);
        transform: translateX(-250px)
    }

    #menu ul {
        text-align: left;
        background-color: transparent
    }

    #menu ul li {
        display: block
    }

    #menu ul li a {
        display: block
    }

    #menu ul li a>i {
        float: right
    }

    #menu ul li ul {
        display: none;
        position: static;
        width: 100%;
        background-color: rgba(22,160,133,.2)
    }

    #menu ul li:hover>ul {
        display: none
    }

    #menu ul li:hover>a>i {
        transform: rotateZ(0)
    }

    #menu ul li.open>a {
        background-color: rgba(0,0,0,.3)
    }

    #menu ul li.open>a>i {
        transform: rotateZ(90deg)
    }

    #menu ul li.open>ul {
        display: block
    }

    div#overlay {
        display: block;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.8);
        transition: all ease-out 0.3s;
        z-index: 1;
        opacity: 0
    }

    html.open-menu {
        overflow: hidden
    }

    html.open-menu div#overlay {
        visibility: visible;
        opacity: 1;
        width: calc(-150%);
        left: 250px
    }

    html.open-menu a#toggle,html.open-menu main#content {
        transform: translateX(250px)
    }

    html.open-menu nav#menu {
        z-index: 3;
        transform: translateX(0)
    }
}

html {
    overflow: -moz-scrollbars-vertical;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

body {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    overflow-x: hidden
}

ul,ol {
    margin: 0;
    padding: 0
}

#container h1 {
    color: #000;
    margin: 0 0 20px 0;
    font-size: 35px;
    line-height: normal;
    font-weight: 400;
    text-rendering: optimizelegibility
}

#container h2,#container h3 {
    position: relative;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: normal;
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #ddd;
    padding-bottom: 3px
}

#container h3 .viewall {
    font-size: 12px
}

.box-content {
    line-height: 2.2
}

a {
    color: #333
}

a:hover {
    text-decoration: none
}

legend {
    font-size: 18px;
    padding: 7px 0
}

label {
    font-weight: 400
}

.clear {
    clear: both
}

form {
    padding: 0;
    margin: 0;
    display: inline
}

.form-control {
    border-radius: 0;
    padding: 13px;
    font-size: 12px;
    line-height: 16px;
    height: 42px;
    box-shadow: none;
    outline: none
}

.form-control:hover,.form-control:focus {
    border: 1px solid #9c5b57;
    box-shadow: none;
    outline: none
}

.input-group-addon {
    border-radius: 0;
    background: #FFF;
    border-right: none
}

img {
    vertical-align: inherit;
    max-width: 100%!important;
    height: auto!important
}

.img-thumbnail {
    border-radius: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

.list-group-item:first-child,.list-group-item:last-child {
    border-radius: 0
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    color: #fff;
    background-color: #9c5b57;
    border-color: #9c5b57
}

.list-group-item.active a {
    color: #fff
}

span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg {
    display: inline
}

.nav-tabs {
    margin-bottom: 15px
}

div.required .control-label:before {
    content: '* ';
    color: red;
    font-weight: 700
}

.image .img-responsive {
    width: 100%
}

.page-frame {
    padding: 0 15px
}

.page-frame .page-container {
    padding: 0 15px
}

.page-frame .w-1170 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.wrapper-box {
    max-width: 1220px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.wrapper-wide {
    max-width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.main-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 25px;
    clear: both
}

#container {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px
}

#header {
    position: relative;
    padding: 10px 0
}

#header .htop {
    background: #9c5b57
}

#header .header-row {
    position: relative;
    padding: 35px 0
}

#header .header-row .inner {
    padding: 0
}

#language,#currency {
    float: left
}

#language .btn-link,#currency .btn-link {
    color: #333;
    font-size: 12px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

#language .btn-link:hover,#currency .btn-link:hover {
    color: #9c5b57
}

#top .dropdown-menu {
    margin: 0;
    border-radius: 0;
    padding: 0;
    border: none;
    z-index: 1013
}

#top .dropdown-menu li a,#currency ul li .currency-select {
    display: block;
    color: #333;
    padding: 7px 10px;
    text-align: left;
    font-size: 12px
}

#top .dropdown-menu li + li a,#currency ul li + li .currency-select {
    border-top: 1px solid #eee
}

#my_account:hover>a:after,#language:hover span:after,#currency:hover span:after,#header .links>ul>li.wrap_custom_block:hover>a:after {
    clear: both;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    z-index: 1014;
    border-width: 0 7px 6px 7px;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -5px
}

#header .links>ul>li.wrap_custom_block:hover>a:after {
    clear: both;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    z-index: 1014;
    border-width: 0 7px 6px 7px;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -5px
}

#language button .btn-link {
    border: none 0
}

#header .links>ul>li.wrap_custom_block>a b {
    clear: both;
    content: ' ';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 4px 5px 0 5px;
    margin: 0 0 1px 0
}

#language img {
    cursor: pointer;
    margin-right: 5px
}

#top .dropdown-menu li a:hover,#currency ul li .currency-select:hover {
    color: #9c5b57;
    background: none;
    text-decoration: none
}

#header .links {
    position: relative;
    float: left;
    border-right: 1px dotted #5b9ad4
}

#header .links>ul>li {
    float: left;
    list-style-type: none;
    border-left: 1px dotted #5b9ad4
}

#header .links>ul>li.mobile,#header .links>ul>li.email {
    color: #fff
}

#header .links>ul>li.mobile {
    padding: 0 10px
}

#header .links>ul>li>a,#header .links>ul>li .wrap_custom_block>a {
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    display: block
}

#language .btn-link,#currency .btn-link {
    padding: 0 10px;
    border: none
}

#language .btn-link:hover,#currency .btn-link:hover {
    text-decoration: none
}

#header .links>ul>li .fa-phone,#header .links>ul>li .fa-envelope {
    font-size: 120%;
    margin-right: 5px
}

#header .links>ul>li.wrap_custom_block {
    position: relative
}

#header .links>ul>li.wrap_custom_block>div {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 1015;
    top: 35px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,.3)
}

#header .links>ul>li.wrap_custom_block>a b {
    margin-left: 3px
}

#header .links>ul>li.wrap_custom_block>a:hover {
    text-decoration: none
}

#header .links>ul>li.wrap_custom_block>div ul li {
    list-style-type: none
}

#header #cart {
    position: relative;
    text-align: right
}

@media (max-width: 767px) {
    .container_category_is_q .breadcrumb {
        display:none
    }

    .container_category_is_q .sap_xep_is_q {
        display: none
    }

    .table-responsive {
        padding-left: 15px;
        padding-right: 15px;
        border: 0
    }

    .breadcrumb li {
        display: none
    }

    .breadcrumb li:first-child,.breadcrumb li:last-child {
        display: inline-block
    }

    .nav.pro li>a {
        padding: 5px 5px;
        font-size: 12px
    }

    ul.nav.pro.nav_by_is_q.activefix>.container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 768px) {
    #header #cart {
        text-align:left
    }
}

#header #cart .heading h4 {
    width: 20px;
    height: 16px;
    background: #9c5b57;
    position: relative;
    margin-right: 5px
}

#header #cart .heading h4:before {
    clear: both;
    content: ' ';
    display: block;
    width: 14px;
    height: 19px;
    top: -8px;
    left: 3px;
    border: 2px solid #9c5b57;
    border-radius: 50%;
    border-bottom: none;
    position: absolute
}

#header #cart .heading h4:after {
    clear: both;
    content: ' ';
    display: block;
    width: 20px;
    height: 2px;
    bottom: -2px;
    left: 0;
    border: 1px solid #9c5b57;
    border-top: none;
    position: absolute
}

#header ul,#header ol {
    list-style: none
}

#header #cart .heading {
    text-decoration: none;
    font-size: 14px;
    height: 32px;
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 0;
    background: none;
    border: none
}

#header #cart.open .heading {
    color: #000
}

#header #cart .dropdown-menu {
    padding: 8px;
    margin: 0;
    z-index: 1011;
    background: #FFF;
    border: 3px solid #9c5b57;
    border-width: 3px 0 0 0;
    width: 350px;
    border-radius: 0;
    right: 0;
    left: auto
}

#cart .dropdown-menu li>p {
    margin: 30px 0
}

#header #cart .dropdown-menu .remove {
    border-radius: 100%;
    padding: 1.5px 4px;
    line-height: normal
}

#cart .dropdown-menu>li>.table>tbody>tr>td {
    border-bottom: 1px solid #ddd;
    border-top: none 0
}

#header #logo img {
    display: inline-block!important;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.table-container {
    display: table;
    width: 100%;
    table-layout: fixed
}

.table-container .col-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none
}

#header #search {
    position: relative;
    display: block
}

#header .button-search {
    width: 36px;
    height: 36px;
    font-size: 14px;
    z-index: 2;
    position: absolute;
    right: 0;
    cursor: pointer;
    float: right;
    background: none;
    border: none;
    color: #bbb;
    padding: 0
}

#header #search input {
    background: #FFF;
    padding: 0 36px 0 10px;
    height: 36px;
    font-size: 13px;
    color: #333;
    outline: none;
    display: block;
    border-radius: 0
}

#header #search input:focus {
    box-shadow: none
}

#header.style2 #logo {
    text-align: center
}

#header.style2 #logo a img {
    display: inline-block
}

#header.style2 #cart {
    text-align: left
}

#header.style2 #cart .dropdown-menu {
    left: 0;
    right: auto
}

#header.style3 #cart {
    text-align: right
}

#menu .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

#menu.navbar {
    border-radius: 0;
    min-height: inherit
}

#menu .navbar-nav {
    float: none;
    position: relative
}

#menu .nav>li>a.home_link span {
    text-indent: -99999px;
    position: relative;
    background: #656565;
    width: 12px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>a.home_link span:before {
    clear: both;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #656565 transparent;
    position: absolute;
    border-width: 0 10px 9px;
    top: -9px;
    left: -4px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>a.home_link span:after {
    clear: both;
    content: ' ';
    display: block;
    width: 12px;
    height: 4px;
    border: 1px solid #656565;
    border-width: 0 4px 0 4px;
    position: absolute;
    bottom: -4px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>a.home_link:hover span {
    background: #9c5b57;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>a.home_link:hover span:before {
    border-bottom-color: #9c5b57;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>a.home_link:hover span:after {
    border-color: #9c5b57;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu {
    border-bottom: 3px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-right: 0;
    border-left: 0;
    margin-bottom: 0
}

#menu .nav>li {
    height: 40px
}

#menu .nav>li>a {
    font-size: 16px;
    color: #555;
    line-height: 40px;
    text-decoration: none;
    padding: 0 10px 0 10px;
    z-index: 1009;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li:hover>a {
    color: #9c5b57;
    background: #f3f3f3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#menu .nav>li>.dropdown-menu {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 1010;
    padding: 5px 0 0;
    border-top: 3px solid #9c5b57;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    font-size: 12px
}

#menu .nav>li:hover>.dropdown-menu.custom_block ul {
    display: table-cell
}

#menu .nav>li>.dropdown-menu>ul {
    display: table-cell
}

#menu .nav>li .dropdown-menu {
    border-radius: 0
}

#menu .nav>li.categories_hor>div {
    display: none;
    background: #fff;
    margin-left: 0px!important;
    width: 100%;
    position: absolute;
    padding: 10px 0 0 0
}

#menu .nav>li.sub:hover>a:after {
    clear: both;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #9c5b57 transparent;
    position: absolute;
    border-width: 0 7px 6px 7px;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -5px;
    z-index: 1009
}

#menu .nav>li.categories_hor>div>.column a span,#menu .nav>li.categories>div>.column a span,#menu .nav>li>div>ul li a span {
    float: right;
    font-size: 18px;
    line-height: 13px
}

#menu .nav>li.categories_hor>div>.column {
    position: relative;
    display: inline-block;
    margin: 0 0 15px 0
}

#menu .nav>li>div>ul {
    position: relative;
    width: 160px
}

#menu .nav>li.categories_hor>div>.column>a {
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

#menu .nav>li.categories_hor>div>.column a,#menu .nav>li>div>ul li a {
    padding: 4px 0;
    display: block
}

#menu .nav>li>div>ul li a {
    font-size: 12px
}

#menu .nav>li.categories_hor>div>.column:hover>a {
    color: #9c5b57
}

#menu .nav>li.categories_hor>div>.column>div {
    display: block
}

#menu .nav>li.categories_hor>div>.column>div ul li,#menu .nav>li.categories>div>.column>div ul li {
    position: relative
}

#menu .nav>li ul + ul {
    padding-left: 20px
}

#menu .nav>li.categories_hor ul + ul,#menu .nav>li.categories>div>.column>div ul + ul {
    padding-left: 0
}

#menu .nav>li ul>li>a {
    text-decoration: none;
    padding: 4px;
    display: block;
    min-width: 160px
}

#menu .nav>li div>ul>li>a {
    color: #222
}

#menu .nav>li div>ul>li:hover>a {
    color: #9c5b57
}

#menu .nav>li.categories>div {
    display: none;
    background: #fff;
    min-width: 180px;
    position: absolute;
    z-index: 1008;
    padding: 5px 0 0;
    box-shadow: 0 4px 8px rgba(0,0,0,.3)
}

#menu .nav>li.categories>div>.column,#menu .nav>li>div>ul {
    position: relative
}

#menu .nav>li.categories>div>.column + .column,#menu .nav>li>div>ul li + li {
    border-top: 1px solid #eee
}

#menu .nav>li.categories>div>.column>a,#menu .nav>li div>ul>li>a {
    font-size: 13px;
    padding: 7px 10px;
    display: block;
    color: #333
}

#menu .nav>li.categories>div>.column:hover>a,#menu .nav>li>div>ul li:hover>a {
    color: #9c5b57
}

#menu .nav>li.categories>div>.column>div {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    z-index: 1010;
    left: 100%;
    top: 0;
    padding: 0;
    border-top: 3px solid #9c5b57
}

#menu .nav>li.categories>div>.column>div ul li + li,#menu .nav>li.categories_hor>div .submenu ul li + li a {
    border-top: 1px solid #eee
}

.submenu {
    background: #fff;
    position: absolute;
    z-index: 1008;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    min-width: 160px;
    display: none;
    border-top: 3px solid #9c5b57;
    left: 100%;
    margin-top: -32px
}

#menu .nav>li.categories_hor>div .submenu {
    margin-top: -23px;
    margin-left: -15px
}

#menu .nav>li.categories_hor>div .submenu ul li a {
    padding: 7px 10px
}

#menu .nav>li.categories_hor.dropdown,#menu .nav>li.menu_brands.dropdown {
    position: static
}

#menu .nav>li.menu_brands.name {
    position: relative
}

#menu .nav>li.menu_brands.name>div {
    padding: 0px!important
}

#menu .nav>li.menu_brands>div {
    padding: 15px 0 0px!important;
    width: 100%;
    margin-left: 0px!important
}

#menu .nav>li.menu_brands>div>div {
    text-align: center;
    margin-bottom: 10px
}

#menu .nav>li.menu_brands>div>div a {
    display: block;
    line-height: 16px
}

#menu .nav>li.menu_brands>div>div a img {
    display: inline-block
}

#menu .nav>li.custom-link-right {
    float: right
}

#menu .nav>li.wrap_custom_block>div.custom_block {
    padding: 5px
}

.custom_block p {
    line-height: 18px;
    margin: 0
}

.custom_block a,#menu .nav>li.wrap_custom_block>div.custom_block a {
    display: inline-block
}

.custom_block {
    line-height: normal
}

.custom_block td,.custom_block th {
    padding: 5px
}

.custom_block h1 {
    font-size: 28px;
    margin-top: 0
}

.custom_block h2 {
    font-size: 24px;
    margin-top: 0
}

.custom_block h3 {
    font-size: 22px;
    margin-top: 0
}

.custom_block h4 {
    font-size: 20px;
    margin-top: 0
}

.custom_block h5 {
    font-size: 18px;
    margin-top: 0
}

.alert {
    padding: 10px 14px;
    border-radius: 0
}

.breadcrumb {
    color: #323232;
    margin-bottom: 0;
    background: none;
    padding: 0;
    border-radius: 0
}

.breadcrumb a {
    color: #323232;
    font-size: 15px
}

.breadcrumb a:hover {
    color: #2f4a90;
    text-decoration: underline
}

.breadcrumb a i dd {
    text-indent: -99999px;
    display: inline-block
}

.pagination {
    margin: 0
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background: #004689;
    border-color: #004689
}

.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-radius: 0
}

.pagination>li>a,.pagination>li>span {
    color: #9c5b57
}

.buttons {
    border-top: 1px solid #004689;
    overflow: auto;
    padding: 15px 6px 0 6px;
    margin-bottom: 20px
}

.btn {
    padding: 11px 12px;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.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,.dropdown-menu {
    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
}

.btn-default {
    color: #333;
    background-color: #e7e7e7
}

.btn-default:hover {
    background: #333;
    color: #fff
}

.btn-primary {
    background-color: #9c5b57;
    color: #fff
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    background: #333;
    color: #fff
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    background: #333;
    color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #faa732
}

.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,.1)
}

.btn-danger {
    color: #fff;
    background-color: #da4f49
}

.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,.1)
}

.btn-success {
    color: #fff;
    background-color: #5bb75b
}

.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,.1)
}

.btn-info {
    color: #fff;
    background-color: #df5c39
}

.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: #9c5b57;
    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: #fff;
    background-color: #363636
}

.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    background-color: #222
}

.htabs {
    height: 30px;
    line-height: 16px;
    padding-left: 10px;
    border-bottom: 2px solid #ddd
}

.htabs a {
    padding: 7px 15px 6px 15px;
    float: left;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #333;
    display: none
}

.nav-tabs>li>a.selected {
    color: #111;
    padding-bottom: 5px;
    background: #FFF;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    font-weight: 700
}

.nav-tabs {
    margin-bottom: 0
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    font-weight: 700
}

.nav-tabs>li {
    margin-bottom: -2px
}

.nav-tabs>li>a:hover {
    border-color: transparent;
    color: #333
}

.nav-tabs>li>a {
    border-radius: 0;
    color: #333
}

.tab-content {
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    z-index: 2;
    border: 1px solid #ddd;
    border-top: 0
}

#tab-description ul {
    margin-left: 20px;
    margin-bottom: 15px
}

.tab-sub {
    position: absolute;
    right: 70px;
    top: -46px;
    border: none;
    padding: 0;
    height: 25px;
    line-height: 25px
}

.tab-sub a {
    padding: 0 7px;
    font-size: 12px
}

.tab-sub a.selected {
    padding: 0 10px;
    position: relative;
    line-height: 24px
}

.tab-sub a.selected:hover {
    text-decoration: none;
    cursor: default
}

.tab-sub a:hover {
    text-decoration: underline
}

.category-module-content {
    position: relative
}

.category-module .tabs {
    position: absolute;
    right: 70px;
    top: -36px;
    height: 25px;
    line-height: 1.1
}

.category-module .tabs li {
    float: left;
    list-style-type: none
}

.category-module .tabs li a {
    padding: 10px 15px;
    font-size: 14px;
    display: inline-block;
    color: #333
}

.category-module .tabs li.active a {
    position: relative;
    color: #111;
    background: #FFF;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.category-module .tabs li.active a:hover {
    text-decoration: none;
    cursor: default
}

.category-module .tabs li a:hover {
    text-decoration: underline;
    color: #004B91
}

.product-tab {
    margin-bottom: 20px
}

.product-tab .tabs {
    height: 34px;
    line-height: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd
}

.product-tab .tabs li {
    float: left;
    list-style-type: none
}

.product-tab .tabs li a {
    padding: 10px 15px;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #222;
    margin-right: 2px;
    opacity: .7;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.product-tab .tabs li.active a {
    opacity: 1;
    padding-bottom: 8px;
    background: #FFF;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.product-tab .deactive,.category-module .deactive {
    display: none
}

.addthis_default_style>a {
    padding: 0
}

#column-right .featured_carousel,#column-right .bestseller_carousel,#column-right .latest_carousel,#column-right .special_carousel,#column-left .featured_carousel,#column-left .bestseller_carousel,#column-left .latest_carousel,#column-left .special_carousel {
    display: block
}

#column-right .owl-carousel .product-thumb,#column-left .owl-carousel .product-thumb {
    padding: 0 0 7px 0;
    text-align: left;
    border: 0 none;
    margin: 0;
    clear: both
}

#column-right .owl-carousel .product-thumb + .product-thumb,#column-left .owl-carousel .product-thumb + .product-thumb {
    border-top: 1px dotted #ccc;
    padding-top: 7px
}

#column-right .owl-carousel .product-thumb .image,#column-left .owl-carousel .product-thumb .image {
    float: left;
    margin-right: 8px;
    margin-bottom: 0;
    width: 50px
}

#column-right .owl-carousel .product-thumb .caption,#column-left .owl-carousel .product-thumb .caption {
    float: left;
    max-width: 202px
}

#column-right .owl-carousel .product-thumb h4,#column-left .owl-carousel .product-thumb h4 {
    margin-bottom: 2px
}

#column-right .owl-carousel .product-thumb h4 a,#column-left .owl-carousel .product-thumb h4 a {
    font-size: 12px;
    display: block
}

#column-right .owl-carousel .product-thumb .price,#column-left .owl-carousel .product-thumb .price {
    padding: 0;
    margin: 0 0 2px 0;
    font-size: 12px
}

#column-right .owl-carousel .product-thumb .saving,#column-left .owl-carousel .product-thumb .saving {
    position: relative;
    line-height: normal;
    padding: 0 3px;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    font-size: 11px;
    border-radius: 0;
    display: inline-block
}

#column-right .owl-carousel .product-thumb .button-group,#column-left .owl-carousel .product-thumb .button-group {
    display: none
}

.box-category ul,.list-item {
    list-style: none;
    margin-top: -5px
}

.box-category>ul>li,.list-item>li {
    display: block;
    position: relative
}

.box-category .down {
    top: 2px;
    right: 0;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 24px;
    opacity: .6;
    -moz-opacity: .6
}

.box-category .down:hover {
    opacity: 1;
    -moz-opacity: 1
}

.box-category ul li a,.list-item li a {
    padding: 3px 0;
    color: #222;
    display: block
}

.box-category ul li.double a {
    display: inline-block;
    margin: 0
}

.box-category ul li {
    position: relative
}

.box-category>ul>li a.active + .down {
    background-position: 0 -12px
}

.box-category>ul>li>a {
    color: #333;
    text-transform: uppercase
}

.box-category>ul>li>ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: 10px;
    margin-bottom: 5px;
    min-height: 150px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 99
}

.box-category .category-col-1 {
    width: 200px
}

.box-category .category-col-2 {
    width: 400px
}

.box-category .category-col-3 {
    width: 600px
}

.box-category .category-col-4 {
    width: 800px
}

.box-category .category-col-6 {
    width: 1200px
}

@media only screen and (max-width: 768px) {
    .box-category .category-col-1,.box-category .category-col-2,.box-category .category-col-3,.box-category .category-col-4,.box-category .category-col-6 {
        width:100%
    }
}

.box-category>ul>li a.active {
    font-weight: 700
}

.box-category>ul>li:hover ul {
    display: block
}

.box-category a:hover,.list-item a:hover {
    text-decoration: underline;
    color: #9c5b57
}

.box-category>ul>li ul>li>a {
    text-decoration: none;
    padding: 5px 0
}

.box-filter {
    list-style-type: none;
    margin-bottom: 20px
}

.box-filter>li>span {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    color: #333
}

.box-filter>li>ul {
    margin-bottom: 15px;
    list-style-type: none
}

.box-filter>li>ul li {
    margin-bottom: 5px
}

.box-filter>li>ul li label {
    margin-left: 5px
}

.box-filter>li>ul li label input[type="radio"],.box-filter>li>ul li label input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px;
    position: relative
}

#button-filter {
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    height: auto;
    line-height: normal;
    padding: 5px 7px;
    text-transform: uppercase
}

.sitemap {
    list-style: none;
    margin: 0;
    padding: 0
}

.sitemap>li {
    border-top: 1px solid #eee;
    display: block;
    position: relative;
    font-weight: 700;
    color: #555
}

.sitemap>li:first-child {
    border-top: 0
}

.sitemap li a {
    color: #555;
    padding: 5px 8px 5px 0;
    display: block;
    font-weight: 700
}

.sitemap li ul {
    margin-left: 30px
}

.sitemap li ul li a {
    font-weight: 400
}

.sitemap li a:hover {
    color: #9c5b57;
    text-decoration: underline
}

#content {
    min-height: 400px
}

.category-list-thumb,.category-list {
    margin-bottom: 15px
}

.category-list-thumb>div {
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px
}

.category-list-thumb>div img {
    max-width: 100%!important;
    border: 1px solid #ddd;
    padding: 3px
}

.category-list .div a {
    text-decoration: underline;
    font-weight: 700
}

.product-manufacturer.manufacturer-list {
    margin-bottom: 20px
}

.product-manufacturer #container h2 {
    border: 1px solid #EAEAEA;
    background: #F6F6F6;
    padding: 3px 8px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 20px;
    color: #333
}

.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

#list-view,#grid-view {
    font-size: 18px;
    padding: 0;
    background: none;
    margin-right: 10px;
    color: #555
}

#list-view:hover,#grid-view:hover {
    color: #000
}

#list-view:active,#grid-view:active {
    color: #333;
    box-shadow: none
}

#list-view.selected,#grid-view.selected {
    color: #999;
    cursor: default
}

.product-filter {
    border: 1px solid #EAEAEA;
    background: #F6F6F6;
    padding: 6px 5px;
    line-height: 25px
}

.product-filter .form-control {
    padding: 2px 12px;
    height: auto
}

.product-list.row,.products-category.row {
    margin: 0
}

.owl-carousel {
    margin-bottom: 20px
}

.owl-carousel .product-thumb .image {
    margin-bottom: 5px
}

.owl-carousel .product-thumb {
    padding: 7px;
    margin: 0 3px 0 0;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    .owl-carousel .product-thumb:hover {
        border-color:#eae9e9
    }
}

.carousel-caption {
    color: #FFF;
    text-shadow: 0 1px 0 #000
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome
}

.product-thumb .image {
    text-align: center;
    background: #ececec
}

.product-thumb .image a {
    display: block
}

.product-thumb .image a img {
    display: inline-block
}

.product-thumb h4 {
    margin: 0
}

.product-thumb h4 a {
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    color: #777
}

.product-thumb h4 a:hover {
    text-decoration: underline
}

.product-thumb .price {
    margin: 10px 0;
    color: #9c5b57;
    font-size: 13px;
    font-weight: 700
}

.product-thumb .price-new {
    font-weight: 700
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 12px
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
    font-weight: 400
}

.product-thumb .button-group button {
    border: none
}

.product-thumb .button-group .btn-primary {
    padding: 8px 13px;
    margin-bottom: 7px;
    font-size: 12px;
    height: auto;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    line-height: normal
}

.product-thumb .button-group .add-to-links button {
    background: none;
    color: #333;
    font-size: 15px
}

.product-thumb .button-group .add-to-links button:hover {
    color: #9c5b57;
    cursor: pointer
}

.product-thumb .rating {
    padding-bottom: 7px
}

.product-thumb .rating span {
    vertical-align: top
}

.product-grid:hover {
    border-color: #eae9e9
}

.product-grid .product-thumb .image {
    margin-bottom: 0
}

.product-grid .product-thumb .image {
    float: none
}

.product-grid .product-thumb .button-group .add-to-links button,.owl-carousel .product-thumb .button-group .add-to-links button, {
    padding: 2px 6px
}

@media only screen and (min-width: 1025px) {
    .product-grid .product-thumb .button-group .add-to-links,.owl-carousel .product-thumb .button-group .add-to-links {
        visibility:hidden
    }
}

.product-grid:hover .product-thumb .button-group .add-to-links,.owl-carousel .product-thumb:hover .button-group .add-to-links {
    visibility: visible
}

.product-grid .product-thumb .button-group .add-to-links button span {
    display: none
}

.saving {
    background: #f12b63;
    border-radius: 100% 100% 100% 100%;
    color: #FFF;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 40px
}

.product-list {
    position: relative;
    padding: 20px 0;
    border-top: 2px solid #eae9e9
}

.product-list:first-child {
    border-top: none
}

.product-list .image {
    float: left;
    margin-right: 15px
}

.product-list .product-thumb h4 {
    margin-bottom: 8px
}

.product-list .product-thumb h4 a {
    font-weight: 700;
    font-size: 15px
}

.product-list .product-thumb .description {
    margin-bottom: 0
}

.product-list .product-thumb .button-group .btn-primary {
    float: left;
    margin-right: 5px
}

.product-list .product-thumb .button-group .add-to-links {
    float: left;
    padding: 1px 0;
    display: inline-block
}

.product-list .product-thumb .button-group .add-to-links button span {
    font-size: 12px
}

.product-list .saving {
    top: 25px;
    left: 16px
}

.rating .fa-stack {
    font-size: 6px
}

.rating .fa-star-o {
    color: #999;
    font-size: 13px
}

.rating .fa-star {
    color: #FC0;
    font-size: 13px
}

.rating .fa-star + .fa-star-o {
    color: #E69500
}

.product-info {
    margin-bottom: 20px
}

.product-info .image {
    position: relative;
    text-align: center;
    z-index: 9
}

.product-info .zoomWrapper {
    display: inline-block
}

.product-info span.zoom-gallery {
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
    color: #333;
    padding: 1px 0
}

.product-info span.zoom-gallery .fa {
    font-size: 13px
}

.product-info .image .zoomWrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.product-info .image-additional {
    overflow: hidden;
    margin-top: 15px
}

.product-info .image-additional img {
    max-width: 100%;
    height: auto;
    display: block
}

#column-left + #content .product-info .image-additional img,#column-right + #content .product-info .image-additional img {
    max-width: 66px
}

.product-info .image-additional a {
    float: left;
    display: block;
    border-radius: 0;
    margin-bottom: 15px
}

.product-info .image-additional a:hover,.product-info .image-additional a:focus,.product-info .image-additional a:active {
    border-color: #bbb
}

.product-info .image-additional a.active {
    opacity: .5;
    outline: 0;
    cursor: default
}

.product-info .image-additional .owl-buttons .owl-next {
    right: 6px!important
}

.addthis_toolbox {
    display: table;
    width: 100%
}

.product-info .description {
    line-height: 22px;
    margin-bottom: 15px
}

.product-info .price-box {
    background: #F4F3F3;
    border: 1px solid #eee;
    overflow: auto;
    padding: 10px 5px;
    margin-bottom: 20px
}

.product-info .price {
    font-size: 30px;
    font-weight: 700;
    color: #FF4D49
}

.product-info .price-old {
    color: #777;
    font-size: 20px;
    text-decoration: line-through;
    font-weight: 400
}

.product-info .cart {
    border-bottom: 1px solid #eae9e9;
    padding: 0 0 20px;
    margin-bottom: 15px;
    color: #4D4D4D;
    overflow: auto
}

.product-info .cart div {
    vertical-align: middle
}

.product-info .cart div.text-or {
    padding: 5px 6px 0
}

.product-info .cart div>span {
    padding-top: 7px;
    display: block;
    color: #999
}

.product-info .cart div .wishlist {
    font-size: 11px;
    display: inline-block;
    padding-top: 3px;
    border: none;
    background: none;
    margin-left: 15px
}

.product-info .cart div .wishlist .fa {
    font-size: 14px
}

.product-info .cart div .wishlist:hover {
    text-decoration: underline
}

.product-info .cart #button-cart {
    padding: 11px 15px;
    text-transform: uppercase;
    width: 320px;
    background: #FF4D49!important;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 5px
}

.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px;
    color: #999;
    clear: both
}

.product-info .cart div .qty {
    margin-right: 20px
}

.qty .control-label {
    margin-right: 10px;
    margin-bottom: 0;
    float: left;
    padding: 8px 0;
    display: inline-block
}

.qty a {
    background: url(../image/plus.png) no-repeat 2px 2px #f5f5f5;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    text-indent: -9999px;
    border: 1px solid #ccc;
    border-width: 1px 1px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none
}

.qty a.mines {
    background-position: 2px -13px;
    border-width: 1px 1px 1px 0
}

.qty a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff
}

.qty #button-cart,.qty #input-quantity {
    float: left;
    font-size: 15px;
    width: 44px;
    padding-left: 2px;
    padding-right: 2px;
    height: 42px;
    text-align: center
}

.login-container {
    background: url(../image/login-bg.jpg);
    background-position: 50% -73.5px;
    display: table;
    width: 100%;
    padding: 60px;
    position: relative
}

.login-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4)
}

.login-form {
    background: #fff;
    padding: 40px;
    text-align: center
}

.login-form h2,.login-form .box-heading {
    text-transform: uppercase
}

.login-form .btn {
    width: 100%;
    padding: 13px;
    text-transform: uppercase
}

.login-form .btn-singup,.login-form .btn-singup:hover,.login-form .btn-singup:focus {
    background: #fff;
    color: #555;
    border: 1px solid #ccc
}

#back-top {
    display: none
}

#back-top a {
    position: fixed;
    bottom: 0;
    right: 10px;
    background-color: rgba(0,0,0,.2);
    width: 45px;
    height: 30px;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 28px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#back-top a:hover {
    background-color: #9c5b57;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#facebook {
    position: fixed;
    width: 241px;
    background: #fff;
    border: 3px solid #3b5998;
    padding: 0
}

#facebook.fb-left {
    left: -241px
}

#facebook.fb-right {
    right: -241px
}

#facebook_icon {
    width: 30px;
    height: 50px;
    text-align: center;
    line-height: 54px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: -3px;
    background-color: #3b5998
}

.fb-left #facebook_icon {
    right: -33px
}

.fb-right #facebook_icon {
    left: -33px
}

#twitter_footer {
    position: fixed;
    width: 215px;
    background: #fff;
    border: 3px solid #2daae1;
    padding: 5px 10px
}

#twitter_footer.twit-left {
    left: -215px
}

#twitter_footer.twit-right {
    right: -215px
}

.twitter_icon {
    width: 30px;
    height: 50px;
    text-align: center;
    line-height: 54px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: -3px;
    background-color: #2daae1
}

.twitter_icon .fa-twitter,#facebook_icon .fa-facebook {
    font-size: 19px;
    color: #FFF
}

.twit-left .twitter_icon {
    right: -33px
}

.twit-right .twitter_icon {
    left: -33px
}

.banner-grid {
    text-align: center;
    position: relative
}

.banner-grid .overlay {
    background-color: rgba(255,255,255,.7);
    z-index: 9;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.banner-grid .overlay:hover {
    opacity: 1
}

.banner-grid .overlay h5 {
    padding: 25% 0;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    .banner-grid img {
        width:100%
    }
}

.box-title {
    border-bottom: 1px solid #ccc
}

.box-title h3 {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase
}

.panel-group .panel,.panel-default {
    border-radius: 0
}

#footer {
    background: #f4f4f4;
    padding-top: 80px;
    padding-bottom: 50px
}

#footer .fpart-first {
    background-color: #f3f3f3;
    color: #333;
    padding-top: 50px;
    padding-bottom: 50px
}

#footer .fpart-first a {
    color: #888
}

#footer .fpart-first a:hover {
    color: #9c5b57;
    text-decoration: underline
}

#footer .fpart-second {
    background-color: #fff;
    color: #333;
    padding: 25px 0 0
}

#footer .fpart-second a {
    color: #9c5b57
}

#footer .fpart-second a:hover {
    color: #9c5b57;
    text-decoration: underline
}

#footer .custom-text {
    padding: 0 0 25px
}

#footer .custom-text p {
    margin: 0
}

#footer h5 {
    color: #000;
    font-size: 17px;
    margin: 0 0 15px 0;
    padding: 0 0 7px 0;
    font-weight: 400
}

#footer .column ul li {
    list-style-type: none
}

#footer .column a {
    text-decoration: none;
    display: block;
    padding: 3px 0;
    line-height: 18px;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .column a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .contact ul li {
    font-size: 12px;
    list-style-type: none;
    line-height: 20px
}

#footer .contact>ul>li>.fa {
    margin-right: 10px
}

#footer .contact>ul>li>.fa-map-marker {
    font-size: 18px
}

#footer .contact>ul>li>.fa-phone {
    font-size: 18px
}

#footer .contact>ul>li>.fa-envelope {
    font-size: 15px
}

#footer .contact ul li + li {
    margin-top: 12px
}

#footer .contact ul li.email a {
    text-decoration: underline
}

#footer .contact ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .contact ul li a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none
}

#footer .payments_types {
    text-align: center;
    padding: 0 0 25px 0
}

#footer .payments_types img {
    display: inline-block;
    margin: 0 3px 3px 3px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .payments_types img:hover {
    opacity: .7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .social {
    margin: 0;
    text-align: right;
    padding: 0
}

#footer .social a {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 4px;
    border-radius: 50%
}

#footer .social a:hover {
    border-color: #9c5b57
}

#footer .social a img {
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer .social a img:hover {
    opacity: .7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#powered {
    padding: 25px 0;
    border-top: 1px solid #ccc;
    background-color: #e9e9e9;
    margin: 0
}

#powered a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#powered a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#powered .powered_text {
    padding-top: 6px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}

.copyright {
    text-align: center
}

.copyright,.copyright a {
    color: #555
}

.parallax-bg {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: repeat-y
}

.zoomContainer {
    z-index: 99
}

.row.phantrang_is_q {
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px
}

.row.phantrang_is_q .col-sm-6.text-left {
    display: flex
}

.row.phantrang_is_q .col-sm-6.text-right {
    margin: 5px 0
}

.table-responsive iframe {
    max-width: 100%
}

.columns.small-12.large-6 {
    width: 100%!important;
    max-width: none!important;
    font-size: 12px!important
}

.columns.small-12.large-6 span,.columns.small-12.large-6 ul,.columns.small-12.large-6 li {
    font-size: 12px!important
}

#header #mega-menu .root .normal-submenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding-left: 0;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 351px;
    background: #fff
}

#header #mega-menu .root .normal-submenu>li {
    /* border: 1px solid #555; */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff!important;
    margin-left: -1px;
    margin-top: -1px
}

#header #mega-menu .root .normal-submenu>li>a img {
    max-height: 100px!important;
    max-width: 100%!important
}

#header #mega-menu .root .normal-submenu>li>a {
    border: 0;
    padding: 5px
}

.col_manu .owl-theme .owl-controls {
    margin: 0
}

.col_manu .owl-carousel {
    margin: 0
}

.col_manu .owl-carousel.nxt .owl-controls .owl-buttons>div {
    margin: 0;
    margin-top: -11px
}

.col_manu .owl-carousel .owl-item .item.text-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.tss .title_in {
    border-bottom: 1px solid #ddd
}

#tmd_delivery_address,#typeaccount {
    display: none
}

#tmd_cart .form-control {
    padding: 5px;
    height: 36px!important
}

#tmd_shipping_method .row>div.col-sm-12 {
    display: none
}

#tmd_payment_method .row>div.col-sm-12 {
    margin: 43.5px 0
}

#tmd_shipping_method {
    display: none
}

#tmd_payment_method {
    padding: 10px!important;
    margin-top: 0!important
}

#tmd_payment_method label.col-sm-12 {
    display: flex
}

#tmd_payment_method .row {
    margin-left: 0;
    margin-right: 0
}

#quick-checkout .btn-danger {
    margin-left: 0
}

#quick-checkout .panel-heading {
    background: #f5f5f5;
    font-weight: 400;
    font-size: 14px
}

#tmd_cart div.row table tr:nth-child(2) {
    display: none
}

#final-button h2,#final-button p,#final-button div.well.well-sm {
    display: none
}

#accountcontent .block {
    border: 0
}

.row.col_scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    margin-left: 1px
}

.row.col_scroll .product-layout.product-grid.col-lg-3.col-md-3.col-sm-6.col-xs-6 {
    margin-left: -1px;
    margin-top: -1px
}

.row.col_scroll .product-thumb {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-content: space-between
}

.pro_category {
    margin-left: 4px;
    margin-right: 0
}

.pro_category .col-md-3.col-sm-6.col-xs-6.product-layout {
    margin-left: -1px;
    margin-top: -1px
}

.sanpham_chonloc_is_q .col_scroll {
    margin-bottom: 0
}

.sanpham_chonloc_is_q .col_scroll .product-layout.product-grid {
    margin-bottom: 0
}

.sanpham_chonloc_is_q .col_scroll .product-layout .product-thumb .caption {
    text-align: left;
    height: auto!important
}

.sanpham_chonloc_is_q .col_scroll .caption .price .price-old {
    float: none
}

.sanpham_chonloc_is_q .owl-carousel.nxt .owl-controls .owl-buttons {
    visibility: visible!important
}

.sanpham_chonloc_is_q .owl-carousel.nxt .owl-controls .owl-buttons .owl-next {
    background: #fff!important;
    margin: 0!important;
    border: 1px solid #dcdcdc!important;
    padding: 15px 10px;
    height: 54px;
    width: 32px;
    right: -14px;
    margin-top: -27px!important
}

.sanpham_chonloc_is_q .owl-carousel.nxt .owl-controls .owl-buttons .owl-prev {
    background: #fff!important;
    margin: 0!important;
    border: 1px solid #dcdcdc!important;
    padding: 15px 10px;
    height: 54px;
    width: 32px;
    left: -16px;
    margin-top: -27px!important
}

.sanpham_chonloc_is_q .owl-carousel.nxt .owl-controls .owl-buttons .owl-next:hover {
    background: red!important;
    color: #fff!important
}

.sanpham_chonloc_is_q .owl-carousel.nxt .owl-controls .owl-buttons .owl-prev:hover {
    background: red!important;
    color: #fff!important
}

.sanpham_chonloc_is_q .caption .name h2 {
    height: auto!important
}

.banner_chinh .owl-carousel.nxt {
    margin-bottom: -9px
}

.banner_chinh .owl-carousel.nxt .owl-controls .owl-buttons {
    visibility: visible!important
}

.banner_chinh .owl-carousel.nxt .owl-controls .owl-buttons .owl-next {
    background: #fff!important;
    margin: 0!important;
    border: 1px solid #dcdcdc!important;
    padding: 15px 10px;
    height: 54px;
    width: 32px;
    right: 0;
    margin-top: -27px!important
}

.banner_chinh .owl-carousel.nxt .owl-controls .owl-buttons .owl-prev {
    background: #fff!important;
    margin: 0!important;
    border: 1px solid #dcdcdc!important;
    padding: 15px 10px;
    height: 54px;
    width: 32px;
    left: 0;
    margin-top: -27px!important
}

.banner_chinh .owl-carousel.nxt .owl-controls .owl-buttons .owl-next:hover {
    background: red!important;
    color: #fff!important
}

.banner_chinh .owl-carousel.nxt .owl-controls .owl-buttons .owl-prev:hover {
    background: red!important;
    color: #fff!important
}

.sanpham_chonloc_is_q .owl-wrapper {
    display: flex!important
}

.sanpham_chonloc_is_q .product-layout.product-grid {
    height: 100%
}

.sanpham_chonloc_is_q .product-thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

div#description iframe,div#specification iframe,div#description2 iframe,div#description3 iframe {
    max-width: 100%!important
}

.information-post #content iframe {
    max-width: 100%!important
}

.description_category img {
    max-width: 100%!important
}

.description_category iframe {
    width: 100%!important
}

.information-information iframe {
    max-width: 100%
}

div#logo,#search,.col-logo,.search_is_q_mtb {
    transition: all .5s
}

.background_filter_d_ajax_filter.af_heading_clicked {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.diachi_footer img {
    width: 100%!important
}

.diachi_footer>.col-sm-6 {
    margin-bottom: 15px
}

.diachi_footer .footer-width>div {
    display: flex;
    flex-flow: column
}

.diachi_footer .footer-width>div p.txt-bold.txt-14px {
    line-height: normal;
    font-weight: 700
}

.col_diachimh .content_add_pro {
    height: 420px;
    overflow-y: scroll
}

.col_diachimh .content_add_pro::-webkit-scrollbar {
    width: 4px
}

.col_diachimh .content_add_pro::-webkit-scrollbar-track {
    background: #f0f0f0
}

.col_diachimh .content_add_pro::-webkit-scrollbar-thumb {
    background: #c2c2c2
}

@media (max-width: 1199px) {
    .ajax-filter .af-body {
        position:relative;
        z-index: -2
    }

    .background_filter_af_body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #header .col-logo #logo {
        margin:0
    }

    #header .col-logo {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #nav-icon4 {
        padding:0;
        width: 40px;
        height: 40px;
        position: relative;
        margin: 0 auto;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: -120px;
        left: 10px;
        background: transparent
    }

    #nav-icon4,#nav-icon4 span {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 18px;
        background: #004689;
        border-radius: 0;
        opacity: 1;
        left: 11px;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    #nav-icon4 span:first-child {
        top: 0
    }

    #nav-icon4 span:first-child,#nav-icon4 span:nth-child(2) {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    #nav-icon4 span:nth-child(2) {
        top: 8px
    }

    #nav-icon4 span:nth-child(3) {
        top: 16px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    #nav-icon4.open_q span:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 2px;
        left: 12px
    }

    #nav-icon4.open_q span:nth-child(2) {
        width: 0;
        opacity: 0
    }

    #nav-icon4.open_q span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 15px;
        left: 12px
    }

    #nav-icon4 {
        top: -62px;
        left: 0
    }

    #header .col-logo {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0
    }

    #header .col_header {
        padding: 0
    }

    #header .col-logo #logo {
        margin: 0
    }

    .col_menu {
        height: 0
    }

    .menu_level_1_is_q_menu_thuong_hieu_di_dong {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    li.menu_thuong_hieu_di_dong {
        width: 24%!important
    }

    .menu_level_1_is_q_menu_thuong_hieu_di_dong li.menu_thuong_hieu_di_dong a {
        font-weight: normal!important;
        color: #333;
        font-size: 14px
    }

    .ajax-filter.modal {
        background: transparent!important
    }
}

@media (min-width: 550px) {
    .col_hethongcuahang_footer_mobile_is_q .diachi_footer>.col-sm-6 {
        width:49%!important
    }
}

@media (max-width: 767px) {
    #nav-icon4 {
        padding:0;
        width: 35px;
        height: 35px;
        position: relative;
        margin: 0 auto;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: -125px;
        left: 10px;
        background: transparent;
        border: 1px solid #004689;
        border-radius: 5px
    }

    #nav-icon4,#nav-icon4 span {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 18px;
        background: #004689;
        border-radius: 0;
        opacity: 1;
        left: 8px;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    #nav-icon4 span:first-child {
        top: 7px
    }

    #nav-icon4 span:first-child,#nav-icon4 span:nth-child(2) {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    #nav-icon4 span:nth-child(2) {
        top: 15px
    }

    #nav-icon4 span:nth-child(3) {
        top: 23px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    #nav-icon4.open_q span:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 9px;
        left: 10px
    }

    #nav-icon4.open_q span:nth-child(2) {
        width: 0;
        opacity: 0
    }

    #nav-icon4.open_q span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21.5px;
        left: 10px
    }

    #header .col_header {
        padding-top: 0;
        background: #fff
    }

    .col_hethongcuahang_footer_mobile_is_q .diachi_footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .col_hethongcuahang_footer_mobile_is_q .col-sm-6 {
        padding: 0
    }

    .col_hethongcuahang_footer_mobile_is_q .diachi_footer>.col-sm-6 {
        width: 50%;
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px
    }

    .col_hethongcuahang_footer_mobile_is_q .diachi_footer>.col-sm-6 .footer-width {
        font-size: 12px
    }

    .col_hethongcuahang_footer_mobile_is_q .col-sm-6 img {
        display: none
    }

    .bo_cong_thuong {
        padding: 0 15px
    }

    .menu_level_1_is_q_menu_thuong_hieu_di_dong {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    li.menu_thuong_hieu_di_dong {
        width: 24%!important
    }

    .menu_level_1_is_q_menu_thuong_hieu_di_dong li.menu_thuong_hieu_di_dong a {
        font-weight: normal!important
    }

    .col_text_category.visible-xs>div {
        height: auto!important
    }

    .col_fixed_mobile.fixed_header_top_col {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transition: transform 700ms ease;
        -webkit-transition: transform 700ms ease;
        -moz-transition: transform 700ms ease;
        -o-transition: transform 700ms ease
    }

    .height_100_per_when_click_text_1 {
        height: 100%;
        overflow-y: scroll
    }

    .height_100_per_when_click_text_1::-webkit-scrollbar {
        width: 1px
    }

    .height_100_per_when_click_text_1::-webkit-scrollbar-track {
        background: #f0f0f0
    }

    .height_100_per_when_click_text_1::-webkit-scrollbar-thumb {
        background: #004689
    }

    .height_100_per_when_click_text_1::-webkit-scrollbar-thumb:hover {
        background: #888
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top div#logo {
        height: 0;
        opacity: 0;
        visibility: hidden;
        margin: 0!important;
        min-height: auto
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top #search {
        margin: 5px 0!important;
        width: 70%;
        display: inline-block!important
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top .col-logo {
        margin: 0!important
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top #nav-icon4 {
        top: -41px
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top .search_is_q_mtb {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top #cart {
        z-index: 9;
        top: 5px
    }

    .col_fixed_mobile.fixed_header_top_col.logo_hidden_search_top.nav-up {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }

    #nav_by_is_q {
        transform: translateY(47px);
        -webkit-transform: translateY(47px);
        -moz-transform: translateY(47px);
        -o-transform: translateY(47px);
        transition: transform 700ms ease;
        -webkit-transition: transform 700ms ease;
        -moz-transition: transform 700ms ease;
        -o-transition: transform 700ms ease
    }

    #nav_by_is_q.nav-up2 {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }
}

.responsive-menu-controller {
    display: none
}

.mega-menu-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99
}

.mega-menu-dropdown .mega-menu-dropdown {
    top: 0;
    left: 100%
}

.mega-menu-dropdown li:before {
    display: inline-block;
    font-family: FontAwesome
}

.mega-content {
    padding: 10px;
    overflow: hidden
}

.mega-content h1,.mega-content h2,.mega-content h3,.mega-content h4 {
    margin-top: 0
}

.columns4 .sub-menu-mega li {
    float: left;
    width: 23%;
    margin-right: 2%
}

.columns3 .sub-menu-mega li {
    float: left;
    width: 30%;
    margin-right: 3%
}

.columns2 .sub-menu-mega li {
    float: left;
    width: 46%;
    margin-right: 4%
}

span.red {
    color: red
}

span.bold {
    font-weight: 700
}

span.blue {
    color: blue
}

span.yellow {
    color: yellow
}

span.pink {
    color: pink
}

span.green {
    color: green
}

.columns4 .col-one {
    float: left;
    width: 23%;
    margin-right: 2%
}

.columns4 .col-two {
    float: left;
    width: 48%;
    margin-right: 2%
}

.columns4 .col-three {
    float: left;
    width: 73%;
    margin-right: 2%
}

.columns3 .col-one {
    float: left;
    width: 30%;
    margin-right: 3%
}

.columns3 .col-two {
    float: left;
    width: 64%;
    margin-right: 3%
}

.columns2 .col-one {
    float: left;
    width: 46%;
    margin-right: 4%
}

@media only screen and (min-width : 769px) {
    #mega-menu {
        display:table!important
    }
}

@media only screen and (max-width : 768px) {
    .responsive-menu-controller {
        display:block
    }

    #mega-menu {
        display: none
    }

    #mega-menu .mega-root .mega-menu-dropdown {
        display: none!important
    }

    #mega-menu>li.root {
        float: none;
        width: 100%
    }

    #mega-menu>li.root>a,.normal-submenu>li>a {
        display: inline-block;
        height: 100%
    }

    .normal-submenu {
        width: 100%
    }

    .normal-submenu>li:hover {
        background: none
    }

    .normal-submenu>li,.sub-menu-mega>li {
        height: auto
    }

    .mega-menu-dropdown {
        position: static;
        background: none
    }

    .mega-menu-dropdown .mega-menu-dropdown {
        display: block
    }

    .mega-menu-dropdown {
        border-bottom: 0
    }

    .responsive-menu-controller {
        position: absolute;
        top: -38px;
        right: 15px;
        display: inline-block;
        width: 40px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 2px;
        text-align: center;
        z-index: 99
    }

    .responsive-menu-controller .fa {
        font-size: 26px;
        color: #555
    }
}

#mega-menu-container {
    width: 100%;
    background-color: #EEE;
    position: relative
}

#mega-menu {
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

#mega-menu li {
    list-style: none
}

#mega-menu>li {
    float: left;
    position: relative;
    transition: color 1s ease 0s,background-color 1s ease 0s,box-shadow 1s ease 0s
}

#mega-menu li:hover>.mega-menu-dropdown {
    display: block
}

#mega-menu li.root>a {
    display: block;
    padding: 18px 20px;
    color: #333;
    font-weight: 500;
    -epub-text-transform: uppercase;
    text-transform: uppercase;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

#mega-menu li.root>a:hover,#mega-menu li.root>a:focus {
    color: #9c5b57;
    text-decoration: none
}

#mega-menu>li.active a {
    color: #9c5b57
}

#mega-menu .root .mega-menu-dropdown {
    padding: 0;
    margin: 0
}

#mega-menu .root .normal-submenu {
    padding: 0;
    margin: 0;
    width: 200px
}

#mega-menu .root .normal-submenu>li {
    color: black
}

#mega-menu .root .normal-submenu>li>a {
    color: #fff;
    display: block;
    padding-top: 13px;
    padding-right: 13px;
    padding-bottom: 13px;
    padding-left: 13px
}

#mega-menu .root .normal-submenu>li>a:hover {
    color: #9c5b57;
    background-color: #1B1B1B
}

#mega-menu .root .normal-submenu>li {
    position: relative
}

#mega-menu .mega-root .mega-menu-dropdown {
    background-color: #000;
    padding: 0;
    margin: 0
}

#mega-menu .mega-root .sub-menu-mega {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%
}

#mega-menu .mega-root .sub-menu-mega>li>a {
    color: #fff;
    display: block;
    padding-top: 13px;
    padding-right: 13px;
    padding-bottom: 13px;
    padding-left: 13px
}

#mega-menu .mega-root .sub-menu-mega>li>a:hover {
    color: #9c5b57;
    background-color: #1B1B1B
}

#mega-menu .mega-root .sub-menu-mega>li {
    position: relative
}

@media only screen and (max-width : 768px) {
    #mega-menu .normal-submenu,#mega-menu .sub-menu-mega {
        width:100%!important
    }
}