@charset "utf-8";

@media screen and (max-width: 995px) {
    #header .header-top,
    .promotetop,
    #header,
    .footer,
    .footer-hotline {
        width: 100%;
        margin: 0 auto;
        min-width: 100%;
    }

    /*.container,
    .bg-cart,
    .bg-cart-white {
        width: 95%;
    }*/

    /*.container {
        max-width: 95%;
    }*/

    .divleft {
        width: 22%;
    }

    /*.divright {*/
        /*width: 75%;*/
    /*}*/

    .alllist {
        width: 90%;
    }

    .slider {
        width: 100%;
    }

    .bg-search input[type="text"] {
        width: 200px;
    }

    .yahoo {
        margin: 8px 0 0 5px;
    }

    .ic-adres,
    .ic-delivery,
    .ic-house,
    .ic-monngonmoingay,
    .ic-hotline {
        padding-left: 40px;
        margin: 3px 0 0 5px;
    }

    .footer-contact-sp {
        margin-left: 5px;
        margin-right: 55px !important;
    }

    .footer-hotline {
        display: none;
    }

    .promotetop {
        background-image: none;
        background-color: #88bc3e;
        display: inline-block;
    }



    .span3 {
        width: 23%;
    }

    .span2 {
        width: 98%;
    }

    .img-sp4,
    .img-sp3,
    .img-sp5 {
        width: 100%;
    }

    .img-sp3,
    .img-sp5 {
        height: 190px;
    }

    .img-sp4 {
        height: 200px;
    }

    .alllist .menusibar {
        width: 220px;
    }

    .menu-children {
        margin-left: 130px;
        top: 145px;
    }

    .information {
        width: 65%;
    }

    .right-side {
        width: 30%;
    }

    .sliders-wrap-inner li {
        width: 100%;
    }

        .sliders-wrap-inner li img {
            max-width: 100%;
        }

    .alllistall .titlenamepro:hover .alllist {
        display: block;
    }

    .pluginsocial {
        right: 200px !important;
        width: 18% !important;
    }
}

@media screen and (max-width: 890px) {
    .img-sp3,
    .img-sp5 {
        height: 190px;
    }

    .img-sp4 {
        height: 200px;
    }
}

@media screen and (max-width: 850px) {
    .menu-children {
        width: 450px;
        height: 390px;
        float: left;
        top: 167px;
        overflow: hidden;
    }

    .menu-children1 {
        width: 450px;
        height: 349px;
        float: left;
        top: 0;
        overflow: hidden;
    }

    .ic-newh {
        top: 163px;
        margin-left: 20px;
    }

    .promotetop .bg-search {

        margin: 15px 0 0;
        top : -55px;
    }
    .class-cart{
        top : -55px;
    }
    .mt {
        display: none;
    }

    .img-sp4 {
        width: 100%;
    }

        .img-sp4 img,
        .img-sp5 img,
        .img-sp3 img {
            max-width: 100%;
            max-height: 100%;
        }

    .img-sp5 {
        width: 100%;
    }

    .img-sp3 {
        width: 100%;
    }

    .pad50 {
        padding: 10px;
    }

    .icon-cart {
        margin-right: 20px;
    }

    .pluginsocial {
        top: 19px;
        right: 200px !important;
        width: 38% !important;
    }
}

@media screen and (max-width: 800px) {
    .bg-search {
        float: left;
        margin-left: 5px;
    }

    .mt {
        display: none;
    }

    .menu-children {
        margin-left: 100px;
        top: 201px;
        width: 450px;
        height: 400px;
    }

    .ic-newh {
        display: none;
    }

    .menu-children1 {
        width: 400px;
    }
}

@media screen and (max-width: 650px) {
    .menu-children1 {
        width: 200px;
    }

    .divleft {
        width: 48%;
    }

    /*.divright {*/
        /*width: 50%;*/
    /*}*/

    .categories_images {
        display: none;
    }

    #header .header-top {
        height: 72px;
    }

    .top-menu {
        float: left;
    }

    .menu-children {
        margin-left: 200px;
        top: 200px;
        width: 200px;
    }

    .ic-newh {
        top: 200px;
        margin-left: 40px;
    }

    .bg-search {
        margin: 15px 0 0;
    }

    .span4 {
        width: 46%;
    }

    .span1 {
        width: 98%;
    }

    .span3 {
        width: 48%;
    }

    .bg-search input[type="text"] {
        width: 200px;
    }

    .yahoo {
        margin: 8px 0 0 5px;
    }

    .ic-adres,
    .ic-delivery,
    .ic-house,
    .ic-monngonmoingay,
    .ic-hotline {
        padding-left: 40px;
        margin: 3px 0 0 5px;
    }

    .footer-contact-sp {
        margin-left: 5px;
        margin-right: 55px !important;
    }

    .footer-hotline {
        display: none;
    }

    .menu-children {
        width: 250px;
    }

    .icon-cart {
        float: left;
        margin-right: 0;
    }


    .ptpament {
        margin-right: 0;
    }


    .ic-complete {
        margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
    .menu-children {
        margin-left: 200px;
        top: 250px;
        width: 200px;
    }

    .ic-newh {
        top: 245px;
    }

    table.shop-cart td {
        border: 1px solid #E4E4E4;
        padding: 4px;
        width: auto;
    }
}

@media screen and (max-width: 550px) {
    .menu-children {
        margin-left: 100px;
        top: 250px;
        width: 200px;
    }

    .footer .footerbox,
    .footer .footerbox1 {
        width: 30%;
    }
}

@media screen and (max-width: 450px) {
    .img-sp4 img,
    .img-sp3 img,
    .img-sp5 img {
        max-width: 100%;
        max-height: 100%;
    }

    .span3,
    .highlights-cond li.scond,
    .span4,
    .span5 {
        width: 100%;
    }

    .menu-children {
        margin-left: 150px;
        top: 250px;
    }

    .footer .footerbox,
    .footer .footerbox1 {
        width: 30%;
    }

    .menusibar li.ic-fashion:hover .menu-children,
    .menusibar li.ic-used:hover .menu-children,
    .menusibar li.ic-electronic:hover .menu-children,
    .menusibar li.ic-health:hover .menu-children,
    .menusibar li.ic-mum:hover .menu-children,
    .menusibar li.ic-gift:hover .menu-children,
    .menusibar li.ic-res:hover .menu-children,
    .menusibar li.ic-tour:hover .menu-children {
        display: none;
    }

    .footer .footerbox,
    .footer .footerbox1,
    .span7 {
        width: 98%;
    }

    .pad50 {
        padding: 0;
    }

    .menu-children {
        width: 180px;
    }

    .pluginsocial {
        width: 12% !important;
    }

    .tinlienquan li {
        width: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    #header .header-top {
        display: none;
    }

    .title-large h3 {
        margin-bottom: 20PX;
    }

    .menusibar li.ic-fashion:hover .menu-children1,
    .menusibar li.ic-used:hover .menu-children1,
    .menusibar li.ic-electronic:hover .menu-children1,
    .menusibar li.ic-health:hover .menu-children1,
    .menusibar li.ic-mum:hover .menu-children1,
    .menusibar li.ic-gift:hover .menu-children1,
    .menusibar li.ic-res:hover .menu-children1,
    .menusibar li.ic-tour:hover .menu-children1 {
        display: none;
    }

    .tinlienquan li {
        width: 100% !important;
    }
}

@media screen and (max-width: 250px) {
    .img-sp3,
    .img-sp5 {
        height: 200px;
    }

    .img-sp4 {
        height: 250px;
    }

    .footer .footerbox,
    .footer .footerbox1 {
        width: 90%;
    }

    .tinlienquan li {
        width: 100% !important;
    }
}

#body {
    overflow: hidden;
}

/*.container {
    width: 100%;
    max-width: 1025px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}*/

/*.container:after {
        content: "";
        display: block;
        clear: both;
    }*/

@media screen and (max-width: 1024px) {
    .banner-fix {
        display: none;
    }

    .divright{
        width: 76%;
    }
}

.footerbox h3,
.footerbox1 h3 {
    font-size: 12px;
}

@media screen and (max-width: 550px) {
    .footer .footerbox {
        width: 100%;
    }

    .logo-footer {
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    #header .header-top {
        height: 36px;
    }
}

@media screen and (max-width: 710px) {
    #header .header-top ul.top-menu li {
        font-size: 1.657vw;
    }

        #header .header-top ul.top-menu li a {
            padding: 8px 3.3vw;
        }

    .firstd {
        padding-left: 3.3vw;
    }

    #header .header-top ul.top-menu li.bor1 {
        padding-right: 3.3vw;
    }
}

@media screen and (max-width: 800px) {
    #header .header-top {
        height: 36px;
    }

    .ic-adres,
    .ic-delivery,
    .ic-house,
    .ic-monngonmoingay,
    .ic-hotline {
        font-size: 1.2vw;
        margin-top: 11px;
        display: none;
    }
}

@media (max-width: 767px) {
    .ic-adres,
    .ic-delivery,
    .ic-house,
    .ic-monngonmoingay,
    .ic-hotline {
        display: none;
    }

    .ic-monngonmoingay {
        display: none;
    }

    .product-item {
        /*height: 600px !important;*/
    }

        .product-item .wr-it .title .addtocart a {
            padding-left: 9px;
        }

    .menu-mobile .ic-adres,
    .menu-mobile .ic-delivery,
    .menu-mobile .ic-house,
    .menu-mobile .ic-monngonmoingay,
    .menu-mobile .ic-hotline {
        display: inline-block;
        font-size: 12px;
        margin: 0;
    }

    ul.tabs-header-inner {
        width: auto;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .navbar-toggle {
        display: inline-block;
        outline: none !important;
    }

    ul.tabs-header-inner li {
        float: none;
    }

        ul.tabs-header-inner li:first-child {
            padding-top: 15px;
        }

    .product-item {
        width: 50%;
    }

    .footer .footerbox {
        width: 33%;
    }

        .footer .footerbox1,
        .footer .footerbox:last-child {
            width: 100%;
        }

            .footer .footerbox1 ul,
            .footer .footerbox:last-child ul {
                width: auto;
                float: left;
            }

    .slider {
        height: auto;
    }

    .flexslider .slides .slideDesc {
        position: relative !important;
        display: none;
    }

    .span5.pproduct-infor,
    .span5.product-images1 {
        width: 100%;
    }

    .product-infor {
        padding-left: 0;
        width: 100%;
    }

    ol.register li input[type="text"],
    ol.register li input[type="password"],
    ol.register li label,
    select.select2 {
        width: 100% !important;
    }

    ol.register li label {
        text-align: left !important;
    }

    .divleft,
    .information,
    .divright,
    .right-side {
        width: 100%;
    }

    .header-top {
        display: none;
    }

    .slider {
        padding-top: 25px;
    }

    #header .promotetop .container .alllistall .titlenamepro .alllist {
        display: none;
    }

    .alllistall .titlenamepro:hover .alllist {
        display: none !important;
    }

    .fix-ct-menu {
        position: relative;
        top: 0;
    }

    .divleft {
        display: none;
    }

    .formCart {
        width: 100%;
    }

    .login-1 input[type="text"],
    .login-1 input[type="password"],
    .textare,
    .ct,
    ol.register li input.ct[type="text"],
    .px {
        width: 100%;
        max-width: 100%;
    }

    .icon-cart,
    .ptpament,
    .ic-complete {
        margin-right: 0;
    }

    .ic-complete {
        float: none;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .ptpament,
    .icon-cart {
        float: none;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

    .margin {
        margin: 0;
    }

    .borr {
        border-right: none;
    }

    .tableCart tr img {
        display: block;
        width: 100% !important;
    }

    .table.shop-cart td img,
    .pro-img1 img {
        display: block;
        width: 80px;
    }

    .pad15 {
        padding: 10px 0;
    }

    .continuebuy {
        float: right;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 15px;
        width: 100%;
    }

    .promotetop {
        height: auto;
    }

    .titlenamepro {
        width: 100%;
        height: 100%;
        float: none;
        visibility: hidden;
        height: 58px;
    }

        .titlenamepro img {
            display: none;
        }

        .titlenamepro:after {
            content: "";
            display: block;
            clear: both;
        }

        .titlenamepro a {
            display: inline-block;
            padding-right: 50px;
            background: url(../images/isset/ic-arowd.png) no-repeat right center;
        }

    .register li input {
        max-width: 100%;
    }

    ol.register li label:empty {
        margin: 0;
        padding: 0;
    }

    .menu-children,
    .menu-children1 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        box-shadow: none;
        float: none;
    }

        .menu-children:after,
        .menu-children1:after {
            display: block;
            content: "";
            clear: both;
        }

    .promotetop {
        position: relative !important;
        z-index: 0 !important;
    }



    /*#header > .container {
        position: fixed;
        width: 100%;
        height: 69px;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 999;
    }*/

    .alllistall,
    .titlenamepro {
        width: 100%;
        display: none;
    }

    .divBasket {
        width: 100%;
        position: relative;
        right: 0;
        padding: 0;
    }

    ul.tabs-header-inner img {
        margin-top: -9px;
    }
}

@media screen and (max-width: 600px) {
    .titlenamepro {
        width: 100%;
    }

    .divBasket {
        width: 100%;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 6px;
    }

    #header .header-top ul.top-menu li {
        font-size: 1.457vw;
    }

        #header .header-top ul.top-menu li a {
            padding: 8px 3vw;
        }

    .firstd {
        padding-left: 3vw;
    }

    #header .header-top ul.top-menu li.bor1 {
        padding-right: 3vw;
    }
}

@media screen and (max-width: 500px) {
    .tinlienquan li {
        width: 100% !important;
    }

    .alllistall,
    .titlenamepro {
        width: 100%;
        display: none;
    }

    .divBasket {
        width: 100%;
        position: relative;
        right: 0;
        padding: 0;
    }

    .product-list.row{
        margin: 0 -2px;
    }

    .product-item {
        width: 50%;
        padding: 5px;
        border: none;
        box-shadow: none !important;
    }

        .product-item .wr-it {
            width: 100%;
            border-radius: 0;
            box-shadow: none;
            /*border: none !important;*/
            display: block;
            float: left;
        }

        /*.product-item:nth-child(2n+0) .wr-it {
            border-left: none !important;
        }*/

        .product-item .wr-it .title h2 {
            margin: 0;
            margin-top: 10px;
            border: none;
            padding: 0;
        }

        .product-item .wr-it .title > p {
            display: none;
        }

        .product-item .wr-it .title .price {
            font-size: 16px;
        }

            .product-item .wr-it .title .price span {
                font-size: 18px;
                height: auto;
                line-height: 23px;
            }

        .product-item .wr-it .title .action {
            float: left !important;
            margin-top: 5px;
        }

            .product-item .wr-it .title .action a {
                padding: 7px 10px;
                display: block;
                border-radius: 0;
            }



    .product-special .product-item {
        width: 100%;
        padding: 0;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 100%;
        display: block;
        float: left;
    }

        .product-special .product-item .wr-it .thuml {
            width: 50%;
            float: left;
            display: inline-block;
            padding: 10px;
        }

        .product-special .product-item:last-child .wr-it {
            border-top: none !important;
            border-left: 1px solid rgba(33, 32, 32, 0.28) !important;
        }

        .product-special .product-item .wr-it .thuml img {
            padding: 0;
        }

        .product-special .product-item .wr-it .meta-icon-deal-new {
            position: absolute;
            top: 0;
            right: 0;
            background: none;
            float: right;
            border-radius: 0;
            margin: 0;
            border: 0;
            padding: 0;
            background-color: #a94442;
            height: 22px;
            text-align: center;
        }

            .product-special .product-item .wr-it .meta-icon-deal-new span {
                font-size: 13px;
                padding: 0 10px;
                line-height: 22px;
                display: block;
            }

        .product-special .product-item .wr-it .title {
            position: relative;
            width: 49%;
            background: none;
            float: right;
            border-radius: 0;
            display: inline-block;
            margin: 0;
            border: 0;
            padding: 0;
            color: #a94442;
            margin-top: 10px;
        }


    .footer .footerbox {
        width: 100%;
        height: auto;
    }

    .img-sp4 {
        height: auto;
    }

    .flexslider .slides .slideDesc .text-slide {
        padding: 0 !important;
    }

    .flexslider .slides .price-slider {
        width: 100% !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
    }

    ol.register li input[type="text"],
    ol.register li input[type="password"],
    ol.register li label,
    select.select2 {
        width: 100% !important;
    }

    ol.register li label {
        text-align: left !important;
    }

    .product-item.row {
        margin: 0;
    }

    .titlenamepro a {
        width: 100%;
    }

    .bor2 {
        border: none;
    }

    .lb1,
    .lb2 {
        display: block;
        width: 100%;
    }

    .login-1 .floatl,
    .login-1 .floatr {
        float: none;
    }

    .span7 {
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 650px) {
    .divright {
        width: 100%;
    }

    .slider {
        height: auto;
        margin-bottom: 4px;
    }

    .tinlienquan li {
        width: 100% !important;
    }
}

.pluginsocial {
    top: 10px;
    right: 200px;
    width: 15%;
}

@media only screen and (device-width: 768px) {
    .price {
        width: 100%;
        float: left;
        padding-top: 20px !important;
    }

    .product-item .wr-it .title .action {
        margin-top: 50px !important;
    }

    .voucher {
        float: left;
        margin-left: 119px !important;
        zoom: 78%;
        margin-top: -22px;
    }

    .content {
        margin-left: 0px !important;
    }

    .addtocart {
        zoom: 77%;
    }

    .bgprice .price {
        margin-bottom: 20px;
    }

    .product-item .original-price {
        font-size: 12px !important;
    }
}


    .class-cart.mobile{background: transparent;
        width:100%;
        margin: 0;
    }
    .class-cart.mobile a
    {
        color: #000 !important;
        font-weight: bold;
    }
    .class-cart.mobile a:hover{text-decoration: none;
        color: #8a0000  !important; }
    .class-cart.mobile a i,.class-cart.mobile a span{
        color: #000 !important;
    }


@media screen and (max-width: 768px) {
    .span5.product-images1.fleft{
        padding-bottom: 10px;
    }

    .product-title{
        margin: 0;
        padding: 0;
    }


    .product-item .img-sp4 img, .product-item .img-sp5 img, .product-item .img-sp3 img, .pro-img img{
        padding: 0;
    }
}
@media (max-width: 767px) {

    .navbar-toggle.shnh{
        float: none;
        margin-top: 60px;
    }
    .navbar-toggle.bt{
        float: none;
        display: block;
        margin: 0;
        margin-top: 13px;
    }
    .bt img
    {
        width: 100%;

    }
    .bt {display: block; margin-top: 15px;}

    .navbar-header .col-xs-2{
        padding-left: 0;
    }
    .cart-mobile{
        display: block;
        margin-top: 20px;
        padding: 7px 18px;
        background: #e6332f;
        border-radius: 50%;
        position: relative;
        right: 10px;
        width: 40px;
        height: 40px;
        float: right;
        margin-top: 45px;
    }
    .cart-mobile span{
        position: absolute;
        font-size: 12px;
        color: #fff;
        margin-top: -7px;
        margin-left: -3px;
    }
     .cart-mobile i{
        color: #fff;
        font-size: 20px;
         position: relative;
         margin-top: 3px;
         margin-left: -10px;
    }
    .navbar-toggle.bt{
        width: 260px;
    }
    #toHotline{display: block;}

}
@media (max-width: 560px) {
    .navbar-toggle.bt{
        width: auto;

    }
    .navbar-toggle.shnh
    {
        margin-top: 60px;
    }
    .cart-mobile{
        margin-top: 45px;
    }

}
@media (max-width: 480px) {
    .navbar-toggle.shnh
    {
        margin-top: 40px;
    }
    .cart-mobile{
        margin-top: 30px;
    }
}
@media (min-width: 380px) and  (max-width: 479px){
    .navbar-toggle.shnh
    {
        margin-top: 50px;
    }
    .cart-mobile{
        margin-top: 40px;
    }
}
@media (max-width: 360px) {
    .navbar-toggle.shnh
    {
        margin-top: 40px;
    }
    .cart-mobile{
        margin-top: 30px;
    }
}
@media (max-width: 320px) {
    .navbar-toggle.shnh
    {
        margin-top: 30px;
    }
    .cart-mobile{
        margin-top: 20px;
    }

}

@media screen and (max-width: 720px) {
    /*Fix icon chat*/
    #toHotline{
        padding: 9px 13px;
    }
}