* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fs14, .fs14 * {
    font-size: 14px;
    line-height: 22px
}

.fs16, .fs16 * {
    font-size: 16px;
    line-height: 26px
}

.fs18, .fs18 * {
    font-size: 18px
}

.fs30, .fs30 * {
    font-size: 30px
}

.ovh {
    overflow: hidden
}

.fll {
    float: left
}

.flr {
    float: right
}

.clb {
    clear: both
}

.txtB {
    font-weight: 700 !important
}

.txtC {
    text-align: center !important
}

.txtL {
    text-align: left !important
}

.txtR {
    text-align: right !important
}

.uln ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.txtGay {
    color: #6e6e6e
}

.txt2c {
    color: #2c2c2c
}

.mb20 {
    margin-bottom: 20px
}

.mb10 {
    margin-bottom: 10px
}

.posR {
    position: relative
}

.posA {
    position: absolute
}

.pageTop .title {
    font-size: 36px;
    margin: 0;
    padding: 30px 0 15px;
    font-weight: 400;
    text-align: left;
    color: #2c2c2c;
    line-height: 48px
}

.veaM {
    vertical-align: middle
}

@keyframes bounce {
    from {
        transform: translateY(-10px)
    }
    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

.register_box .register_head{padding:15px 20px 16px;}

.sub-content {
    overflow: hidden;
    clear: both;
    background-color: #fff
}

.sub-content .title {
    text-align: center
}

.sub-content p.title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px
}

.page.page-id-297.page-child.parent-pageid-77.page-template.page-template-product.page-template-product-php.logged-in {
    background: none !important
}

/*.page-template-product-php .tinh-nang .bannerPage {*/
    /*margin-top: 0*/
/*}*/
/*.register {*/
    /*position: relative;*/
    /*background-color: #428400;*/
    /*border: 0;*/
    /*font-size: 30px;*/
    /*font-family: font-helveticaNeueBold;*/
    /*padding: 18px 40px 18px 20px;*/
    /*border: none;*/
    /*color: #fff;*/
    /*cursor: pointer;*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*-moz-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
    /*border-radius: 0;*/
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);*/
    /*background-image: -moz-linear-gradient(bottom, #418300 0%, #418300 100%);*/
    /*background-image: -o-linear-gradient(bottom, #418300 0%, #418300 100%);*/
    /*background-image: -webkit-linear-gradient(bottom, #418300 0%, #418300 100%);*/
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*border-radius: 3px*/
/*}*/

/*.register .lbl, .register strong {*/
    /*font-size: 18px;*/
    /*font-weight: 400*/
/*}*/

.feature-list-text h5 {
    font-size: 16px;
    text-align: left; margin: 0;
}

.feature-list-text h5 i {
    padding-right: 10px;
    font-size: 20px
}

.btn-feature {
    margin-top: 0;
    padding-bottom: 60px;
    text-align: left
}

.sub-content.banner .wrapper {
    background: url(http://www.ordernhanh.net/images/trans-bg.png) no-repeat top center;
    overflow: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 46px;
    min-height: 430px
}

/*.sub-content.banner .register:hover {*/
    /*background-color: #2d5900;*/
    /*color: #FFF*/
/*}*/

/*.sub-content.banner .register span {*/
    /*display: inline-block;*/
    /*margin-right: 15px;*/
    /*vertical-align: bottom*/
/*}*/

/*.page-template-homepage-php span.icon-caret i, .page-template-price span.icon-caret i {*/
    /*font-size: 40px;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-left: -13px;*/
    /*margin-top: -22px;*/
    /*-webkit-transition: .2s all ease-in-out;*/
    /*-moz-transition: .2s all ease-in-out;*/
    /*-o-transition: .2s all ease-in-out;*/
    /*transition: .2s all ease-in-out*/
/*}*/

/*.page-template-price span.icon-caret i {*/
    /*margin-left: -48px;*/
    /*margin-top: -19px*/
/*}*/

/*.page-template-homepage-php span.icon-caret, .page-template-price span.icon-caret {*/
    /*width: 37px;*/
    /*height: 37px;*/
    /*position: relative*/
/*}*/

.sub-content.banner h1, .sub-content.wiki h2, .support-online .container h1.txtC ,.sub-content.banner h2{
    margin-top: 50px !important;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: left;
    max-width: 690px;
    font-family: font-helveticaNeueBold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    color: #fff; line-height: 60px;
}

.wrapper-list-text-home {
    max-width: 440px;
    margin-top: 15px
}

.wrapper-list-text-home h5 {
    text-align: left !important;
    font-family: font-helveticaNeueBold;
    font-size: 16px; color: #fff; line-height: 24px;
}

.sub-content.banner p.last {
    font-size: 14px
}

.sub-content.banner p em {
    font-size: 11px;
    color: #5dba00;
    text-transform: uppercase
}

.sub-content.banner span.scrolled {
    width: 49px;
    height: 27px;
    display: inline-block;
    animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;
    cursor: pointer
}

.sub-content.banner span.scrolled i {
    color: #FFF;
    font-size: 70px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: -15px
}

.sub-content.banner .wrapper-feature {
    margin-bottom: 30px;
    height: auto;
    margin-left: auto;
    max-width: 900px;
    border: 1px solid red;
    margin-right: auto
}

.sub-content.banner ul li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.sub-content.bannerCustomer ul {
    margin: 0;
    padding: 0
}

.sub-content.bannerCustomer .wrapper {
    overflow: visible
}

.sub-content.bannerCustomer ul.flex-direction-nav {
    overflow: visible
}

.sub-content.bannerCustomer .flex-prev {
    opacity: 0;
    background: url(http://www.ordernhanh.net/images/next_prev.png) no-repeat;
    width: 0;
    padding-left: 47px;
    height: 47px;
    overflow: hidden
}

.sub-content.bannerCustomer .flex-next {
    opacity: 0;
    background: url(http://www.ordernhanh.net/images/next_prev.png) no-repeat -48px 0;
    width: 0;
    padding-left: 47px;
    height: 47px;
    overflow: hidden
}

.bannerCustomer:hover .flex-prev, .bannerCustomer:hover .flex-next {
    opacity: 1 !important
}

.sub-content.white-bg {
    text-align: center;
    background-color: #fff;
    padding-bottom: 50px
}

.wrapper-btn-group {
    position: relative;
    text-align: center
}

.wrapper-btn-group .btn {
    margin-right: 10px
}

.sub-content.gray-bg {
    background-color: #f5f5f5;
    padding-bottom: 11px
}

.page-template-homepage-php .gray-bg img {
    width: 100%
}

.box5 {
    width: 100%;
}

@media (min-width: 991px) {
    .sub-content.gray-bg .btn-group {
        margin-bottom: 37px
    }
}

.sub-content.gray-bg p.title {
    color: #6f6f6f
}

.sub-content.pic-bg {
    background: url(http://www.ordernhanh.net/images/bg-main-second1.jpg) center top;
    color: #fff
}

.wrapper-viewall {
    text-align: center;
    margin-top: 40px
}

.sub-content.pic-bg button.viewall {
    background-color: #0e77b7;
    border: none;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    width: 260px;
    font-family: font-helveticaNeueBold;
    text-transform: uppercase;
    cursor: pointer
}

.sub-content.pic-bg button.viewall p {
    margin-bottom: 0
}

.sub-content.pic-bg button.viewall span {
    background-position: -87px -309px;
    width: 23px;
    height: 11px;
    display: block;
    position: relative;
    top: -11px;
    margin: 0 auto
}

.sub-content.pic-bg p.title {
    margin-bottom: 44px;
    margin-top: -3px;
    font-size: 16px;
    color: #999;
    font-weight: 700
}

.sub-content.pic-bg .row .row-list .content-row-list .around {
    position: relative;
    width: 123px;
    height: 123px;
    margin: 20px auto;
    display: inline-block;
    overflow: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 23px;
    float: left
}

.pic-bg .row .content-row-list .thumbnail-row-list:before {
    content: "";
    position: absolute;
    background: url(http://www.ordernhanh.net/images/icon-kh-home.png) no-repeat;
    width: 24px;
    height: 46px;
    top: 58px;
    left: -33px
}

.pic-bg .wrapper-container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.sub-content.pic-bg .row .row-list .content-row-list .around .overlay {
    moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #212121
}

.sub-content.pic-bg .row .row-list .content-row-list .around:hover .overlay {
    opacity: .5
}

.sub-content.pic-bg .row .row-list .content-row-list .around img {
    max-height: 123px
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list p {
    color: #333
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
    font-size: 12px;
    font-family: font-helveticaNeueBold;
    padding-top: 20px
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
    text-align: left;
    color: #999;
    margin: 0;
    font-size: 12px;
    font-family: font-helveticaNeueBold;
    height: auto;
    padding: 2px 0
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
    color: #333;
    font-family: font-helveticaNeueBold;
    font-size: 21px
}

.sub-content.green-bg h1.title {
    margin-top: 20px
}

.sub-content.green-bg {
    background-color: #80be41 !important;
    text-align: center;
    color: #fff;
    border-bottom: 4px solid #122300;
    padding-top: 60px;
    padding-bottom: 70px
}

.sub-content.green-bg .register {
    background-color: #428400;
    border: 0;
    font-size: 24px;
    padding: 24px 42px 24px 77px;
    margin: 8px 0 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fdfdfd;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

a.scrollTo {
    position: absolute;
    bottom: 20px;
    left: 49%;
    font-size: 70px;
    color: #FFF;
    animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

a.scrollTo i {
    font-size: 61px
}

a.scrollTo:hover i {
    color: rgba(255, 255, 255, 0.6)
}

.sub-content.green-bg .register .ic-dtmp {
    background: url(http://www.ordernhanh.net/images/icon-dt.png) no-repeat;
    position: absolute;
    display: block;
    top: 17px;
    width: 40px;
    height: 39px;
    left: 21px
}

.sub-content.green-bg .register:hover {
    background-color: #2C5603
}

.pageTop {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.pageBottom {
    padding: 20px 0
}

a, a:visited, input {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

textarea {
    resize: initial
}

.btnRed {
    background: #428400;
    font-size: 18px;
    font-family: font-helveticaNeueBold;
    color: #fff;
    padding: 18px 80px;
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
        font-family: font-helveticaNeueBold;
}

a.btnRed {
    display: inline-block
}

.btnRed:hover {
    background: #2C5603
}

.fr ul li {
    clear: both
}

.fr ul li + li {
    margin-top: 28px
}

.fr ul li span.lbl {
    display: inline-block;
    width: 145px;
    font-size: 16px;
    color: #292929;
    padding-top: 6px;
    vertical-align: top
}

.fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
    width: 50%;
    border: 1px solid #dadada;
    background: #fff;
    color: #292929;
    font-size: 14px;
    margin: 0;
    padding: 8px 12px;
    overflow: visible;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#captcha-code {
    width: 25%
}

.fr input.error {
    border-color: red
}

.fr label.error {
    display: none !important
}

.fr #http {
    width: 33% !important;
    margin: 0 5px !important
}

.fr textarea {
    width: 100%;
    height: 145px
}

.fr ul li strong {
    font-weight: 700
}

.fr ul li .zone {
    width: 144px
}

.fr ul li .zone option {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px
}

input[type="text"]:hover, input[type="password"]:hover {
    background: rgba(0, 0, 0, 0.1)
}

.nm:hover {
    background: #FFF !important
}

.contactBox {
    margin-bottom: 30px
}

.contactBox p {
    padding-bottom: 5px
}

.register ul li span.lbl {
    width: 270px;
    margin-right: 80px;
    text-align: right
}

.hotline {
    font-size: 14px;
    font-family: font-helveticaNeueBold;
    background: url(http://www.ordernhanh.net/images/phoneBlue.png) no-repeat center left;
    color: #fff;
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    text-transform: uppercase
}

.hotline.blue {
    color: #005f8e
}

.pricing {
    background: url(http://www.ordernhanh.net/images/maps.png) no-repeat center 170px
}

/*.pricing .register {*/
    /*background: #629c28;*/
    /*border: 0;*/
    /*padding: 18px 40px 18px 65px*/
/*}*/

/*.pricing .register:hover {*/
    /*background: #2C5603*/
/*}*/

.pricelist {
    margin-bottom: 20px
}

.priceTxtadd .txtB {
    font-size: 20px
}

.pricelist ul li {
    width: 30%;
    margin: 0 0 30px 15%;
    float: left;
    background: url(http://www.ordernhanh.net/images/true.png) no-repeat left center;
    padding-left: 36px
}

.pricelist ul li strong {
    font-family: font-helveticaNeueBold;
    text-transform: uppercase
}

.priceTxt {
    color: #d30000;
    font-size: 31px;
    margin: 12px 0 25px
}

.priceImg {
    margin-bottom: 85px
}

.priceOption {
    text-align: center;
    color: #333;
    margin: 40px 0 60px;
}
.priceOption .col-md-8 { padding: 25px 0 15px 0;}

.priceOption .vector {
    line-height: 54px
}

.priceOption .vector a {
    color: #fff;
    white-space: nowrap
}

.priceOption .vector.priceOption2 {
    width: 36%;
    background: red
}

.price_year_l {
    background: url(http://www.ordernhanh.net/images/price_year_l.png) no-repeat;
    width: 16px;
    height: 54px;
    display: inline-block
}

.price_year_r {
    background: url(http://www.ordernhanh.net/images/price_year_r.png) no-repeat;
    width: 16px;
    height: 54px;
    display: inline-block
}

.pricePaket {
    background: url(http://www.ordernhanh.net/images/priceBg.png) no-repeat top center;
    min-height: 464px
}

.priceBasic {
    padding-top: 61px
}

.priceAdv {
    padding-top: 38px
}

.priceBasic h1 {
    text-align: center;
    margin: 0;
    padding: 0 0 15px;
    font-size: 26px;
    color: #323232;
    font-weight: 400
}

.priceBasic .priceTxt {
    font-size: 26px;
    margin: 0;
    padding: 0 0 30px
}

.priceAdv .priceTxt {
    padding: 0 98px 20px 0
}

.priceBasic ul li, .priceAdv ul li {
    display: inline-block;
    font-size: 13px;
    color: #454545;
    padding-left: 30px;
    margin: 0 0 20px -7px;
    width: 192px
}

.priceAdv h2 {
    margin: 0;
    font-size: 26px;
    font-family: font-helveticaNeueBold;
    color: #169dd5;
    padding-right: 97px
}

.priceAdv ul li {
    margin-right: 40px
}

.priceAdv i {
    display: block;
    background: url(http://www.ordernhanh.net/images/price_adv.png) no-repeat;
    width: 93px;
    height: 90px;
    position: absolute;
    right: 107px;
    top: -39px
}

.note-price {
    padding-right: 140px
}

.pricePaket ul li.true {
    background: url(http://www.ordernhanh.net/images/icon-1.png) no-repeat left center
}

.pricePaket ul li.false {
    background: url(http://www.ordernhanh.net/images/icon-2.png) no-repeat left center
}

.pricePaket h1, .pricePaket h2 {
    text-align: center
}

.priceOther {
    padding: 10px 0 40px 75px;
    border-bottom: 1px solid #e2e2e2
}

.priceOther a {
    color: #0f80cf;
    font-size: 14px
}

.priceOther a i {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 20px;
    font-family: font-helveticaNeueBold;
    width: 14px
}

.priceOther ul {
    margin: 10px 0 0 34px;
    display: none
}

.priceOther ul li {
    margin-top: 8px;
    font-size: 14px
}

.btnBlue {
    background: #0a9dd2 !important
}

.btnBlue:hover {
    background: #0b87bb !important
}

.function {
    padding-bottom: 65px
}

.function img {
    float: right;
    margin: 32px 0 0 60px;
    max-width: 100%;
    height: auto
}

.function h3 {
    font-size: 18px;
    font-family: font-helveticaNeueBold;
    color: #505050
}

.function p {
    font-size: 14px;
    color: #505050;
    line-height: 26px
}

.function a {
    color: #12679b;
    display: inline-block;
    margin-top: 10px
}

.registerTop p {
    margin: 0;
    padding: 0
}

.registerTop .title {
    padding-bottom: 10px
}

.register.fr ul li + li {
    margin-top: 20px
}

.blog-paging {
    padding: 25px 0 15px;
    border-top: 2px solid #f9eaea;
    clear: both;
    margin-top: 30px
}

.blog-paging a, .blog-paging span {
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    width: 32px;
    padding: 6px 0;
    color: #2d7fd0;
    margin-bottom: 5px
}

.blog-paging a.prev, .blog-paging span.prev, .blog-paging a.next, .blog-paging span.next {
    width: auto;
    padding: 6px 10px;
    display: none
}

.blog-paging a:hover, .blog-paging span.current {
    background: #428400;
    color: #fff;
    text-decoration: none
}

.about-content p.title {
    margin-bottom: 55px;
    font-size: 16px;
    color: #858585;
    line-height: 30px
}

.about-content.banner {
    background: url(http://www.ordernhanh.net/images/imgAbout22.jpg) no-repeat center top;
    height: 418px;
    overflow: hidden;
    position: relative;
    background-attachment: fixed
}

.about-content.banner video {
    margin-top: -200px
}

.about-content.white-bg.about-us {
    background-color: #fff;
    margin-bottom: 50px
}

.about-content.white-bg.about-us header p {
    margin: 0 0 40px;
    font-size: 16px;
    color: #858585;
    text-align: center;
    line-height: 30px
}

.about-content.white-bg.about-us .row .row-list .content-row-list img.around {
    width: 250px;
    height: 250px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -filter: grayscale(100%);
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -transition: .2s all ease-in-out
}

.about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
    font-size: 16px;
    font-family: font-helveticaNeueBold;
    color: #333;
    margin: 20px 10px 10px;
    text-transform: uppercase
}

.about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
    font-size: 14px;
    font-weight: 400;
    color: #a1a1a1;
    margin: 0 10px 16px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d1cfcf;
    display: block;
    text-transform: uppercase;
    font-style: inherit
}

.about-info {
    height: auto;
    margin-bottom: 15px;
    padding-bottom: 30px
}

.wrapper-col-info h2 {
    margin-top: 62px;
    font-size: 32px;
    font-family: font-helveticaNeueBold;
    color: #333
}

.wrapper-col-info p {
    font-size: 16px;
    font-family: font-helveticaNeueBold;
    color: #5cba47;
    line-height: 24px
}

.wrapper-col-info-right {
    margin-top: 60px;
    font-family: 'font-helveticaNeueRegular';
    font-size: 15px;
    color: #666;
    line-height: 26px
}

.about-info .info {
    font-size: 15px;
    line-height: 30px;
    color: #000
}

.about-info .info .title {
    margin: 0;
    padding: 15px 0;
    font-size: 38px;
    line-height: 46px
}

.about-content .row .row-list {
    height: 515px;
    margin-bottom: 30px;
    border: 1px solid #dedede;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -transition: .2s all ease-in-out
}

.about-content .row .row-list:before {
    position: absolute;
    background-color: #727272;
    width: 100%;
    height: 5px;
    content: '';
    bottom: 0;
    left: 0
}

.about-content .row .row-list:hover {
    border: 1px solid #dedede;
    background-color: #fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .27);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .27);
    box-shadow: 0 0 10px rgba(0, 0, 0, .27)
}

.about-content .row .col-md-3.col-sm-6:hover .row-list:before {
    background-color: #04679a
}

.about-content .row .row-list:hover .thumbnail-row-list h4.name {
    color: #04679a !important
}

.about-content .row .row-list:hover .content-row-list img.around {
    -webkit-filter: inherit !important;
    -moz-filter: inherit !important;
    filter: inherit !important
}

.about-content .row .row-list .content-row-list .thumbnail p {
    height: auto
}

.about-content header h1 {
    margin-bottom: 30px
}

.about-content .text-feature {
    margin-top: 110px;
    margin-left: 60px
}

.about-content .text-feature li {
    color: #fdfdfd;
    font-family: font-helveticaNeueBold;
    font-size: 35px;
    line-height: 60px;
    position: relative
}

.about-content .text-feature li:before {
    content: "\f138";
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 35px;
    color: #FFF;
    font-family: FontAwesome
}

.team .container {
    border-top: 1px solid #ddd
}

.error404 {
    background: #fff
}

.error404 .header {
    background: #169dd5;
    position: relative
}

.error404 .footer {
    position: relative;
    background: #222
}

.error404 .footer .wrapper {
    background: #222;
    padding: 0
}

.error404 .nav-top {
    padding-top: 16px
}

.errorPage img {
    max-width: 100%;
    height: auto
}

.customer {
    padding-top: 40px
}

.customerSay {
    padding-top: 8px
}

.msg-error {
    text-align: center;
    padding: 10px
}


.support h3.title {
    position: relative;
    margin: 0;
    padding: 0 0 6px;
    font-size: 32px;
    font-weight: 400;
    color: #333;
    padding-left: 80px;
    font-family: font-helveticaNeueBold;
    margin-left: 15px;
    margin-right: 15px
}

.support h3.title:before {
    content: "\f06a";
    position: absolute;
    top: -6px;
    left: 3px;
    font-size: 60px;
    color: #666;
    font-family: FontAwesome
}

.support h3.title-video:before {
    content: "\f16a";
    left: 0
}

.supportPage {
    background: url(http://www.ordernhanh.net/images/sopport-bg.jpg) no-repeat top center;
    font-size: 14px;
    line-height: 24px;
    min-height: 363px;
    margin: 40px 0;
    position: relative
}

.supportPage .col-md-6 {
    min-height: 353px
}

.supportVideo {
    position: absolute;
    top: 44px
}

.supportVideo object {
    width: 100%
}

.supportPage h2, .supportPage h1 {
    margin: 0 0 22px;
    padding: 32px 0 0 20px;
    line-height: 30px;
    font-size: 26px
}

.supportPage p {
    margin: 0;
    padding: 0 0 30px 20px;
    color: #3d3d3d;
    font-family: "Segoe UI";
    font-size: 14px
}

.supportPhone {
    position: absolute;
    bottom: 5px;
    left: 25px
}

.supportPhone .phoneGray {
    font-size: 12px;
    font-style: italic;
    color: #4a4a4a
}

.phoneGray {
    background: url(http://www.ordernhanh.net/images/phoneGray.png) no-repeat left center;
    padding-left: 22px;
    display: inline-block
}

.video ul {
    width: 107%;
    margin-left: -40px
}

.video ul li {
    width: 306px;
    padding: 0 0 15px;
    margin-left: 40px;
    border-right: 1px solid #e6e6e6;
    font-size: 14px;
    color: #666;
    float: left
}

.video ul li p {
    padding: 0 0 5px;
    margin: 0
}

.videoIcon {
    display: inline-block;
    background: url(http://www.ordernhanh.net/images/video.png) no-repeat left center;
    padding-left: 24px;
    font-size: 14px;
    font-family: font-helveticaNeueBold;
    color: #009ddc
}

.downloadIcon {
    display: inline-block;
    background: url(http://www.ordernhanh.net/images/pdf.png) no-repeat left center;
    color: #009ddc;
    padding-left: 30px;
    line-height: 22px;
    font-size: 14px
}

.download {
    width: 306px;
    font-size: 14px;
    color: #666
}

.download p {
    margin: 0;
    padding: 0 0 20px
}

.faqs {
    margin: 55px 0 0
}

.faqs-item h6, .faqs-item h6 a {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.faqs h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px
}

.faqs a {
    color: #0076a6
}

.suport-chtg .faqs-item ul li {
    padding-right: 0
}

.faqs-item {
    width: 33%;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.faqs-item ul li + li {
    margin-top: 12px
}

.faqs-no {
    border: none;
    margin: 0;
    padding: 0
}

.faqs-item ul li aside {
    display: none;
    line-height: 22px
}

.faqs-item ul li aside, .faqs-item ul li aside * {
    font-size: 13px;
    color: #666
}

.faqs-item ul li aside p {
    padding: 0;
    margin: 0
}

a.link.active {
    display: block;
    padding: 5px 15px;
    background: #f1f1f1
}

.faqs-item ul li aside.active {
    background: #e8e8e8;
    padding: 10px 15px 15px
}

.faqs-item ul.faqs-show {
    display: none
}

.support-content {
    /*background: #fff;*/
    overflow: hidden;
    margin-top: 30px
}

.support-online .container {
    padding-top: 55px
}

.support-online-left {
    float: left;
    padding: 15px 15px 30px;
    width: 240px;
    margin-right: 25px;
    background: #f5f5f5
}

.support-online-left h3 {
    background: url(http://www.ordernhanh.net/images/icon5.png) no-repeat left 5px;
    padding: 0 0 2px 18px;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

.support-online-left h3.active {
    background-image: url(http://www.ordernhanh.net/images/icon6.png)
}

.support-online-left .support-items {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}

.support-online-left .support-items + .support-items {
    padding-top: 12px;
    border-top: 1px solid #fff
}

.support-online-left ul {
    margin: 8px 0 0 18px;
    display: none
}

.support-online-left ul li a {
    display: block;
    padding: 6px 0 7px
}

.support-online-left ul li a.active {
    background: #125186;
    color: #fff;
    text-decoration: none;
    margin-left: -18px;
    padding-left: 18px
}

.support-online-right {
    color: #212121;
    padding-top: 10px
}

.support-online-right img {
    max-width: 100%;
    height: auto
}

.support-online-right h2 {
    margin: 0;
    padding: 0 0 30px;
    font-size: 30px;
    color: #000
}

.support-online-right p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 24px
}

.support-online-right ul, .support-online-right ol {
    margin-bottom: 20px
}

.support-online-right ul li, .support-online-right ol li {
    font-size: 14px;
    line-height: 24px;
    list-style: square;
    margin-left: 20px
}

.priceBarcode p.title {
    margin: 0 0 20px;
    font-size: 20px
}

.priceBarcode h4 {
    font-family: font-helveticaNeueBold;
    font-size: 15px;
    padding-bottom: 25px;
    position: relative;
    height: 57px
}

/*.priceBarcode h4.active:after {
    content: "";
    background: url(http://www.ordernhanh.net/images/ban-chay.png) no-repeat;
    width: 66px;
    height: 66px;
    position: absolute;
    bottom: -66px;
    right: 23px;
    z-index: 9
}*/

.priceBarcode img {
    height: auto;
    max-width: 100%;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8
}

.priceBarcode ul {
    margin-bottom: 10px;
    text-align: left;
    padding-left: 20px;
}

.priceBarcode ul li {
    border-bottom: 1px dotted #cdcdcd;
    padding: 7px 10px;
    font-family: 'font-helveticaNeueRegular';
    font-size: 13px;
    line-height: 23px
}

.priceBarcode .bacodePrice {
    color: #d00;
    font-size: 16px;
    margin: 0 0 100px
}

.row .row-list .content-row-list span.icon {
    position: relative;
    zoom: 1;
    behavior: url(ie-css3.htc)
}

#register label .error {
    color: red
}

.page-template-product-php .wrapper-content .title {
    margin-bottom: 40px
}

.tp_inner_padding {
    background: none !important
}

.customer .kh-content i {
    color: #ededed;
    font-size: 20px
}

.fr input[type="text"] {
    width: 100%
}

.fr input[type="text"].branch {
    width: 350px
}

.fr input[type="text"]#http {
    width: 143px !important
}

.fr input[type="text"].user {
    width: 198px
}

.fr input[type="text"]#captcha-code {
    width: 90%
}

.fr input[type="password"] {
    width: 142px
}

.fr input[type="email"] {
    width: 100%
}

.fr textarea {
    width: 100%
}

.fr select.zone {
    width: 218px
}

.form-horizontal .control-label {
    text-align: left
}

.wikiPage {
    padding: 0px 0 60px;
    color: #212120;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px
}

.wiki-left {
    /*background: #f4f4f4;*/
    width: 28%;
    float: left;
    text-align: left;
    padding-left: 15px; padding-right: 15px;
    /*padding: 20px 15px*/
}

.wiki-left h3 {
    font-size: 14px;
    font-weight: 400;
    /*margin: 0;*/
    /*padding: 0 0 5px;*/
    text-transform: uppercase
}

.wiki-left ul {
    margin: 0 0 20px 15px
}

.wiki-left ul li a {
    padding: 6px 0 7px;
    display: block;
    font-size: 14px;
    line-height: 20px
}

.wiki-left ul li a.active {
    /*margin-left: -15px;*/
    /*background: #125186;*/
    color: #428bca;
    /*padding-left: 15px;*/
    text-decoration: none; font-weight: bold;
}

.wiki-right {
    width: 72%;
    float: left; padding: 0px 15px;
}

.wiki-right h3 {
    font-size: 18px;
    font-family: font-helveticaNeueBold;
    color: #000;
    margin: 0;
    padding: 0 0 10px
}

.wiki-right p {
    padding: 0 0 15px;
    margin: 0;
    line-height: 20px;
    font-size: 14px
}

.wiki-right img {
    max-width: 100%;
    height: auto
}

ul.tags li a {
    display: inline-block;
    padding: 1px 5px 3px;
    margin: 0 4px 4px 0;
    font-size: 13px;
    background: #428400;
    color: #fff;
    border-radius: 3px
}

ul.tags li a:hover {
    background: #428400;
    color: #fff;
    text-decoration: none;
    opacity: .8
}

.mobileCatg {
    background: url(http://www.ordernhanh.net/images/mobileCatg.png) no-repeat;
    width: 0;
    height: 28px;
    padding-left: 32px;
    overflow: hidden;
    display: none;
    margin: 0 0 10px
}

.img-wrapper img {
    max-width: 100%;
    height: auto
}

.supportTop {
    color: #fff
}

.supportContent {
    background: #fff;
    margin: 30px 0 0;
    padding: 14px 0 0
}

.sopportBox {
    font-size: 14px;
    color: #6a6a6a;
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative; padding-top: 20px;
}

.sopportBox:before {
    position: absolute;
    height: 1px;
    bottom: 0;
    background-color: #dbdbdb;
    left: 15px;
    right: 15px;
    content: ''
}

.sopportBox ul li {
    margin-bottom: 20px;
    position: relative
}

.support-sec1 {
    margin-top: 40px;
    padding-left: 15px
}

.support-sec1 ul li {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.sopportBox .support-sec1 ul li:before {
    left: 0px
}

.sopportBox ul li:before {
    position: absolute;
    content: "\f101";
    top: 3px;
    left: -18px;
    font-family: FontAwesome
}

.supportLeft {
    width: 490px
}

.supportRight {
    margin-top: -54px
}

.sopportBox p {
    padding-left: 95px;
    font-family: font-helveticaNeueBold;
    font-size: 13px;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 19px;
    padding-right: 25px
}

.sopportBox .register {
    border: 0;
    padding: 11px 35px 8px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 0
}

.sopportBox .register:before {
    content: "";
    background: url(http://www.ordernhanh.net/images/icon7.png) no-repeat;
    width: 5px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 14px
}

.support-th .register {
    margin-left: 0px
}

.sopportBox li a {
    color: #0768a9;
    font-size: 14px;
    font-family: 'font-helveticaNeueRegular';
    line-height: 20px
}

.teamview {
    clear: both
}

.hdsd {
    float: left;
    margin-top: 28px;
    margin-left: 20px
}

.hdsd a {
    font-size: 12px
}

.supportlist {
    width: 250px
}

.support-video {
    height: 404px;
    overflow-y: auto;
    background: #f3f3f3;
    padding-left: 18px;
    padding-top: 21px
}

.sopportBox .support-video ul li:before {
    content: '\f0da'
}

.supportRight embed {
    width: 580px !important;
    height: 400px !important;
    margin-top: 55px !important
}

.support-wk .supportLeft {
    width: 600px
}

.support-wk .supportRight {
    margin-top: 21px
}

.support-wk ul {
    float: left;
    width: 50%;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px
}

.support-wk ul:first-child {
    padding-left: 18px
}

.support-wk p {
    margin-top: 0;
    margin-bottom: -4px
}

.support-wk .register {
    clear: both;
    margin-left: 0
}

.support-wk h3.title:before {
    content: "\f02d";
    left: 0
}

.support-wk img {
    width: 385px
}

.suport-chtg h3:before {
    content: "\f059" !important;
    top: -12px !important
}

.suport-chtg {
    margin-left: -15px;
    margin-right: -15px
}

.suport-chtg ul {
    margin-top: 40px;
    margin-left: 17px
}

.suport-chtg ul li a {
    line-height: 22px
}

.supportTeamview h3:before {
    content: "\f019" !important
}

.supportTeamview ul.supportTeamview-right {
    border-right: 1px solid #DDD
}

.supportTeamview ul li p a {
    font-size: 25px !important;
    color: #60a11e
}

.supportTeamview .register {
    background-color: #60a11e;
    padding: 5px 40px 5px 20px;
    font-size: 25px; color: #fff;
}

.supportTeamview p {
    font-family: font-helveticaNeueBold;
    font-size: 14px;
    color: #666
}

.support-video::-webkit-scrollbar {
    width: 10px
}

.support-video::-webkit-scrollbar-track {
    background: #dcdcdc
}

.support-video::-webkit-scrollbar-thumb {
    background: #a5a5a5
}

.support-video::-webkit-scrollbar-thumb:window-inactive {
    background: #a5a5a5
}

.supportTeamview {
    border: none;
    margin-left: -15px;
    margin-right: -15px
}

.supportTeamview ul {
    float: left;
    width: 50%;
    padding: 40px 15px;
    margin-bottom: 20px
}

.supportTeamview p {
    font-size: 14px;
    margin: 0;
    padding-bottom: 25px
}

.supportTeamview h5 {
    margin: 0 0 15px;
    font-size: 13px;
    color: #5c5c5c;
    padding-left: 95px
}

.nav-second ul{list-style:none}.nav-second li{float:left;position:relative}.nav-second li a{-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;-transition:.5s all ease-in-out;padding-bottom:6px;display:block}.nav-second li a span{-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;-transition:.5s all ease-in-out;font:normal 12px "Segoe UI",Helvetica,sans-serif;padding:9px 17px;display:block;background:url(http://www.ordernhanh.net/images/nav-bg.png) center top repeat-x;color:#8ed7f6;cursor:pointer;font-weight:700;border-left:1px solid #1ca8e2;border-right:1px solid #0e8bbf}.nav-second li a:hover,.nav-second li:hover a,.nav-second li a.active{background:url(http://www.ordernhanh.net/images/nav-bullet.png) center bottom no-repeat;text-decoration:none}.blog-nav ul.sub-menu{background:#0775a2;position:absolute;top:100%;left:0;min-width:160px;width:auto!important;z-index:999;display:none}.blog-nav ul.sub-menu li{float:none}.blog-nav ul.sub-menu li + li{border-top:1px solid #8ed7f6}.blog-nav li:hover ul.sub-menu{display:block}.blog-nav ul.sub-menu li a{padding-bottom:0}.blog-nav ul.sub-menu li a span{white-space:nowrap}@media(max-width:990px){.nav-second li a:hover,.nav-second li a.active{background:transparent}.nav-second li a{padding-bottom:1px}}.nav-second li a:hover span,.nav-second li a.active span{color:#fff}

.pop-close{display:none;}
/*banner */
.box-banner { text-align: left; color: #fff; margin-top: 63px; height: 370px; background-color: transparent;padding: 0; position: relative; background-position: top right; background-repeat: no-repeat; max-width: 100%; overflow: hidden; background-size: cover !important;}
.box-banner h3 { margin-top: 0; max-width: 531px; line-height: 52px; font-size: 40px; padding-top: 80px; margin-bottom: 30px; text-align: left;}
.box-banner p { font-size: 20px; max-width: 531px; line-height: 40px; margin-top: 35px;}
.box-banner p span { padding: 0; color: #65d34d;  font-size: 40px; white-space: nowrap;}
.box-banner ul li { margin: 0 0 20px; font-size: 22px; position: relative; float: none !important; width: 100%; text-align: left; padding-left: 35px; font-family: font-helveticaNeueBold;}
.box-banner .wrapper-feature-tn { max-width: 580px; }
.box-banner .wrapper-feature-tn ul li:before { content: "\f046"; position: absolute; top: 0; left: 3px; font-family: FontAwesome ;}

.box-banner2 { text-align: left; color: #65d34d; margin-top: 62px; height: 370px; background-color: transparent;padding: 0; position: relative; background-position: top right; background-repeat: no-repeat; max-width: 100%; overflow: hidden; background-size: cover !important;}
.box-banner2 h3 { margin-top: 0; max-width: 531px; line-height: 52px; font-size: 40px; padding-top: 80px; margin-bottom: 30px; text-align: left;}
.box-banner2 p { font-size: 20px; max-width: 531px; line-height: 40px; margin-top: 35px;}
.box-banner2 p span { padding: 0; color: #65d34d;  font-size: 40px; white-space: nowrap;}
.box-banner2 ul li { margin: 0 0 20px; font-size: 22px; position: relative; float: none !important; width: 100%; text-align: left; padding-left: 35px; font-family: font-helveticaNeueBold;}
.box-banner2 .wrapper-feature-tn { max-width: 580px; }
.box-banner2 .wrapper-feature-tn ul li:before { content: "\f046"; position: absolute; top: 0; left: 3px; font-family: FontAwesome ;}

.tinh-nang .box-banner {background: url(http://www.ordernhanh.net/images/imgFeatured.jpg) no-repeat center;}
.tinh-nang .box-banner h3 { padding-top: 60px;}
.khach-hang .box-banner { background: url(http://www.ordernhanh.net/images/bg-main-second.jpg) center top repeat-x; background-position-y: 64%;}
.ho-tro .box-banner { background: url(http://www.ordernhanh.net/images/support.jpg) no-repeat center center;}
.single .box-banner,.blog .box-banner { background: url(http://www.ordernhanh.net/images/contact.jpg) no-repeat center; height:100px}
.single .box-banner2,.blog .box-banner2 { background: url(http://www.ordernhanh.net/images/imgAbout.jpg) no-repeat center; height:100px}
.single .box-banner h3 ,.blog .box-banner h3 { padding-top: 155px;}
.lien-he .box-banner { background-image: url(http://www.ordernhanh.net/images/contact.jpg); margin-bottom: 50px;}
.dang-ky .box-banner { background-image: url(http://www.ordernhanh.net/images/register.jpg);}
.dang-ky .box-banner .wrapper-feature-tn ,.dang-ky .box-banner .wrapper-feature-tn h3 { max-width: 100%;}
.ve-menu-goi-mon .box-banner {  background: url(http://www.ordernhanh.net/images/imgAbout33.jpg) no-repeat center top;}
.ve-menu-goi-mon .box-banner .wrapper-feature-tn  .text-feature li:before { content: "\f138"; position: absolute; top: 50%; margin-top: -17px; left: 0px; font-size: 35px; color: #FFF; font-family: FontAwesome;}
.ve-menu-goi-mon .box-banner .wrapper-feature-tn { max-width: 100%;}
.ve-menu-goi-mon .box-banner .wrapper-feature-tn  .text-feature { padding-top: 70px;}
.ve-menu-goi-mon .box-banner .wrapper-feature-tn  .text-feature li { font-size: 30px; padding-left: 45px;}
.page-template-support_online-php .box-banner { background: url(http://www.ordernhanh.net/images/banner-used.jpg) no-repeat center;}
.sub-content.banner { background-color: transparent;}
.wrapper-banner { height: 570px; margin-top: 63px;}
.phi-dich-vu .sub-content.bannerPrice { overflow: visible;}
.note-table { text-align: center;}
.popup_success { margin-left: -366px !important; margin-top: 100px !important;}
.dang-ky .success { position: fixed; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0,0,0.5); z-index: 9999;}
.dang-ky .success .content-success{ border-radius: 5px;  margin-top: 10% !important; margin: 0 auto; font-family: Arial,Helvetica,sans-serif; box-shadow: 0 0 6px rgba(0,0,0,0.2); color: #878787; background: #fff; min-height: 400px; overflow: auto; width: 712px; }
.dang-ky .success .content-success .header-title { position: relative; }
.dang-ky .success .content-success .fa-times-circle { position: absolute; right: 20px; top: 12px; color: #fff; font-size: 30px; cursor: pointer; }
@media all and (max-width: 1024px) {
    .sub-content.banner .btn.register {
        font-size: 30px
    }

    .about-content .row .row-list {
        height: 600px
    }

    .page-template-homepage .wrapper-banner, .page-template-product-php .bannerPage, .sub-content.bannerCustomer {
        margin-top: 0
    }
}

.box-two {
    margin-top: 30px
}

@media all and (max-width: 768px) {
    .about-content.white-bg.about-us .row .row-list .content-row-list img.around {
        height: auto
    }

    .nav-footer .address {
        padding-right: 30px
    }
}

@media (max-width: 999px) {
    .supportLeft {
        float: none;
        width: auto
    }

    .faqs-item {
        float: none;
        width: auto
    }
}

@media (max-width: 991px) {
    .sub-content.banner h1 {
        font-size: 30px;
        margin-bottom: 10px
    }

    /*.sub-content.banner .register span i {*/
        /*font-size: 30px;*/
        /*margin-top: -13px*/
    /*}*/

    /*.sub-content.banner .register span {*/
        /*margin-right: 37px*/
    /*}*/

    .row .content-row-list .thumbnail-row-list p {
        height: auto
    }

    .sub-content.white-bg {
        padding-bottom: 0
    }

    .team img {
        width: 100%
    }

    .sub-content.pic-bg p.title {
        margin: 0 auto
    }

    .feature-list-text h5 {
        font-size: 13px !important
    }

    .priceAdv i {
        display: none
    }

    .nav-footer .address {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        line-height: 20px
    }

    .nav-footer .address h4 {
        font-size: 16px
    }

    /*.page-template-homepage-php .gray-bg img {*/
        /*width: 50%*/
    /*}*/

    .page-template-homepage-php .white-bg .content-row-list {
        width: 100%;
        margin-bottom: 30px
    }

    .nav-second {
        display: none
    }

    .nav-mobile-top {
        width: 100%;
        height: 35px;
        background: #0775a2;
        position: relative;
        text-align: center;
        padding-top: 3px
    }

    .nav-mobile-top span {
        font-size: 18px;
        color: #FFF;
        line-height: 30px
    }

    .nav-mobile-top i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 27px;
        color: #FFF;
        margin-top: 4px;
        margin-right: 25px
    }

    .nav-mobile {
        display: none
    }

    .mnopen {
        display: block
    }

    .mnclose {
        display: none
    }

    .nav-second-mobile .nav-mobile {
        border: 0;
        background-color: #0775a2;
        border-top: 1px solid #FFF;
        padding: 10px 0;
        position: absolute;
        z-index: 2;
        left: 15px;
        right: 15px
    }

    .single-post .nav-second-mobile .nav-mobile {
        width: auto
    }

    .nav-second-mobile .lt {
        text-align: center
    }

    .nav-second-mobile .lt a {
        color: #8ed7f6
    }

    .nav-second-mobile .lt a:active, .nav-second-mobile .lt a:hover {
        color: #FFF;
        text-decoration: none
    }

    .nav-second-mobile .lt a span {
        line-height: 35px;
        font-size: 16px
    }
}

.dang-ky .success .login-success .row {
    margin: 0 auto;
    max-width: 700px;
    text-align: left
}

.dang-ky .box-banner p.fs18 { margin-top: 25px;}
.dang-ky .box-banner h3 { padding-top: 120px; margin-bottom: 15px;}
.dang-ky .sub-content.green-bg { display: none;}
.dang-ky .register-wr { overflow: hidden; padding: 40px 0 60px 0;}
.dang-ky .col-sub-register input { padding: 18px 60px; font-size: 18px;}
.dang-ky .col-sub-register input:hover { background-color: #2C5603;}

.dang-ky .success .login-success .row .col-lg-4, .dang-ky .login-success .row .col-lg-8 {
    text-align: left;
    margin-bottom: 20px;
    word-wrap: break-word
}

.dang-ky .success .login-success .row .col-lg-12 input {
    margin-top: 20px
}

.dang-ky .success .pageTop .title {
    padding: 30px 20px 15px
}
.wiki-left h3 { position: relative;}
.form-horizontal .control-label { padding-top: 0;}
.col-md-5.wr-support { padding-top: 10px;}
@media (max-width: 767px) {
    .dang-ky .success .content-success { max-width: 100%;}
    .wrapper-content h1, h2, h3 {
        margin-top: 0
    }
    .page-template-support_online-php .sub-content .support-content { margin-top: 0 !important;}
    .home { background: none !important;}
    .go_top.go_tops { display: none !important; opacity: 0 !important;}

    .dang-ky .pageTop h2.title {
        line-height: 36px
    }
    .dang-ky .success .login-success .row {
        max-width: 100%
    }

    .dang-ky .success .login-success .row .col-lg-12 input {
        font-size: 16px
    }

    .sub-content.bannerRegister .wrapper-register {
        top: 86px !important;
        padding: 0 20px
    }
    .dang-ky .sub-content.bannerRegister .wrapper-register {
        top: 40px !important;
        padding: 0 ;
    }
    .dang-ky .sub-content.bannerRegister .wrapper-register h1 { text-align: left;}
    .success .header-title h2.title span {
        font-size: 18px
    }

    .success .header-title h2.title {
        text-align: left !important
    }

    .wr-content-success .form-group .col-sm-8, .wr-content-success .form-group .col-sm-8 span {
        margin-top: 0px
    }

    /*.success .header-title .fa-check:before {*/
        /*content: "\f00c";*/
        /*position: absolute !important;*/
        /*top: 8px !important;*/
        /*left: 8px !important*/
    /*}*/

    .fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
        height: 35px !important
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        text-align: left
    }

    .dang-ky .sub-content.banner p {
        font-size: 22px;
        margin-top: 20px;
        padding-left: 30px;
        line-height: 30px
    }

    .success .header-title h2.title span.text {
        position: relative;
        top: 4px;
        left: 7px
    }

    .ajax-auth .fa-times-circle {
        top: 5px !important
    }

    .box5 {
        width: auto;
        float: none
    }

    .priceBarcode h4 {
        height: auto
    }

    .fr #http {
        width: 67%
    }

    .navbar-bt ul li.active a {
        background: transparent;
        border-bottom: 0;
        line-height: 40px
    }

    .navbar .container, .navbar .navbar-collapse {
        padding: 0
    }

    ul.nav-menugoimon {
        padding-bottom: 10px;
        background-color: #7fb84f
    }
    .navbar-menugoimon {
        background-color: #FFF
    }

    .zopim {
        display: none !important
    }

    .nav-menugoimon li a:hover {
        border: 0;
        line-height: 40px
    }

    .logo {
        margin: 8px 0 7px 23px;
        margin-left: 7%
    }

    .navbar-header .login {
        z-index: 999;
        line-height: 18px !important;
        margin-top: 16px;
        background: #428400;
        cursor: pointer;
        color: #fff;
        font-family: font-helveticaNeueBold;
        font-size: 12px;
        text-transform: uppercase;
        padding: 9px 12px 8px 15px !important;
        letter-spacing: 1px;
        display: inline-block;
        margin-right: 19px;
        margin-top: 10px;
        float: right;
        background-color: #428400;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#428400), to(#386f01));
        background-image: -webkit-linear-gradient(top, #428400, #386f01);
        background-image: -moz-linear-gradient(top, #428400, #386f01);
        background-image: -ms-linear-gradient(top, #428400, #386f01);
        background-image: -o-linear-gradient(top, #428400, #386f01);
        background-image: linear-gradient(top, #428400, #386f01);
        border: 1px solid #428400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .nextstep-button input.step-login, .btn-contact-mb {
        background: #428400;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#428400), to(#386f01));
        background-image: -webkit-linear-gradient(top, #428400, #386f01);
        background-image: -moz-linear-gradient(top, #428400, #386f01);
        background-image: -ms-linear-gradient(top, #428400, #386f01);
        background-image: -o-linear-gradient(top, #428400, #386f01);
        background-image: linear-gradient(top, #428400, #386f01);
        border: 1px solid #428400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #FFF;
        width: 100%;
        margin-top: 20px
    }

    ::-webkit-input-placeholder {
        font-size: 12px
    }

    :-moz-placeholder {
        font-size: 12px
    }

    ::-moz-placeholder {
        font-size: 12px
    }

    :-ms-input-placeholder {
        font-size: 12px
    }

    .nav-menugoimon .login a, .navbar-header .login a {
        background: transparent
    }

    .navbar-header .login .lgn {
        width: 100%;
        display: block;
        position: absolute;
        right: 0;
        background: #555;
        padding: 0;
        overflow: hidden;
        color: #FFF;
        top: 100%;
        height: 0;
        white-space: nowrap;
        text-transform: none
    }

    .login .nm {
        margin-left: 0
    }

    .nav-menugoimon li a:hover:before {
        background: transparent;
        width: 0
    }

    .login input {
        background: #fff;
        border: none;
        padding: 6px 10px;
        width: 190px;
        height: 40px;
        color: #4d4d4d;
        border: 1px solid #d9d9d9;
        border-top: 1px solid silver
    }

    .wp-lgn .d-c-login {
        font-weight: 700
    }

    .navbar-header .login .active {
        height: 178px
    }

    .login:hover a {
        display: block;
        color: #1c1c1c;
        text-decoration: none
    }

    .clearfix {
        clear: both
    }

    .container-header {
        width: 100%
    }

    .home .nav-menugoimon .login a, .home .navbar-header .login a {
        padding: 0 30px !important;
        font-weight: inherit;
        margin-left: 0;
        margin-top: 15px;
    }

    .nav-menugoimon .login a, .navbar-header .login a {
        padding-left: 28px !important;
        padding-top: 17px !important;
        padding-bottom: 17px !important
    }

    .nav-second .container {
        padding: 0
    }

    .nav-menugoimon li a {
        line-height: 40px
    }

    .sub-content.banner h1 {
        font-size: 24px !important;
        margin-bottom: 15px !important
    }

    .btn-feature {
        margin-top: 20px !important
    }

    .page .navbar-header .login {
        display: none
    }

    .sub-content.banner h1 {
        font-size: 150%;
        padding: 0 5%
    }

    .sub-content.banner .feature-list-text {
        padding: 0 !important
    }

    .sub-content.banner .feature-list-text h5 {
        white-space: nowrap;
        text-align: left !important;
        padding: 0;
        font-size: 130%
    }

    /*.sub-content.banner {*/
        /*height: auto !important;*/
        /*padding: 110px 0 70px !important*/
    /*}*/

    /*.page-template-product-php .sub-content.banner {*/
        /*padding: 155px 0 30px !important*/
    /*}*/

    /*.wrapper-feature-tn {*/
        /*margin-top: -113px*/
    /*}*/

    .page-template-product-php .icon-caret {
        width: 25px;
        height: 25px;
        background: #2d5900;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        position: relative
    }

    .page-template-homepage-php .sub-content.banner {
        padding-top: 35px !important
    }

    .page-template-homepage-php .wrapper-btn-group .btn {
        float: none !important;
        margin-bottom: 10px
    }

    .function img {
        float: none !important;
        margin: 0 !important;
        height: auto !important;
        max-width: 100% !important
    }

    .cell .content-cell-list .thumbnail-row-list {
        margin-left: 0 !important
    }

    .cell .content-cell-list span.icon {
        float: none
    }

    .cell .content-cell-list {
        margin-bottom: 20px !important
    }

    .page-template-homepage-php .left-container img {
        max-width: 100%
    }

    .row .row-list .content-row-list span.icon {
        margin-top: 12px;
        margin-bottom: 5px
    }

    .page-template-homepage-php .white-bg .title {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 700
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2 {
        font-size: 16px;
        margin-top: 10px !important
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        font-size: 12px
    }

    .white-bg .btn {
        width: 121px;
        height: 22px;
        font-size: 10px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 10px !important
    }

    .page-template-homepage-php .gray-bg h2.title {
        font-size: 16px;
        margin-top: 0 !important;
        margin-bottom: 0
    }

    .page-template-homepage-php .gray-bg p.title {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 15px !important
    }

    .page-template-homepage-php .btn-group .btn {
        font-size: 10px;
        padding: 4px 6px
    }

    .page-template-homepage-php .function h2.title {
        font-size: 18px;
        margin-bottom: 0 !important;
        margin-top: 7px !important
    }

    .function h3 {
        font-size: 16px
    }

    .function p {
        font-size: 12px;
        line-height: 18px
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        margin-top: 10px
    }

    .function {
        padding-bottom: 10px
    }

    .page-template-homepage-php .sub-content.pic-bg .content-row-list .around {
        margin-bottom: 4px !important
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        margin-bottom: 10px
    }

    .page-template-homepage-php .sub-content.pic-bg div.address {
        padding-top: 5px !important
    }

    .customerSay .box-kh img {
        height: auto
    }

    .customerSay .box-kh .kh-content {
        height: auto;
        padding: 4px 15px 0 25px;
        font-size: 12px;
        line-height: 20px
    }

    .green-bg h2.title {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 0 !important
    }

    .sub-content.green-bg .register {
        position: relative;
        margin: 0 0 10px !important;
        font-size: 10px !important;
        padding: 10px !important
    }

    .nav-menugoimon li a {
        font-size: 12px !important;
        color: #FFF
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        left: 0 !important
    }

    .sub-content.bannerCustomer ul.flex-direction-nav {
        display: none !important
    }

    .wrapper-feature-ct {
        width: 100%;
        top: 50%;
        left: 0;
        text-align: center
    }

    .customer {
        padding-top: 0
    }

    .customer .txt-img img {
        width: 100%
    }

    .priceOption {
        margin: 0 0 5px !important
    }

    .sub-content.bannerPrice .feature-text-price {
        background-size: 276px !important
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 276px !important;
        margin-top: -33px !important
    }

    .priceBasic {
        padding-top: 0 !important;
        margin-bottom: 20px
    }

    .priceBasic h1, .priceBasic .priceTxt, .priceAdv h2, .priceAdv .priceTxt {
        font-size: 16px !important;
        padding: 0
    }

    .priceAdv h2 {
        padding-right: 0;
        padding-top: 5px
    }

    .priceBasic .priceTxt {
        padding: 0 0 5px
    }

    .priceBasic ul li, .priceAdv ul li {
        margin-bottom: 10px
    }

    .priceAdv {
        padding-top: 20px;
        margin-bottom: 20px
    }

    .priceAdv ul li {
        margin-right: 0
    }

    .priceBasic ul li, .priceAdv ul li {
        padding-left: 0
    }

    .priceTxtadd .txtB {
        font-size: 14px;
        margin-bottom: 10px
    }

    .txtC {
        margin-top: 5px
    }

    .customer .txt-img {
        margin-top: 5px !important
    }

    .priceTxt {
        margin: 12px 0 0
    }

    .priceOption .vector {
        line-height: 30px
    }

    .fs16, .fs16 * {
        font-size: 11px;
        line-height: 15px
    }

    .priceOther a {
        font-size: 12px
    }

    .priceOther a i {
        font-size: 14px
    }

    .page-template-register-php {
        background: #f1f1f1
    }

    /*.register {*/
        /*font-size: 12px;*/
        /*padding: 5px 8px;*/
        /*line-height: 22px*/
    /*}*/

    .register:before {
        color: #fff
    }

    .register span.lbl {
        font-family: font-helveticaNeueBold;
        color: #222;
        font-size: 14px
    }

    .register .form-group .lbl, .register .form-group strong {
        font-size: 14px;
        font-weight: 400
    }

    .register .form-group .col-sm-5.col-md-5 {
        display: none
    }

    .register .col-sub-register input {
        margin-top: 7px
    }

    .register .class-support {
        display: none
    }

    .register input.captcha {
        margin-top: 0 !important;
        position: absolute;
        right: 50px
    }

    .dang-ky .sub-content.bannerRegister {
        height: 230px !important
    }

    /*.sub-content.banner .register span {*/
        /*margin-right: 5px*/
    /*}*/

    /*.page-template-homepage-php .btn-feature .icon-caret {*/
        /*width: 25px;*/
        /*height: 25px*/
    /*}*/

    /*.sub-content.banner .register span i {*/
        /*font-size: 24px;*/
        /*margin-top: -12px*/
    /*}*/

    .page-template-homepage-php .wrapper-list-text-home {
        margin-bottom: 0
    }

    /*.page-template-homepage-php .btn-feature {*/
        /*margin-top: 0 !important;*/
        /*padding-bottom: 0*/
    /*}*/

    .nav-footer .wrapper-ht, .nav-footer .wrapper-ct, .nav-footer .wrapper-lh {
        width: 100%
    }

    .priceOther {
        padding: 5px 0 14px !important
    }

    .wrapper-feature-ct {
        position: absolute
    }

    .contactBox iframe {
        width: 100%;
        margin: 5px 0 15px
    }

    .bannerContact .wrapper-feature-ct {
        padding-top: 60px !important
    }

    .sub-content.bannerContact {
        margin-bottom: 0 !important
    }

    .btnRed {
        padding: 10px 15px;
        font-size: 10px
    }

    .contactBox {
        margin-bottom: 10px
    }

    .contactBox p {
        padding-bottom: 0
    }

    .page-template-contact-php .contact-right {
        margin-top: 0
    }

    .about-info .info .title {
        font-size: 129% !important;
        line-height: 20px !important
    }

    .about-slogan {
        background-size: 320px !important
    }

    .about-content.gray-bg p.title {
        margin: 5px 0 10px;
        font-size: 12px;
        line-height: 16px
    }

    .about-info .info .title {
        padding: 10px 0 15px;
        margin: 0 !important
    }

    .about-info .info {
        font-size: 12px;
        line-height: 18px
    }

    .about-content p.title {
        margin-bottom: 0
    }

    .about-content.white-bg.about-us, .white-bg .row-list {
        margin-bottom: 0
    }

    .about-content p.title {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0 !important
    }

    .about-us .title {
        margin: 20px 0 10px !important
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        margin: 0;
        font-size: 12px;
        margin-bottom: 10px !important
    }

    .page-template-about-php .row .content-row-list .thumbnail-row-list p {
        font-size: 12px;
        line-height: 18px
    }

    .team .title {
        margin-top: 0 !important;
        margin-bottom: 5px
    }

    .about-content.banner {
        height: 295px
    }

    .msg-error {
        padding-left: 0 !important
    }

    .fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
        width: 100% !important
    }

    #captcha-code {
        width: 143px !important
    }

    .wrapper-content img {
        max-width: 100%;
        height: auto
    }

    .sub-content .title {
        margin-top: 10px !important
    }

    .page-template-product-php .wrapper-content .title {
        margin-bottom: 10px
    }

    /*h1, .title, .page-parent h2 {*/
        /*margin-top: 15px !important;*/
        /*margin-bottom: 15px !important;*/
            /*font-family: font-helveticaNeueBold;*/
    /*}*/

    h4 {
        margin-top: 10px
    }

    .wrapper-content p, .wrapper-content div, .wrapper-content table {
        font-size: 12px
    }

    .page-template-product-php .sub-content.banner p {
        line-height: 18px !important
    }

    /*.page-template-product-php .wrapper-feature-tn h3 {*/
        /*margin-top: 64px*/
    /*}*/

    .supportVideo {
        top: 25px
    }

    .supportPage .col-md-6 {
        min-height: 375px
    }

    .nav-footer .address {
        margin-left: 0 !important
    }

    .nav-footer {
        margin-bottom: 10px
    }

    .mobileCatg {
        display: inline-block
    }

    .wiki-left {
        padding: 0;
        overflow: hidden;
    }

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

    .page-template-wiki-php .sub-content.banner {
        background-position-x: 0 !important
    }

    .page-template-wiki-php .sub-content .container {
        padding-top: 0 !important
    }

    .sub-content.banner.bannerPage.wiki {
        min-height: 100px;
        background-position-y: 0
    }

    .sub-content.banner.bannerPage.wiki .container {
        min-height: 70px
    }

    .page-template-wiki-php .sub-content.wiki h2 {
        top: 50px;
        max-width: 100%
    }

    .fb_iframe_widget {
        width: 100% !important
    }

    .fb_iframe_widget span, .fb_iframe_widget iframe {
        width: 90% !important
    }

    .fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: 1px solid silver;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        margin-top: 10px
    }

    .contact-left .lbl {
        font-weight: 700
    }

    .bg-mb-ct {
        background-color: #f1f1f1;
        padding-top: 20px
    }

    .page-template-customer-php {
        margin-top: -15px
    }
}

@media (max-width: 446px) {
    .cell .content-cell-list span.bullet {
        display: none
    }

    /*.cell .content-cell-list .thumbnail-row-list .register {*/
        /*font-size: 20px;*/
        /*padding: 10px 29px*/
    /*}*/
}

@media (min-width: 640px) {
    .sub-content.bannerCustomer ul.slides li aside {
        position: absolute;
        right: 0;
        top: 40%;
        left: 234px;
        margin-left: 100px
    }
}

@media (max-width: 640px) {
    .supportlist, .teamview {
        float: none;
        width: auto;
        padding-top: 20px
    }

    .sub-content.bannerCustomer ul.slides li aside {
        margin-top: 12%;
        text-align: center
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        width: 150px;
        margin-left: 0
    }

    /*.sub-content.banner p {*/
        /*font-size: 12px*/
    /*}*/

    .sub-content.bannerCustomer ul.slides li aside p {
        line-height: 25px
    }
}

@media (max-width: 360px) {
    .sub-content.bannerCustomer ul.slides li aside {
        margin-top: 100px
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        margin-left: 80px;
        width: 73px
    }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .nav-menugoimon li a {
        font-size: 9px !important;
        line-height: 20px !important
    }
    .navbar-bt ul li.active a {
        background: transparent;
        border: 0
    }

    .navbar-toggle {
        padding: 0;
        margin-top: 15px !important
    }

    .navbar {
        min-height: 37px
    }

    .navbar-menugoimon {
        min-height: 37px
    }

    .sub-content.banner h1 {
        font-size: 14px !important;
        margin-top: 0 !important;
        margin-bottom: 5px !important
    }

    .feature-list-text h5 {
        font-size: 9px !important;
        margin-bottom: 8px !important
    }

    .page-template-homepage-php .btn-feature {
        padding-bottom: 10px
    }

    .wrapper-list-text-home {
        margin-bottom: 5px
    }

    /*.register {*/
        /*font-size: 8px !important*/
    /*}*/

    h1, .title, .page-parent h2 {
        font-size: 14px;
        margin-bottom: 10px !important;
        margin-top: 5px !important
    }

    .row .row-list .content-row-list span.icon {
        width: 120px;
        height: 120px
    }

    .row .row-list .content-row-list span.icon i {
        width: 82px;
        height: 86px;
        top: 50%;
        left: 50%;
        margin: -41px;
        margin-left: -43px
    }

    .white-bg .btn {
        width: 120px;
        height: 20px;
        padding: 0
    }

    .btn {
        font-size: 9px;
        padding: 1px 5px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 0 !important
    }

    .cell .content-cell-list .thumbnail-row-list h4 {
        font-size: 9px
    }

    .cell .content-cell-list .thumbnail-row-list p {
        font-size: 7px;
        line-height: 10px
    }

    .cell .content-cell-list {
        margin-bottom: 10px !important
    }

    .sub-content p.title {
        font-size: 9px !important
    }

    .page-template-homepage-php .left-container img {
        width: 65% !important
    }

    .white-bg .row-list {
        margin-bottom: 10px
    }

    .function h3 {
        font-size: 14px
    }

    .cell .content-cell-list .thumbnail-row-list .register {
        margin-top: 5px
    }

    .page-template-homepage-php .function h2.title {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        margin-top: 15px
    }

    .function p {
        font-size: 9px;
        line-height: 10px;
        margin: 0 auto
    }

    .function img {
        width: 65% !important
    }

    .function {
        padding-bottom: 0
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        width: 100px;
        height: 100px;
        margin: 5px auto
    }

    .row .content-row-list .thumbnail-row-list p {
        margin-bottom: 5px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
        padding-top: 5px
    }

    .wrapper-viewall {
        margin-top: 20px
    }

    .sub-content.pic-bg button.viewall {
        padding-bottom: 5px;
        width: 100px
    }

    .sub-content.pic-bg button.viewall p {
        font-size: 10px !important
    }

    /*.register {*/
        /*font-size: 18px !important;*/
        /*padding: 8px 22px !important*/
    /*}*/

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        width: 100px;
        height: 100px
    }

    .page-template-product-php .sub-content.banner {
        padding: 90px 0 30px !important
    }

    .wrapper-feature-tn h3 {
        font-size: 120% !important;
        margin-top: 40px
    }

    .sub-content.banner p {
        line-height: 15px
    }

    .nav-mobile-top span {
        font-size: 14px
    }

    .description .sub-container p {
        font-size: 8px !important;
        line-height: 15px !important;
        margin-bottom: 5px
    }

    .wrapper-content p img, .wrapper-content .img-wrapper img {
        width: 90%
    }

    .description .sub-container p a {
        padding: 4px 7px !important;
        font-size: 10px
    }

    .wrapper-content p, .wrapper-content div, .wrapper-content table {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 15px
    }

    h1, .title, .page-parent h2 {
        margin-top: 15px !important
    }

    h4 {
        font-size: 15px;
        margin: 0;
        margin-bottom: 3px
    }

    .wrapper-content p, .wrapper-content div, .wrapper-content table {
        font-size: 9px
    }

    .sub-content.green-bg .register {
        padding: 5px !important
    }

    .customerSay .box-kh .kh-content {
        font-size: 9px;
        line-height: 12px
    }

    .sub-content.banner {
        padding-top: 50px !important
    }

    .sub-content.bannerPrice .feature-text-price {
        background-size: 200px !important
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 176px !important;
        margin-top: -60px !important
    }

    .priceBasic h1 {
        padding: 0;
        margin: 0
    }

    .phi-dich-vu .sub-content.banner {
        padding-top: 110px !important
    }

    .phi-dich-vu .sub-content.bannerPrice .feature-img-price {
        margin-left: 0
    }

    .priceBasic ul li, .priceAdv ul li {
        font-size: 9px;
        margin-bottom: 5px
    }

    .priceTxtadd .txtB {
        font-size: 12px
    }

    .priceOption .vector {
        line-height: 20px;
        font-size: 9px
    }

    .priceOther {
        padding: 0 0 8px !important
    }

    .priceOther a {
        font-size: 9px
    }

    .about-content.banner {
        height: 150px
    }

    .about-slogan {
        background-size: 200px !important;
        margin-top: -30px
    }

    .about-content.gray-bg p.title {
        font-size: 9px !important;
        line-height: 12px
    }

    .about-info .info .title {
        font-size: 120% !important;
        margin-bottom: 0 !important
    }

    .about-info .info {
        font-size: 9px;
        line-height: 14px
    }

    .team .title {
        margin-bottom: 0 !important;
        padding-bottom: 4px !important
    }

    .about-content p.title {
        font-size: 9px;
        line-height: 14px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list img.around, .wrap-img-about {
        width: 150px;
        height: 150px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        font-size: 9px !important
    }

    .bannerContact .wrapper-feature-ct {
        padding-top: 40px !important;
        padding-bottom: 10px
    }

    .sub-content.banner h1 {
        font-size: 11px !important;
        margin-bottom: 3px !important
    }

    .fs16, .fs16 * {
        font-size: 9px
    }

    .fs18, .fs18 * {
        font-size: 10px
    }

    .fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
        width: 90% !important;
        height: 25px;
        border: 1px solid #dadada
    }

    .btnRed {
        border-radius: 0;
        padding: 5px 9px;
        font-size: 9px
    }

    .contactBox p {
        margin-bottom: 0 !important
    }

    .nav-footer h4 {
        margin: 3px 0
    }

    .nav-footer ul li {
        padding-bottom: 4px
    }

    .nav-footer .address p {
        margin-bottom: 3px
    }

    .wrapper-social {
        display: none
    }

    .nav-footer {
        margin-bottom: 5px
    }
}

@media (max-width: 700px) {
    .video ul li {
        width: auto;
        float: none;
        border: none;
        width: auto;
        float: none;
        border: none
    }

    .supportVideo object, .supportVideo embed {
        max-width: 100% !important
    }
}

@media (max-width: 991px) {
    .priceOption .vector {
        border-bottom: 1px solid #FFF
    }
}

@media (max-width: 1250px) {
    .pricePaket {
        background: transparent
    }

    .pricing ul {
        text-align: center
    }

    .priceBasic ul li, .priceAdv ul li {
        width: 215px !important
    }

    .sub-content.bannerCustomer {
        height: auto;
        padding: 0 !important
    }

    .priceAdv h2, .priceAdv .priceTxt, .note-price {
        padding-right: 0 !important
    }
}

body.mnopen .navbar-bt {
    display: block !important
}

@media all and (min-width: 768px) {
    #off-canvas {
        display: none
    }

    .menu .close-menu {
        display: none
    }

    .icon-search-mobile {
        display: none !important
    }
}

@media all and (max-width: 768px) {




    .wrapper-p {
        /*-webkit-transform: translateX(0);*/
        /*-moz-transform: translateX(0);*/
        /*transform: translateX(0);*/
        /*-webkit-transition: .2s -webkit-transform ease-in-out;*/
        /*-moz-transition: .2s -webkit-transform ease-in-out;*/
        /*-transition: .2s -webkit-transform ease-in-out;*/
        /*-o-transition: .2s -webkit-transform ease-in-out;*/
        z-index: 1
    }

    
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner, .sub-content.bannerCustomer {
        height: 525px !important
    }
    .single .box-banner h3, .blog .box-banner h3 { padding-top: 80px;}

    /*.page-template-product-php .sub-content.banner {*/
        /*padding: 85px 0 30px !important*/
    /*}*/

    /*.sub-content.banner .register span i {*/
        /*margin-top: 0*/
    /*}*/

    /*.page-template-homepage .sub-content.banner .register span i {*/
        /*margin-top: -11px*/
    /*}*/

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px
    }

    .sopportBox p {
        padding-left: 47px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .supportTeamview ul {
        margin-left: 93px
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 32px;
        margin-left: 53px
    }

    .supportlist, .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    /*.sub-content.bannerPrice .feature-img-price {*/
        /*background-size: 357px !important;*/
        /*margin-top: -88px !important;*/
        /*margin-left: 95px*/
    /*}*/
    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .customerSay .box-kh img {
        width: 100%
    }
}

@media (max-width: 600px) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner, .page-template-product-php .bannerPage, .sub-content.bannerCustomer {
        height: 425px !important
    }

    /*.page-template-product-php .sub-content.banner {*/
        /*padding: 85px 0 30px !important*/
    /*}*/

    /*.sub-content.banner .register span i {*/
        /*margin-top: 0*/
    /*}*/

    /*.page-template-homepage .sub-content.banner .register span i {*/
        /*margin-top: -11px*/
    /*}*/

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px !important
    }

    .sopportBox p {
        padding-left: 47px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .supportTeamview ul {
        margin-left: 93px
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 32px;
        margin-left: 53px
    }

    .supportlist, .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 357px !important;
        margin-top: -88px !important;
        margin-left: 95px
    }

    .priceBarcode h4.active:after {
        right: 10px;
    }

    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .customerSay .box-kh img {
        width: 100%
    }

    .wrapper-feature-tn h4 {
        margin-top: 96px
    }
}

@media (max-width: 414px) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        margin-left: -10px
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        margin-left: 54px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner, .page-template-product-php .bannerPage, .sub-content.bannerCustomer {
        height: 425px !important
    }

    /*.page-template-product-php .sub-content.banner {*/
        /*padding: 85px 0 30px !important*/
    /*}*/

    /*.sub-content.banner .register span i {*/
        /*margin-top: 0*/
    /*}*/

    /*.page-template-homepage .sub-content.banner .register span i {*/
        /*margin-top: -11px*/
    /*}*/

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px
    }

    .sopportBox p {
        padding-left: 47px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 0;
        margin-left: 53px
    }

    .supportlist, .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 289px !important;
        margin-top: -80px !important;
        margin-left: 0
    }
    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .nav-footer .address {
        margin-right: 0;
        padding-right: 0;
        width: 70%;
        max-width: 100%;
        margin-left: 53px !important
    }

    .wrapper-feature-tn h4 {
        font-size: 20px !important
    }

    .wrapper-feature-tn h4.title-kh {
        font-size: 33px !important
    }
}
@media (max-width: 414px) {}

.bannerContact .wrapper-feature-ct .title-bt span {
    background: none !important;
    padding: 0 !important;
    color: #65d34d !important;
    font-size: 40px !important;
    white-space: nowrap
}

@media screen and (max-width: 991px) {
    .row .content-row-list .thumbnail-row-list p {
        margin-bottom: 10px
    }

    .white-bg .row-list {
        margin-bottom: 10px
    }

    .page-template-homepage-php .white-bg .title {
        font-size: 36px
    }
}
/*.left-container a { word-break: break-all;}*/
.tags a { line-height: 22px;}
@media screen and (max-width: 767px) {
    .sub-content.banner.bannerBlog.bannerPage h1, .sub-content.banner.bannerBlog.bannerPage  h2 { line-height: 55px !important;}
    .mobileCatg { display: none;}
    .tinh-nang .sub-content {
        margin-top: 30px
    }
    .navbar-nav li.ht i {
        display: block !important;
    }
    .home li.ht ul { position: inherit !important; width: 100% !important; top: 0 !important;}
    .home li.ht ul li a {
        padding: 0 30px !important;
    }
    .blog-other { padding-top: 21px !important;}
    .page-template-blog .bannerBlog.sub-content.banner h1.title {
        margin-top: 100px !important;
    }
    .single .sub-content.banner.bannerBlog h1,.single .sub-content.banner.bannerBlog h2 {line-height: 30px !important;}
    .mnopen .navbar-header .navbar-toggle {
        left: auto !important;
    }
    .navbar-nav li.ht a {
        padding-bottom: 15px !important;
    }
    .home ul.nav-menugoimon li a { font-weight: 400!important; padding: 10px 30px;}
    .navbar-collapse.collapse {
        position: fixed; bottom: 0; top: 46px; left: 0; right: 0; overflow: scroll;
    }
    .register .form-group label {
        padding-bottom: 0;
        margin-top: 5px
    }

    .lien-he .bannerContact .wrapper-feature-ct {
        padding-top: 0 !important
    }

    .page .lien-he .supportTop .title, .page .lien-he .sub-content.banner h1 {
        margin-top: 60px !important
    }

    .page .nav-menugoimon .login label a, .page .navbar-header .login label a {
        margin-left: 0
    }

    .single .sub-content.banner.bannerPage.bannerTempPage {
        padding-top: 30px !important
    }

    .about-content.banner {
        height: 255px
    }

    .register-wr .wp-col-rg .col-sm-7, .register-wr .wp-col-rg .control-label {
        width: 100% !important;
        padding-left: 15px !important
    }

    .register-wr .col-sub-register input {
        margin-top: 0
    }

    .form-btn-red .col-sm-3.control-label, .header-title-sub {
        display: none !important
    }

    .about-content.white-bg.about-us .col-md-3.col-sm-6 {
        width: 50%;
        float: left
    }

    .wrapper-col-info h2 {
        font-size: 26px !important
    }

    .wrapper-feature-tn h4.title-kh, .page-template-blog .sub-content.banner h1.title, .page .dang-ky .supportTop .title, .page .dang-ky .sub-content.banner h1 {
        font-size: 30px !important
    }

    .phi-dich-vu .pricing .register {
        padding: 18px 30px 18px 65px !important
    }

    .phi-dich-vu .priceAdv span.icon-caret i {
        margin-left: -158px;
        margin-top: -6px
    }

    .home .off-canvas-inner ul {
        margin-top: 0
    }

    .about-content .text-feature li {
        font-size: 22px !important;
        line-height: 28px;
        margin-top: 10px
    }

    .about-content .text-feature li:first-child {
        margin-top: 0
    }

    #captcha {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .wrapper-list-text-home {
        margin-top: 15px !important
    }

    .home, body {
        background: none !important
    }

    .page-template-homepage-php .white-bg .title, .wraper-function-row h2.title, .page-template-homepage-php .gray-bg h2.title, .page .supportTop .title, .page .sub-content.banner h1, .priceBarcode h1.title, .pricePaket h1, .pricePaket h2, .page-template-homepage-php .pic-bg .wrapper-pic-bg-row h2.title, .page-template-homepage-php .function h2.title {
        font-size: 24px !important;
        line-height: 34px !important
    }
    .box-banner h3 {
        font-size: 30px !important;
        line-height: 40px !important
    }
    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2, .page-template-product-php .wrapper-content .title, .page-template-homepage-php .function .cnvt h3.title-cnvt, .phi-dich-vu .register {
        font-size: 20px !important
    }

    .page .feature-list-text h5, .page .sub-content.banner ul li {
        font-size: 15px !important
    }

    .page-template-homepage-php .gray-bg p.title, .sub-content.pic-bg p.title, .priceBasic .priceTxt, .priceTxt, .priceTxtadd .txtB, .priceOption .col-md-8 .vector, .phi-dich-vu .about-content p.title {
        font-size: 16px !important
    }

    .page-template-homepage-php .btn-group .btn, .priceOther a {
        font-size: 14px !important
    }

    .priceOther a {
        font-size: 14px !important;
        line-height: 22px
    }

    .phi-dich-vu .pricing .register {
        padding: 18px 30px 18px 65px
    }

    .priceOther {
        padding: 5px 0 30px !important
    }

    .phi-dich-vu .about-content p.title {
        text-align: center;
        font-weight: 400;
    }

    .phi-dich-vu .pricing .priceBarcode ul {
        margin-left: 5px
    }

    .wrapper-col-info {
        margin-top: 40px !important
    }

    .cell .content-cell-list .thumbnail-row-list button.register {
        margin-bottom: 20px
    }

    .page-template-product .description .sub-container p {
        margin-top: 15px
    }

    .cell .content-cell-list .thumbnail-row-list h4 {
        padding: 10px 10px 0
    }

    .page .supportTop .title, .page .sub-content.banner h1 {
        margin-top: 40px !important
    }

    .priceBasic .priceTxt, .priceTxt {
        margin-top: -10px;
        margin-bottom: 10px !important
    }

    .priceAdv h2 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .wrapper-container .wrapper-content .wrapper-content {
        margin-bottom: 20px
    }

    .phi-dich-vu .priceBasic {
        margin-top: 30px !important
    }

    /*.banner-homepage .btn-feature {*/
        /*bottom: 7px !important;*/
        /*left: 40px !important*/
    /*}*/

    .page-template-homepage-php .white-bg .content-row-list {
        margin-bottom: 10px
    }

    .box-one .viewnew {
        margin-top: -1px
    }

    .tinh-nang .sub-content.green-bg .container {
        padding: 20px 0 30px
    }

    .col-giupkiot .cell .content-cell-list {
        margin-top: 30px
    }

    .page-template-homepage-php .gray-bg img {
        width: auto;
        max-width: 100%
    }

    
    .ho-tro .supportTop .fs18 {
        margin-top: 20px
    }

    .page-template-homepage-php .pic-bg .wrapper-pic-bg-row h2.title, .page-template-homepage-php .function h2.title {
        margin-top: 20px !important
    }

    .page-template-homepage-php .white-bg .title {
        font-size: 22px
    }

    .cell .content-cell-list .thumbnail-row-list p, .function p {
        font-size: 16px !important
    }

    .page .ho-tro .supportTop .title {
        margin-top: 25px !important
    }

    .nav-footer .address {
        padding: 0 15px
    }

    .wrap_box_pic .col-md-6 {
        height: auto
    }

    .team .container, .gray-bg, .function {
        padding: 0 !important
    }

    .sopportBox.support-wk .supportRight, .sopportBox.support-wk .supportLeft, .supportTeamview ul {
        width: 100% !important
    }

    .support-wk ul li:before {
        left: -19px !important
    }

    .wrapper-banner {
        background-position: 55% 0 !important
    }

    .wrapper-container-feauture {
        padding-left: 25px
    }

    /*.sub-content .title, .page-parent h2 {*/
        /*margin-top: 30px !important*/
    /*}*/

    .page-template-homepage-php .pic-bg h2.title {
        line-height: 44px;
        padding: 0 20px
    }

    .page-template-homepage-php .pic-bg p.title {
        line-height: 24px;
        margin-top: 0 !important;
        padding: 0 15px
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2 {
        margin-top: 20px !important
    }

    .me-be .wrapper-banner {
        background-position: 60% 0 !important
    }

    .sieu-thi-mini .wrapper-banner {
        background-position: 61% 15px !important
    }

    .nong-san-thuc-pham .wrapper-banner {
        background-position: 71% 56px !important
    }

    .noi-that .wrapper-banner {
        background-position: 71% 56px !important
    }

    .vat-lieu-xay-dung .wrapper-banner {
        background-position: 67% 56px !important
    }

    .hoa-qua-tang .wrapper-banner {
        background-position: 85% 0 !important
    }

    .ho-tro .support h3.title {
        padding-left: 55px
    }

    .ho-tro .sopportBox p {
        padding-left: 80px;
        margin-top: -10px;
        font-size: 14px !important;
    }

    .ho-tro .support-sec1 {
        margin-top: 20px
    }

    .supportRight embed {
        min-width: 200px !important
    }

    .ho-tro .supportContent .support-sec1 ul {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .ho-tro .suport-chtg.sopportBox .register {
        margin-left: 25px
    }

    .ho-tro .sopportBox ul li {
        margin-bottom: 20px;
        width: 100% !important;
        padding-right: 0
    }

    .ho-tro .sopportBox .register {
        margin-left: 0;
        float: none
    }

    .ho-tro .hdsd {
        margin-left: 0;
        float: none
    }

    .ho-tro .support h3.title:before {
        left: 0
    }

    .ho-tro .supportContent {
        margin: 30px 0 0
    }

    .ho-tro .sopportBox {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .support-online .sub-content .container .support-content .wiki-right {
        width: 100%;
        padding: 0
    }

    .support-online .sub-content .container .support-content {
        padding: 0
    }

    .wiki-right p {
        font-size: 16px;
        text-align: left
    }

    .ho-tro .support-video {
        padding-left: 19px;
        padding-top: 5px
    }

    .ho-tro .support-wk ul {
        padding-left: 19px !important;
        float: none
    }

    .ho-tro .suport-chtg ul {
        margin-top: 15px;
        margin-left: 19px
    }

    .ho-tro .supportTeamview h5 {
        padding-left: 80px;
        margin-top: -10px;
        line-height: 20px;
        padding-right: 15px
    }

    .ho-tro .supportTeamview ul {
        margin-left: 0 !important;
        width: 100%;
        margin-top: 30px !important
    }

    .supportTop .title, .sub-content.banner h1 {
        line-height: 45px !important
    }

    .ho-tro .supportTeamview ul li p a {
        word-break: break-all;
        line-height: 30px;
        font-size: 24px !important
    }

    .ho-tro .supportTeamview p {
        padding-bottom: 0
    }

    .ho-tro .supportTeamview .register {
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 15px 25px 15px 20px !important;
        font-size: 18px !important;
        font-family: font-helveticaNeueBold;
        text-align: center;
        display: block;
        width: 242px;
        position: relative;
        left: 50%;
        margin-left: -121px;
        background-color: #12669A;
        background-image: none
    }

    .ho-tro .supportTop .fs18 {
        line-height: 35px
    }

    .ho-tro .supportTop .fs18 * {
        margin-bottom: 0
    }

    .ho-tro .supportTop {
        background-position: 58% 0
    }

    .khach-hang .wrapper-feature-tn {
        width: auto
    }

    .khach-hang .customerSay .wrap-img-kh {
        height: auto
    }

    .khach-hang .customerSay .box-kh .kh-content {
        padding: 0;
        margin-bottom: 10px
    }

    .khach-hang .customer .box-kh {
        margin-bottom: 20px
    }

    .phi-dich-vu .pricing ul li {
        width: 100% !important;
        float: none;
    }

    .phi-dich-vu .pricing ul {
        margin-left: 40px
    }

    .phi-dich-vu .pricing .register {
        margin-top: 10px
    }

    .khach-hang .customerSay .box-kh img {
        margin-bottom: 0
    }

    .khach-hang .customer p.txtC {
        line-height: 25px
    }

    .khach-hang .sub-content.banner {
        background-position-x: -422px;
        /*background-position-y: -85px*/
    }

    .khach-hang .customer p.txtC {
        padding: 0 20px;
        margin-top: 5px !important
    }

    .khach-hang .customer h1.title {
        font-size: 27px !important;
        padding: 0 33px;
        line-height: 35px;
        margin-bottom: 0 !important;
        margin-top: 40px !important
    }

    .khach-hang .navbar-header {
        /*margin-top: 18px*/
    }

    .phi-dich-vu .priceBarcode .bacodePrice {
        margin: 0 0 45px;
        position: absolute;
        top: 275px;
        left: 17px
    }

    .phi-dich-vu .priceBarcode .box5 {
        position: relative;
        margin-top: 20px
    }

    .phi-dich-vu .about-content p.title {
        margin-bottom: 0 !important;
        line-height: 22px
    }

    .phi-dich-vu .about-content h1.title {
        margin-bottom: 5px !important
    }

    .blog .left-container.blogs ul li {
        padding-left: 0
    }

    .blog .left-container.blogs ul li img {
        width: 100%;
        position: relative;
        margin-bottom: 10px
    }

    .blog .social {
        float: left !important
    }

    .blog .fb_iframe_widget {
        float: left
    }

    .blog .fb-like {
        width: 100px !important;
        margin-right: -25px
    }

    .blog .tw-share, .blog .gg-share {
        top: 2px
    }

    .blog .blogs ul li .date {
        margin-bottom: 5px
    }

    .blog .blogs ul li .fb_iframe_widget iframe {
        top: 0;
        left: 0;
        position: relative
    }

    h3.title-right {
        background: url(http://www.ordernhanh.net/images/bullet-title.png) right bottom no-repeat;
        padding-bottom: 0 !important;
        margin: 0 !important
    }

    .fb_iframe_widget span, .fb_iframe_widget iframe {
        width: 97% !important
    }

    .fb_iframe_widget iframe {
        top: -9px;
        left: 0
    }

    .title-right {
        position: relative
    }

    /*.title-right:before {*/
        /*content: '';*/
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 100%;*/
        /*background: url(http://www.ordernhanh.net/images/bullet-title.png) right bottom no-repeat;*/
        /*width: 11px;*/
        /*height: 11px*/
    /*}*/

    .blog .nav-footer .wrapper-social .social {
        float: none !important
    }

    .fr input[type="text"], .fr input[type="email"], .fr input[type="password"], .fr textarea, .fr select {
        width: 99% !important
    }

    .fr textarea {
        height: 147px
    }

    .lien-he .fs18 {
        font-size: 25px;
        margin: 10px 0 20px
    }

    .lien-he .contact-right .vp-ct {
        line-height: 30px;
        font-size: 15px;
        line-height: 0
    }

    .lien-he .contact-right .fs18.txtB.mb20 {
        padding: 0 27px;
        line-height: 33px
    }

    .lien-he .wrapper-feature-ct h1.title {
        padding-top: 15px;
        padding-bottom: 16px
    }

    .lien-he .bannerContact .wrapper-feature-ct .title-bt span {
        font-size: 40px;
        white-space: nowrap;
        font-family: font-helveticaNeueBold;
        display: block;
        padding: 15px 0 !important;
        color: #fff !important
    }

    .lien-he .bannerContact .wrapper-feature-ct .title-bt {
        padding-top: 0;
        padding-left: 60px !important
    }

    .lien-he .wrapper-feature-ct h1.title {
        padding-bottom: 5px
    }

    .tinh-nang .sub-content.banner ul li {
        font-size: 14px
    }

    .tinh-nang .wrapper-feature-tn h3 {
        text-align: left;
        padding-left: 0
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: 16px !important
    }

    .main-content {
        padding-top: 55px !important
    }

    /*.wrapper-feature-tn {*/
        /*left: 30px*/
    /*}*/

    .main-content h1.title {
        line-height: 24px;
        padding-top: 33px
    }

    .white-bg .row .content-row-list .thumbnail-row-list {
        padding: 0 !important
    }

    /*.register {*/
        /*font-size: 18px;*/
        /*padding: 0*/
    /*}*/

    .white-bg .btn {
        width: auto
    }

    /*.cell .content-cell-list .thumbnail-row-list button.register, .sub-content.green-bg button.register {*/
        /*padding: 16px 25px 16px 70px !important;*/
        /*font-size: 18px !important;*/
        /*margin-top: 5px !important;*/
        /*font-family: Roboto-blacks*/
    /*}*/

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        float: none;
        margin: 0 auto;
        display: block
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        max-width: 100%;
        margin-left: 0
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
        text-align: center
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        text-align: center;
        line-height: 18px
    }

    .pic-bg .row .content-row-list .thumbnail-row-list:before {
        display: none
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
        padding: 10px 0 5px !important
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
        margin-bottom: 5px;
        font-size: 16px
    }

    .wrap_box_pic .col-md-6 {
        overflow: hidden
    }

    .wrap_box_pic .col-md-6 .row-list {
        overflow: hidden
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around img {
        max-height: 100%
    }

    .row .content-row-list .thumbnail-row-list p.content-text {
        height: auto
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 22px;
        background-size: 84%
    }

    .sub-content.banner .feature-list-text h5 {
        white-space: normal;
        line-height: 20px
    }

    .feature-list-text h5 {
        margin: 0 0 12px
    }

    /*.sub-content .title, .page-parent h2 {*/
        /*margin-top: 0 !important*/
    /*}*/

    .wrapper-content .right-container.description {
        padding: 0
    }

    .page-template-homepage-php .gray-bg p.title {
        line-height: 20px
    }

    .customerSay .box-kh .kh-content {
        font-size: 14px
    }

    .priceBarcode ul li {
        line-height: 18px;
        border: none;
        padding: 5px 0
    }

    .priceBarcode ul {
        list-style-type: square;
        text-align: left;
        padding-left: 15px;
        padding-top: 25px
    }

    .priceBarcode h4 {
        text-align: left;
        padding-bottom: 15px
    }

    .sub-content.bannerPrice {
        position: relative
    }

    .sub-content.bannerPrice .feature-img-price {
        background: transparent url(http://www.ordernhanh.net/images/img_price3.png) no-repeat scroll center center !important;
        background-size: 100% auto !important;
        background-position: 23px auto !important
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 33px !important
    }

    .lien-he .btnRed {
        font-weight: 400;
        font-size: 14px;
        display: block;
        line-height: 24px;
        margin-top: 0
    }

    .wrapper-col-info-right {
        margin-top: 15px
    }

    .wrapper-col-info-right p {
        text-align: justify;
        line-height: 22px;
        font-size: 16px
    }

    .about-info {
        padding-bottom: 0
    }

    .about-content p.title {
        text-align: justify;
        width: auto;
        padding: 0 30px;
        font-size: 14px;
        margin: 10px 0 15px !important
    }

    .about-content .row .row-list, .content-row-list .wrap-img-about {
        height: auto !important;
        width: 100%
    }

    .about-content .row .row-list {
        height: 535px !important
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
        margin: 15px 10px 5px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        margin: 0 !important;
        padding: 0 10px 15px !important
    }

    .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p {
        margin: 10px 10px 20px;
        font-size: 15px
    }

    .left-container img {
        max-width: 100%
    }

    .single .sub-content {
        padding-top: 0
    }

    .left-container {
        text-align: justify
    }

    .single-post .nav-second-mobile {
        margin-top: 0
    }

    .tags a {
        font-size: 13px
    }

    .blog-other {
        border: 1px solid #aaa;
        overflow: hidden;
        margin: -1px 11px 0 0;
        padding-top: 15px
    }

    .blog-other .wrapper-qt-right {
        width: 100%;
        float: none
    }

    .social2 .fb-like {
        float: left;
        display: inline-block;
        width: 30% !important;
        top: 12px
    }

    .right-container .wrapper-qt-right {
        padding: 0;
        padding-top: 30px
    }

    .fb_iframe_widget span {
        position: static !important
    }

    .fb_iframe_widget_fluid {
        display: inline-block !important
    }

    .single .right-container {
        display: none
    }

    .phi-dich-vu .text-banner {
        display: block !important;
        margin-top: -20px;
        text-align: center;
        margin-bottom: 30px
    }

    .phi-dich-vu .text-banner h2 {
        font-family: font-helveticaNeueBold;
        margin-bottom: 7px
    }

    .phi-dich-vu .text-banner p {
        color: #57CC37;
        font-size: 14px
    }

    .sub-content.bannerPrice .feature-img-price {
        margin-top: -120px !important
    }

    .ho-tro .number-phone-support {
        display: block;
        white-space: nowrap;
        font-family: font-helveticaNeueBold;
        color: #fff !important;
    }

    /*.supportTop {*/
        /*position: relative;*/
        /*padding: 75px 0 44px*/
    /*}*/

    .supportTop .container, .sub-content, .tinh-nang .sub-content .container, .khach-hang .sub-content .container {
        position: relative;
        z-index: 1
    }

    /*.tinh-nang .banner .container {*/
        /*padding: 230px 0 0 20px*/
    /*}*/

    /*.khach-hang .sub-content .container {*/
        /*padding: 410px 0 0 20px*/
    /*}*/

    .supportTop:after, .wrapper-banner:after, .tinh-nang .sub-content.bannerPage:after, .khach-hang .sub-content:after {
        position: absolute;
        content: '';
        background-color: rgba(0, 0, 0, 0.3);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .tinh-nang .description {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .wrapper-banner {
        position: relative
    }

    .function {
        padding-top: 0
    }

    h3.title-right {
        margin-bottom: 21px
    }

    .right-container .box-one, .right-container .box-two {
        width: 100% !important;
        float: none
    }

    .green-bg h2.title {
        padding: 0 10px !important;
        font-size: 25px !important
    }

    .nav-second-mobile .nav-mobile {
        left: 0px;
        right: 0px
    }

    /*.wrapper-feature-tn {*/
        /*left: 0 !important;*/
        /*margin-left: 25px;*/
        /*width: auto*/
    /*}*/
}

.single .left-container img {
    height: auto
}
.left-container .content-write { line-height: 22px;}
.single .left-container .wrapper-qt-right .avatar { height: 50px; margin-top: 0;}
.phi-dich-vu .text-banner {
    display: none
}

.page-template-blog .viewnew, .viewnew, .viewmax {
    padding: 8px 15px;
    border: 1px solid #aaa;
    margin-right: 11px
}

.viewmax .wrapper-qt-right, .viewnew .wrapper-qt-right {
    padding: 8px 0 !important;
    margin-top: 0
}

.wrapper-qt-right .wr-name {
    margin-left: 65px;
    text-align: left
}

.wrapper-qt-right {
    padding: 0 11px 10px 0;
    margin-top: -21px
}

.viewmax {
    margin-top: -21px
}

.home {
    background-image: url(../images/Intro_resize.jpg) !important
}

.box-two .fb_iframe_widget iframe, .box-two .fb_iframe_widget span, .box-two .fb_iframe_widget {
    width: 100% !important
}

.left-container div {
    /*line-height: 22px;*/
    font-size: 14px
}

.left-container img {
    margin: 20px auto;
    text-align: center;
    display: block;
    max-width: 100%
}

.single .viewnew {
    margin-top: -21px
}

.sopportBox {
    margin-left: -15px;
    margin-right: -15px
}

.sopportBox .supportLeft {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px
}

.sopportBox .supportRight {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px
}

.suport-chtg h3.title {
    /*margin-left: 23px;*/
    margin-top: 5px
}

.suport-chtg .register {
    margin-left: 25px
}

.blog-other {
    overflow: hidden;
    border: 1px solid #aaa;
    margin: -21px 10px 30px 0 !important;
    padding: 8px 0;
}

.register-wr .wr-icon .fa-check:before {
    position: static !important
}

.left-container.blogs img {
    margin: 0
}

.sopportBox .supportRight object embed {
    width: 100% !important
}

.single .sub-content.banner h1,.single .sub-content.banner h2 {
    text-align: left !important
}

.blog-more .viewnew ul li a{position: relative; display: block; margin-bottom: 10px; padding-left: 15px; color: #393939; font-size: 14px; line-height: 22px;}
.blog-more .viewnew ul li a:before{
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f101";
    position: absolute;
    top: 2px;
    left: 0;
    color: #393939;
    font-size: 14px;
}
.box-add  img{ width: 100%;}

.choose-home {
    display: none
}

.choose-home p {
    font-size: 12px;
    line-height: 26px;
    padding-left: 30px;
    background-color: #7fb84f;
    color: #fff;
    border-bottom: 1px solid #6aad32
}

.register label.col-md-5.col-xs-4 {
    margin-top: 0
}
/*Bich edit support online 06/07/2015*/

.boxLeft {
    margin-bottom: 20px;
    position: relative;
}

.leftTitle {
    background: #38b8e6;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 2px 8px 18px;
    margin: 0 0 10px;
    color: #fff;   margin-left: -8px;
}
.boxLeft .showhideicon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.boxLeftC {
    display: none;
}
.blog .sub-content.banner h1 { margin-top: 0 !important;}
.wiki-left .content-left { background-color: #fff;}
.page-template-support_online-php .sub-content, .page-template-wiki-php .sub-content { background-color: #eee;}
.page-template-support_online-php .sub-content .support-content
.page-template-wiki-php .support-content { background: none; overflow: inherit; margin-left: -15px; margin-right: -15px; margin-top: 30px;}
.page-template-support_online-php .sub-content .ovh,
.page-template-wiki-php .sub-content .ovh { background-color: #fff; padding: 15px;}
.page-template-support_online-php .sub-content.green-bg { background-color: #80be41;}
.page-template-support_online-php .sub-content .fb_iframe_widget,.page-template-support_online-php .sub-content .fb_iframe_widget span,.page-template-support_online-php .sub-content .fb_iframe_widget iframe , .page-template-support_online-php .pluginFontHelvetica { width: 100% !important;}
.social2 { margin-bottom: 15px;}
.page-template-support_online-php .sub-content .social2 .fb_iframe_widget,.page-template-support_online-php .sub-content .social2 .fb_iframe_widget span { width: auto !important;  min-width: 76px; margin-right: 0;}
.box-two ._h7l { background: none !important; border: none !important;}
.blog .right-container, .single .right-container { margin-top: 0;}
.single .box-two.blog-facebook { margin-bottom: 20px;}
.lien-he .bannerContact .wrapper-feature-ct { padding-top: 95px;}
.box-tribute-home { position: absolute; right: 0px; bottom: 38px;}
.zopim { right: 0px !important; }
.priceOption .col-md-3 { width: 10%;}
.priceOption .col-md-8 { width: 80%;}
.priceOption .col-md-1 { width: 10%;}
.priceOption .col-md-4 { text-align: center;}
/*Bich edit 17/08/2015*/
.ajax-auth.popup-promotion {
    background: none !important; width: 788px; height: 409px; margin-left: -394px !important; left: 50% !important;
    margin-top: -205px !important; top: 50% !important; overflow: hidden; box-shadow: none; padding-bottom: 0;
    right: auto !important;
}

.ajax-auth.popup-promotion img{
    width: 100%;
}
.ajax-auth.popup-promotion .fa-times-circle {
    position: absolute;
    right: 10px;
    top: 10px;
}
.bg-popup {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:  rgba(0, 0, 0, 0.6); z-index: 9;
}
.ajax-auth .fa-times-circle { z-index: 9999999;}
.ajax-auth.popup-promotion .mobile { display: none;}


@media screen and (max-width: 767px) {
    .pricing .btn-khuyenmai img { max-width: 100%;}
    .ajax-auth.popup-promotion {
        width: 100%; left: 0 !important; margin-left: 0 !important; margin-top: 10px !important; top: 0 !important;
    }
    .ajax-auth.popup-promotion img {
        width: 100%;
        margin-left: 0px;
    }
    .ajax-auth.popup-promotion .fa-times-circle {
        right: 105px;
        top: 55px !important;
    }
}
@media screen and (max-width: 1366px) {
    .home {
        background-position-x: 75%
    }
}
.box-two .fb_iframe_widget span {   border: 1px solid #aaa;  min-height: 235px;}
@media screen and (max-width: 1024px) {
    .dang-ky .success .login-success .row .col-lg-4 {
        width: 30%;
        float: left
    }
    .box-tribute-home { bottom: 0 !important;}
    .right-container .box-two .wrapper-qt-right { padding-bottom: 0;}
    .blog .blog-more .viewnew { padding: 30px 15px 15px;}
    .sub-content.banner.bannerBlog h1,.sub-content.banner.bannerBlog h2, .sub-content.banner.bannerBlog.bannerPage h1 { line-height: 410px !important;}
    .wiki-left { width: 30%;}
    .wiki-right { width: 70%;}
    .dang-ky .success .login-success .row .col-lg-8 {
        width: 70%;
        float: left
    }
    .sub-content.banner h1, .sub-content.wiki h2, .support-online .container h1.txtC { margin-top: 90px !important;}
    .box-two {
        margin-top: 0
    }

    .kvList ul li a {
        font-size: 13px !important
    }

    .page-template-homepage-php .white-bg .thumbnail-row-list p, .cell .content-cell-list .thumbnail-row-list, .cell .content-cell-list .thumbnail-row-list h4, .function p, .row .content-row-list .thumbnail-row-list p.content-text, .description .sub-container p, .customerSay .box-kh .kh-content, .priceBasic ul li, .priceAdv ul li, .sopportBox li a, .left-container p, .wiki-right p {
        font-size: 16px !important;
        line-height: 22px !important
    }

    .btn, .hdsd a {
        font-size: 14px
    }

    .wiki-right p {
        text-align: left
    }

    .supportTeamview h5 {
        padding-left: 105px;
        font-size: 15px
    }

    .priceBarcode ul li, .sopportBox p, .wrapper-qt h4, .wrapper-qt h4 a, .wrapper-qt-right .wr-name h4, .wrapper-qt-right .wr-name h4 a, .wiki-left ul li a, .wiki-left h3 {
        font-size: 15px !important;
        line-height: 20px !important
    }

    .wrapper-qt h4, .wrapper-qt h4 a, .wrapper-qt-right .wr-name h4, .wrapper-qt-right .wr-name h4 a {
        font-weight: 400 !important
    }

    .cell .content-cell-list span.bullet {
        left: 15px
    }

    .support-video ul {
        margin-left: 20px
    }

    .home {
        background-position-x: 42%
    }

    .home .wrapper-hd .container {
        margin-left: 25px
    }

    .priceBasic .col-md-3 {
        width: 0
    }

    .priceBasic .col-md-9 {
        width: 100%
    }

    .priceBasic ul li, .priceAdv ul li {
        width: 100% !important;
        padding-left: 130px
    }

    .pricing ul {
        text-align: left
    }

    .pricePaket ul li.true {
        background: url(http://www.ordernhanh.net/images/icon-1.png) no-repeat 95px center
    }

    .pricePaket ul li.false {
        background: url(http://www.ordernhanh.net/images/icon-2.png) no-repeat 95px center
    }

    .priceOption {
        margin: 25px 0 40px
    }

    .priceOption .col-md-8 {
        width: 100%
    }

    .priceOption .col-md-3 {
        width: 0
    }

    .priceOption .col-md-4 {
        text-align: right
    }

    .support-th .register {
        margin-left: 0
    }

    .sopportBox .supportRight, .sopportBox .supportLeft {
        width: 50% !important
    }

    .sopportBox .supportRight object, .sopportBox .supportRight embed {
        width: 100% !important
    }

    .support-wk .supportRight {
        width: 30% !important
    }

    .support-wk .supportLeft {
        width: 70% !important
    }

    .support-wk ul li:before {
        left: -38px
    }

    .support-wk img {
        width: 100%
    }

    .supportTeamview ul {
        padding: 20px 25px
    }

    .right-container {
        margin-left: -15px;
        margin-right: -15px;
        width: auto !important;
        float: none !important
    }

    .right-container .box-one, .right-container .box-two {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px
    }

    .page-template-blog .viewnew, .viewnew, .viewmax {
        max-height: 540px;
        overflow-y: scroll
    }
    .blog-more{margin: 20px 0}
    .blog-more .viewnew{overflow: hidden; padding: 20px 15px 15px; max-height: inherit;}
    .blog-more .viewnew ul li a{text-align: left}

    .wrapper-feature-tn ul li:before {
        left: 10px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list img.around {
        height: auto
    }

    .wrap-img-about {
        height: 210px;
        overflow: hidden
    }

    .about-content .row .row-list {
        height: 450px;
        overflow: hidden
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        text-transform: none;
        font-style: italic;
        margin: 0 10px 15px;
        padding: 0 0 15px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
        margin: 20px 10px 5px
    }

    .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p {
        line-height: 20px
    }

    .supportContent .support-sec1 ul li {
        width: 33.33%
    }
}
li.ht i { display: none;}
@media screen and (max-width: 768px) {
    .page-template-homepage-php .white-bg .thumbnail-row-list p, .cell .content-cell-list .thumbnail-row-list, .cell .content-cell-list .thumbnail-row-list h4, .function p, .row .content-row-list .thumbnail-row-list p.content-text, .description .sub-container p, .customerSay .box-kh .kh-content, .priceBasic ul li, .priceAdv ul li, .sopportBox li a, .left-container p, .wiki-right p, .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p, .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        font-size: 16px !important;
        line-height: 22px !important
    }
    .box-tribute-home {background: rgba(0, 0, 0, 0.5); top:0; bottom: 0; left:0; right: 0!important; z-index: 999; text-align: center;}
    .box-tribute-home img{max-width: 100%; height: auto;}
    .pop-box{position: relative; display: inline-block; margin: 48px 30px 0}
    .pop-close{display: inline-block; background: #fff; border-radius: 100%; text-align: center; width: 24px; line-height: 24px; color:#000; position: absolute; right: 0px; top: -5px}
    .page-template-support_online-php .wiki-left { padding: 0;}
    .menu3 { margin-bottom: 10px;}
    .leftTitle { margin-left: 0 !important;}
    .wiki-left .content-left { display: none;}
    .wiki-left .content-left .boxLeft { padding: 0 15px; margin-bottom: 0;}
    .page-template-support_online-php .sub-content .container,.page-template-support_online-php .sub-content .support-content { margin-top: 0 !important;}
    .wiki-left, .wiki-right { float: none; width: 100%;}
    .wrap-img-about {
        height: auto !important
    }
    .home li.ht ul { width: 100%;}
    .navbar-nav li.ht { position: relative;}
    .navbar-nav li.ht a { padding-bottom: 0;}
    .navbar-nav li.ht  i { display: block; position: absolute; right: 30px; color: #fff; font-size: 18px; top: 50%;}
    .navbar-nav li.ht  .fa-sort-desc {margin-top: -14px;}
    .navbar-nav li.ht  .fa-sort-asc {margin-top: -6px;}
    .home li.ht ul,.off-canvas-inner-pr ul li.ht ul { position: initial;}
    .home li.ht ul li a,.off-canvas-inner-pr ul li.ht ul li a {   padding: 0px 0px 0 50px; font-weight: normal;line-height: 35px;}

    .home .nav-menugoimon li.ht ul {
        top: 51px;
    }
    
    .page-template-homepage-php .function .cnvt p {
        margin-bottom: 30px
    }

    .home .nav-menugoimon li a {
        font-size: 13px !important;
        font-weight: 700 !important;
        padding: 0 10px
    }
    .home .navbar-collapse { padding-left: 0; padding-right: 0;}

    /*.sub-content.banner .wrapper-container {*/
    /*padding-left: 15px;*/
    /*padding-right: 15px*/
    /*}*/

    .box-one {
        margin-bottom: 30px
    }

    .box-one .title-right a:first-child {
        float: left
    }

    .nav-second-mobile .lt {
        list-style: none
    }

    .blogs ul li img {
        margin: 0
    }

    body.mnopen #off-canvas-pr {
        width: 35%
    }


    .home .navbar-nav {
        margin-top: 8px
    }

    .home .nav-menugoimon .login {
        margin-top: 4px
    }

    .register-wr .wp-col-rg .control-label {
        padding-left: 25px;
        width: 35%
    }

    .register-wr .form-group .wr-icon {
        margin: 0 0 0 25px
    }

    .register-wr .form-group .wr-text {
        margin-left: 70px
    }

    .register-wr .header-title h2.title, .register-wr .header-title .header-title-sub {
        padding-right: 30px;
        padding-top: 15px
    }

    .ajax-auth .fa-times-circle {
        top: 5px !important
    }

    .register-wr .wp-col-rg .col-sm-7 {
        width: 65%
    }

    .sopportBox .register {
        margin-top: 20px !important
    }

    .priceAdv ul li {
        margin-right: 0
    }

    .navbar-toggle {
        margin-top: 12px
    }

    .register-wr .form-group .wr-text span, .wr-support .form-group .wr-text ul li {
        font-weight: 400
    }

    .container {
        width: 100%
    }



    

    .customerSay .box-kh .kh-content {
        margin-bottom: 0
    }

    .contactBox {
        text-align: left
    }

    .contactBox iframe {
        width: 100%;
        min-height: 210px
    }

    .contactBox p {
        padding-bottom: 5px
    }

    .gray-bg-row h2.title, .page-template-homepage-php .function h2.title, .page-template-homepage-php .pic-bg h2.title {
        font-size: 36px;
        font-weight: 700
    }

    .centered .btn {
        font-size: 13px
    }

    .page-template-homepage-php .gray-bg .right-container, .page-template-homepage-php .function .cnvt {
        max-width: 100%
    }

    .cell .content-cell-list {
        margin-bottom: 40px
    }

    .cell .content-cell-list span.icon {
        float: none
    }

    .cell .content-cell-list .thumbnail-row-list {
        margin-left: 0
    }

    .cell .content-cell-list .thumbnail-row-list p, .function p {
        font-size: 14px;
        line-height: 22px
    }

    .cell .content-cell-list .thumbnail-row-list h4 {
        font-size: 14px
    }

    .wrapper-function-content .col-md-6 {
        width: 100%;
        float: none;
        left: 0
    }

    .wrapper-function-content .col-md-6 img {
        margin: 20px 0 !important
    }

    .function img {
        margin: 0;
        float: none
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        font-size: 24px;
        font-weight: 700
    }

    .sub-content.pic-bg p.title {
        color: #6f6f6f;
        font-size: 18px;
        font-weight: 400;
        margin-top: 14px !important;
        margin-bottom: 33px
    }

    .team .container, .gray-bg, .function {
        padding: 0 100px
    }

    .supportContent .support-sec1 ul li {
        width: 50%
    }

    .support-th .register {
        margin-left: 0
    }

    .support h3.title {
        margin-top: 0 !important;
        padding-bottom: 0 !important
    }

    .support-sec1 {
        margin-top: 25px
    }

    .sopportBox .supportRight, .sopportBox .supportLeft, .supportTeamview ul {
        width: 100% !important;
        float: none
    }

    .supportRight embed {
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block;
        max-width: 100%;
        min-width: 600px;
        min-height: 350px
    }

    .support-wk ul {
        padding-left: 25px !important
    }

    .support-wk .supportLeft, .support-wk .supportRight {
        float: left;
        width: 50% !important
    }

    .support-wk img {
        width: 100%
    }

    .support-wk ul {
        float: none;
        width: 100%
    }

    .support-wk ul li:before {
        left: -26px
    }

    .suport-chtg h3.title {
        margin-top: 5px !important;
        margin-bottom: 40px !important
    }

    .support-video {
        margin-top: 20px
    }

    .suport-chtg ul {
        margin-top: 0
    }

    .supportTeamview ul {
        padding: 0 25px !important
    }

    .supportTeamview-right {
        margin-top: 40px
    }

    .sub-content.green-bg {
        padding: 20px 0 30px;
        margin-top: 20px
    }

    .green-bg h2.title {
        font-size: 32px;
        padding: 0 100px;
        line-height: 40px
    }

    .sub-content.green-bg button.register {
        font-size: 20px !important
    }

    .sopportBox .register, .supportTeamview .register {
        margin-top: 10px
    }

    .about-content p.title {
        line-height: 26px;
        margin-bottom: 30px
    }

    .about-us.white-bg .row .content-row-list .thumbnail-row-list {
        padding: 0
    }

    .wikiPage {
        padding: 0
    }

    .sub-content .container {
        margin-top: 25px
    }

    .sub-content.green-bg .container {
        padding-top: 0 !important
    }

    .lien-he .sub-content .container {
        margin-top: 0 !important
    }

    .logo {
        margin-bottom: 5px
    }

    .wrap-price ul {
        padding-left: 0
    }

    .pricing ul {
        text-align: left;
        margin-left: 37px
    }

    .priceTxtadd {
        margin-top: 25px;
        margin-bottom: 10px
    }

    .priceOption {
        margin-top: 0
    }

    .priceOption .vector {
        line-height: 40px
    }

    .priceBarcode h1.title, .pricePaket h1, .pricePaket h2 {
        font-size: 36px;
        font-weight: 700
    }

    .priceBarcode p.title {
        font-size: 24px;
        line-height: 10px
    }

    .priceBasic .priceTxt, .priceTxt {
        font-size: 24px
    }

    .priceBasic {
        padding-top: 0
    }

    .priceBasic ul li, .priceAdv ul li {
        width: 33.33% !important;
        padding-left: 25px
    }

    .priceOption .col-md-4 {
        text-align: center
    }
    .pricePaket ul li.true {
        background: url(http://www.ordernhanh.net/images/icon-1.png) no-repeat left center
    }

    .pricePaket ul li.false {
        background: url(http://www.ordernhanh.net/images/icon-2.png) no-repeat left center
    }

    .box5 ul li {
        padding: 7px 0;
        line-height: 20px
    }

    .clb.priceBarcode.ovh.txtC.uln, .priceBarcode h1.title {
        margin-top: 0 !important
    }

    .phi-dich-vu .register {
        font-size: 24px
    }

    .priceAdv i {
        display: block
    }

    .priceAdv span.icon-caret i {
        margin-left: -172px;
        margin-top: 0
    }

    .pricing .register {
        margin-top: -15px;
        margin-bottom: 25px
    }

    .hdsd {
        margin-top: 28px
    }

    .left-container {
        margin-top: 30px !important
    }

    .faqs-item {
        margin: 0 5px
    }

    .box-one .viewnew {
        max-height: 540px;
        overflow-y: scroll
    }

    .left-container p {
        line-height: 22px !important
    }

    .blogs ul li h2 a {
        font-size: 20px !important
    }

    .nav-mobile-top {
        text-align: left;
        padding-left: 20px;
        margin-top: 20px
    }

    .nav-second-mobile .lt {
        text-align: left;
        padding-left: 20px
    }

    .page-template-product-php .wrapper-content .title {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 700
    }

    .tinh-nang .left-container {
        margin-top: 20px !important
    }

    .customer p.txtC {
        margin-bottom: 20px !important
    }

    .single .left-container img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
        margin-top: 15px
    }

    .single-post .nav-second-mobile {
        margin-top: 0
    }

    .wrapper-col-info {
        margin-top: 40px
    }

    .wrapper-col-info-right {
        margin-top: 20px;
        line-height: 22px;
        font-size: 16px;
        text-align: justify
    }

    .about-info {
        padding-bottom: 0
    }

    .team h2.title {
        font-size: 32px;
        font-family: font-helveticaNeueBold;
        margin-top: 30px !important;
        margin-bottom: 10px
    }

    .about-content .row .row-list {
        height: 610px
    }

    .page-template-homepage .white-bg .btn {
        font-size: 13px
    }

    /*.banner-homepage .btn-feature {*/
    /*position: absolute;*/
    /*bottom: 65px;*/
    /*left: 65px;*/
    /*padding-bottom: 0*/
    /*}*/

    /*.banner-homepage h1.title-homepage, .wrapper-feature-tn h3 {*/
    /*font-size: 36px !important;*/
    /*margin-top: 90px !important;*/
    /*line-height: 44px;*/
    /*text-align: left*/
    /*}*/

    .feature-list-text h5, .sub-content.banner ul li {
        font-size: 16px !important
    }

    .page-template-homepage-php .white-bg .title {
        margin-top: 40px !important;
        margin-bottom: 40px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 0 !important
    }

    .col-giupkiot .cell {
        margin-bottom: 0
    }

    .col-giupkiot .cell .content-cell-list {
        margin-bottom: 30px
    }

    /*.wrapper-feature-tn {*/
    /*left: 50px;*/
    /*margin-top: -190px*/
    /*}*/

    .wrapper-feature-tn ul li:before {
        left: 0
    }

    .wrapper-feature-tn ul li {
        padding-left: 25px !important
    }

    .nav-mobile-top {
        width: auto;
        margin: 0
    }

    .supportTop .title, .sub-content.banner h1, .sub-content.banner h2 {
        font-size: 36px !important
    }

    .blog .nav-mobile-top, .single .nav-mobile-top, .archive .nav-mobile-top {
        /*margin: 15px 0 0*/
    }

    .about-content .text-feature li {
        font-size: 24px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        text-transform: none;
        font-style: italic
    }

    .nav-menugoimon li a {
        line-height: 45px
    }

    .off-canvas-inner-pr ul li a {
        font-size: 14px !important;
        padding: 10px 30px
    }

    .nav-menugoimon .login {
        margin-top: 0
    }

    .nav-menugoimon .login a, .navbar-header .login a {
        margin-left: 15px
    }

    .white-bg .row .content-row-list .thumbnail-row-list {
        padding: 0 100px
    }

    .wraper-function-row h2.title, .page-template-homepage-php .gray-bg h2.title {
        margin-top: 40px !important
    }

    .sub-content.pic-bg {
        margin-top: 40px
    }

    .page-template-homepage-php .gray-bg button.register {
        margin-top: 0
    }

    .page-template-homepage-php .pic-bg h2.title {
        margin-top: 40px !important;
        margin-bottom: 10px !important
    }

    .wrapper-pic-bg-row-content {
        margin-bottom: 40px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list p {
        text-align: justify
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
        font-size: 18px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
        font-size: 13px;
        font-weight: 400
    }

    .wrapper-pic-bg-row p.title {
        margin-bottom: 20px !important
    }
}
@media screen and (max-width: 768px) {
    .ajax-auth.popup-promotion .fa-times-circle {
        top: 15px !important; right: 15px !important
    }
    .ajax-auth.popup-promotion {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
        left: 0 !important;
    }
    .box-banner { margin-top: 55px;}
    .ho-tro .box-banner { background-position-x: 65%;}
}

@media screen and (max-width: 480px) {
    .support h3.title:before {
        top:0;
    }
    .header-title h2.title .fa-check { right: 18px;}
    .success .header-title h2.title span.text { left: -5px;}
    .home .sub-content.green-bg { padding: 25px 0 30px !important;}
    .success .header-title h2.title span { font-size: 16px;}
    .bg-popup .ajax-auth.popup-promotion {
        width: 100%; left: 0 !important; margin-left: 0 !important; margin-top: -150px !important; top: 50% !important;
    }
    .wr-content-success .form-group .col-sm-8, .wr-content-success .form-group .col-sm-8 span { margin-top: 5px;}
    /*.ajax-auth.popup-promotion img {*/
    /*width: 155% !important;*/
    /*margin-left: -86px !important;*/
    /*}*/
    .ajax-auth.popup-promotion .fa-times-circle {
        right: 15px !important;
    }
    .ajax-auth.popup-promotion .mobile { display: block;}
    .ajax-auth.popup-promotion .pc { display: none;}
    .success .header-title h2.title { padding: 15px 60px 15px 45px !important;}
    .dang-ky .success .content-success { max-width: 100%;}
    .success .col-sub-register { text-align: center;}
    .box-one .viewmax {
        margin-top: 0px
    }
    .navbar-nav li.ht a { padding-bottom: 0 !important;}
    .right-container .box-two .wrapper-qt-right { margin-right: 11px;}
    .support-online .container {
        padding-top: 110px;
    }
    .page .blog .sub-content.banner h1,.page-template-blog .bannerBlog.sub-content.banner h1.title {
        margin-top: 65px !important
    }
    .about-content .row .row-list { height: auto !important;}
    .dangkysuccess .fa-check:before {
        content: "\f00c";
        position: absolute!important;
        top: 8px!important;
        left: 8px!important;
    }
    .home ul.nav-menugoimon li a { padding: 0px 30px;}
    .dang-ky .sub-content.banner p { display: none;}

    .wrapper-list-text-home {
        display: none
    }

    .dang-ky .success .login-success .row .col-lg-4, .dang-ky .success .login-success .row .col-lg-8 {
        width: 100% !important;
        float: none
    }
    .dang-ky .sub-content.bannerRegister .wrapper-register {
        top: -90px !important;
        padding: 0 20px;
    }

    .dang-ky .success .login-success .row .col-lg-4 {
        margin-bottom: 10px
    }

    .dang-ky .success .login-success .row .col-lg-8 {
        margin-bottom: 25px
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        margin-top: 100px !important
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register h1 {
        line-height: 40px !important; text-align: left; margin-top: 95px !important;
    }

    .dang-ky .login-success .row .col-lg-12 input {
        font-size: 14px !important
    }

    .sub-content.bannerRegister .wrapper-register {
        top: -87px !important
    }

    .dang-ky .sub-content.banner {
        background-position-x: -587px
    }

    .single .left-container .blog-other img {
        margin-top: 0
    }

    .single .left-container .blog-other .wrapper-qt-right {
        margin: 8px 15px;
        padding: 4px;
        width: auto
    }

    .sub-content.banner .btn.register {
        font-size: 20px;
        padding: 11px 16px
    }

    .page .supportTop .title, .page .sub-content.banner h1 {
        margin-top: 160px !important;
        margin-bottom: 30px
    }

    .phi-dich-vu .priceAdv span.icon-caret i {
        margin-left: -157px;
        margin-top: -7px
    }

    .page .off-canvas-inner-pr ul li a {
        padding: 0 30px
    }

    .phi-dich-vu .text-banner {
        margin-bottom: 0
    }

    .about-content.banner {
        height: 295px
    }

    .about-content.white-bg.about-us .col-md-3.col-sm-6 {
        width: 100%
    }

    .lien-he .bannerContact .wrapper-feature-ct h1 {
        margin-top: 55px !important
    }

    .page .sub-content.banner h1{
        margin-top: 100px !important
    }

    /*.page .me-be .supportTop .title, .page .me-be .sub-content.banner h1, .page .dien-tu-dien-may .supportTop .title, .page .dien-tu-dien-may .sub-content.banner h1, .page .vat-lieu-xay-dung .supportTop .title, .page .vat-lieu-xay-dung .sub-content.banner h1, .page .linh-kien-may-moc .supportTop .title, .page .linh-kien-may-moc .sub-content.banner h1, .page .sieu-thi-mini .supportTop .title, .page .sieu-thi-mini .sub-content.banner h1 {*/
        /*margin-top: 190px !important*/
    /*}*/

    /*.page .bar-cafe-nha-hang .supportTop .title, .page .bar-cafe-nha-hang .sub-content.banner h1 {*/
        /*margin-top: 215px !important*/
    /*}*/

    .my-pham .wrapper-banner {
        background-position: 60% 32px !important
    }

    .dien-tu-dien-may .wrapper-banner {
        background-position: 55% -66px !important
    }

    .me-be .banner-homepage .btn-feature, .dien-tu-dien-may .banner-homepage .btn-feature, .vat-lieu-xay-dung .banner-homepage .btn-feature, .linh-kien-may-moc .banner-homepage .btn-feature, .sieu-thi-mini .banner-homepage .btn-feature {
        bottom: 15px !important
    }
}

@media screen and (max-width: 414px) {
    .priceBarcode h4{margin-left: 62px;}
    .phi-dich-vu .pricing .priceBarcode ul{margin-left: 45px;}
    .phi-dich-vu .pricing ul li{list-style: none;}
    .phi-dich-vu .priceBarcode .bacodePrice{left: 62px; top: 272px;}
}
@media screen and (max-width: 375px) {
    .priceBarcode h4{margin-left: 40px;}
    .phi-dich-vu .pricing .priceBarcode ul{margin-left: 30px;}
    .phi-dich-vu .pricing ul li{list-style: none;}
    .phi-dich-vu .priceBarcode .bacodePrice{left: 45px;}
}
@media screen and (max-width: 320px) {
    .priceBarcode h4{margin-left: 20px;}
    .phi-dich-vu .pricing .priceBarcode ul{margin-left: 10px;}
    .phi-dich-vu .pricing ul li{list-style: none;}
    .phi-dich-vu .priceBarcode .bacodePrice{left: 25px;}
}