@media screen and (max-width: 360px) {
    .top-logo .logo {
        text-align: center;
        margin: 0 auto
    }

    #product-listitem .col-xs-6,
    .catalist .col-xs-4,
    .catalist .col-xs-8,
    #block-feature .col-xs-6,
    .slider .box.col-xs-6,
    .news .topnews img,
    .box_search_detail .col-xs-4,
    .box_search_detail .col-xs-8 {
        width: 100%
    }

    .catalist .image {
        margin-bottom: 10px
    }

    .carousel-control {
        display: none
    }

    .page_error_01 a,
    .page_error_02 a,
    .page_error_03 a,
    .page_error_05 a {
        top: 20% !important
    }

    .page_error_04 a {
        position: inherit;
        left: 0px;
        top: 24% !important;
        margin: 0 auto;
    }

    @media screen and (max-width: 480px) {
        ul.tabs li a {
            float: none !important
        }

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

        .page_error_01,
        .page_error_02,
        .page_error_03,
        .page_error_04,
        .page_error_05 {
            background-position: 0px 0px;
            height: 540px;
            position: relative;
            margin-top: 25px;
            background-size: contain
        }

        .page_error_01 a,
        .page_error_02 a,
        .page_error_03 a,
        .page_error_05 a {
            position: inherit;
            left: 0px;
            top: 28%;
            margin: 0 auto;
        }

        .page_error_04 a {
            position: inherit;
            left: 0px;
            top: 34%;
            margin: 0 auto;
        }

        #cart-popup .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
            width: 100%
        }
    }

    @media screen and (max-width: 640px) {
        #cart-popup .col-lg-12.col-md-12.col-sm-12.col-xs-6 {
            width: 100%
        }

        .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
        }

        .input,
        #news_pop_create_new_customer .block .main-inner select.list_country,
        #pop_create_new_shipping_address .block .main-inner select.list_region,
        .cart-step-two .panel-body .radio .block .main select,
        select.list_region {
            width: 100% !important
        }

        .acc-info ul li label {
            width: 30%
        }
    }

    @media screen and (max-width: 992px) {
        body {
            height: 100%
        }

        .top-logo .logo,
        .hotline {
            margin-bottom: 15px
        }

        html {
            overflow: hidden;
        }

        .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
        }

        .logo,
        #web4s-header .header-right {
            text-align: center
        }

        ol.progtrckr li.progtrckr-done span.step,
        ol.progtrckr li.progtrckr-todo span.step {
            float: none;
            margin: 0 auto
        }

        ol.progtrckr li.progtrckr-done p,
        ol.progtrckr li.progtrckr-todo p {
            padding-left: 0px;
            text-align: center;
            float: none
        }

        .cart-list li.total div.unit-price {
            color: #333;
            font-weight: 700
        }

        .cart-list li.total div.unit-price {
            color: #333;
            font-weight: 700
        }

        .cart-list li.total div.price {
            color: #000;
            font-weight: 700
        }

        .cart-list li {
            display: block;
            position: relative;
            border-bottom: 1px solid #dadada;
            margin-top: 5px;
            padding: 0
        }

        .cart-list li div {
            display: block;
            border: 0;
            border-bottom: 1px dotted #e1e1e1;
            border-top: 0 solid #eee
        }

        .cart-list li div.name {
            width: 100%;
            float: left;
            color: #333;
            background: #fff;
            font-size: 13px;
            padding: 5px
        }

        .cart-list li div.name div {
            display: table;
            overflow: auto;
            width: 100%
        }

        .cart-list li div.name div.product_attr.cart_attr {
            width: auto
        }

        .cart-list li div.name div span {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            text-align: left
        }

        .cart-list li div.name:after {
            content: "";
            display: table;
            clear: both
        }

        .cart-list li div.amount {
            width: 100%;
            text-align: right;
            clear: both
        }

        .cart-list li div.amount input {
            margin: 0px
        }

        .cart-list li div.amount span {
            display: inline-block;
            font-weight: 700;
            width: 35%;
            float: left;
            text-align: left;
            margin-top: 2px;
            color: #333
        }

        .cart-list li div.unit-price {
            width: 100%;
            text-align: right;
            color: #000;
            clear: both
        }

        .cart-list li div.price {
            width: 100%;
            text-align: right;
            border: 0;
            color: #FF5252;
            border-bottom: 1px dotted #e1e1e1
        }

        .cart-list li div.cs,
        .cart-list li div.del {
            width: initial;
            float: right;
            display: inline-table
        }

        .cart-list li div.del img,
        .cart-list li div.cs img {
            max-width: none
        }

        .cart-list li.total {
            background: #FFEED8;
            border: 0
        }

        .cart-list li.total div {
            border: 0
        }

        .cart-list li.total div.price span {
            display: inline-block;
            font-weight: 700;
            width: 35%;
            float: left;
            color: #000;
            text-align: left;
            text-transform: uppercase
        }

        .page_cart .cart_update {
            width: 100%;
            display: block;
            float: none
        }

        #menu>div>ul>li>ul>li>b,
        .cart-list li div.num-order,
        .cart-list li.thead,
        .cart-list li.total div.name,
        .cart-list li.total div.amount,
        .cart-list li.total div.unit-price,
        .cart-list li.total div.del {
            display: none
        }

        .cart-list li div.unit-price span,
        .cart-list li div.price span {
            display: inline-block;
            font-weight: 700;
            width: 35%;
            float: left;
            color: #333;
            text-align: left
        }

        .confirm {
            position: relative;
            border-left: none
        }
    }

    @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 (min-width: 320px) {
        #mediaplayer_video_wrapper {
            height: 215px !important
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow,
        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col124 .product .image .img-overflow,
        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col94 .product .image .img-overflow,
        #gallery-pic .col93 .product .image .img-overflow,
        #gallery-pic .col92 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow,
        #gallery-pic .col83 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col62 .product .image .img-overflow,
        #gallery-pic .col42 .product .image .img-overflow,
        #gallery-pic .col32 .product .image .img-overflow {
            height: 75px
        }
    }

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

        .col126 .product .image .img-overflow,
        .col124 .product .image .img-overflow,
        .col123 .product .image .img-overflow,
        .col122 .product .image .img-overflow,
        .col94 .product .image .img-overflow,
        .col93 .product .image .img-overflow,
        .col92 .product .image .img-overflow,
        .col84 .product .image .img-overflow,
        .col83 .product .image .img-overflow,
        .col82 .product .image .img-overflow,
        .col63 .product .image .img-overflow,
        .col62 .product .image .img-overflow {
            height: 198px
        }

        .news-col126 .img-overflow,
        .news-col124 .img-overflow,
        .news-col123 .img-overflow,
        .news-col122 .img-overflow,
        .news-col92 .img-overflow,
        .news-col93 .img-overflow,
        .news-col94 .img-overflow,
        .news-col84 .img-overflow,
        .news-col83 .img-overflow,
        .news-col82 .img-overflow,
        .news-col62 .img-overflow,
        .news-col63 .img-overflow {
            height: 230px
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow,
        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col124 .product .image .img-overflow,
        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col94 .product .image .img-overflow,
        #gallery-pic .col93 .product .image .img-overflow,
        #gallery-pic .col92 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow,
        #gallery-pic .col83 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col62 .product .image .img-overflow,
        #gallery-pic .col42 .product .image .img-overflow,
        #gallery-pic .col32 .product .image .img-overflow {
            height: 125px
        }
    }

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

        #mediaplayer_video_wrapper {
            height: 360px !important
        }

        .col126 .product .image .img-overflow,
        .col124 .product .image .img-overflow,
        .col123 .product .image .img-overflow,
        .col122 .product .image .img-overflow,
        .col94 .product .image .img-overflow,
        .col93 .product .image .img-overflow,
        .col92 .product .image .img-overflow,
        .col84 .product .image .img-overflow,
        .col83 .product .image .img-overflow,
        .col82 .product .image .img-overflow,
        .col63 .product .image .img-overflow,
        .col62 .product .image .img-overflow {
            height: 190px;
        }

        .news-col126 .img-overflow,
        .news-col124 .img-overflow,
        .news-col123 .img-overflow,
        .news-col122 .img-overflow,
        .news-col92 .img-overflow,
        .news-col93 .img-overflow,
        .news-col94 .img-overflow,
        .news-col84 .img-overflow,
        .news-col83 .img-overflow,
        .news-col82 .img-overflow,
        .news-col62 .img-overflow,
        .news-col63 .img-overflow {
            height: 188px
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow,
        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col124 .product .image .img-overflow,
        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col94 .product .image .img-overflow,
        #gallery-pic .col93 .product .image .img-overflow,
        #gallery-pic .col92 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow,
        #gallery-pic .col83 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col62 .product .image .img-overflow,
        #gallery-pic .col42 .product .image .img-overflow,
        #gallery-pic .col32 .product .image .img-overflow {
            height: 180px
        }
    }

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

        .col126 .product .image .img-overflow,
        .col124 .product .image .img-overflow,
        .col123 .product .image .img-overflow,
        .col122 .product .image .img-overflow,
        .col94 .product .image .img-overflow,
        .col93 .product .image .img-overflow,
        .col92 .product .image .img-overflow,
        .col84 .product .image .img-overflow,
        .col83 .product .image .img-overflow,
        .col82 .product .image .img-overflow,
        .col63 .product .image .img-overflow,
        .col62 .product .image .img-overflow {
            height: 150px
        }

        .news-col126 .img-overflow,
        .news-col124 .img-overflow,
        .news-col123 .img-overflow,
        .news-col122 .img-overflow,
        .news-col92 .img-overflow,
        .news-col93 .img-overflow,
        .news-col94 .img-overflow,
        .news-col84 .img-overflow,
        .news-col83 .img-overflow,
        .news-col82 .img-overflow,
        .news-col62 .img-overflow,
        .news-col63 .img-overflow {
            height: 147px
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow,
        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col124 .product .image .img-overflow,
        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col94 .product .image .img-overflow,
        #gallery-pic .col93 .product .image .img-overflow,
        #gallery-pic .col92 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow,
        #gallery-pic .col83 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col62 .product .image .img-overflow,
        #gallery-pic .col42 .product .image .img-overflow,
        #gallery-pic .col32 .product .image .img-overflow {
            height: 135px
        }
    }

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

        .col126 .product .image .img-overflow,
        .col124 .product .image .img-overflow,
        .col93 .product .image .img-overflow,
        .col63 .product .image .img-overflow,
        .col62 .product .image .img-overflow {
            height: 208px
        }

        .col123 .product .image .img-overflow,
        .col82 .product .image .img-overflow {
            height: 271px
        }

        .col122 .product .image .img-overflow {
            height: 450px
        }

        .col94 .product .image .img-overflow {
            height: 100px
        }

        .col92 .product .image .img-overflow {
            height: 301px
        }

        .col84 .product .image .img-overflow,
        .col83 .product .image .img-overflow {
            height: 180px
        }

        .news-col126 .img-overflow,
        .news-col124 .img-overflow,
        .news-col93 .img-overflow,
        .news-col62 .img-overflow,
        .news-col63 .img-overflow {
            height: 140px
        }

        .news-col123 .img-overflow,
        .news-col82 .img-overflow {
            height: 190px
        }

        .news-col122 .img-overflow {
            height: 300px
        }

        .news-col92 .img-overflow {
            height: 200px
        }

        .news-col94 .img-overflow {
            height: 100px
        }

        .news-col84 .img-overflow,
        .news-col83 .img-overflow {
            height: 124px
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow {
            height: 290px
        }

        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow {
            height: 185px
        }

        #gallery-pic .col124 .product .image .img-overflow,
        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col93 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col62 .product .image .img-overflow {
            height: 130px
        }

        #gallery-pic .col94 .product .image .img-overflow {
            height: 94px
        }

        #gallery-pic .col92 .product .image .img-overflow {
            height: 210px
        }

        #gallery-pic .col83 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow {
            height: 115px
        }

        #gallery-pic .col42 .product .image .img-overflow {
            height: 78px
        }

        #gallery-pic .col32 .product .image .img-overflow {
            height: 70px
        }
    }

    @media screen and (min-width: 1200px) {
        .logo img {}

        .col126 .product .image .img-overflow {
            height: 160px
        }

        .col124 .product .image .img-overflow {
            height: 256px
        }

        .col123 .product .image .img-overflow,
        .col82 .product .image .img-overflow {
            height: 321px
        }

        .col122 .product .image .img-overflow {
            height: 545px
        }

        .col92 .product .image .img-overflow {
            height: 405px
        }

        .col94 .product .image .img-overflow {
            height: 180px
        }

        .col93 .product .image .img-overflow {
            height: 256px
        }

        .col84 .product .image .img-overflow,
        .col63 .product .image .img-overflow {
            height: 160px
        }

        .col83 .product .image .img-overflow {
            height: 211px
        }

        .col62 .product .image .img-overflow {
            height: 256px
        }

        .lr {
            float: right;
            font-weight: bold;
            /* padding-right: 10px; */
            color: #ccc;
            height: 17px;
            /* overflow: hidden; */
            line-height: 16px;
        }

        .alls {
            color: #000;
            /* float: right; */
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            padding: 0px 5px;
            text-decoration: none;
            text-transform: none !important;
            line-height: 50px;
        }

        .titles {
            background: #fe5900;
            color: #fff;
            border-radius: 8px 8px 0 0;
            padding: 13px;
            /* overflow: hidden; */
            float: left;
            line-height: 13px;
        }

        .news-col126 .img-overflow,
        .news-col63 .img-overflow {
            height: 110px
        }

        .news-col124 .img-overflow,
        .news-col93 .img-overflow {
            height: 175px
        }

        .news-col123 .img-overflow,
        .news-col82 .img-overflow {
            height: 200px
        }

        .news-col122 .img-overflow {
            height: 300px
        }

        .news-col92 .img-overflow {
            height: 270px
        }

        .news-col94 .img-overflow {
            height: 126px
        }

        .news-col84 .img-overflow {
            height: 110px
        }

        .news-col83 .img-overflow {
            height: 150px
        }

        .news-col62 .img-overflow {
            height: 175px
        }

        /* GALLERY */
        #gallery-pic .col122 .product .image .img-overflow {
            height: 360px
        }

        #gallery-pic .col123 .product .image .img-overflow,
        #gallery-pic .col82 .product .image .img-overflow {
            height: 230px
        }

        #gallery-pic .col124 .product .image .img-overflow {
            height: 165px
        }

        #gallery-pic .col126 .product .image .img-overflow,
        #gallery-pic .col84 .product .image .img-overflow,
        #gallery-pic .col63 .product .image .img-overflow,
        #gallery-pic .col42 .product .image .img-overflow {
            height: 100px
        }

        #gallery-pic .col93 .product .image .img-overflow {
            height: 165px
        }

        #gallery-pic .col94 .product .image .img-overflow {
            height: 118px
        }

        #gallery-pic .col92 .product .image .img-overflow {
            height: 260px
        }

        #gallery-pic .col83 .product .image .img-overflow {
            height: 140px
        }

        #gallery-pic .col62 .product .image .img-overflow {
            height: 163px
        }

        #gallery-pic .col32 .product .image .img-overflow {
            height: 100px
        }
    }