@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
     
}
@media(min-width:1200px){
}
@media (max-width: 767px) {
    #product-product .product-description{
        padding-top: 0;
    }
    .header-height{
        height: 200px;
    }
    #logo {
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
    }
.home-banner{
    margin-bottom: 40px;
}
.promoting{
    margin-bottom: 40px;
}
.promoting h3{
    margin-top: 0;
}
    #menu {
        border-radius: 4px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #menu.navbar {
        margin-bottom: 0;
    }

    #menu div.dropdown-inner>ul.list-unstyled {
        display: block;
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }

    footer p {
        display: none;
    }
    .fluid{
        padding: 0;
    }

    .collect .mr10 {
        margin-right: 0;
    }

    .collect .ml10 {
        margin-left: 0;
    }

    .collect .collect-item {
        margin-bottom: 15px;
    }

    .h3-title {
        font-size: 30px;
    }
    .h3-title.center{
        text-align: left;
        padding-left: 10px;
    }
    .h3-more {
        display: none;
    }
.news{
    margin-bottom: 20px;
}
    .news .col-xs-6 {
        padding: 0;
    }
.news .news-item{
    margin-bottom: 0;
}
    .news-item .list .rsp {
        width: 0;
        height: 0;
        display: none;
    }
    .news-item .list .text {
        position: static;
        align-items: flex-start;
        width: 100%;
        height: auto;
    }
    
    .news-item .list .text h3,
    .news-item .list .text p {
        color: #000;
    }

    .collect-xs {
        display: block;
    }

    .collect-flex {
        display: block;
        margin-bottom: 40px;
    }
    .home-product{
        display: block;
    }

    .home-product .product-left,
    .home-product .product-right{
        width: 100%;
    }
    .product-right .item{
        padding: 0 20px;
    }
    .feed-list{
        flex-wrap: wrap;
        padding: 0 15px;
    }
    
    .feed-list .feed-item{
        width: 50%;
        flex: auto;
    }
    .panel-body img{
        width: 100% !important;
    }
    .product-list{
        justify-content: space-between;
    }
    .product-list .photo{
        width: 40%;
        margin-right: 0;
    }
    .product-list .photo img{
        width: 100%;
        max-width: none;
        max-height: none;
    }
    .product-list .caption{
        width: 60%;
    }
    .breadcrumb{
        margin-bottom: 0;
    }
    .breadcrumb.xs-bottom{
        margin:20px auto 0;
    }
}