@media only screen and (max-width: 1200px) {
    .product-thumbnail a {
        width: 200px !important;
    }
    header .top-header {
        height: auto !important;
    }
}

@media only screen and (min-width:992px) {
    .logo a img {
        width: 230px;
    }
    .info-contact {
        padding-top: 75px;
    }
    .hotLine {
        letter-spacing: 2px;
    }
    .display-search-t {
        display: none;
    }
    .display-search-nav {
        display: block;
    }
}

@media only screen and (max-width:991px) {
    .item-prd {
        padding: 10px 0 !important;
    }
    #hamburger {
        display: block
    }
    #menu li {
        margin-right: 25px;
    }
    .hotLine {
        letter-spacing: normal;
    }
    .display-search-t {
        display: block;
    }
    .display-search-nav {
        display: none;
    }
    .hidden-sm {
        display: none !important;
    }
    .product-thumbnail a {
        width: 300px !important;
    }
    tbody tr td {
        border: none;
    }
    thead {
        display: none;
    }
    .nb {
        padding: 1px 10px;
    }
    tbody tr {
        float: left;
        border-bottom: 1px solid red;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fl_hotline {
        text-align: center;
    }
    .hotline {
        background: none;
        font-size: 14px;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 14px;
        text-shadow: none
    }
    .hotline b {
        font-size: 14px;
    }
    .bhotline {
        font-size: 16px;
        text-shadow: none
    }
    .title_menu {
        background: #627ddc
    }
}

@media only screen and (max-width: 767px) {
    .item-prd .price {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .price .dot {
        display: none;
    }
    .item-prd .price i {
        display: none;
    }
    .name-prd {
        font-size: 16px !important;
    }
    header .box-search .header-search input {
        height: 40px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    .header .middle-header .header-right {
        justify-content: flex-start !important;
    }
    header .box-search .header-search {
        width: 230px !important;
    }
    .w-60-m {
        width: 60% !important;
    }
    .w-60-m p {
        padding-left: 0 !important;
        margin: 0 !important;
    }
    .w-40-m {
        width: 40% !important;
    }
    header .box-search .input-group-btn button svg {
        width: 15px;
    }
    header .header-logo {
        text-align: center;
    }
    header .box-search .header-search input {
        height: 30px !important;
    }
    header .box-search .input-group-btn button {
        height: 40px !important;
        width: 40px !important;
    }
    header .top-header {
        height: auto !important;
    }
    .hidden-md {
        display: none !important;
    }
    .breadcrumbs,
    .breadcrumbs a {
        font-size: 18px !important;
    }
    .button-cart {
        top: -110px;
    }
    .basket i {
        color: #006997;
    }
    .footer {
        background: #00005b !important;
    }
    .offcanvas-header button {
        font-size: 25px;
        color: #fff !important;
        background: no-repeat;
        border: none;
        padding: 10px 16px;
        line-height: 22px;
    }
    #header-search-btn {
        padding: 11px 25px !important;
    }
    .r_hot_line {
        display: none !important;
    }
    .offcanvas-body ul li:hover a {
        color: #00407d;
        font-weight: bold;
    }
    .offcanvas-body ul li a.active {
        color: #00407d !important;
        font-weight: bold;
    }
    .fl_hotline {
        float: none;
        text-align: center;
    }
    .hotline {
        background: none;
        font-size: 14px;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 14px;
        text-shadow: none
    }
    .hotline b {
        font-size: 14px;
    }
    .bhotline {
        font-size: 16px;
        text-shadow: none
    }
    #menu,
    .title_menu,
    .box_sp,
    .catalog {
        display: none
    }
    .nav_top {
        background: #0773CD;
        height: 43px
    }
    .txts {
        width: 85%;
        float: right
    }
    .colft h4 {
        font-size: 22px !important;
    }
    .product_images {
        margin: 15px !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .title {
        font-size: 22px !important;
    }
    s.header-logo img {
        margin-top: 10px;
    }
    .bm-burger-button {
        left: 25px !important;
        top: 25px !important;
    }
    .bm-item-list {
        margin: 0 !important;
        background: darkblue;
        padding: 8px 10px !important;
    }
    .bm-item-list a {
        font-size: 17px;
        padding-left: 20px;
    }
    .title-m b {
        color: #fff;
        margin-left: 15px;
    }
    .cross-style {
        right: 9px !important;
        top: 22px !important;
    }
    .bm-menu {
        padding-top: 0 !important;
        background: url(/img/blueberry-300.jpg) no-repeat bottom right;
    }
    .bm-item-list .fa {
        padding-right: 10px;
    }
    .bm-item-list .fa-home,
    .bm-item-list .fa-info-circle {
        font-size: 21px;
    }
    .bm-item-list .fa-th-large,
    .bm-item-list .fa-envelope-o {
        font-size: 20px;
        margin-top: 2px;
    }
    .bm-item-list .fa-home {
        font-size: 22px;
    }
    .bm-item-list .fa-cubes {
        margin-top: 5px;
        font-size: 17px;
        padding-right: 7px;
    }
    .bm-item-list .fa-newspaper-o {
        margin-top: 3px;
    }
    .bm-item-mobile {
        display: none;
    }
    .bm-item-mobile li a {
        padding: 10px;
    }
    .hidden-sm,
    .hidden-xs {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .team-content .item-team .inner .thumb {
        padding: 5px !important;
    }
    .section-title h2 {
        font-size: 30px !important;
    }
    .team-content .item-team .inner .info .name {
        font-size: 13px !important;
    }
    .team-content .item-team .inner .info .info-human {
        font-size: 13px !important;
    }
}