﻿.vt-effect
    {
        display:none;
    }
@media (min-width: 991px)
{
    .vt-tab
    { display:none!important;
    }
    
}

@media screen and (max-width: 767px)
{
    .vt-banner-responsive
    {
        display:block;
    }
    .vt-banner-responsive .logo
    {
        width:100%
    }
    .vt-banner-responsive .logo-mobile
    {
        width:100%; display:none;
    }
    .search-mode .vt-banner-responsive,
    .on-scroll .vt-banner-responsive
    {
        display:none;
    }

    .line-breadcrumb
    {
        display: none;
    }

    .sologun
    {
        float: left;
        padding-left: 20px;
        font-size: 20px;
        line-height: 25px;
        color: #007bf4; font-weight:bold;
    }

    .overflow-hidden
    {
        overflow: hidden;
        height: 100%;
    }

    html
    {
        overflow-x: hidden;
        width: 100%;
    }

        html.state-sidebar
        {
            overflow: hidden;
            height: 100%;
        }

            html.state-sidebar body
            {
                overflow: hidden;
                height: 100%;
                pointer-events: none;
            }

            html.state-sidebar .hd-menu-container, html.state-sidebar .hd-touch-layer, html.state-sidebar .toggle-nav
            {
                pointer-events: all;
            }

        html.state-filter
        {
            overflow: hidden;
            height: 100%;
        }

            html.state-filter body
            {
                overflow: hidden;
                height: 100%;
                pointer-events: none;
            }

            html.state-filter .context-sidebar
            {
                pointer-events: all;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
                -webkit-transition: all linear .2s;
                -o-transition: all linear .2s;
                transition: all linear .2s;
            }

    body
    {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        position: relative;
    }

        body #feedbackify, #page-wrapper > a, #top-bar, .btn--to-top, .breadcrumb, .banner-leaderboard
        {
            display: none !important;
        }

    .banner-leaderboard--landing
    {
        display: block !important;
    }

    #page-wrapper
    {
        padding-top: 160px;
    }

    .toggle-nav
    {
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 48px;
        color: #222;
        cursor: pointer;
    }

        .toggle-nav > i
        {
            font-size: 18px;
        }

    .toggle-search
    {
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        color: #222;
        cursor: pointer;
    }

        .toggle-search > i
        {
            font-size: 18px;
            vertical-align: -2px;
        }

    #header
    {
        height: auto !important;
        z-index: 790;
    }

    .header__main
    {
        transform: translate3d(0, 0, 0);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 80px;
        z-index: 900;
        -webkit-transition: height 0.2s, left 0.5s;
        transition: height 0.2s, left 0.5s;
        background-color: #fff;
    }

    .page-profile .header__main, .page-checkout .header__main
    {
        height: 40px;
    }

    .header__main .container
    {
        margin-top: 2px;
    }

    .header__main.on-scroll
    {
        top: -43px;
        height: 43px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-transition: height 0.2s, left 0.5s, top 0.4s;
        transition: height 0.2s, left 0.5s, top 0.4s;
    }

        .page-profile .header__main.on-scroll, .header__main.on-scroll.header__main--simple
        {
            top: 0;
        }

            .page-profile .header__main.on-scroll .toggle-search, .header__main.on-scroll.header__main--simple .toggle-search
            {
                display: none !important;
            }

        .header__main.on-scroll .search-area
        {
            display: none;
            opacity: 0;
            top: -80px;
        }

        .header__main.on-scroll .toggle-search
        {
            display: block !important;
        }

    .header__main.on-scroll-up
    {
        top: 0;
        -webkit-transition: height 0.2s, left 0.5s, top 0.4s;
        transition: height 0.2s, left 0.5s, top 0.4s;
    }

    .header__main .toggle-nav
    {
        position: absolute;
        z-index: 5;
        /*top: 0;*/
        left: 0;
    }

        .header__main .toggle-nav > i
        {
            font-size: 18px;
        }

    .header__main .toggle-search
    {
        display: none !important;
        position: absolute;
        z-index: 5;
        top: 0;
        /*right: 50px;*/right: 0px;
    }

        .header__main .toggle-search > i
        {
            font-size: 18px;
        }

    .header__main #logo
    {
        position: relative;
        z-index: 2;
        padding: 7px 0px;
        margin: 0;
        float: none;
        width: auto;
        background-color: #fff;
        text-align: center;
    }

        .header__main #logo .logo, .header__main #logo img
        {
            /*width: 140px;*/
            height: 26px;
        }

    .header__main .search-area
    {
        position: relative;
        z-index: 1;
        float: none;
        width: auto;
        padding: 0 8px 0 8px;
        opacity: 1;
        transition-property: opacity;
        transition-duration: 0.2s;
        background-color: #fff;
    }

    .page-profile .header__main .search-area, .page-checkout .header__main .search-area
    {
        display: none;
    }

    .header__main .search-area .search-box
    {
        border-width: 1px;
        height: 31px;
        border-color: #EFEFEF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #f3f3f3;
    }

    .header__main .search-area .search-box__category
    {
        display: none;
    }

    .header__main .search-area .search-box__input
    {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        float: none;
        padding: 1px 0;
    }

        .header__main .search-area .search-box__input input[type=text]
        {
            height: 27px;
            padding: 3px 5px 3px 30px;
            font-size: 13px;
            background-color: #f0f0f0; /*border:1px solid #ed1c24; color:red;*/
        }

        .header__main .search-area .search-box__input .btn
        {
            left: 0;
            right: auto;
            width: 30px;
            padding: 3px 2px 6px;
            background: transparent;
            color: #707070;
            outline: 0;
        }

            .header__main .search-area .search-box__input .btn > i
            {
                font-size: 11px;
            }

        .header__main .search-area .search-box__input .btn-danger
        {
            pointer-events: none;
        }

    .header__main .header-cart-wrapper
    {
        position: absolute;
        z-index: 5;
        float: none;
        top: 2px;
        right: 4px;
        padding: 0;
        width: auto;
        height: 40px;
    }

        .header__main .header-cart-wrapper .header-cart
        {
            margin: 0;
            padding: 0;
        }

            .header__main .header-cart-wrapper .header-cart .circle
            {
                font-size: 10px;
                padding: 1px 5px;
            }

            .header__main .header-cart-wrapper .header-cart .dropdown-cart
            {
                position: fixed;
                top: 40px;
                right: 0;
                width: 100%;
                margin: 0;
            }

    .header__main .nav-cart > a
    {
        padding: 5px 3px;
        display: block;
        cursor: pointer;
    }

        .header__main .nav-cart > a i
        {
            font-size: 18px;
        }

    .header__main .minicart__item
    {
        padding: 8px 15px;
        border-top: 1px solid #eaeaea;
    }

        .header__main .minicart__item:first-child
        {
            border-top: 0;
        }

        .header__main .minicart__item .btn-close
        {
            display: block;
            right: 10px;
        }

    .header__main .minicart__actions
    {
        padding: 15px 5px;
    }

    .header__navigation
    {
        display: none;
    }

    #promo-banners .container
    {
        padding-left: 0;
        padding-right: 0;
    }

    #promo-banners .promo-slider
    {
        width: auto;
        height: 165px;
        padding-bottom: 52%;
        overflow: hidden;
        margin-left: 0;
    }

        #promo-banners .promo-slider .btn-prev, #promo-banners .promo-slider .btn-next
        {
            display: none;
        }

    #promo-banners .promo-slider__slides
    {
        height: auto;
        overflow: visible;
    }

    #promo-banners .promo-slider .slider-item
    {
        min-height: 0;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    #promo-banners .promo-slider__pager
    {
        right: 5%;
        bottom: 0;
        z-index: 99;
    }

    .m-branding
    {
        margin: 0 0;
        padding: 0 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-color: #fff;
    }

        .m-branding ul
        {
            padding: 0;
            margin-bottom: 0;
            position: relative;
            height: 100%;
            z-index: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-transform: translate3d(0px, 0, 0);
            -moz-transform: translate3d(0px, 0, 0);
            -o-transform: translate(0px, 0px);
            -ms-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
            list-style-type: none;
        }

            .m-branding ul > li
            {
                -webkit-flex-shrink: 0;
                -ms-flex: 0 0 auto;
                flex-shrink: 0;
                float: left;
                width: 60px !important;
                text-align: center;
                list-style-type: none;
            }

    .swiper-container-android.m-branding ul > li
    {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .m-branding ul > li a
    {
        display: block;
        padding: 10px 0;
        color: #626262;
        font-size: 9px;
        text-transform: uppercase;
        text-decoration: none;
        outline: 0;
    }

        .m-branding ul > li a:hover
        {
            text-decoration: none;
        }

        .m-branding ul > li a i
        {
            display: block;
            width: 40px;
            height: 40px;
            margin: 0 10px 10px;
            color: #fff;
            background-color: #afafaf;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
        }

    .main-content
    {
        padding: 10px 0 20px;
        padding-bottom: 0px;
    }

        .main-content.page-profile, .main-content.page-checkout
        {
            padding-top: 10px;
        }

        .main-content .container
        {
            padding: 0;
        }

    .page-home .main-content .container
    {
        padding: 0 10px;
    }

    .products
    {
        margin: 0;
        padding: 0 10px;
    }

        .products .product-wrapper
        {
            width: 50% !important;
            padding: 0 7px;
            float: left;
            position: relative;
        }

        .products .product
        {
            margin-bottom: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .products .product__image img
        {
            width: 100%;
            height: auto;
        }

        .products .product__icons
        {
            right: 5px;
            bottom: 5px;
            width: 40px;
            height: 40px;
        }

            .products .product__icons.bar
            {
                width: 50%;
            }

        .products .product__header
        {
            padding: 6px 0 18px;
            margin: 0 8px;
            min-height: 57px;
        }

        .products .product__title
        {
            font-size: 13px;
            line-height: 16px;
            max-height: 32px;
        }

        .products .product__meta div
        {
            font-size: 9px;
            padding: 0 2px;
        }

            .products .product__meta div span, .products .product__meta div .hd, .products .product__meta div .glyphicon
            {
                font-size: inherit;
            }

            .products .product__meta div.item__location span, .products .product__meta div.item__location .hd, .products .product__meta div.item__location .glyphicon
            {
                margin-right: 2px;
            }

        .products .product__price
        {
            margin-right: 0px;
            font-size: 14px;
            line-height: 1.1;
        }

        .products .product__price--list-price
        {
            font-size: 11px;
        }

        .products .product__info
        {
            position: relative;
            padding: 6px 5px 6px 8px;
        }

        .products .product__stats
        {
            top: -20px;
            left: 8px;
            bottom: auto;
        }

        .products .product__views
        {
            font-size: 12px;
        }

            .products .product__views i
            {
                font-size: 15px !important;
            }

        .products .product__delivery, .products .product__rating .vote-count
        {
            display: none;
        }

        .products .product .stars
        {
            font-size: 9px;
        }

    .products--mobile
    {
        margin: 0 -10px;
        padding: 0 10px;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

        .products--mobile .product-wrapper
        {
            -webkit-flex-shrink: 0;
            -ms-flex: 0 0 auto;
            flex-shrink: 0;
            width: 136px !important;
            float: left;
            margin-right: 14px;
            padding-left: 0;
            padding-right: 0;
            height: 100%;
        }

    .swiper-container-android.products--mobile .product-wrapper
    {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .products--mobile .products__inner .product-wrapper
    {
        float: none;
        margin-right: 10px;
    }

    .products--mobile .products__inner
    {
        padding-top: 4px;
    }

    .products--mobile .products__inner
    {
        position: relative;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .products--mobile .products.swiper-container-android .product-wrapper, .products--mobile .products__inner
    {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .products--list .product
    {
        width: 136px;
        margin: 0 7px 14px;
        float: left;
    }

    .icon-exclusive
    {
        right: 5px;
        top: 30px;
        max-width: 45% !important;
    }

    .item__delivery, .item__location, .item__variants
    {
        bottom: 0;
        left: 0;
        font-size: 9px;
        padding: 4px 5px;
    }

    .item__delivery
    {
        left: auto;
        right: 0;
    }

    .price__discount
    {
        margin-left: 2px;
        width: 36px;
        height: 17px;
        padding: 0 2px 0 5px;
        font-size: 12px;
        line-height: 17px;
        vertical-align: 2px;
    }

    .block__header
    {
        position: relative;
    }

    .block__title
    {
        padding: 8px 0;
        margin: 0;
        border-bottom: 1px solid #bababa;
        font-size: 13px;
    }

    .block__branding
    {
        display: none;
    }

    .block__nav
    {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -6px;
        padding: 0;
    }

        .block__nav li
        {
            display: none;
            padding: 0;
            border: 0 !important;
        }

            .block__nav li a
            {
                font-size: 9px;
            }

    .block__more
    {
        padding: 4px 10px 4px 15px;
    }

    .block__content
    {
        padding-top: 10px;
    }

    .block--tab .block__title
    {
        padding: 4px 0;
        margin: 0 10px -1px 0;
        border-bottom: 1px solid #ed1c24;
        line-height: 34px;
    }

        .block--tab .block__title a
        {
            font-weight: 700;
            vertical-align: baseline;
        }

    .block--tab .block__header
    {
        /*margin: 0 -10px;*/
        padding: 0 10px;
    }

        .block--tab .block__header .tab
        {
            margin: 0;
            padding-top: 0;
            float: left;
        }

        .block--tab .block__header .tab__item
        {
            margin-right: 10px;
        }

            .block--tab .block__header .tab__item.active
            {
                border-bottom: 1px solid #888;
            }

                .block--tab .block__header .tab__item.active a
                {
                    border: 0;
                }

                    .block--tab .block__header .tab__item.active a:after
                    {
                        display: none;
                    }

            .block--tab .block__header .tab__item a
            {
                min-width: 70px;
                padding: 4px 10px;
                border: 0;
                font-size: 13px;
                outline: 0;
            }

    .block--tab .block__tab
    {
        overflow: hidden;
        margin: 0 0 -1px;
    }

    .block--tab .block__nav
    {
        display: none;
    }

    .block--tab.tab-style-1 .block__header .tab
    {
        width: 999em;
    }

    .block--tab.tab-style-1 .block__header .tab__item a
    {
        font-size: 15px;
    }

    .block--tab.tab-style-branding
    {
        padding-top: 10px;
    }

        .block--tab.tab-style-branding .block__title
        {
            padding: 0 15px 0 10px;
            border-bottom: 0;
            min-width: 0;
        }

            .block--tab.tab-style-branding .block__title a
            {
                font-size: 15px;
            }

        .block--tab.tab-style-branding .block__header
        {
            padding: 0;
            margin: 0 -10px;
        }

            .block--tab.tab-style-branding .block__header .tab
            {
                width: 999em;
            }

            .block--tab.tab-style-branding .block__header .tab__item.active
            {
                border-bottom: 0;
            }

                .block--tab.tab-style-branding .block__header .tab__item.active a:after
                {
                    display: block;
                }

            .block--tab.tab-style-branding .block__header .tab__item a
            {
                margin: 0 10px 0 0;
                padding: 0;
                min-width: 0;
            }

    .footer-menu
    {
        border-top: 1px solid #e4e4e4;
    }

        .footer-menu > div
        {
            padding: 0;
        }

        .footer-menu .menu__heading
        {
            position: relative;
            display: block;
            margin: 0;
            padding: 10px 7px 10px 10px;
            font-size: 16px;
            line-height: 24px;
            color: #222222;
            text-transform: none;
        }

            .footer-menu .menu__heading:active
            {
                color: #ed1c24;
                background-color: rgba(100, 100, 100, 0.1);
            }

            .footer-menu .menu__heading:after
            {
                position: absolute;
                right: 10px;
                color: #9a9a9a;
                content: "\f107";
                font-family: FontAwesome;
                font-size: 22px;
            }

            .footer-menu .menu__heading.expanded:after
            {
                transform: rotate(180deg);
            }

        .footer-menu .menu__listing
        {
            list-style: none;
            padding: 0;
            margin: 0;
            max-height: 0;
            overflow: hidden;
            transition: max-height 1s ease;
        }

            .footer-menu .menu__listing.expanded
            {
                max-height: 999px;
                overflow: hidden;
                transition: max-height 1s ease;
            }

            .footer-menu .menu__listing li
            {
                list-style: none;
            }

                .footer-menu .menu__listing li a
                {
                    position: relative;
                    display: block;
                    padding: 10px 7px 10px 20px;
                    color: #666;
                    font-size: 16px;
                    line-height: 24px;
                    text-decoration: none;
                }

                    .footer-menu .menu__listing li a:hover
                    {
                        color: #ed1c24;
                    }

                        .footer-menu .menu__listing li a:hover:after
                        {
                            color: inherit;
                        }

                    .footer-menu .menu__listing li a:after
                    {
                        position: absolute;
                        right: 10px;
                        color: #9a9a9a;
                        content: "\f105";
                        font-family: FontAwesome;
                        font-size: 22px;
                    }

                    .footer-menu .menu__listing li a i
                    {
                        position: absolute;
                        left: 10px;
                        top: 7px;
                        display: block;
                        width: 28px;
                        height: 28px;
                        color: #fff;
                        background-color: #AFAFAF;
                        font-size: 14px;
                        font-style: normal;
                        text-align: center;
                        line-height: 28px;
                        -webkit-border-radius: 100%;
                        -moz-border-radius: 100%;
                        border-radius: 100%;
                    }

    .footer__top
    {
        padding-top: 5px;
    }

        .footer__top .hotline
        {
            text-align: center;
            padding: 10px 0;
            font-size: 17px;
        }

    .footer .support-info
    {
        display: none;
    }

    .footer__middle
    {
        display: none;
        padding: 0;
        text-align: center;
    }

        .footer__middle .hotline
        {
            padding: 10px 0;
            font-size: 17px;
        }

    .footer__bottom
    {
        display: none;
        text-align: center;
        font-size: 11px;
        padding-bottom: 0;
    }

        .footer__bottom .websites-block
        {
            padding: 15px 0 15px;
            border-top: 1px solid #efefef;
            background-color: #f6f6f6;
        }

        .footer__bottom .websites
        {
            padding-top: 5px;
        }

            .footer__bottom .websites a
            {
                display: inline-block;
                margin: 0 10px;
                vertical-align: top;
            }

                .footer__bottom .websites a .website-logo, .footer__bottom .websites a img
                {
                    margin-right: 0;
                    vertical-align: top;
                }

    .footer .footer-logo
    {
        height: 18px;
        margin-bottom: 5px;
        fill: #939393;
    }

    .newsletter
    {
        position: relative;
    }

    .newsletter__input
    {
        width: 100% !important;
    }

    .newsletter__button
    {
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        color: #71be0f;
        font-size: 18px;
        line-height: 18px;
        background-color: transparent;
    }

        .newsletter__button:focus, .newsletter__button:active, .newsletter__button:hover
        {
            color: #71be0f;
            background-color: transparent;
        }

    .newsletter .form-control-feedback
    {
        display: none;
    }

    .hd-menu .nano
    {
        max-height: 100%;
    }

        .hd-menu .nano .scrollbar
        {
            right: auto;
            left: 7px;
            opacity: 0.3;
        }

        .hd-menu .nano:hover .scrollbar, .hd-menu .nano:active .scrollbar
        {
            opacity: 1;
        }

        .hd-menu .nano .thumb
        {
            -moz-opacity: 0.9;
            opacity: 0.9;
        }

    .hd-menu .toggle-nav
    {
        position: absolute;
        right: -40px;
        top: 0;
        z-index: 999;
        display: none;
    }

    .hd-menu-open .hd-menu .toggle-nav
    {
        display: block;
    }

    .hd-menu .profile
    {
        position: relative;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 10px;
        background-color: #f4f4f4;
    }

    .hd-menu .profile__avatar
    {
        position: absolute;
        padding-top: 50px;
        left: 12px;
        text-align: center;
    }

        .hd-menu .profile__avatar img
        {
            max-width: 28px;
            max-height: 28px;
            border: 1px solid #d3d3d3;
            background-color: #eeeeee;
        }

    .hd-menu .profile__name
    {
        margin-left: 40px;
    }

        .hd-menu .profile__name a.account
        {
            display: block;
            color: #444;
            position: relative;
            padding-right: 15px;
        }

            .hd-menu .profile__name a.account:after
            {
                position: absolute;
                right: 0px;
                top: -6px;
                color: #9a9a9a;
                content: "\f105";
                font-family: FontAwesome;
                font-size: 22px;
            }

        .hd-menu .profile__name a.logout
        {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 2px 8px;
        }

    .hd-menu .profile__info
    {
        padding: 10px 0px 11px 0px;
    }

        .hd-menu .profile__info ul.profile__menu
        {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .hd-menu .profile__info ul.profile__menu li
            {
                display: inline-block;
                list-style: none;
                color: #444444;
            }

                .hd-menu .profile__info ul.profile__menu li a
                {
                    display: inline-block;
                    color: inherit;
                }

    .hd-menu .profile .dropdown
    {
        margin-bottom: 20px;
    }

        .hd-menu .profile .dropdown > a
        {
            display: inline-block;
            padding: 0 10px;
            height: 24px;
            border: 1px solid #DBDBDB;
            color: #222;
            background-color: #ECECEC;
            line-height: 23px;
            text-decoration: none;
            outline: 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .hd-menu .profile .dropdown > a:hover
            {
                text-decoration: none;
            }

        .hd-menu .profile .dropdown .dropdown-menu a
        {
            padding-left: 10px;
            padding-right: 10px;
        }

    .hd-menu .side-nav
    {
        margin: 0 0 15px 0;
        border-bottom: 1px solid #e4e4e4;
    }

        .hd-menu .side-nav ul
        {
            list-style: none;
            padding: 0;
        }

            .hd-menu .side-nav ul li
            {
                list-style: none;
            }
                .hd-menu .side-nav ul li b
                {
                    position: relative;
                    display: block;
                    padding: 10px 7px 10px 50px;
                    /*color: #222222;*/
                    font-size: 16px;
                    line-height: 24px;
                    text-decoration: none;
                }
                .hd-menu .side-nav ul li a
                {
                    position: relative;
                    display: block;
                    padding: 10px 7px 10px 50px;
                    color: #222222;
                    font-size: 16px;
                    line-height: 24px;
                    text-decoration: none;
                }

                    .hd-menu .side-nav ul li a:active
                    {
                        color: #ed1c24;
                        background-color: rgba(100, 100, 100, 0.1);
                    }

                        .hd-menu .side-nav ul li a:active:after
                        {
                            color: inherit;
                        }

                    .hd-menu .side-nav ul li a:after
                    {
                        position: absolute;
                        right: 10px;
                        color: #9a9a9a;
                        content: "\f105";
                        font-family: FontAwesome;
                        font-size: 22px;
                    }

                    .hd-menu .side-nav ul li a i
                    {
                        position: absolute;
                        left: 10px;
                        top: 7px;
                        display: block;
                        width: 28px;
                        height: 28px;
                        color: #fff;
                        background-color: #AFAFAF;
                        font-size: 14px;
                        font-style: normal;
                        text-align: center;
                        line-height: 28px;
                        -webkit-border-radius: 100%;
                        -moz-border-radius: 100%;
                        border-radius: 100%;
                    }

    .hd-menu .side-nav--footer ul li a
    {
        padding-left: 10px;
        color: #999999;
    }

        .hd-menu .side-nav--footer ul li a i
        {
            color: #999999;
        }

    .hd-menu .side-nav--no-icon ul li a
    {
        padding-left: 10px;
    }

    .hd-menu .newsletter
    {
        margin: 0 0 10px;
        padding: 0 10px;
    }

    .hd-menu .hotline
    {
        margin: 0 10px 10px;
        height: 34px;
        padding: 6px 12px;
        border: 1px solid #CCC;
        font-size: 17px;
        line-height: 20px;
        color: #555;
        background-color: #fff;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .box + .box
    {
        margin-top: 15px;
    }

    .context-sidebar
    {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 40px;
        background-color: #e8eaee;
        overflow: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all linear .2s;
        -o-transition: all linear .2s;
        transition: all linear .2s;
    }

        .context-sidebar .nav
        {
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 100%;
            padding-top: 8px;
            padding-bottom: 8px;
            z-index: 9999;
            margin-bottom: 3px;
            line-height: 24px;
            background: #fff;
            text-align: center;
            font-weight: 400;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        }

            .context-sidebar .nav .context-close
            {
                position: absolute;
                top: 5px;
                left: 5px;
                font-size: 12px;
                line-height: 1.4;
            }

        .context-sidebar .nav-bottom
        {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            padding: 10px 15px 0;
            background: #efefef;
            box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
        }

            .context-sidebar .nav-bottom .btn
            {
                margin: 0 5%;
                width: 40%;
            }

    .current-filter
    {
        padding: 0 10px;
    }

        .current-filter .filter__button i
        {
            display: none;
        }

    

    .context-sidebar .product-filters
    {
        display: block;
        overflow: auto;
        position: absolute;
        z-index: 9;
        top: 40px;
        left: 0;
        right: 0;
        bottom: 60px;
        margin: 0;
    }

    .filter
    {
        padding: 0;
    }

        .filter .filter__title
        {
            z-index: 2;
            width: auto;
            border-bottom: 0;
            font-size: 13px;
            font-weight: 500;
        }

            .filter .filter__title i
            {
                width: 15px;
                margin-right: 3px;
                font-size: 15px;
            }

        .filter .filter__body
        {
            border-top: 1px solid #eeeeee;
        }

        .filter .filter__wrapper
        {
            max-height: 400px;
        }

    .filter-active-items
    {
        position: relative;
        z-index: 1;
        display: block;
        padding: 0 10px 0 35px;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .filter .filter__button
    {
        margin: 0 5px 5px 0;
        font-size: 12px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .filter .filter__button.active:hover, .filter .filter__button.active
        {
            color: #222;
            background-color: transparent;
        }

            .filter .filter__button.active:hover:after, .filter .filter__button.active:after
            {
                content: "\f00c";
                color: #222;
            }

        .filter .filter__button:hover
        {
            background-color: transparent;
        }

            .filter .filter__button:hover:after
            {
                content: "\f096";
                color: #aaaaaa;
            }

    .product-sortings
    {
        margin-bottom: 17px;
    }

        .product-sortings .sorting
        {
            height: 18px;
            padding: 0 6px;
            margin: 0 5px 5px 0;
            min-width: 0;
            border: 0;
            background-color: #eee;
            color: #4d4d4d;
            font-weight: 400;
            font-size: 11px;
            line-height: 18px;
            white-space: nowrap;
            cursor: pointer;
            outline: 0;
            text-transform: none;
            -webkit-border-radius: 3px !important;
            -moz-border-radius: 3px !important;
            border-radius: 3px !important;
        }

            .product-sortings .sorting > i
            {
                font-size: 9px;
                margin-left: 1px;
                vertical-align: -1px;
            }

            .product-sortings .sorting:hover, .product-sortings .sorting--active
            {
                background-color: #71be0f;
                color: #fff;
            }

                .product-sortings .sorting:hover > i, .product-sortings .sorting--active > i
                {
                    color: inherit;
                }

    .category-header
    {
        margin-bottom: 12px;
        padding: 10px;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        background-color: #ffffff;
    }

        .category-header .block__header
        {
            border: 0;
        }

    .category-header-heading
    {
        float: none;
        display: block;
        border: 0;
        padding: 0;
        margin: 0 0 3px;
        color: #000000;
        font-size: 15px;
        line-height: 1;
        font-weight: 400;
        text-transform: uppercase;
    }

    .category-header-descr
    {
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
        color: #999999;
        font-size: 10px;
    }

    .category-header-filter-button
    {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .block--booking
    {
        padding: 0;
    }

        .block--booking .tabs__nav
        {
            display: none;
        }

        .block--booking .tabs__content
        {
            padding: 8px 10px;
        }

        .block--booking .booking-form
        {
            margin-bottom: 0;
        }

            .block--booking .booking-form .date-selection
            {
                padding: 4px 10px 6px;
                margin-bottom: 10px;
                border-bottom: 1px solid #eaeaea;
            }

                .block--booking .booking-form .date-selection > div
                {
                    border: 0 !important;
                    margin: 0 !important;
                }

                    .block--booking .booking-form .date-selection > div:before, .block--booking .booking-form .date-selection > div:after
                    {
                        content: " ";
                        display: table;
                    }

                    .block--booking .booking-form .date-selection > div:after
                    {
                        clear: both;
                    }

                .block--booking .booking-form .date-selection .form-group
                {
                    margin: 0;
                    width: 50%;
                    float: left;
                }

                    .block--booking .booking-form .date-selection .form-group label
                    {
                        padding: 0;
                    }

                        .block--booking .booking-form .date-selection .form-group label input
                        {
                            vertical-align: -3px;
                        }

            .block--booking .booking-form .form-booking-order
            {
                padding: 0 10px;
            }

                .block--booking .booking-form .form-booking-order label
                {
                    display: none;
                }

            .block--booking .booking-form .form-group
            {
                margin-right: -10px;
            }

                .block--booking .booking-form .form-group.col-md-3, .block--booking .booking-form [class|="col-"]
                {
                    width: auto;
                    float: none;
                }

            .block--booking .booking-form .table--reservation
            {
                border: 0;
                border-top: 1px solid #eaeaea;
            }

                .block--booking .booking-form .table--reservation tfoot tr th
                {
                    display: block;
                    float: left;
                    width: 100%;
                    padding: 5px 0;
                    border: 0;
                }

                    .block--booking .booking-form .table--reservation tfoot tr th.column--total, .block--booking .booking-form .table--reservation tfoot tr th.column--price
                    {
                        width: 50%;
                    }

                    .block--booking .booking-form .table--reservation tfoot tr th.column--total
                    {
                        text-align: left;
                    }

                    .block--booking .booking-form .table--reservation tfoot tr th.column--price
                    {
                        text-align: right;
                    }

                        .block--booking .booking-form .table--reservation tfoot tr th.column--price .product__price
                        {
                            margin-right: 0;
                            display: block;
                        }

                .block--booking .booking-form .table--reservation .btn--buy-now
                {
                    display: block;
                    width: 100%;
                    padding: 10px 10px;
                }

    .product-similars
    {
        padding-top: 10px;
    }

    .product--short-info
    {
        display: none;
    }

    .rating-box
    {
        width: 300px;
        margin-bottom: 15px;
    }

    .rating-box__summary
    {
        padding: 0 10px;
        margin: 10px 0;
        width: 135px;
        font-size: 13px;
    }

    .rating-box .summary__rating
    {
        margin-top: 8px;
        font-size: 12px;
    }

    .rating-box__details
    {
        padding: 0 5px 0 10px;
        margin: 10px 0;
    }

    .rating-box .rrow__label
    {
        width: 40px;
    }

    .rating-box .rrow__percent
    {
        width: 80px;
        padding-right: 10px;
    }

    .rating-box .rrow__counting
    {
        width: 25px;
        margin-right: 0;
        text-align: right;
    }

    .rating-box .rrow__descr
    {
        display: none;
    }

    #binh-luan
    {
        float: none !important;
    }

        #binh-luan .btn
        {
            display: block;
            width: 100%;
        }

            #binh-luan .btn span
            {
                display: inline !important;
            }

    .comments-block .alert
    {
        margin-top: 8px !important;
        padding: 8px;
    }

    .comment__avatar
    {
        margin-right: 10px;
    }

        .comment__avatar img
        {
            max-width: 30px;
            max-height: 30px;
        }

    .comment__rating
    {
        margin: 0;
    }

    .comment__pictures img
    {
        max-width: 40px;
        max-height: 40px;
    }

    .progress-steps
    {
        position: relative;
        width: 300px;
        margin-bottom: 15px;
        z-index: 8;
    }

        .progress-steps li span, .progress-steps li a
        {
            display: none;
        }

    .page-profile .content .box__header, .page-checkout .content .box__header
    {
        position: fixed;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 920;
        padding: 8px 10px;
        border-top: 1px solid #eaeaea;
        background-color: #fff;
        text-transform: uppercase;
        text-align: center;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .page-profile .content .box__header .box__title, .page-checkout .content .box__header .box__title
        {
            white-space: nowrap;
        }

        .page-profile .content .box__header .btn--back, .page-checkout .content .box__header .btn--back
        {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            height: 40px;
            padding: 0 12px;
            font-size: 30px;
            line-height: 32px;
            color: #000;
        }

    .page-profile .box__footer .btn, .page-checkout .box__footer .btn
    {
        float: none !important;
        display: block;
        width: 100%;
    }

    .page-profile .sidebar--checkout .box__header, .page-checkout .sidebar--checkout .box__header
    {
        display: none;
    }

    .page-profile .sidebar--checkout-2, .page-checkout .sidebar--checkout-2, .page-profile .sidebar--checkout-3, .page-checkout .sidebar--checkout-3
    {
        display: none;
    }

    .page-profile .order-info, .page-checkout .order-info
    {
        font-size: 13px;
    }

    .page-profile .checkout-status .btn, .page-checkout .checkout-status .btn
    {
        width: 100%;
    }

    .table--checkout > thead > tr > th
    {
        display: none;
        padding: 8px 10px;
    }

        .table--checkout > thead > tr > th.items0count
        {
            display: block;
        }

    .table--checkout > tbody > tr
    {
        position: relative;
        display: block;
        padding: 10px 0 10px 50px;
    }

        .table--checkout > tbody > tr.sep-row
        {
            padding-left: 0;
        }

            .table--checkout > tbody > tr.sep-row > td
            {
                padding: 0;
            }

        .table--checkout > tbody > tr > td
        {
            display: block;
            padding: 0 10px;
        }

            .table--checkout > tbody > tr > td.image
            {
                position: absolute;
                top: 4px;
                left: 0;
                padding: 10px 10px;
                width: 60px;
            }

                .table--checkout > tbody > tr > td.image:before, .table--checkout > tbody > tr > td.image:after
                {
                    content: " ";
                    display: table;
                }

                .table--checkout > tbody > tr > td.image:after
                {
                    clear: both;
                }

                .table--checkout > tbody > tr > td.image img
                {
                    max-width: 40px;
                    max-height: 40px;
                }

            .table--checkout > tbody > tr > td.name
            {
                padding-right: 50px;
            }

            .table--checkout > tbody > tr > td.unit label
            {
                color: #ed1c24;
            }

            .table--checkout > tbody > tr > td.discount, .table--checkout > tbody > tr > td.total
            {
                display: none;
            }

            .table--checkout > tbody > tr > td.action
            {
                position: absolute;
                padding: 0;
                right: 10px;
                top: 10px;
            }

    .check-out-step-2 .form-group-note
    {
        margin-top: 10px !important;
    }

        .check-out-step-2 .form-group-note label
        {
            display: none;
        }

        .check-out-step-2 .form-group-note textarea
        {
            height: 100px;
        }

    .cart-info-header
    {
        border-top: 1px solid #D2D2D2;
        border-bottom: 1px solid #D2D2D2;
        padding: 10px 10px;
        margin: 8px -10px 5px;
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
    }

    .table--keyval > tbody > tr > th
    {
        width: 115px;
        min-width: 115px;
    }

    .sidebar-content .content, .sidebar-content--2 .content, .content-sidebar--2 .content, .content-sidebar .content
    {
        float: none !important;
        width: auto !important;
        margin: 0;
    }

    .sidebar-content .sidebar, .sidebar-content--2 .sidebar, .content-sidebar--2 .sidebar, .content-sidebar .sidebar
    {
        float: none !important;
        width: auto !important;
        margin: 0;
    }

    .page-product .sidebar-content .sidebar, .page-product .sidebar-content--2 .sidebar, .page-product .content-sidebar--2 .sidebar, .page-product .content-sidebar .sidebar, .page-profile .sidebar-content .sidebar, .page-profile .sidebar-content--2 .sidebar, .page-profile .content-sidebar--2 .sidebar, .page-profile .content-sidebar .sidebar
    {
        display: none;
    }

    .wysiwyg p img
    {
        max-width: 100%;
        height: auto;
    }

    .wysiwyg p + p
    {
        margin-top: 5px;
    }

    #proFileForm label
    {
        font-weight: 400;
        color: #999999;
    }

    #proFileForm .btnAddProfile
    {
        display: block;
        width: 100%;
        text-transform: uppercase;
    }

    .table--reward-points thead, .table--reward-points thead tr, .table--reward-points thead tr td
    {
        display: none;
    }

    .table--reward-points tbody tr
    {
        display: block;
        position: relative;
        padding: 10px 0;
    }

        .table--reward-points tbody tr + tr
        {
            border-top: 1px solid #dddddd;
        }

        .table--reward-points tbody tr td
        {
            display: block;
            padding: 0 10px;
        }

            .table--reward-points tbody tr td.date
            {
                width: 100%;
                color: #666666;
                font-size: 12px;
            }

            .table--reward-points tbody tr td.name
            {
                padding-right: 35%;
            }

            .table--reward-points tbody tr td.point
            {
                position: absolute;
                top: 10px;
                right: 10px;
                width: 30%;
                text-align: right;
            }

    .table--reward-points tfoot tr
    {
        position: relative;
    }

        .table--reward-points tfoot tr th
        {
            display: block;
            padding: 25px 10px;
        }

            .table--reward-points tfoot tr th.total
            {
                padding-right: 35%;
                color: #222222;
                font-size: 12px;
                text-align: left;
            }

            .table--reward-points tfoot tr th.point
            {
                position: absolute;
                top: 20px;
                right: 10px;
                width: 30%;
                padding: 0;
                font-size: 16px;
                font-weight: 400;
                text-align: right;
            }

    .table--orders thead
    {
        display: none;
    }

    .table--orders tbody tr
    {
        display: block;
        padding: 10px 0;
    }

        .table--orders tbody tr + tr
        {
            border-top: 1px solid #dddddd;
        }

        .table--orders tbody tr td
        {
            display: block;
            padding: 0 10px;
            border: 0 !important;
        }

            .table--orders tbody tr td.name > div
            {
                margin-bottom: 0 !important;
            }

                .table--orders tbody tr td.name > div:before
                {
                    content: ' - ';
                }

            .table--orders tbody tr td.date
            {
                color: #666666;
            }

            .table--orders tbody tr td.total
            {
                color: #ed1c24;
            }

            .table--orders tbody tr td.status
            {
                text-align: left;
                font-weight: 400;
            }

    .table--order-details thead
    {
        display: none;
    }

    .table--order-details tbody tr
    {
        display: block;
        padding: 10px 0;
    }

        .table--order-details tbody tr + tr
        {
            border-top: 1px solid #dddddd;
        }

        .table--order-details tbody tr td
        {
            display: block;
            padding: 0;
        }

            .table--order-details tbody tr td.name .name a
            {
                color: #222222;
            }

            .table--order-details tbody tr td.name .code
            {
                color: #999999;
            }

            .table--order-details tbody tr td.total
            {
                text-align: left;
                color: #ed1c24;
            }

            .table--order-details tbody tr td .key
            {
                width: 40%;
                max-width: 140px;
                display: inline-block !important;
            }

    .e-voucher
    {
        height: auto;
    }

    .e-voucher-image
    {
        max-width: 60px;
    }

    .box--center
    {
        width: 100%;
    }

    .box__header
    {
        padding: 8px 10px;
    }

    .box__body
    {
        padding: 10px 10px;
    }

    .box__footer
    {
        padding: 8px 10px;
    }

    .tabs--skin-1
    {
        padding: 0 10px 0;
    }

        .tabs--skin-1 .tab__item a
        {
            padding: 10px 6px;
        }

    .form--general .has-feedback label.visible-xs ~ .form-control-feedback
    {
        top: 28px;
    }

    .form--registration .form__inner
    {
        width: auto;
    }

    /*div.pagination
    {
        display: block;
        float: none !important;
        padding: 0 10px;
    }*/

    .pagination__text
    {
        display: none;
    }

    .pagination ul.pagination
    {
        display: none;
        text-align: center;
    }

        .pagination ul.pagination li a
        {
            padding: 3px 8px;
            font-size: 11px;
        }

    .pagination .loading
    {
        height: 100px;
        background: url(../content/img/loader-mascot.gif) no-repeat center center;
        background-size: 52px 100px;
    }

    .done.pagination .loading
    {
        display: none !important;
    }

    .modal-dialog
    {
        width: auto;
        max-width: 95%;
    }

    .modal-comment-dialog
    {
        width: auto;
        max-width: 95%;
    }

        .modal-comment-dialog .modal-header
        {
            padding: 0 10px;
        }

        .modal-comment-dialog .modal-body
        {
            padding: 10px;
        }

        .modal-comment-dialog .modal-footer
        {
            padding: 10px;
            text-align: left;
        }

            .modal-comment-dialog .modal-footer > div.pull-left, .modal-comment-dialog .modal-footer > div.pull-right
            {
                float: none !important;
            }

            .modal-comment-dialog .modal-footer > div.pull-left
            {
                text-align: center;
            }

            .modal-comment-dialog .modal-footer .btn
            {
                display: block;
                width: 100%;
                margin: 0 0 5px;
            }

        .modal-comment-dialog textarea.form-control
        {
            height: 80px;
            resize: vertical;
        }

        .modal-comment-dialog .rating-box
        {
            margin-left: -10px;
        }

        .modal-comment-dialog .btn--comment
        {
            display: block;
            width: 100%;
            margin: 0;
        }

    .location-selector-modal .modal-dialog
    {
        width: 95%;
    }

    .tt-menu
    {
        position: fixed !important;
        top: 80px !important;
        left: 0;
        right: 0;
        margin: 0;
        z-index: 785;
    }

        .tt-menu .tt-dataset
        {
            padding: 0;
        }

            .tt-menu .tt-dataset .tt-suggestion a
            {
                padding: 8px 15px;
                font-size: 14px;
                line-height: 16px;
            }

            .tt-menu .tt-dataset .tt-header-line
            {
                font-size: 14px;
                background-color: #DFDFDF;
                color: #999999;
            }

    .m-branding .branding--restaurant i.hd
    {
        background-color: #71be0f;
    }

    .m-branding .branding--beauty i.hd
    {
        background-color: #d66784;
    }

    .m-branding .branding--entertainment i.hd
    {
        background-color: #1cb1a8;
    }

    .m-branding .branding--product i.hd
    {
        background-color: #26abd1;
    }

    .m-branding .branding--fashion i.hd
    {
        background-color: #9176ab;
    }

    .m-branding .branding--travel i.hd
    {
        background-color: #f59b31;
    }

    .search-mode#page-wrapper
    {
        padding-top: 40px;
    }

    .search-mode .search-overlay
    {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 780;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .search-mode .header__main
    {
        margin-top: -40px;
    }

        .search-mode .header__main .search-area
        {
            top: 0;
            display: block;
            opacity: 1;
            padding-top: 6px;
            padding-bottom: 7px;
            background-color: #fff;
        }

            .search-mode .header__main .search-area .search-box
            {
                margin-right: 54px;
            }

            .search-mode .header__main .search-area .btn--remove
            {
                display: block !important;
                left: auto;
                top: 7px;
                right: 7px;
                width: 15px;
                height: 15px;
                padding: 0;
                line-height: 14px;
                font-size: 10px;
                color: #fff;
                background-color: #ccc;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
            }

                .search-mode .header__main .search-area .btn--remove > i
                {
                    font-size: 6px;
                    font-weight: 700;
                }

            .search-mode .header__main .search-area .btn--cancel
            {
                left: auto;
                right: -48px;
                top: 1px;
                font-size: 15px;
                color: #0000cc;
            }

    .products .product:hover .item__meta, .products .product:hover .item__delivery, .products .product:hover .item__variants, .products .product:hover .item__location
    {
        display: none;
    }

    .category-sidebar, .category-content
    {
        width: auto;
    }

    .padding-lr
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .product--details
    {
        position: relative;
        padding: 0;
        border: 0;
        background-color: #f6f6f6;
    }

        .product--details .border-top
        {
            margin-top: 5px;
            padding-top: 5px;
        }

        .product--details .product__gallery
        {
            float: none;
            width: auto;
            margin: 0 0 12px 0;
            padding: 0 0 65px 0;
            border-bottom: 1px solid #dedede;
            background-color: #fff;
        }

            .product--details .product__gallery .media-gallery
            {
                margin: 0 auto;
                padding: 0;
                width: 320px;
                height: 320px;
                max-width: 400px;
                max-height: 400px;
            }

                .product--details .product__gallery .media-gallery img
                {
                    height: auto;
                    max-width: 100%;
                    max-height: 100%;
                }

        .product--details .product__details
        {
            padding: 5px 0;
            background-color: #fff;
        }

        .product--details .product__header, .product--details .product__price-info, .product--details .product__stats, .product--details .product__add-to-cart, .product--details .product__delivery
        {
            padding-left: 10px;
            padding-right: 10px;
        }

        .product--details .product__header
        {
            padding-bottom: 0;
        }

        .product--details .product__title
        {
            margin-bottom: 5px;
            font-size: 16px;
        }

        .product--details .product__description, .product--details .product__sharing
        {
            display: none;
        }

        .product--details .product__price
        {
            font-size: 15px;
            font-weight: 700;
            vertical-align: text-bottom;
        }

        .product--details .product__price--list-price
        {
            font-size: 13px;
            font-weight: 400;
            vertical-align: text-bottom;
        }

        .product--details .product__price--discount
        {
            font-weight: 400;
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }

        .product--details .product__stats > div
        {
            padding: 3px 8px 3px 0;
        }

            .product--details .product__stats > div + div
            {
                padding-left: 8px;
            }

            .product--details .product__stats > div:last-child
            {
                padding-right: 0;
            }

        .product--details .product__rating
        {
            font-size: 11px;
        }

            .product--details .product__rating .stars
            {
                margin-right: 8px;
                font-size: 11px;
                line-height: 16px;
            }

            .product--details .product__rating .comments-count
            {
                font-size: inherit;
            }

            .product--details .product__rating .comments-count__number:before
            {
                content: '(';
            }

            .product--details .product__rating .comments-count__number:after
            {
                content: ')';
            }

            .product--details .product__rating .comments-count__text
            {
                display: none;
            }

        .product--details .product__purchases
        {
            line-height: 16px;
            font-size: 14px;
        }

        .product--details .product__availability
        {
            font-size: 14px;
        }

            .product--details .product__availability span
            {
                display: none;
            }

                .product--details .product__availability span + span
                {
                    display: inherit;
                }

        .product--details .product__add-to-cart .btn--buy-now
        {
            display: block;
            width: 100%;
        }

        .product--details .product__add-to-cart .btn--add-to-cart
        {
            padding-top: 3px;
            padding-bottom: 3px;
            margin: 10px 0 0;
            display: block;
            width: 100%;
            font-size: 15px;
        }

        .product--details .product__delivery
        {
            padding-left: 18px;
            min-height: 35px;
            position: relative;
        }

            .product--details .product__delivery:before, .product--details .product__delivery:after
            {
                content: " ";
                display: table;
            }

            .product--details .product__delivery:after
            {
                clear: both;
            }

            .product--details .product__delivery > span
            {
                line-height: 30px;
                float: left;
                clear: left;
            }

                .product--details .product__delivery > span i
                {
                    font-size: 14px;
                    width: 20px;
                    vertical-align: -2px;
                }

            .product--details .product__delivery > a.share
            {
                position: absolute;
                top: 10px;
                right: 10px;
            }

        .product--details .product__sizes
        {
            margin: 0 -10px;
            padding: 0 10px;
            border-bottom: 1px solid #EAEAEA;
        }

            .product--details .product__sizes .size-selection
            {
                padding-top: 3px;
            }

                .product--details .product__sizes .size-selection .btn
                {
                    margin: 0 7px 7px 0;
                    padding: 0 8px;
                    min-width: 36px;
                    color: #aaaaaa;
                    -webkit-border-radius: 4px !important;
                    -moz-border-radius: 4px !important;
                    border-radius: 4px !important;
                }

                    .product--details .product__sizes .size-selection .btn.active
                    {
                        border-color: #71BE0F;
                        color: #ffffff;
                    }

        .product--details .product__variants
        {
            border: 0;
            padding: 0 10px;
            margin: 0 -10px;
            border-bottom: 1px solid #EAEAEA;
            background-color: transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .product--details .product__variants .nano
            {
                max-height: none;
                overflow: visible;
            }

                .product--details .product__variants .nano .scrollbar
                {
                    display: none;
                }

                .product--details .product__variants .nano .viewport
                {
                    height: auto !important;
                }

                    .product--details .product__variants .nano .viewport .overview
                    {
                        position: static;
                    }

    .product--variant
    {
        position: relative;
        padding: 4px 0 8px;
        border-bottom-color: #EAEAEA;
    }

        .product--variant > *
        {
            float: none;
        }

        .product--variant .product__image
        {
            display: block;
            position: static;
            float: left;
            margin-right: 10px;
            width: 60px;
            margin-top: 5px;
        }

        .product--variant .product__header
        {
            padding: 4px 95px 4px 0;
            min-height: 0;
        }

        .product--variant .product__title
        {
            font-size: 12px;
            line-height: 16px;
        }

        .product--variant .product__purchases
        {
            display: none;
        }

        .product--variant .product__add-to-cart
        {
            position: absolute;
            top: 5px;
            right: 0;
            padding: 0;
            width: auto;
        }

        .product--variant .product__price-info
        {
            width: auto;
            margin: 0;
            padding: 0;
        }

    .product--details .gallery.gallery--fashion
    {
        width: auto;
    }

        .product--details .gallery.gallery--fashion .gallery__thumbnails
        {
            top: 413px;
        }

    .gallery__thumbnails
    {
        padding: 0 5px;
        margin: 10px 0;
    }

    .product--details .gallery__thumbnails
    {
        position: absolute;
        top: 333px;
        left: 0;
        right: 0;
        height: 40px;
        margin: 0;
    }

    .gallery__thumbnails a
    {
        width: 40px !important;
    }

        .gallery__thumbnails a img
        {
            width: 40px !important;
        }

    .gallery__thumbnails .btn
    {
        display: none;
    }

    .gallery__thumbnails .thumbs-carousel .owl-wrapper-outer
    {
        margin: 0 auto;
        max-width: 100%;
    }

    #product-details
    {
        border-top: 1px solid #dedede;
        padding-top: 0;
        margin-bottom: 0;
    }

        #product-details .tabs__nav
        {
            display: none;
        }

        #product-details .tab-content
        {
            padding: 0;
        }

        #product-details .tab-pane + .tab-pane
        {
            margin-top: 0;
            border-top: 1px solid #dddddd;
        }

        #product-details .tab-pane .block__header
        {
            position: relative;
            border-bottom: 0;
        }

        #product-details .block__title_thongsokythuat
        {
            position: relative;
            display: block;
            float: none;
            padding: 10px 0px;
            border-bottom: 0;
            font-size: 13px;
            line-height: 17px;
            text-transform: uppercase;
            font-weight:bold;
        }

        #product-details .tab-pane .block__title
        {
            position: relative;
            display: block;
            float: none;
            padding: 10px 8px;
            border-bottom: 0;
            font-size: 13px;
            line-height: 17px;
            text-transform: uppercase;
            cursor: pointer; font-weight:bold;
        }

            #product-details .tab-pane .block__title:after
            {
                position: absolute;
                right: 12px;
                color: #9b9b9b;
                font-family: FontAwesome;
                font-size: 20px;
                content: "\f107";
                -ms-transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                transform: rotate(-180deg);
                -webkit-transition-duration: 0.1s;
                -moz-transition-duration: 0.1s;
                transition-duration: 0.1s;
            }

        #product-details .tab-pane .block__content
        {
            padding: 0 8px 10px;
        }

        #product-details .tab-pane.collapsed .block__title:after
        {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition-duration: 0.1s;
            -moz-transition-duration: 0.1s;
            transition-duration: 0.1s;
        }

        #product-details + .box
        {
            display: none;
        }

         

    .hd-container, .hd-pusher, .hd-content
    {
        height: 100%;
        width: 100%;
    }

    .hd-content, .hd-content-inner
    {
        position: relative;
    }

    .hd-container
    {
        position: relative;
        overflow: hidden;
    }

        .hd-container > .toggle-nav
        {
            opacity: 0;
            position: fixed;
            top: 0;
            left: -40px;
            z-index: 9999;
            background-color: #fff;
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
        }

        .hd-container.hd-menu-open > .toggle-nav
        {
            opacity: 1;
            left: 275px;
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
        }

    .hd-menu-open .toggle-nav .hd-nav:before
    {
        content: "\e901";
    }

    .hd-pusher
    {
        position: relative;
        left: 0;
        z-index: 99;
        height: 100%;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        background-color: #f6f6f6;
    }

        .hd-pusher .hd-touch-layer
        {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            background: rgba(0, 0, 0, 0.4);
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
            transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
            z-index: 900;
        }

    .hd-menu-open .hd-pusher .hd-touch-layer
    {
        z-index: 980;
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .hd-menu
    {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 910;
        visibility: hidden;
        width: 275px;
        background: #ffffff;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .hd-menu-container
    {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    }

    .hd-menu::after
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .hd-menu-open .hd-menu::after
    {
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
        transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
    }
    
    .hd-menu-open .vt-effect
    {
        display:block;
    }
    .hd-effect-4.hd-menu
    {
        z-index: 150;
        transform: translateX(-100%);
    }

    .hd-effect-4.hd-menu-open .hd-effect-4.hd-menu
    {
        visibility: visible;
        transform: translateX(0);
    }

    .hd-effect-4.hd-menu::after
    {
        display: none;
    }

    .no-csstransforms3d .hd-pusher, .no-js .hd-pusher
    {
        /*padding-left: 275px;*/
    }

    .vt-products .vt-news-item {
        float: none;
        margin-right: 10px;
        width: 100%;
    }
        .vt-products .vt-news-item .vt-title > h2
        {
            font-weight:normal;
        }
    .vt-news-visited
    {
        display:none;
    }
}

@media screen and (max-width: 767px)
{
    .mfp-map.mfp-wrap
    {
        position: fixed !important;
        top: 0 !important;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .mfp-map.mfp-wrap .mfp-content
        {
            height: 100%;
        }

            .mfp-map.mfp-wrap .mfp-content .mfp-iframe-scaler
            {
                height: 100%;
                padding-bottom: 0;
            }

    .block--tab.tab-style--campaign .block__header .tab__item
    {
        margin-bottom: 2px;
    }

        .block--tab.tab-style--campaign .block__header .tab__item a
        {
            font-size: 14px;
            min-width: 100px;
        }
}

@media screen and (min-width: 768px) and (max-width: 1199px)
{
    .container, .hd-container
    {
        min-width: 1004px;
    }

    .promo-banners
    {
        display: none;
    }

    .header-cart
    {
        padding-left: 15px;
    }

    .affix .search-area
    {
        width: 430px;
    }

    .product__image img
    {
        height: auto;
    }

    .item__meta span
    {
        font-size: 11px;
    }

    .main-nav li.multicolumns .submenu-wrapper
    {
        width: 756px;
    }

        .main-nav li.multicolumns .submenu-wrapper .promo a
        {
            background-position: 0 0 !important;
        }

        .main-nav li.multicolumns .submenu-wrapper .col-md-4
        {
            width: 33.33%;
        }

    .content-sidebar--2 .content
    {
        width: 695px;
    }

    .content-sidebar--2 .sidebar
    {
        width: 260px;
    }

    .sidebar-content--2 .sidebar
    {
        float: left;
        width: 260px;
        margin-right: 25px;
    }

    .sidebar-content--2 .content
    {
        float: left;
        width: 690px;
    }

    .header__main .progress-steps
    {
        width: 750px;
    }
}

@media screen and (min-width: 1200px)
{
    .hd-container
    {
        min-width: 1200px;
    }
}

@media screen and (max-width: 1599px)
{
    .nav--floating > li > a > span
    {
        right: auto;
        left: 100%;
        padding: 7px 12px 7px 0;
    }
}

@media (max-width: 1365px)
{
    .nav--floating
    {
        display: none;
    }
}


@media screen and (max-width: 1024px)
{
    .vt-product .product
    {
        width: 31.3333%;
    }
}

@media (min-width: 600px) and (max-width: 992px)
{
    .vt-products .vt-list-item li
    {
        width: 33.333333333%;
    }
}

@media screen and (max-width: 767px)
{
    #livechat-fixed-button
    { display:none;
    }
    .logo-wrapper .logo
{
    width: auto;
}
 .main-content {
    margin-top: 30px;
}
    /*.product-filters-reponsive
    { display:block;
    }*/
    .col-md-3.category-sidebar {
        display: none;
    }
    .product-filters-reponsive .tree.ls > li {
        float: left;
        border: 1px solid #ccc;
        margin-left: 10px;
        padding: 5px;margin-bottom: 10px; display:block;
    }

    .vt-product .product
    {
        width: 30.3333%;
    }

    .vt-product .product__info
    {
        height: 65px;
        line-height: 25px;
        padding: 10px 10px 0;
    }

 

    .vt-footer-menu ul li
    {
        width: 50%;
    }

        .vt-footer-menu ul li:nth-child(3)
        {
            clear: both;
        }


    .vt-products
    {
        margin-left: 10px;
        margin-right: 10px;
    }

        .vt-products .vt-list-item li
        {
            padding: 10px;
        }

            .vt-products .vt-list-item li a.vt-title
            {
                margin-left: auto;
                margin-right: auto;
            }

            .vt-products .vt-list-item li .vt-image
            {
                display: block;
                overflow: hidden;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
            }

            .vt-products .vt-list-item li .vt-content
            {
                margin-left: auto;
                margin-right: auto;
                line-height: 23px;
            }

    .pagination
    {
        padding-right: 15px;
    }

        .pagination a, .pagination span
        {
            margin-bottom: 10px;
        }
    .product--details .product__gallery
    {
        padding-bottom:15px;
    }
    .product--details .product__gallery .img-box
    {
        padding-left:10px; padding-right:10px;
    }
    .product--details .product__gallery .img-box > img {
        height: auto;
    }
    .vt-news-similar .vt-title h2 {
        font-weight: normal;
    }
    #boxContact .thickbox
    { display:none;
    }
     
    #product-details #danh-gia {
        padding-top: 0px;
    }

    .product-similars h3 {
        font-weight: bold;
    }

    .vt-dang-ky-dai-ly .form--registration .form__inner
    { width: auto;
    }
    .vt-dang-ky-dai-ly .form--general .form-group > label
    {
        float:none; width: auto; margin-top: 0px; padding-right: 0px;
    }
    .vt-dang-ky-dai-ly .form--general .has-feedback label ~ .form-control-feedback
    {
        top: 28px;
    }
    .vt-ho-tro-truc-tuyen .box_support ul li
    {
        width: 23.3333%;
    }
}

@media screen and (max-width: 640px)
{
     .main-content {
        margin-top: 10px;
    }
    .vt-product .product
    {
        width: 46.333%;
    }

    .vt-slider-footer
    {
        display: none;
    }
    .vt-tru-so-chinh {
        text-align: left;
    }
    .vt-footer-menu ul li
    {
        width: 100%;
    }

    .vt-products .vt-list-item li a.vt-title,
    .vt-products .vt-list-item li .vt-content
    {
        width: 100%;
    }

}

@media (max-width: 590px)
{
    .vt-products .vt-list-item li
    {
        width: 50%;
    }

    #divInfo .tblInfo
    {
        display:none;
    }

    #divInfo .tblInfoMobile
    {
        display:inline-table;
    }
    .vt-ho-tro-truc-tuyen .box_support ul li
    {
        width: 30.3333%;
    }
}

@media screen and (max-width: 480px)
{
    .vt-banner-responsive
    {
        background:#fff; border-bottom:1px solid #ccc; padding-bottom:5px;
    }
    .vt-banner-responsive .logo
    {
        display:none;
    }
    .vt-banner-responsive .logo-mobile
    {
        display:block; height:86px;
    }

    .vt-product
    {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

        .vt-product .product
        {
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            float: none;
        }
     .vt-ho-tro-truc-tuyen .box_support ul li
    {
        width: 46.3333%;
    }
    .vt-ho-tro-truc-tuyen .box_support span
    {
        clear:both;
    }
}

@media (max-width: 360px)
{
    .vt-product .product
    {
        width: 93.333%;
    }

    .vt-products .vt-list-item li
    {
        width: 100%;
        height: auto;
    }
    .sologun
    { font-size:16px;
    }
   
}

@media (max-width: 320px)
{
    .header__main #logo
    {
        padding-left: 15px;
    }
    
}
