@media(max-width:768px) {
    .slider{width:100%!important;margin-left:0;}
    .header-top {
        display: none;
    }

    .header-under {
        height: auto;
    }

    .logo {
        padding: 10px 0;
    }

    img.logo {
        max-height: 75px;
    }

    .header-under .company {
        display: none;
        height: 0;
    }

    .search {
        position: relative;
        top: 0;
        right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    .navbar, #navigation2 {
        min-height: 0;
        box-shadow: none;
    }
    main{
        padding-top:75px;
    }
    #navigation.sticky #navigation2, #navigation.sticky .navbar{
        min-height:0;
    }
    .navbar-header {
        position: absolute;
        top: 0;
        right: 15px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }

    .cate-header .child {
        position: relative;
        top: 10px;
        right: 0;
        left: 0;
        padding: 0;
        white-space: nowrap;
        overflow: auto;
        padding-bottom: 10px;
    }

    .list-product .owl-theme .owl-nav {
        top: -76px;
    }

    #cartInfo input {
        min-width: 50px;
    }

    .p-l-30 {
        padding-left: 0;
    }

    .st-news .box .col-left, .st-news .box .col-right {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .list-blog .owl-theme .owl-nav {
        top: -106px;
    }

    .dropdown-submenu .dropdown-menu {
        display: block;
    }

    .navbar-default .navbar-toggle {
        position: fixed;
        top: 5px;
        right: 0;
        padding: 5px 10px;
        z-index: 9999;
        color: #f00;
        background: #fff;
    }

    .navbar-default .navbar-collapse {
        height: 0;
        overflow: hidden;
    }

    #menu-ngang .navbar-nav {
        margin: 0;
        padding-top: 15px;
    }

    .navbar-nav .open .dropdown-menu {
        margin-bottom: 15px;
        max-height: 200px;
        overflow: auto;
    }

    li.left-drop a.dropdown-toggle {
        display: none;
    }

    .left-drop .dropdown-menu {
        padding: 0 15px;
        display: block;
    }

    .dropdown-menu span.input-group-addon {
        border-radius: 0;
    }

    ul.dropdown-menu li {
        border-bottom: none;
    }

    .dropdown-menu {
        min-width: 100% !important;
    }

    .st-navigation {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: 0;
        transition: all .2s ease-in-out;
    }

        .st-navigation.width-100 .navbar-collapse {
            height: auto;
            background: #f00;
        }

    li.open-full .dropdown-menu li {
        width: calc(100% - 30px) !important;
        margin: 0 !important;
    }

    .box-product {
        min-height: 350px;
    }

    .navbar-nav > li, .navbar-default .navbar-nav > li > a {
        display: block;
        width: 100%;
        float: left;
        text-align: left;
    }

    .navbar-header {
        padding-left: 20px;
    }

    .detail-left, .detail-right {
        width: 100% !important;
        margin-bottom: 15px;
        margin-left: 0;
    }

    .list-category {
        padding: 10px 0 50px;
    }

        .list-category .box {
            margin: 15px 0;
        }

    .header-top .logo-mobile, .header-top .cart-mobile {
        display: block;
    }

    #modalCart .btn-payment {
        margin-left: 0 !important;
        margin-top: 10px;
    }

    #menu-cart {
        position: fixed;
        top: 15px;
        right: 70px;
        z-index: 9999;
    }
        
    .detail-product.row > [class*='col-'] {
        flex-direction: column!important;
    }
    .footer .col-foot{margin-top:20px;}
    .modal.right .modal-dialog{width:100%;}
    .modal-content .close{float:left!important;}
    .modal-content .modal-title{padding-left:20px!important;}
    h2.bgcolor span.circle{display:none;}
    h2.bgcolor span.title{background:#fff;color:#314aa6;padding-left:0;font-weight:bold;}
    h2.bgcolor:before{width:100%;}
    #menu-mobile .navbar-nav>li>a{color:#fff!important;padding:15px 10px!important}
    #menu-mobile .navbar-nav>li.dropdown{background:none;}
    #menu-mobile .navbar-nav>li>.dropdown-menu{position:relative;border:none;box-shadow:none;}
    #menu-mobile .modal-content{width:75%;float:right;background-color:#000;overflow-y:auto;}
    #menu-mobile .modal-header{background-color:#000;color:#fff;border-bottom-color:#171717;}
    #menu-mobile .modal-content .modal-title{padding-left:5px!important;}
    #menu-mobile .navbar-collapse{padding-left:0!important;padding-right:0!important;border:none;box-shadow:none;}
    #menu-mobile .nav>li>a:focus,#menu-mobile .nav>li>a:hover{background:none!important;}
    #menu-mobile ul#collapse1{padding:0;margin:0;color:#fff;list-style:none;}
    #menu-mobile ul#collapse1 li{border-top:1px dotted #505050;}
    #menu-mobile ul#collapse1 li a{color:#ffeb00!important;display:block!important;width:100%!important;padding:7px 0 7px 20px;}
    #menu-mobile ul li.dropdown{position:relative;}
    #menu-mobile ul li.dropdown:before{position:absolute;right:0;top:13px;font-family:"FontAwesome";content:"\f105";color:#fff;}
    #menu-mobile .navbar-nav > li{border-bottom:1px dotted #292929;}
    #menu-mobile .search{margin-top:30px;}#menu-mobile .search input{border-radius:0!important;}
}
