.container {
    /*border: 1px solid #000;*/
}
.list-inline{
    z-index: 888;
}
.list-inline-item {
    margin-top: .5rem;
}

/*--------- Main Category ---------*/
.main-category{
    margin: 4px 0px;
}

.main-category li a{
    color: #000;
}

.main-category li .category-img {
    position: relative;
    width:106px;
    height: 106px;

    margin: 0;

}

.main-category li .category-img img{

    position: absolute;
    left: 0;
    opacity: 1;

    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;

}

.main-category li img.cat-icon {
    opacity: 1;

}
.main-category li img.cat-icon-active {
    opacity: 0;
}

.main-category li:hover img.cat-icon {
    opacity: 0;

}
.main-category li:hover img.cat-icon-active {
    opacity: 1;
    transform: translate(0px,-15px);
    transition-timing-function: ease-in;
    transition-duration: 0.2s;
}

/*--------- Main Business ---------*/
.main-business{
    margin: 45px 0px;
}
.main-business .business-item{
    width:520px;
    position: relative;
    overflow: hidden;
}
    
.main-business .business-item h1{
    flex-shrink: 0;
    color: #F5F5F5;

    /* in banner */
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;

    position: absolute;
    top: 35%;
    left: 40px;
    text-align: left;
    line-height: 60px;
}
.main-business .business-item h1.text-line-2{
    width:330px;
    top: 30%;
}

.main-business .business-item h1.text-line-3{
    width:270px;
    top: 20%;
}

.main-business li:hover img{
    transform: scale(1.1);
    transition-timing-function: ease-in;
    transition-duration: 0.2s;
}

.main-business li:hover h1{
    transform: translate(0px,-30px);
    transition-timing-function: ease-in;
    transition-duration: 0.2s;
}



/*----------- new products ------------*/
.new-products{
    margin: 0 auto;
    padding: 40px 0px;
}
.new-products ul{
    text-align: center;
}
.new-products li{
    width: 310px;
    border: 1px solid #000;
}
.new-products li .product-item img {
    position: relative;
    width:270px;
    height: 270px;

    margin: 0;

}

.new-products .vertical-line-right{
    border-right: 1px solid #E2E2E2;
}

.new-products .carousel-controls{
    display: inline-block;
    height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.new-products .product-price{
    color: #EB1C23;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.new-products .product-img{
    position: relative;
}

.new-products .product-new{
    position: absolute;
    top:0;
    left:0;
    padding: 2px 6px;
    background-color: #EB1C23;
    color:#fff;
}

/*--------- Best Product ------------------*/
.main-best .best-item {
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    padding: 4px;
    padding-top: 6px;
}
.main-best .best-item img{
    width: 170px;
    height: 170px;
    margin-right: 8px;
}
.main-best .best-item p{
    line-height: 20px;
}
.main-best .best-item .product-price{
    color: #EB1C23;
    font-weight: 900;
}

/*--------- News Review ------------------*/
.btn-review{
    padding: 14px 60px !important;
    font-size: 18px;
    border-radius: 0px;
}

/*--------- footer ---------*/
footer p{
    font-size:16px;
}
footer p.caption{
    color: #838383;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
footer h3{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

footer .vertical-line-right{
    border-right: 1px solid #4A4A4A;
}

footer .horizontal-line-bottom{
    border-bottom: 1px solid #4A4A4A;
}



@media (max-width: 1200px) {
    .main-category li .category-img {
        width:86px;
        height: 86px;
    }
    
    .main-business .business-item{
        width:440px;
    }
}

@media (max-width: 992px) {
    
    .main-business .business-item h1{
        font-size: 30px;
    }

}