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

    #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) {
	
	.product .image .img-overflow img, .catalist .image .img-overflow img{
		height: auto;
	}
    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) {
	.box-category-menu{
		width: 100%
	}
	.box-category-menu ul.list_category{
	}
    #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%
    }

    .hotline {
        margin-bottom: 15px
    }

    html {
        overflow: hidden;
    }

    #product-tab ul.tab img {
        width: 100% !important;
    height: auto !important;
    }

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

    #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 {
    }
}

@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,
    .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 {
    }

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

@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,
    .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 {
    }

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

@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,
    .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 {
    }

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

@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 {
    }

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

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

    .product .image .img-overflow {
    }

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

    .product .image .img-overflow {
    }

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

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