.parade li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.box-tab-category {
    margin-top: 10px
}

.navbar-brand-category {
    overflow: inherit
}

.container-tab .navbar>.navbar-header {
    width: 100%;
    float: none
}

.hp-child {
    padding-left: 5px;
    padding-right: 5px
}

.link-all-categories {
    float: right;
    margin-left: 20px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link-all-categories span {
    color: #ddd;
    margin-right: 20px;
    font-weight: 400
}

.all-categories-product {
    color: #c41c20;
    font-size: 14px
}

@media (max-width:768px) {
    .wrap-content-category {
        padding: 0 6px
    }
    .navbar-brand-category {
        white-space: normal
    }
}

.nav-slide-category {
    display: block
}

@media (max-width:480px) {
    .nav-slide-category {
        display: none
    }
    .slide-category [class*=col-] {
        padding-left: .5px !important;
        padding-top: 9px !important;
        padding-right: .5px !important
    }
    .link-all-categories span {
        display: none
    }
    .iconpws-left-light:before {
        color: #666
    }
    .navbar-brand-category {
        margin-left: 0 !important;
        font-weight: 700 !important
    }
}

.boxright-ad {
    position: absolute;
    top: 5%;
    bottom: 50%;
    right: 1px;
    width: 35px
}

.menuright {
    position: fixed
}

.menuright a {
    width: 35px;
    text-align: center;
    padding: 10px;
    line-height: 2.8;
    color: #fff;
    -webkit-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.menuright dl dd {
    background-color: #000;
    margin: 1px 1px 1px 0;
    text-align: center
}

.menuright dl dd:hover {
    background-color: #fff
}

.menuright a:hover,
.menuright dl dd:hover a {
    color: #000
}

.container-tab {
    position: relative
}

.container-tab>.navbar {
    background-color: transparent
}

.container-tab .navbar-nav>li.active>a {
    background-color: #ff6634;
    color: #fff
}

.container-tab .navbar-nav>li>a {
    color: #333;
    font-weight: 500
}

.container-tab .navbar-nav>li>a:hover {
    color: #ff6634
}

.navbar-brand-category {
    color: #000;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    height: auto;
    padding: 10px;
    float: left;
    border-left: 7px solid #c41c20
}

.floor-elevator {
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px;
    color: #999
}

.floor-elevator .btn-elevator {
    cursor: pointer;
    display: block;
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    margin-top: -10px
}

.floor-elevator .btn-elevator:focus,
.floor-elevator .btn-elevator:hover {
    text-decoration: none;
    color: #3bafda
}

.floor-elevator .fa {
    font-weight: 700
}

.floor-elevator a {
    font-size: 20px;
    color: #ddd
}

.floor-elevator .down {
    margin-top: -10px
}

.product-featured>.wrap-banner-side {
    width: 22%;
    padding-right: 0
}

.product-featured .slick-slide {
    padding: 5px
}

.wrap-content-category .tab-content>.tab-pane {
    position: relative
}

.wrap-content-category:hover .nav-slide-category {
    opacity: 1;
    -moz-opacity: 1
}

.wrap-content-category .nav-slide-category {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1
}

.slide-category {
    overflow: hidden;
    width: 100%
}

.wrap-content-category .nav-slide-category .btn {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 3px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #0095dc;
    border-color: #0095dc
}

.wrap-content-category .nav-slide-category .btn:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(5, 151, 242, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(5, 151, 242, .2);
    box-shadow: 0 14px 26px -12px rgba(5, 151, 242, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(5, 151, 242, .2);
    color: #fff
}

.wrap-content-category .nav-slide-category .prev {
    left: 5px
}

.wrap-content-category .nav-slide-category .next {
    right: 5px
}

.wrap-content-category .nav-slide-category .next .glyphicon,
.wrap-content-category .nav-slide-category .prev .glyphicon {
    top: 0
}

.wrap-banner-side img {
    width: 100%
}

.slide-category [class*=col-]>.thumbnail {
    padding: 0;
    overflow: hidden;
    min-height: 310px;
    border: none;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-box-shadow: rgba(0, 0, 0, .23) 0 1px 6px 0;
    box-shadow: rgba(0, 0, 0, .23) 0 1px 6px 0;
    border-radius: 8px;
    display: block;
    background: #fff
}

.slide-category [class*=col-]>.thumbnail:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 3px 5px rgba(0, 0, 0, .1)
}

.slide-category [class*=col-]>.thumbnail img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto
}

.slide-category [class*=col-]>.thumbnail:focus,
.slide-category [class*=col-]>.thumbnail:hover {
    text-decoration: none
}

.slide-category [class*=col-]>.thumbnail .caption h3 {
    font-size: 14px;
    color: #000;
    text-align: center;
    white-space: normal !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 10px;
    height: 39px
}

@media (max-width:767px) {
    .slide-category [class*=col-]>.thumbnail .caption h3 {
        font-size: 12px
    }
}

.slide-category [class*=col-]>.thumbnail .caption {
    padding: 10px;
    border-top: none
}

.slide-category [class*=col-]>.thumbnail .caption .newprice {
    color: #fff !important;
    font-size: 12px;
    text-align: center;
    border-top: none;
    font-style: normal !important;
    border: 1px solid #c41c20;
    border-radius: 50px;
    margin: 0 15px;
    padding: 5px 0;
    font-size: 13px;
    background-color: #c41c20
}

.parade-container {
    padding: 0;
    margin: 0;
    position: fixed;
    right: -157px;
    top: 36%;
    width: 200px;
    z-index: 999
}

span.paraderightmenu {
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 24px;
    text-align: center;
    float: left;
    text-transform: uppercase
}

.parade li {
    list-style-type: none;
    background-color: #333;
    color: #efefef;
    height: 43px;
    padding: 0;
    margin: 0 0 1px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer;
    filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.parade li:hover {
    margin-left: -150px;
    -webkit-filter: grayscale(0)
}

.parade li:hover:not(:first-child) .paraderightmenu {
    font-size: 14px;
    color: #fff
}

.parade li:hover:not(:first-child) .paradetext {
    position: relative;
    left: -16px;
    color: #fff;
    font-size: 14px
}

.parade li:first-child:hover {
    cursor: default
}

.parade li img {
    float: left;
    margin: 5px 10px 5px 5px
}

.parade li p {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    line-height: 43px;
    text-align: left
}

p.paradetext {
    color: #ecf0f1;
    line-height: 28px;
    font-size: 15px;
    padding-top: 50px
}

a.page-scroll-parade:hover {
    text-decoration: none;
    color: #fff
}

.container-tab .slick-slider {
    margin-bottom: 0
}

.icon-list-category {
    width: 30px;
    height: 30px;
    float: left;
    line-height: 30px;
    margin: 6px;
    display: inline-block;
    background: url(../images/icon-list-category.svg) center center no-repeat;
    background-size: 24px
}

i.iconpws-left-light {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 21px;
    display: none
}

@media (min-width:992px) and (max-width:1199px) {
    .slide-category [class*=col-]>.thumbnail {
        min-height: inherit
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slide-category [class*=col-]>.thumbnail {
        min-height: inherit !important
    }
    .parade-container {
        display: none
    }
    .wrap-content-category .nav-slide-category .prev {
        left: 0
    }
    .wrap-content-category .nav-slide-category .next {
        right: 0
    }
}

.see-all-parade {
    display: inline-block;
    font-size: 15px
}

@media (max-width:767px) {
    .see-all-parade {
        display: none
    }
    i.iconpws-left-light {
        font-size: 21px;
        display: inline-block
    }
    #boxdivProduct.box .navbar-brand {
        font-size: 16px !important;
        border-left: none !important
    }
    .navbar-brand-category {
        border-left: none
    }
    h2.navbar-brand.navbar-brand-category.fw {
        font-size: 14px !important
    }
    .slide-category [class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
    .wrap-content-category .tab-content {
        margin-left: 0;
        margin-right: 0
    }
    .slide-category [class*=col-]>.thumbnail {
        padding: 0;
        overflow: hidden
    }
    .container-tab .navbar-header .navbar-toggle,
    .parade-container {
        display: none
    }
    .container-tab {
        margin-bottom: 10px
    }
    .container-tab .slick-slider {
        margin-bottom: 0
    }
    .slide-category [class*=col-]>.thumbnail {
        margin-right: 8px;
        min-height: 288px !important
    }
    .wrap-content-category .nav-slide-category .prev {
        left: 0
    }
    .wrap-content-category .nav-slide-category .next {
        right: 0
    }
    .slide-category .slick-center .thumbnail {
        border: 1px solid #eee;
        border-radius: 8px
    }
}

@media (max-width:560px) {
    .container-tab .slick-slider {
        margin-bottom: 0
    }
    .slide-category [class*=col-]>.thumbnail {
        margin-right: 0
    }
    .slide-category [class*=col-]>.thumbnail .caption h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: unset
    }
    .slide-category [class*=col-]>.thumbnail .caption {
        margin-top: 10px;
        padding: 5px
    }
}

#boxdivProduct.box .container-tab {
    margin: 14px 0
}

#boxdivProduct.box .container-tab .navbar {
    border-bottom: none
}

#boxdivProduct.box .container-tab .navbar .navbar-header {
    float: left;
    position: relative;
    text-align: center
}

#boxdivProduct.box .navbar-brand {
    font-weight: 700;
    display: inline-block;
    font-size: 22px;
    border-left: 7px solid #c41c20;
    margin-left: -7px !important;
    line-height: 1;
    padding: 10px
}

@media (max-width:767px) {
    #boxdivProduct.box .container-tab {
        margin: 0
    }
    .link-all-categories {
        float: right;
        margin-left: 0
    }
    .link-all-categories span {
        color: #ddd;
        margin-right: 0
    }
    .all-categories-product {
        color: #c41c20;
        font-size: 14px;
        margin-right: 12px
    }
}