@media only screen and (max-width:990px) {
    .top-bar ul li a
    {
        font-size: 12px;
    }
    .top-bar ul li
    {
        padding-right:3px;
        padding-left: 3px;
        font-size: 12px;
    }
    .top-bar .left-bar li
    {
        padding: 0px;
        width:30%;
    }
    .top-bar .left-bar li a
    {
        font-size: 10px;
    }
    .header form input
    {
        width:35%;
    }
    .main-menu ul li
    {
    margin-left: 14px;
    font-size: 12px;
    }
    .header .col-sm-9
    {
        padding: 0px;
    }
    .header .category
    {
        font-size: 12px;
    }
    .header form
    {
        width: 80%;
        margin-right: 20px;
    }
    .header form input
    {
        width:30%;
    }
    .main-slider .col-sm-12 ,     .main-slider .col-sm-6
    {
        padding: 0px;
    }

}

@media only screen and (max-width:767px) {

    .top-bar
    {
        display: none;
    }
    .header form
    {
        display: none;
    }
    .header
    {
        box-shadow: 0px 1px 10px #ebebeb;
    }
    .header .category
    {
        display: none;
    }
    .hidden-xx
    {
        font-size:30px;
        left: 0px;
        position: absolute;
        top:5px;
    }
    .header .logo img
    {
        margin: 5px;
    }
    .hidden-xx
    {
        display: block;
    }
    .main-menu
    {
        display: none;
    }
    .main-slider
    {
        margin-top: 0px;
    }
    .main-slider .slider-content h4
    {
        line-height: 25px;
        font-size: 16px;
    }
    .footer
    {
        text-align: center;
    }
    .categories
    {
        margin-top: 20px;
    }
    .product-details .description
    {
        margin-top: 20px;
    }
    .more .plus li
    {
        width:100%;
    }
    .road p span
    {
        font-size: 12px;
    }
    .manage-pro .pro-details .pro
    {
        float: right;
        width: 100%;
        margin-bottom: 20px;
    }
    .daily .daily-header h4
    {
        font-size: 14px;
    }



}