.dji-de .site-header .navbar-nav .nav-link,.dji-de .site-header .site-header-wrap .tab-hover>li>a,.dji-en .site-header .navbar-nav .nav-link,.dji-en .site-header .site-header-wrap .tab-hover>li>a,.dji-es .site-header .navbar-nav .nav-link,.dji-es .site-header .site-header-wrap .tab-hover>li>a,.dji-fr .site-header .navbar-nav .nav-link,.dji-fr .site-header .site-header-wrap .tab-hover>li>a,.dji-zh-CN .site-header .navbar-nav .nav-link,.dji-zh-CN .site-header .site-header-wrap .tab-hover>li>a,.dji-zh-TW .site-header .navbar-nav .nav-link,.dji-zh-TW .site-header .site-header-wrap .tab-hover>li>a {
    font-family: "Gotham","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif
}

.dji-ja .site-header .navbar-form-search,.dji-ko .site-header .navbar-form-search {
    margin: 19px auto
}

.tab-hover .tab-nav {
    cursor: pointer
}

.tab-hover .tab-content,.tab-hover-content>li {
    display: none
}

.tab-hover-content>li.active,.tab-hover>li.active>.tab-content {
    display: block
}

.tab-hover-content {
    position: absolute;
    top: 60px;
    left: 0;
    background: rgba(255,255,255,.98);
    width: 100%;
    z-index: 500
}

.site-header {
    background-color: #252527;
    border: 0;
    margin: auto;
    position: relative;
}

.site-header .dropdown-menu {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.site-header .site-header-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px
}

.site-header .site-header-container .aside .product-pic {
    display: inline-block;
    vertical-align: middle
}



.site-header .navbar-header .icon-bar {
    background-color: #707473
}

.site-header .navbar-header .navbar-toggle {
    padding-top: 13px;
    margin-right: 10px
}

.site-header .navbar-brand {
    display: block;
    padding-right: 0;
    margin-left: 0px;
}

.site-header .navbar-brand .logo {
    float: left;
    width: 10%;
    margin-left: 3%;
}
.site-header .navbar-brand .logotext {
       width: 100%;
    padding-right: 3%;
}

@media (max-width:320px)
{ .site-header .navbar-brand .logo{float:left;width:10%;margin-left:0%; }
  .site-header .navbar-brand .logotext{float:left;width:90%;padding-right:0%;font-size:14px;}
}
.site-header .navbar-right {
    margin-right: 0
}


.site-header .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    line-height: 30px;
    padding: 15px 10px;
    display: block;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.site-header .navbar-nav>.nav-search a {
    padding: 15px 25px 15px 10px;
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    line-height: 30px;
    cursor: pointer
}

.site-header .navbar-nav>.nav-search a:hover {
    color: #44a8f2
}

.site-header .navbar-nav>.nav-search .icon-header-search {
    vertical-align: middle
}

.site-header .navbar-nav>.nav-language {
    position: relative;
    min-width: 110px
}

.site-header .navbar-nav>.nav-language.nav-language-clone {
    display: none
}

.site-header .navbar-nav>.nav-language .fa-angle-down {
    margin-left: 3px
}

.site-header .navbar-nav>.nav-language .nav-link {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.site-header .navbar-nav>.nav-language .current-language {
    position: relative;
    top: 1px
}

.site-header .navbar-nav>.nav-language a {
    padding: 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    line-height: 30px;
    text-align: center
}

.site-header .navbar-nav>.nav-language .dropdown-menu {
    left: 0;
    text-align: left;
    min-width: 105px
}

.site-header .navbar-nav>.nav-language .dropdown-menu a {
    padding-left: 30px;
    text-transform: uppercase;
    text-align: left
}

.site-header .navbar-nav>.nav-shopping-cart {
    min-width: 162px;
    text-align: center;
    position: relative
}

.site-header .navbar-nav>.nav-shopping-cart .nav-link {
    padding: 15px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: #f7f8f9;
    line-height: 30px;
    background-color: #4ad1e5;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.site-header .navbar-nav>.nav-shopping-cart .nav-link .icon {
    margin-left: 8px;
    position: relative;
    top: 2px
}

.site-header .navbar-nav>.nav-shopping-cart .nav-link .count {
    margin-left: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: #f7f8f9;
    color: #44a8f2;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu {
    width: 320px;
    font-size: 12px;
    background: 0 0;
    border-top: none
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list {
    max-height: 394px;
    overflow-y: auto
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list::-webkit-scrollbar {
    width: 4px
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list::-webkit-scrollbar-track {
    background: #fff
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list::-webkit-scrollbar-thumb {
    background: #707473;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li {
    overflow: hidden;
    background: #fff;
    color: #44a8f2
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li a.product-wrap {
    line-height: inherit;
    display: block;
    padding: 20px;
    height: auto;
    background: #fff;
    overflow: hidden;
    opacity: 1
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li a.product-wrap:hover {
    background: #f7f8f9;
    color: #707473
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li .photo {
    float: left
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li .text {
    margin-left: 115px;
    padding-top: 10px
}

.search-push-box ul,.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .product-list li .text .cost {
    margin-top: 8px
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .meta {
    overflow: hidden;
    background: #fff;
    padding: 15px 20px
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .meta .total {
    float: left;
    width: 120px;
    display: inline-block;
    color: #44a8f2;
    margin-top: 5px;
    font-size: 13px
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .meta .checkout {
    float: right;
    display: inline-block;
    border: 2px solid #44a8f2;
    padding: 4px 8px;
    line-height: inherit;
    height: auto;
    color: #fff;
    background: #44a8f2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.site-header .navbar-nav>.nav-shopping-cart .dropdown-menu .meta .checkout:hover {
    color: #44a8f2;
    border-color: #44a8f2;
    background-color: #fff
}

.site-header .navbar-nav>.nav-account,.site-header .navbar-nav>.nav-user {
    min-width: 45px
}

.site-header .navbar-nav>.nav-account .icon-header-account {
    vertical-align: middle
}

.site-header .navbar-nav>.nav-account .icon-account {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle
}

.site-header .navbar-nav>.nav-account {
    position: relative
}

.site-header .navbar-nav>.nav-user {
    position: relative;
    text-align: right;
    display: none
}

.site-header .navbar-nav>.nav-account .nav-link,.site-header .navbar-nav>.nav-user .nav-link {
    padding: 15px 0
}

.site-header .navbar-nav>.nav-account .headshot,.site-header .navbar-nav>.nav-user .headshot {
    display: inline-block;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 6px
}

.site-header .navbar-nav>.nav-account .headshot img,.site-header .navbar-nav>.nav-user .headshot img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 100%;
    height: 100%
}

.site-header .navbar-nav>.nav-account .dropdown-menu,.site-header .navbar-nav>.nav-user .dropdown-menu {
    right: -20px;
    left: initial;
    min-width: 100%;
    width: auto
}

.site-header .navbar-nav>.nav-account .dropdown-menu li,.site-header .navbar-nav>.nav-user .dropdown-menu li {
    float: none
}

.site-header .navbar-nav>.nav-account .dropdown-menu a,.site-header .navbar-nav>.nav-user .dropdown-menu a {
    padding-left: 20px;
    padding-right: 20px
}

.site-header .navbar-nav.logined .nav-account,.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list .tab-content,.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list.dropdown-opened+.aside {
    display: none
}

.site-header .navbar-nav.logined .nav-user,.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-name a i {
    display: block
}

.site-header .navbar-nav>.nav-account {
    display: block;
    text-align: right
}

.site-header .navbar-nav>.nav-account .login,.site-header .navbar-nav>.nav-account .register,.site-header .navbar-nav>.nav-account .sep {
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    line-height: 30px
}

.site-header .navbar-nav>.nav-account .login,.site-header .navbar-nav>.nav-account .register {
    padding: 15px 0;
    display: inline-block;
    text-transform: uppercase
}

.site-header .navbar-nav>.nav-account .login:hover,.site-header .navbar-nav>.nav-account .register:hover {
    text-decoration: underline
}

.site-header .site-header-wrap {
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    height: 250px;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    background-color: #fff
}

.site-header .site-header-wrap.tab-content-opened {
    opacity: 1;
    max-height: 300px
}

.site-header .site-header-wrap>li {
    position: relative
}

.site-header .site-header-wrap .tab-hover {
    position: relative;
    margin-left: 86px;
    width: 246px;
    height: 223px;
    background-color: transparent
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list.dropdown-opened li.active a.link-name,.site-header .site-header-wrap .tab-hover.dropdown-opened>li.active>a {
    color: #707473
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list.dropdown-opened li a.link-name,.site-header .site-header-wrap .tab-hover.dropdown-opened>li>a {
    color: rgba(112,116,115,.3)
}

.site-header .site-header-wrap .tab-hover>li>a {
    display: block;
    line-height: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 11px;
    color: #9b9b9b;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.site-header .site-header-wrap .tab-hover>li.active .tab-content {
    z-index: 1;
    opacity: 1;
    display: block
}

.site-header .dropdown-white .dropdown-menu a:hover .flag,.site-header .site-header-wrap .tab-hover>li.active .tab-content .product-buy,.site-header .site-header-wrap .tab-hover>li.active .tab-content .product-links,.site-header .site-header-wrap .tab-hover>li.active .tab-content .product-name,.site-header .site-header-wrap .tab-hover>li.active .tab-content .product-pic {
    opacity: 1
}

.site-header .site-header-wrap .tab-hover .tab-content {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    padding-top: 18px;
    width: 860px;
    z-index: -1;
    opacity: 0;
    display: none
}

.site-header .site-header-wrap .tab-hover .tab-content div,.site-header .site-header-wrap .tab-hover .tab-content li {
    padding: 0
}

.site-header .site-header-wrap .tab-hover .tab-content .product-buy,.site-header .site-header-wrap .tab-hover .tab-content .product-nav,.site-header .site-header-wrap .tab-hover .tab-content .product-pic {
    float: left
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav {
    position: relative
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-name a {
    display: inline-block;
    font-family: "Dji","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #707473;
    line-height: 35px;
    text-transform: uppercase
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-name.product-name-manifold a {
    font-size: 28px;
    line-height: 26px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links {
    margin-top: 14px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links a {
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    line-height: 22px;
    text-transform: uppercase
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links a:hover {
    text-decoration: underline
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list {
    width: 205px;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    position: static
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list .link-pic {
    float: left;
    max-width: 360px;
    width: 360px;
    height: auto;
    padding-top: 0
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list .link-pic a,.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list.dropdown-opened li.active .tab-content,.site-header .site-header-wrap .tab-hover .tab-content .product-pic a {
    display: block
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list .link-pic a img {
    display: block;
    width: 320px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav .product-links-list+.aside {
    width: 340px;
    right: auto;
    left: 205px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav-and-pic {
    width: 566px;
    float: left
}

.site-header .site-header-wrap .tab-hover .tab-content .product-pic {
    width: 100%
}

.site-header .site-header-wrap .tab-hover .tab-content .product-pic.product-pic-manifold a {
    position: relative;
    top: 40px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-pic img {
    margin-left: 0;
    margin-right: 0
}

.site-header .site-header-wrap .tab-hover .tab-content .product-mutl-pics {
    overflow: hidden
}

.site-header .site-header-wrap .tab-hover .tab-content .product-mutl-pics .product-pic {
    width: auto;
    float: left
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav+.product-pic {
    width: 372px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-nav+.product-pic img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 320px
}

.site-header .site-header-wrap .tab-hover .tab-content .product-buy {
    margin-top: 96px
}

.site-header .site-header-wrap .tab-hover .tab-content .btn-buy-primary {
    min-width: 162px;
    text-align: center;
    background: #44a8f2;
    padding: 4px;
    border: 2px solid transparent;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    height: 36px;
    line-height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase
}

.site-header .site-header-wrap .tab-hover .tab-content .btn-buy-primary:hover {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: 2px solid #44a8f2;
    background-color: transparent;
    color: #44a8f2
}

.site-header .site-header-wrap .tab-hover+.aside {
    position: absolute;
    top: 0;
    left: 400px;
    height: 100%;
    right: 0;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.site-header .site-header-wrap .tab-hover+.aside a {
    display: inline-block
}

.site-header .site-header-wrap .dropdown-opened+.aside {
    display: none
}

.site-header .dropdown-opened .site-header-wrap {
    max-height: 250px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.site-header .active .site-header-wrap {
    max-height: 250px;
    opacity: 1;
    z-index: 100;
    background-color: #fff
}

.site-header .active .site-header-wrap .site-header-container {
    position: relative
}

.site-header .dropdown-opened .active .site-header-wrap {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.site-header .dropdown-white .dropdown-menu,.site-header .tab-content-closing .site-header-wrap,.site-header .tab-content-first-opened .active .site-header-wrap {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms
}

.site-header .dropdown-white .dropdown-menu,.site-header .tab-content-closing .site-header-wrap {
    max-height: 0
}

.site-header .tab-content-closing .site-header-wrap>.site-header-container {
    position: relative
}

.site-header .dropdown-white .dropdown-menu {
    min-width: 100%;
    display: block;
    overflow: hidden;
    opacity: 0
}

.site-header .dropdown-white .dropdown-menu a {
    padding: 0;
    line-height: 36px;
    height: 36px;
    font-family: "Open Sans","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #979797;
    background-color: rgba(255,255,255,.7)
}

.site-header .dropdown-white .dropdown-menu a .flag {
    opacity: 1!important
}

.site-header .dropdown-white .dropdown-menu a:hover {
    color: #fff;
    background-color: rgba(151,151,151,.7)
}

.site-header .dropdown-white.active .dropdown-menu,.site-header .dropdown-white.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
    visibility: visible
}

.site-header .navbar-menu.dropdown-opened>li .nav-link {
    color: rgba(112,116,115,.3)
}

.site-header .navbar-menu.dropdown-opened>li.active .nav-link {
    color: #fff
}

.site-header .navbar-form-search {
    margin: 18px auto;
    padding: 0;
    width: 156px;
    position: relative;
    display: none
}

.site-header .navbar-form-search .input-search {
    padding: 4px 20px;
    border: 0;
    border-left: 1px solid rgba(166,172,170,.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 24px;
    line-height: 14px;
    font-weight: 400;
    font-size: 13px;
    color: #707473
}

.site-header .navbar-form-search .btn-search {
    position: absolute;
    right: 5px;
    top: -2px;
    color: #a2a6a5
}

.site-header .navbar-searching .navbar-form-search {
    display: block
}

.site-header .navbar-searching .navbar-menu,.site-header .navbar-searching .site-nav-menu {
    display: none
}

.search-push-box {
    display: none;
    background: #fff;
    margin: 0 40px;
    position: absolute;
    z-index: 10000000;
    width: 600px;
    top: 42px;
    left: -41px;
    padding: 0 35px;
    font-weight: 300;
    -webkit-box-shadow: 0 5px 30px 0 #eee;
    -moz-box-shadow: 0 5px 30px 0 #eee;
    -ms-box-shadow: 0 5px 30px 0 #eee;
    -o-box-shadow: 0 5px 30px 0 #eee;
    box-shadow: 0 5px 30px 0 #eee
}

.search-push-box h3 {
    font-size: 12px
}

.search-push-box ul li {
    font-size: 14px
}

.search-push-box ul li a {
    display: block;
    padding-left: 15px;
    height: 30px;
    line-height: 30px
}

.search-push-box ul li i {
    display: inline-block;
    margin-right: 5px;
    color: #44a8f2;
    font-size: 12px
}

.search-push-box ul li.active,.search-push-box ul li:hover {
    background-color: #f7f8f9
}

.search-push-box .search-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.search-push-box .search-item:last-child {
    border-bottom: none
}

.search-push-box .hot-words {
    display: none
}

.search-push-box .marketing-words {
    border-top: 1px solid #d6d6d6
}

@media (max-width: 767px) {
    .navbar-lg .navbar-header,.navbar-lg .navbar-nav>li {
        float:none
    }

    .navbar-lg .navbar-toggle {
        display: block
    }

    .navbar-lg .navbar-collapse {
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
    }

    .navbar-lg .navbar-collapse.collapse {
        display: none!important
    }

    .navbar-lg .navbar-nav {
        float: none!important;
        margin: 0 -15px
    }

    .navbar-lg .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-lg .navbar-text {
        float: none;
        margin: 15px 0
    }

    .navbar-lg .navbar-collapse.collapse.in {
        display: block!important
    }

    .navbar-lg .collapsing {
        overflow: hidden!important
    }

    .nav-user,.navbar-lg .dropdown-menu,.navbar-lg .tab-content-submenu {
        display: none
    }
}

@media (max-width: 767px) and (max-width:767px) {
    body {
        padding-top:54px
    }

    .site-header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 200
    }

    .site-header .nav-bar-wrap {
        -webkit-box-shadow: 0 10px 15px 0 rgba(112,116,115,.2);
        -moz-box-shadow: 0 10px 15px 0 rgba(112,116,115,.2);
        -ms-box-shadow: 0 10px 15px 0 rgba(112,116,115,.2);
        -o-box-shadow: 0 10px 15px 0 rgba(112,116,115,.2);
        box-shadow: 0 10px 15px 0 rgba(112,116,115,.2);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 550px;
        max-height: calc(100vh - 54px);
        z-index: 200
    }

    .site-header .navbar-header {
        height: 54px;
        line-height: 54px
    }

    /*.site-header .navbar-header .navbar-brand{padding:0px 15px 0px 15px}*/
    .site-header .navbar-header .navbar-toggle {
        float: left;
        padding: 10px 7px 10px 7px;
        width: 10%;
        margin: 9px 0 9px 5px
    }

    .site-header .navbar-header .navbar-toggle .icon-bar {
        width: 100%;
        background: #fff
    }

    .site-header .navbar-header .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }

    .site-header .navbar-header .navbar-toggle-site-header {
        margin-right: 5px
    }

    .site-header .navbar-header .navbar-toggle-site-header .icon-bar {
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }

    .site-header .navbar-header .navbar-toggle-site-header .icon-bar:nth-child(2) {
        opacity: 0
    }

    .site-header .navbar-header .navbar-toggle-site-header .icon-bar:first-child {
        -webkit-transform: matrix(.707107,.707107,-.707107,.707107,0,6);
        -moz-transform: matrix(.707107,.707107,-.707107,.707107,0,6);
        -ms-transform: matrix(.707107,.707107,-.707107,.707107,0,6);
        -o-transform: matrix(.707107,.707107,-.707107,.707107,0,6);
        transform: matrix(.707107,.707107,-.707107,.707107,0,6)
    }

    .site-header .navbar-header .navbar-toggle-site-header .icon-bar:last-child {
        -webkit-transform: matrix(.707107,-.707107,.707107,.707107,0,-6);
        -moz-transform: matrix(.707107,-.707107,.707107,.707107,0,-6);
        -ms-transform: matrix(.707107,-.707107,.707107,.707107,0,-6);
        -o-transform: matrix(.707107,-.707107,.707107,.707107,0,-6);
        transform: matrix(.707107,-.707107,.707107,.707107,0,-6)
    }

    .site-header .navbar-header .navbar-toggle-site-header.collapsed .icon-bar {
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        opacity: 1!important
    }

    .site-header .dropdown-opened>li .nav-link,.site-header .dropdown-opened>li.active .nav-link,.site-header .navbar-nav .nav-link,.site-header .navbar-nav>.nav-language .dropdown-menu a,.site-header .navbar-nav>.nav-language a,.site-header .navbar-nav>.nav-user .dropdown-menu a,.site-header .navbar-nav>.nav-user a,.site-header .site-header-wrap .tab-hover.dropdown-opened>li>a,.site-header .site-header-wrap .tab-hover>li>a {
        color: #fff;
        font-size: 13px;
        font-weight: 300;
        line-height: 30px
    }

    .site-header .navbar-nav.navbar-right {
        margin-top: 0
    }

    .site-header .navbar-nav .nav-link,.site-header .navbar-nav>.nav-language .dropdown-menu a,.site-header .navbar-nav>.nav-language .nav-link,.site-header .navbar-nav>.nav-shopping-cart .nav-link,.site-header .navbar-nav>.nav-user .dropdown-menu a,.site-header .navbar-nav>.nav-user a,.site-header .site-header-wrap .tab-hover>li>a {
        padding: 3px 20px
    }

    .site-header .navbar-nav li.mobile-sub-nav-first>a {
        padding-top: 7px
    }

    .site-header .navbar-nav li.pure-menu:last-child>a {
        padding-bottom: 13px
    }

    .site-header .navbar-nav>.nav-language .nav-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center;
        height: 48px;
        line-height: 48px!important;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 11px!important;
        color: #707473!important;
        background-color: #f7f8f9
    }

    .site-header .navbar-nav>.nav-shopping-cart {
        background: 0 0;
        width: 100%
    }

    .site-header .navbar-nav>.nav-shopping-cart .nav-link {
        font-weight: 300;
        text-align: center;
        color: #fff;
        height: 48px;
        line-height: 48px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 15px
    }

    .site-header .navbar-nav>.nav-shopping-cart .nav-link.nav-link-store {
        color: #fff!important;
        font-size: 15px!important;
        line-height: 48px!important
    }

    .site-header .navbar-nav>.nav-shopping-cart .nav-link .icon-header-cart {
        margin-left: 16px;
        position: relative;
        top: 2px;
        font-weight: 300
    }

    .site-header .navbar-nav>.nav-shopping-cart .nav-link .count {
        font-size: 12px;
        font-weight: 400
    }

    .site-header .navbar-nav>.nav-user {
        overflow: hidden;
        display: none!important
    }

    .site-header .navbar-nav>.nav-user .nav-link {
        text-align: center
    }

    .site-header .navbar-nav>.nav-user .dropdown-menu {
        background: #f7f8f9;
        position: static;
        left: 0;
        right: 0
    }

    .site-header .navbar-nav>.nav-user .dropdown-menu li:first-of-type {
        padding-top: 10px
    }

    .site-header .navbar-nav>.nav-user .dropdown-menu li:last-of-type {
        padding-bottom: 10px
    }

    .site-header .navbar-nav>.nav-user .dropdown-menu a,.site-header .navbar-nav>.nav-user .dropdown-menu a:hover {
        background: 0 0;
        opacity: 1
    }

    .site-header .navbar-nav>.nav-account {
        display: none;
        width: 100%;
        text-align: center;
        background-color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

    .site-header .navbar-nav>.nav-account .login,.site-header .navbar-nav>.nav-account .register {
        font-size: 11px;
        height: 54px;
        line-height: 54px;
        padding: 0
    }

    .site-header .nav-search {
        display: none!important
    }

    .site-header .navbar-nav>.nav-language,.site-header .site-header-wrap .tab-content.tab-nowrap .product-nav .product-name {
        display: none
    }

    .site-header .navbar-nav>.nav-language.nav-language-clone {
        display: block
    }

    .site-header .navbar-nav>.nav-language .fa-angle-down {
        font-size: 26px;
        color: #979797;
        position: absolute;
        right: 20px;
        top: 10px
    }

    .site-header .navbar-nav>.nav-language .tab-content {
        background: #f7f8f9;
        position: static;
        float: none;
        opacity: 1
    }

    .site-header .navbar-nav>.nav-language .tab-content li:last-of-type a {
        padding-bottom: 13px;
        height: auto
    }

    .site-header .navbar-nav>.nav-language .tab-content li:last-child {
        padding-bottom: 45px
    }

    .site-header .navbar-nav>.nav-language .tab-content a,.site-header .navbar-nav>.nav-language .tab-content a:hover {
        opacity: 1;
        background: #f7f8f9
    }

    .site-header .site-header-wrap {
        position: static;
        height: auto
    }

    .site-header .site-header-wrap .aside,.site-header .site-header-wrap .tab-content,.site-header .site-header-wrap .tab-content.tab-nowrap .product-nav .product-links-list .tab-content {
        display: none!important
    }

    .site-header .site-header-wrap .tab-hover {
        height: auto;
        width: 100%;
        margin: auto
    }

    .site-header .site-header-wrap .tab-nav {
        position: static
    }

    .site-header .site-header-wrap .tab-content.tab-nowrap {

        display: block!important;
        position: static;
        padding-top: 0
    }

    .site-header .site-header-wrap .tab-content.tab-nowrap .product-nav,.site-header .site-header-wrap .tab-content.tab-nowrap .product-nav-and-pic {
        float: none
    }

    .site-header .site-header-wrap .tab-content.tab-nowrap .product-nav .product-links-list {
        width: 100%;
        height: auto;
        position: static;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .site-header .site-header-wrap .tab-content.tab-nowrap .product-nav .product-links-list li a {
        padding-left: 40px
    }

    .site-header .navbar-menu.dropdown-opened>li .nav-link,.site-header .site-header-wrap .tab-content.tab-nowrap .product-nav .product-links-list.dropdown-opened li a.link-name {
        color: #707473
    }

    .site-header .tab-nowrap {
        max-height: 0!important;
        overflow: hidden
    }

    .site-header .dropdown-opened .dropdown-opened .active .tab-nowrap {
        max-height: 350px!important
    }

    .site-header .dropdown-opened .active .site-header-wrap,.site-header .dropdown-opened .site-header-wrap,.site-header .tab-nowrap {
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -ms-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms
    }

    .site-header .dropdown-opened .site-header-wrap {
        background: #6e6e6f;
        max-height: 0!important
    }

    .site-header .dropdown-opened .active .site-header-wrap {
        padding: 10px 0!important;
        max-height: 375px!important
    }

    .site-header .pure-menu .site-header-wrap {
        width: auto;
        height: auto;
        left: initial;
        margin: 0
    }

    .site-header .pure-menu .site-header-wrap .tab-hover {
        width: auto;
        height: auto;
        margin: 0
    }

    .site-header .pure-menu .site-header-wrap .tab-hover li:hover {
        color: #707471!important;
        background-color: #f7f8f9
    }

    .site-header .pure-menu .site-header-wrap .tab-hover li:hover a {
        color: #707471!important
    }

    .site-header .pure-menu .site-header-wrap .tab-hover li a {
        padding: 3px 20px!important;
        font-size: 13px;
        color: #707471!important
    }
}

.site-header .pure-menu .site-header-wrap {
    width: auto;
    height: auto;
    left: auto
}

.site-header .pure-menu .site-header-wrap .tab-hover {
    width: auto;
    height: auto;
    margin: 0
}

.site-header .pure-menu .site-header-wrap .tab-hover li:hover {
    color: #fff!important;
    background-color: #979797;
    opacity: .7
}

.site-header .pure-menu .site-header-wrap .tab-hover li:hover a {
    color: #fff!important
}

.site-header .pure-menu .site-header-wrap .tab-hover li a {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    color: #979797!important;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial
}