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

    .hot-news-list .hot-news-list-item .hot-news-list-img {
        height: 115px;
    }

    .slideshow-box {
        width: 100%;
        padding-left: 0;
    }

    .search_mobile {
        max-width: 380px;
    }
}

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

    #pop_create_new_shipping_address,
    #news_pop_create_new_customer,
    #news_pop_create_checkout_express {
        width: 90%;
        height: 500px;
        overflow-y: scroll
    }

    #news_pop_create_checkout_express {
        height: inherit
    }
}

@media screen and (max-width: 991px) {
    body {
        height: 100%
    }
    .category-products .sort-cate{
        flex-direction: column;
    }
    .category-products .filter-container .filter-pr{
        flex-direction: column;
        align-items: stretch;
    }
    .search_mobile {
        display: none;
    }

    .main-wrapper {
        padding-left: 0;
    }

    .main-sidebar {
        width: 100%;
        position: relative;
    }

    .sidebar-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
    }

    .sidebar-inner .logo-menu {
        margin-bottom: 0;
        max-width: 100px;
    }

    .sub-menu-2 {
        position: initial;
        width: 100%;
    }

    .ant_onlineSupport {
    }

    .hot-news-list .hot-news-list-item .hot-news-list-img {
        height: 160px;
    }

    .sidebar-product .product {
        width: 50%;
    }

    .product-big .image {
        width: 100%;
    }

    .product-big .des-product {
        width: 100%;
        padding: 10px 0px 0px;
        text-align: center;
    }

    .product-big .des-product h3 {
        text-align: center;
        font-size: 14px;
    }

    .product-big .des-product .price {
        align-items: center;
        justify-content: center;
        margin-left: 5px;
    }

    .row-header-top {
        display: block;
    }

    .header-top:before {
        display: none;
    }

    .search-bar:after {
        display: none;
    }

    .search:after {
        display: none;
    }

    .logo-mobi {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hotline {}

    .video-home .body-video #myElement {
        margin-bottom: 20px;
    }

    .st-content {
        overflow-y: scroll
    }

    .st-content,
    .st-content-inner,
    .st-container {
        overflow-x: hidden
    }

    ul.list_category.right>li>.box_megam,
    ul.list_category>li>.box_megam,
    ul.list_category>li>.box_megam>.block_menu>ul.list_mega_menu>li>.box_megam_level2,
    ul.list_category.right>li>.box_megam>.block_menu>ul.list_mega_menu>li>.box_megam_level2 {
        position: relative;
        left: 0px
    }

    ul.function {
        display: table;
        margin: 0 auto
    }

    .typical-products .product {
        margin: 0px 10px 10px 10px
    }

    ul.social {
        text-align: center;
        margin-top: 5px;
        float: none
    }

    ul.social li {
        display: inline-block;
        margin-right: 8px;
        float: none
    }

}


@media screen and (max-width: 767px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .gioithieu .item {
        flex-direction: column;
    }

    .gioithieu .image {
        margin-bottom: 15px;
    }

    .gioithieu .box-titles h2 {
        font-size: 21px;
    }

    .gioithieu .box-text {
        margin-bottom: 20px;
    }

    .banner-bottom .item {
        width: 100%;
    }
}


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

    .titles {
        font-size: 27px;
    }

    .titles-page {
        font-size: 21px;
    }
.sub-page-banner{
    max-height: 100px;
}
    .titles-box {
        margin-bottom: 20px;
    }

    .cus .owl-wrapper-outer .item a img {
        width: auto;
        height: auto;
    }

    .copyright {
        text-align: center
    }

    ul.social {
        float: none !important;
        width: 100%;
        text-align: center
    }

    ul.social li {
        float: none;
        display: inline-block !important
    }

    .block .main-inner label {
        margin: 0px;
        width: 100% !important
    }

    .block .main-inner label.error {
        width: 100% !important;
        margin: 5px 0px;
        display: block
    }
}

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

    ul.tabs li a {
        float: none !important
    }

    .modalDialog>div {
        width: 280px !important
    }

    .col-xs-6 {
        width: 100%
    }
}

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

    .carousel-control {
        display: none
    }

}



@media screen and (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .col-lg-40 {
        width: 40%;
        float: left;
    }

    .col-lg-80 {
        width: 80%;
        float: left;
    }
}

.col-lg-40,
.col-lg-80,
.col-md-80,
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

@media screen and (min-width: 992px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .col-lg-40 {
        width: 40%;
        float: left;
    }

    .col-md-80 {
        width: 80%;
        float: left;
    }
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 480px) {}

@media screen and (min-width: 320px) {}