.callphone-m {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9999;
}

@media only screen and (max-width: 991px) {
    .col-70 {
        width: 100%;
    }

    .col-30 {
        width: 100%;
        text-align: center;
    }

    .col-30 a {
        display: inline-block !important;
        margin-top: 10px;
    }

    #header .logo .form-search {
        width: 100%;
    }

    #header .logo .form-search input {
        width: 100%;
    }

    .col-20 {
        width: 30%
    }

    .col-80 {
        width: 70%
    }

    #footer .left {
        margin-bottom: 20px;
    }

    .cart-mobile {
        /*display: inline-block !important;*/
        margin-left: 0px !important;
        float: right;
    }

    .logo .img-logo {
        width: 120px;
        float: left;

    }

    #product-detail .col-80 {
        width: 100% !important
    }

    #product-detail .img-view {
        width: 100%
    }

    #product-detail .button-nav button:first-child {
        margin-bottom: 10px;
    }

    .form-contact {
        margin-bottom: 20px;
    }

    .title-block .tt-block {
        margin-top: 5px;
    }

    #header .logo .wrap-right {
        clear: both;
    }

    #promotion .item .left img {
        padding: 5px;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }

    #breadcrumb {
        display: none;
        padding: 0px 5px;
    }

    .title-product-page {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #promotion .item .right {
        width: 100%;
    }

    #promotion .item .left {
        width: 100%;
    }

    .items-block {
        width: 100% !important
    }

    .cate {
        position: relative;
    }

    .cate .menu-cate {
        float: right;
        color: #057787
    }

    #product-detail .price-detail>div {
        margin: 10px 0px;
        width: 100%;
    }

    .tabcontent .editor table {
        width: 100% !important;
    }

    .menu-block {
        position: absolute;
        z-index: 9;
        right: 0;
        background: #fff;
        width: 200px;
        top: 100%;
        border: 1px solid #f1f1f1;
        display: none;
    }

    #product-page .col-80 {
        width: 100%;
        position: relative;
    }

    .sidebar-brand {
        display: none;
    }

    .callphone-m {
        display: block;
    }

    #product-page .col-20 {
        width: 100%;
    }

    .popup-notification-a img {
        max-width: 100%;
    }

    .fancybox-content {
        padding: 10px;
    }

    #news-page .col-80 {
        width: 100%
    }

    #news-page .col-20 {
        width: 100%
    }

    #news-page {}

    .block .col-75 {
        width: 100%;
    }

    #product-detail .img-view {
        height: 380px;
    }

    .wap-icon-desktop li a {
        display: block;
        width: 100px;
        height: 71px;
        font-size: 0px;
    }

    .wap-icon-desktop {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
    }

    .wap-icon-desktop li {
        list-style: none;
        float: left;
        width: 25%;
    }

    .wap-icon-desktop li a {
        width: 100%;
        background-size: cover !important;
        /*  width: 25%;*/
    }

    .sideleft{
        margin-top: 10px;
    }


    .releated-side{
        display: none;
    }

    .wap-icon-desktop li.icon-call a {
        background: url('../img/icon-left-call-0.png') center center;
    }

    .wap-icon-desktop li.icon-call a:hover {
        background: url('../img/icon-left-call-1.png') center center;
    }

    .wap-icon-desktop li.icon-zalo a {
        background: url('../img/icon-left-zalo-0.png') center center;
    }

    .wap-icon-desktop li.icon-zalo a:hover {
        background: url('../img/icon-left-zalo-1.png') center center;
    }

    .wap-icon-desktop li.icon-msg a {
        background: url('../img/icon-left-msg-0.png') center center;
    }

    .wap-icon-desktop li.icon-msg a:hover {
        background: url('../img/icon-left-msg-1.png') center center;
    }

    .wap-icon-desktop li.icon-showrom a {
        background: url('../img/icon-left-showroom-0.png') center center;
    }

    .wap-icon-desktop li.icon-showrom a:hover {
        background: url('../img/icon-left-showroom-1.png') center center;
    }

}


.fancybox-content {
    padding: 20px;
}


.sticky-wrapper {
    position: absolute;
    top: 30px;
    left: 0
}

#product-detail .name-product .title-product {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}

#rating .form-cm input {
    width: 100%;
    margin-bottom: 10px;
}


/*  #news-page .sideleft{
        width: 250px !important;
        background: #fff;
        padding:0px;
        z-index: 999 !important;
        left: -250px;
    }*/
.form-contact {
    margin-top: 20px;
}

#product-page .col-20 {
    /* width: 100%;*/
    position: relative;
}

.sidebar .wrap-check {
    display: inline-block;
    width: 100%;
    overflow: scroll;
}

.sidebar .wrap-check .input {
    display: inline-block;
    width: 150px;
}

.sidebar .price .input {
    width: 200px !important
}


.item-product .price .root {
    font-size: 11px;
}

#product-detail .button-nav button {
    width: 90%;
    margin: 5px 0px;
}

#product-detail .button-nav {
    text-align: center;
}

#product-detail .button-nav button:first-child {
    margin-right: 0px;
}

#cart .cart-page .wrap-item .item .price {
    width: 110px;
    margin-left: 20px;
}

#cart .cart-page .wrap-item .item .name {
    width: calc(100% - 100px);
}

#cart .cart-page .wrap-item .item .close {
    margin-top: 5px;
}

.login-mobile {
    font-size: 30px;
    color: #057787;
    float: right;
    margin: 5px 10px;
}

}

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