@media only screen and (max-width: 767px) {
    .text-right-center{
        text-align: center;
    }
    .text-left-center{
        text-align: center;

    }
    .main-menu{
        position: absolute;
        z-index: 9;
        top:0;
        width: 100%;
    }
    .box-head{
        margin-top: 40px;
    }
    .footer-box{
        width: 100%;
    }

    .box-product .title {
        bottom: -24px;
    }

    .drop-inline {
        bottom: -7px;
    }
    .drop-inline .dropdown-menu>li>a:hover,.drop-inline .dropdown-menu>li>a.active{
        border-bottom: none;
    }

    .navbar  {
        borer: 0;
        background: #fff;
    }
  
    .navbar-brand>img {
        width: 80px;
        top: -28px;
        position: relative;
    }

    .item-product .link-product {
        font-size: 16px;
    }
    .item-product {
        min-height: 240px;
    }
}

@media only screen and (min-width: 768px) {
    .text-right-center{
        text-align: right;
    }
    .text-left-center{
        text-align: left;
        margin: 0 auto;
    }
    .main-menu{
        position: static;
    }
    .footer-box{
        width: 20%;
    }

    .drop-inline .dropdown-menu{
        background: none;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }

    .dropdown button{
        display:none;
    }

    .drop-inline .dropdown-menu{
        display:block;
        clear:both;
        position: relative;
    }
    .drop-inline .dropdown-menu li{
        float:left;
    }

    .navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a, .navbar:not(.no-border) li.dropdown-onhover:hover>a, .navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a {
        border: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .navbar:not(.no-border) .navbar-nav>li[class*="dropdown"]>.dropdown-menu, .navbar:not(.no-border) .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

}

