@media (max-width: 767px){
    .tbl_cart td, .list_data td {
        float: left;
        width: 100%;
    }
    .box_data .table>thead>tr>th {
        float: left;
    }
    .tbl_cart .cart-image {
         border-top: 1px solid #ccc !important;
    }
    .btn-tool a {display: block; margin-bottom: 15px;}
       
}


@media (min-width: 1200px) and (max-width: 1899px){    .slide-site{height: 440px;}}@media (min-width: 1200px){    .modal-lg {        width: 1170px;    }    .box_search {height: 125px;}    .container {width: 1200px;}    .adv-right {        width: 132px;        position: fixed;        top: 40px;        right: 7px;    }    .adv-right .support {        background: #fff;        -webkit-border-radius: 4px;        -moz-border-radius: 4px;        border-radius: 4px;        border: solid 2px #FF6537;        color: #d51317;        padding: 0px 0px;        margin: 0px 0px 0px 0px;        overflow: hidden;    }    .adv-right .support h5 {        font-size: 17px;        text-align: center;        font-weight: bold;        color: #FFFFFF;        text-transform: uppercase;        background: #FF6537;        padding: 4px 0px;        margin: 0px 0px;    }    .adv-right .support .hotlineNumber {        font-size: 14px;        font-weight: bold;        margin: 5px 0px 0px 0px;        text-align: center;        padding: 10px 0px 0px 0px;    }    .adv-right .support .yahooHotline {        border: solid 1px #cccccc;        color: #143a83;        padding: 3px;        font-size: 12px;        font-weight: normal;        padding: 10px 0px;        margin: 5px 5px 10px 5px;    }    .adv-right .support .yahooHotline span.title {        color: #143a83;        font-weight: bold;        font-size: 12px;        margin: 0px 0px 0px 0px;        display: inline-block;    }    .adv-right .support .hotlineNumber span {        line-height: 20px;        font-size: 13px;        font-weight: bold;        color: #d51317;        text-align: center;    }    .adv-right .support .yahooHotline a {        margin: 0px 5px 0px 0px;    }    .adv-right .support .yahooHotline a img {        vertical-align: middle;        width: 16px;    }    .adv-right .img_icon {        height: 16px;        width: 16px;    }    /*extention coc coc chrome*/    #popup_extension {        position: fixed;        width: 135px;        margin: 0px 0px 0px 0px;        bottom: 30px;        left: 5px;        z-index: 99;        overflow: hidden;    }    #popup_extension .extension {        text-align: center;    }    #popup_extension a {        color: #fff;    }    #popup_extension .thumb {        width: 80px;        margin: 20px 0px;    }    .search #frm_search {        height: 48px;        padding: 3px 0px 0px 22px;        overflow: hidden;        background-color: #00715a;        width: 800px;        margin: 0 auto;    }    .complete_bill  .box_submit .txt_note {        float: left;        display: inline-block;        height: 50px;        margin-right: 5px;    }}@media (max-width: 992px){}@media (min-width: 992px) and (max-width: 1199px){    .lookbill .title { margin-bottom: 15px; }    .search{ padding: 15px 10px; }    .search #frm_search{ clear: both; }    .search .selectWeb{ margin-left: 0; float: none; margin-bottom: 20px;}}@media (min-width: 768px) and (max-width: 991px) {    .tb-hide{ display: none; }    .tb-fleft{ float: left; }    .tb-fright{ float: right; }    .lookbill .title { margin-bottom: 15px; }    .search{ padding: 15px 10px; }    .search #frm_search{ clear: both; }    .search .selectWeb{ margin-left: 0; float: none; margin-bottom: 20px;}    .process .top .icon { width: 20%; }    .process .context .row.top{        display: flex;        flex-wrap: wrap;        justify-content: center;    }}@media (min-width: 425px) and (max-width: 767px){}@media(max-width: 425px){    .header-top .txthotline {clear: both;}    .header-top .namewebsite {display: none;}    .search #frm_search .text {        width: 66%;    }    .search #frm_search .button {width: 30%;}}@media (min-width: 375px) and (max-width: 425px){    #myModal {        z-index: 999999 !important;    }    .header-top .logo img {display: block;margin: 0 auto; margin-right:15px !important; }    .header-top  .vietnam {display: none;}    #home-main-menu .navbar-nav {        margin:0px;    }    .main-menu>li {        display: block;        float: left;        border-left: #C1002D 1px solid;        width: 100%;        padding-left: 5px;    }    .main-menu .dropdown-menu li>a {        color: #fff !important;    }    .search .title .text:before,.search .title .text:after,.process .txttitle .text:before,.process .txttitle .text:after,.tool .title .text:before,.tool .title .text:after,.lookbill .title .text:before,.lookbill .title .text:after,.service .title .text:before,.service .title .text:after,.hotproduct .title .text:before,.hotproduct .title .text:after,.engage .title .text:before,.engage .title .text:after{        display: none;    }    .search #frm_search  .text {width: 68%;}    .search #frm_search  .button {width: 20%;}    .process .top .icon {        width: 34%;        min-height: 220px;        margin-left: 10px;    }    .tool .context ul {        padding-left: 10px;    }    .searchpage {display: none;}    #detail_product {padding: 0px 10px;}}@media (min-width: 320px) and (max-width: 375px){    .header-top .logo img {display: block;margin: 0 auto;margin-right: 15px !important;}    .header-top  .vietnam {display: none;}    #home-main-menu .navbar-nav {        margin:0px;    }    #myModal {        z-index: 999999 !important;    }    .main-menu>li {        display: block;        float: left;        border-left: #C1002D 1px solid;        width: 100%;        padding-left: 5px;    }    .main-menu .dropdown-menu li>a {        color: #fff !important;    }    .search .title .text:before,.search .title .text:after,.process .txttitle .text:before,.process .txttitle .text:after,.tool .title .text:before,.tool .title .text:after,.lookbill .title .text:before,.lookbill .title .text:after,.service .title .text:before,.service .title .text:after,.hotproduct .title .text:before,.hotproduct .title .text:after,.engage .title .text:before,.engage .title .text:after{        display: none;    }    .tool .context ul {        padding-left: 10px;    }    .searchpage {display: none;}    .search #frm_search  .text {width: 68%;}    .search #frm_search  .button {width: 24%;}    .process .top .icon {        width: 34%;        min-height: 220px;        margin-left: 10px;    }    .process .top .item .img_icon {        width: 5%;    }    #detail_product {padding: 0px 10px;}    #site-body #contents .content_body .item_new .intro  {        min-height: 180px;    }}

@media (min-width: 768px){	
#site-body  .register1.register .left {
    padding-left: 30px;
    padding-top: 20px;
	border: none;
}

}
@media (max-width: 767px){	
.step-inner .inner img{width:100%;}
.status ul li.item .step {
    font-size: 23px;
    line-height: 39px;
}
.status ul li.item .des{display: none}
.status ul li.item{width: 33.333%; float: left;}
.status ul li:before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #F3F3F3;
	right: -10px;
}
.cart .txt_title{margin-bottom: 15px;}
.status {
    margin: 0px 0px 15px 0px;
}
.pro_note{width: 100%; border: 1px solid #d7d7d7; height: 36px;}
.m-price{padding-left:15px}
.m-order-box label {
    width: 120px;
    float: left;
    overflow: hidden;
    padding-top: 1px;
    line-height: 20px;
}
.m-order-box{margin-bottom: 10px;}
.table-bordered>thead>tr>th {
    text-align: center;
    width: 100%;
    float: left;
}
.shop_note_chat {
   
    padding-right: 30px;
}
.cart_option {
    margin-right: 35px;
}
.shop_chat {
   
    margin-left: -15px;
}
.listbill .status_bill label {
    width: 50% !important;
    float: left;
}
	.box_profile .avatar,    .m-hide{ display: none; }    .m-fleft{ float: left; }    .m-fright{ float: right; }.listbill .left{margin-bottom: 0px;}.listbill .navbar{min-height: auto}.listbill .right{    margin: 0px -15px; border: none;}.current_wallet, .number{display: inline-block;}.current_wallet{margin-bottom: 0px;}.box_profile{padding: 0px}.box_finance{margin-top: 10px;}    .navbar-nav{padding-top: 5px;background-color: #bbb;}    #bs-main-nav{ float: none; padding-right: 0px; }    .main-menu>li{ float: none; }    .navbar-nav .open .dropdown-menu{ background: #034a74; }    .navbar-nav .open .dropdown-menu>li>a{ color: #FFFFFF !important; line-height: 25px; }    .lookbill .title { margin-bottom: 15px; }    .search{padding: 15px 15px 5px 15px;margin-left: -15px;margin-right: -15px;margin-bottom: 0px;border-bottom: 1px solid #eee;}    .search #frm_search{ clear: both; }    .search .selectWeb{ margin-left: 0; float: none; margin-bottom: 20px;}    .process .top .icon { width: 20%; }    .process .context .row.top{        display: flex;        flex-wrap: wrap;        justify-content: center;    }    .header-top .slogan, .header-top .namewebsite {font-size: 18px;}    .searchpage #frm_searchpage .text {width: 60%;}    .box-user,    .exchangePrice{display: none}    .navbar-brand{        height:42px;        padding: 0px 10px !important;        display: block;        font-size: 22px;    }    .brand-logo .banner-logo {        position: absolute;        top: -62px;        right: 0px;        left: 0;        z-index: 9999;    }    .banner-logo img{width: 292px;margin: auto;}    .navbar-brand > img {        width: 72px;    }    .navbar-inverse .navbar-toggle{border-color: #fff;margin-right: 0px;margin-top: 14px;}    .navbar-inverse .navbar-toggle .icon-bar {        background-color: #444;    }    .navbar-inverse .navbar-nav > li > a{color: #222;}    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {        margin-right: 0px;        background-color: #efefef;    }    .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{        background-color: #d94839;    }    .navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px;}    .caption-content{display: none}    .box-service{padding-top: 40px;}    .title-main {        font-size: 22px;        line-height: 28px;    }    .title-main{margin-bottom: 15px;}    .search .selectWeb {        text-align: center;        margin-bottom: 35px;        width: 100%;        margin: 0px auto 15px;    }    .search .selectWeb li{width: 25%;float: left;}    .search .nav-tabs>li>a{font-size: 12px; padding:6px  0px; text-align: center}    .tool {        padding: 40px 0px;    }    .news-home{padding-top: 45px;padding-bottom: 55px;}    .subscribe-social{text-align: center; margin-top: 15px;}    .box-order-home{padding-top: 40px; padding-bottom: 40px;}    .fact-counter-area .counter-icon {        font-size: 24px;        top: 0px;        width: 60px;        height: 60px;        line-height: 60px;    }    .fact-counter-area .counter-wrapper {        padding-left: 75px;    }    .t-uppercase{height: 32px;}    .fact-counter-area{padding: 20px 0px 10px 0px}    .fact-counter-area .counter-wrapper {        margin-bottom: 15px;    }    .tool .context .txttitle{margin-top: 15px;}    .navbar-collapse{margin-left: -15px; margin-right: -15px;}    .item-news .name,    .title-pro .box-fill{        margin-top: 10px;        text-align: center;    }    .group-news .item img{        width: 140px;    }    .group-news .box-time,    .group-news .txt{        display: none;    }    .group-news .name{        font-size: 14px;        font-weight: bold;    }    .group-news .item{        overflow: hidden;        height: 72px;        overflow: hidden;    }    .step-inner .inner .spec,    .step-inner .inner .info .title{color: #fff;}    .step-inner{background-color: #049568;color: #fff;}    .banner-logo{}    .all .wrap,    .fb,    .top-left{display: none}    .brand-logo .banner-logo .img{width: 100%;text-align: center;}    .box-video img{width: 100%}    .box-video{position: relative;display: block;}    .guide{        padding: 0px 0px 45px 0px;    }    .sec-title{text-align: center}    .slide-site .box-cap h1{ font-size: 24px; text-transform: uppercase}    .slide-site .box-cap h2{font-size: 18px; font-weight: 400;}    .slide-site .box-cap{margin-top: -72px;font-size: 22px;}    .guide-order.guide{padding: 10px 0px 55px 0px;}    .box-find .content-box{padding-left: 15px;padding-right: 15px;}    .content-box h4 span{display: none !important;}    .box-find .content-box{margin-top: -56px !important;}    .hd-top{ background-color: #049568}    .step-inner .inner .info .title{text-align: center}    .policy{background: url('../images/bg-service.jpg') no-repeat;background-size: cover;padding: 50px 0px 35px 0px;}    .wrap_body{overflow: hidden}    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none}    .navbar{        min-height: 56px;    }    .setup-tool{display: none}    .setup-tool.show{display: block;margin-top: 45px;}    .content-txt p{margin-bottom: 0px}    .slide-site .box-cap h2{margin-top: 5px;}    .slide-site .box-cap h1{margin-bottom: 0px;margin-top: 14px;}    .action-btns{text-align: center; margin-bottom: 20px}    .action-btns h3{font-size: 18px;    text-align: center; margin-bottom: 0px}.box-res ul li {    width: 50%;    float: left;    margin-bottom: 10px;}#about p,#about span,#about{font-size: 14px !important;}.frm_login {    padding: 28px 15px 40px 15px;}.left .navbar{min-height: auto}.btn_facebook{margin-bottom: 10px}.box_login_social{height: auto}.current_wallet,.tbl_info{display: none;}.box_finance {    margin-top: 0px;    width: 100%;}.left .navbar-header{background-color: #ccc;}.group-box .box-title .title{font-size: 18px;}.navbar-nav {    padding-top: 0px;    background-color: #bbb;}.listbill .status_bill label {    width: auto;}.bs-example{margin : 0px -15px}}@media(min-width: 768px){	.box_filter{position: relative;}.btn-reset{position: absolute;right: 0px;top: 10px;z-index: 99;}    .brand-logo .banner-logo {        position: absolute;        top: -275px;        right: 50px;        max-width: 858px;        z-index: 9999;    }    @font-face{font-family:"TrajanPro3";src:url("../fonts/TrajanPro3-Bold.otf") format("truetype");font-style:normal;}    .content-txt{font-family: TrajanPro3}    .hd-top .top-right .auth{height: 48px}    .navbar{        min-height: 40px;    }    .menu .navbar-nav::before {        content: '';        position: absolute;        width: 30px;        height: 100%;        display: block;        z-index: 99;        bottom: 0px;        top: 0;        left: -16px;        background-color: #282e2c;        -webkit-transform: skewX(-14deg);        -ms-transform: skewX(-14deg);        transform: skewX(-14deg);    }    .menu .navbar-nav{position: relative;background-color: #282e2c;}    .policy{background: url('../images/bg-service.jpg') no-repeat;}    .box-find .content-box{padding-left: 60px;padding-right: 60px;}    .guide-order.guide{padding: 0px}    .slide-site .content-txt{/* width: 50%; */float: left;margin-left: 30px;text-shadow: 2px 2px 2px #000;}    .slide-site .box-cap{margin-top: -165px;}    .slide-site .box-cap h1{font-size: 40px;margin-top: 5px;text-transform: uppercase;}    .slide-site .box-cap h2{font-size: 32px;font-weight: 400;margin-top: 10px;}    .guide{        padding: 52px 0px;    }    .guide .bg-layer{        position:absolute;        top:50%;        left:50%;        transform:translate(-50%,-50%);        -ms-transform:translate(-50%,-50%);        -webkit-transform:translate(-50%,-50%);    }    .box-video{position: absolute;left: 0px;top: 0px;right: 50%;bottom: 0px;margin-right: 15px;}    .box-video img{width: 100%;}    .navbar:after{content: '';position: absolute;right: 0px;bottom: 0px;height: 52px;width: 30%;background-color: #282e2c;z-index: -1;}    .group-news .item{        overflow: hidden;        margin-bottom: 30px;    }    .group-news .name{        line-height: 24px;    }    .group-news .item img {        width: 320px;        margin-right: 12px;    }    .fact-counter-area .counter-wrapper {        margin-bottom: 25px;    }    .fact-counter-area {        padding: 40px 0px;    }    .fact-counter-area .counter-wrapper {        padding-left: 90px;    }    .fact-counter-area .counter-icon {        font-size: 40px;        width: 70px;        height: 70px;        line-height: 64px;    }    .box-order-home{ padding-top: 60px; padding-bottom: 60px;}    .subscribe-social{float: right;margin-top: 6px;}    .news-home{padding-top: 60px;padding-bottom: 60px;clear: both;}    .t_title .txt-slogan{width: 50%; margin: auto}    .tool {        padding: 60px 0px;    }    .search .selectWeb {        text-align: center;        margin-bottom: 35px;        width: 565px;        margin: 0px auto 35px;    }    .search .download_document .btn_user {        margin-right: 15px;    }    .title-main {        margin-bottom: 30px;        font-size: 30px;    }    .box-service{padding-top: 60px;}    .navbar-brand{        height:42px;        /* padding: 10px 10px !important; */        display: block;        font-size: 22px;        /*border-bottom: 2px solid #3A5B9B;*/    }    .navbar{height: 142px;}    .navbar .navbar-header{        position: absolute;        left: 0px;        top: 16px;    }    .box-user{        margin-top: 20px;        margin-bottom: 20px;    }    .navbar-brand{        margin-top: 5px;        padding-top: 0px;        padding: 0px;        height: auto;        margin-left: 0px !important;    }    .menu>li>a{        display: block;        color: #fff !important;        padding: 7px 15px;        font-size: 17px;    }    .menu{        float: right;        position: absolute;        right: 0px;    }    .setup-tool.show{display: none !important;}}.box_list_bill .txt_title{margin-bottom: 0px;}
	@media (min-width: 768px) and (max-width: 1119px){ 
.box-head{padding-top: 70px;}
.t_title .txt-slogan {
    width: 85% !important;
}
.group-news .item img {
    width: 230px;
}
.slide-site .box-cap {
    margin-top: -90px !important;
}
.slide-site .box-cap h1{font-size: 30px;}
.slide-site .box-cap h2{ font-size: 26px;}
.action-btns h3{padding-top: 30px; font-size:16px;}
.brand-logo .banner-logo {
    top: -75px !important;
}
.wrap_body{width: 100%; overflow:hidden;}
.hd-top .top-right .fb,

.btn-create-order{display:none}
.policy .item {
    height: 210px;
}
.box-user {
    /* margin-top: 30px; */
    /* margin-bottom: 30px; */
    overflow: hidden;
}
.box-video{overflow: hidden;}
.navbar-inverse .navbar-brand img{ 
	width: 92px;
    margin-top: -8px;
}
.box-find img{height: 250px;}
.cap-content .content{padding: 20px 0px;}
.navbar:after,
.menu .navbar-nav::before{display: none !important; }
.brand-logo .banner-logo {
    position: absolute;
    top: -73px;
    right: 50px;
    max-width: 858px;
    z-index: 9999;
}
.brand-logo .banner-logo .img {
    max-width: 860px;
    width: 434px;
}
.list-news .box-img {
    width: 92px;
    min-height: 56px;
}.navbar {
    height: 125px;
}
}