* {
    list-style-type: none;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0;
}

body {
    font-size: 13px;
}
h3 {
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
    margin: 20px 0 5px;
    clear: both;
    line-height: 28px;
    color: #333;
}

.sim-display.is-active .sim-display3,.sim-display.is-active span:nth-of-type(2),.sim-display.is-active span.sim-display2:nth-of-type(3),
.sim-display.is-active span.sim-display2:nth-of-type(4),.sim-display.is-active span.sim-display2:nth-of-type(5){
    display: none;
}
/*.sim-display .qua-127, .sim-display .qua-703,.sim-display .qua-814, .sim-display .qua-2247,.sim-display .qua-2252,.sim-display .qua-2254,.sim-display .qua-2255,.sim-display .qua-128,.sim-display .qua-773,.sim-display .qua-835,.sim-display .qua-844{
    right: -80px;
    top: -7px;
}*/
.giao-dịch-viettel h3{
    padding: 3px 0 3px;
    background: #3097d1;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin: 15px 0 7px 0;
}

.hotro b,.block_chamsockhachhang b{
    line-height: 22px;
}
.giao-dịch-viettel .x-scrollbar {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    /*margin-right: -12px;*/
    /*padding-right: 12px;*/
    /*margin-left: -12px;*/
    /*padding-left: 12px;*/
    padding-bottom: 6px;
}
.mang {
    display: table-cell;
    vertical-align: middle !important;
}
#tables tr td.dat-mua{
    vertical-align: middle !important;
}
.giao-dịch-viettel .post-img_list {
    font-size: 0;
    margin-bottom: 20px;
}
.c-img {
    display: block;
    position: relative;
}
.post-img {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 6px;
    /*border: 1px solid #DDDDDD;*/
    /*padding: 5px 0;*/
}
.post-img2{
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 100%;
}

.giao-dịch-viettel .post-img_list p.date{
    font-size: 10px;
    line-height: 17px;
    text-transform: uppercase;
}
.giao-dịch-viettel .post-img_list p.tieu-de{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: initial;
    color: #005064;
    line-height: 16px;
}
.c-img .bg, .c-img img {
    display: inline-block;
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
    height: auto !important;
    border-radius: inherit;
}
.bao-chi .x-scrollbar {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    /* margin-right: -12px; */
    /* padding-right: 12px; */
    /* margin-left: -12px; */
    /* padding-left: 12px; */
    padding-bottom: 6px;
}
.bao-chi .post-img_list {
    font-size: 0;
    margin-bottom: 20px;
    padding: 5px 5px 5px 0px;
    max-height: 330px;
}

.sim-display i{
    color: #dc1e1e;
    font-style: initial;
}
.menu{
  background: #3097d1;
  margin-bottom: 10px;
  margin-top: 1px;
}
.lien-he-gio{
    padding: 5px 25px 20px;
}
a.nav-link {
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    padding: 0 20px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #005094;
    text-decoration: none;
}
.giao-dịch-viettel{
    /*display: none;*/
}
/*.h{
  margin: 0px;
  background: #3097d1;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-family: Arial,sans-serif;
  font-size: 18px;
  padding: 5px 13px;
}*/
.container.col-7 > h1.h{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 10px;
}
.page-step{
  padding: 10px;
}
.datmua-sosim{
    margin-left: 26px;
    margin-top: 20px;
}
.h1-simnamsinh{
    font-weight: bold;
}
.outer-container {
    background: #f3f3f3;
  width: 100%;
    padding-bottom: 30px;
  padding-top: 30px;
}

#footer-nav{
    background: #e6e6e2;
}

#footer1{
    background: #f3f3f3;
}

.box {
        line-height: 29px;
    text-align: center;
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: auto;
}
/*.qua-127, .qua-703,.qua-814, .qua-128,.qua-773,.qua-835,.qua-844,.qua-2247 ,.qua-2252,.qua-2254,.qua-2255{
    display: block;
    background: url(../images/ga3.png) no-repeat;
    width: 22px;
    height: 24px;
    background-size: cover;
    z-index: 1;
    position: absolute;
    right: -27px;
    top: -11px;
}*/
/*.qua-792{
    display: block;
    background: url(../images/tra-gop.jpg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
    z-index: 1;
    position: absolute;
    right: -85px;
    top: -2px;
}*/
.quahome-703{
    display: block;
    background: url(../images/ga3.png) no-repeat;
    width: 26px;
    height: 28px;
    background-size: cover;
    z-index: 1;
    position: absolute;
    left: 28px;
    top: -7px;

}
#tables tr td.tampx.sang-trai a {
    position: relative;
}
.box h2, .box h3{
    margin: 0px;
    background: #3097d1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 14px;
    padding: 5px 13px;
        line-height: inherit;
}

/*cột trái*/
#sidebarleft{
    padding-right: 5px;
}
#sidebarright{
    padding-left: 5px;
}
/* Box Tìm Sim Số Đẹp; */
.simsodep{
    border: 1px solid #ddd;
    background: url(../images/timns_bg.png) no-repeat;
    display: inline-block;
    background-size: cover;
    margin-bottom: 10px;
    padding-top: 30px;
    border-radius: 5px;
    width: 100%;
}
.box_c {
       border: 1px solid #d3e0e9;
         line-height: 16px;
}

.simsodep .box_c {
    border: none;
}
.box li {
    line-height: 26px;
    position: relative;
    padding: 0 15px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
    color: #005064!important;
    font-weight: 700;
    width: -webkit-fill-available;
    text-align: left;
    margin: 0 0 -1px;
}

.box li a {
    text-transform: capitalize;
        color: #005064!important;
    font-weight: 700;
    padding: 0;
    line-height: inherit;
    font-size: 13px;
}
.box li.icon a{
    color: #005094 !important;
}
.tim-sim-ntn {
    color: #008dde;
    font-size: 15px;
    padding-left: 100px;
    display: inherit;
}

.ntn{
    color: #008dde;
    font-size: 13px;
    padding-top: 20px;
    padding-left: 20px;
    display: inherit;
    padding-bottom: 5px;
}
.simsodep select {
    width: 27%;
    padding: 3px 0px;
    font-size: 14px;
}
input, select {
    border: 1px solid #d3e0e9;
}

.tim-ntns {
    border: 1px solid #fff;
    background: #1d9ce5;
    color: #fff;
    font-size: 16px;
    padding: 7px 10px;
    margin-top: 10px;
    width: 82%;
    margin-bottom: 10px;
}
/* End Box Tìm Sim Số Đẹp; */


.tang-giam-vip{
    display: none;
}
.news {
     text-align: center;
     padding: 10px 0;
}
.tang-giam-gia .filter-tranh{
    padding: 0px 4px;
}
.tang-giam-vip .filter-tranh{
    /*border: 1px solid #16809a;*/
    /*border-radius: 0px;*/
    padding: 5px 6px;
}
.tang-giam-vip .filter-tranh a{ 
    /*color: #005064!important;*/
    /*font-weight: 700;*/
}
/** Block Cham soc Khách Hàng */
.zalobottom {
    background: url('../images/img-zalo.png') no-repeat;
    text-indent: -9999px;
    width: 150px;
    display: inline-block;
    background-size: contain;
    height: 45px;
}
.zalobottom a {
    color: #fff;
    font-size: 17px;
    width: 144px;
    padding-left: 15px;
    height: 41px;
    display: inline-block;
}
.messenger {
    background: url('../images/img-mess.png') no-repeat;
    text-indent: -9999px;
    width: 150px;
    display: inline-block;
    background-size: contain;
    height: 45px;
}
/** Box Sim Khuyến Mãi theo ngày**/
.simdep-km-sim {
    font-size: 16px;
    margin: 10px 0;
    padding: 0px;
    padding-top: 8px;
}
.simdep-km-sim a, .simvip-mb .sim-vt a, .sim-vt a {
    font-size: 16px;
    color: #333;
}

.simdep-ul h4,.simdenho-vt h4, .simdenho-vn h4, .simdenho-mb h4,.simvip-mb h4{
   font-size: 16px;
    margin: 10px 0;
    padding: 30px 0 0 0;
    /*padding-top: 30px;*/
    text-align: left;
    clear: both;
 }

 .simdep-ul h4 > a,.simdenho-vt h4 > a, .simdenho-vn h4 > a, .simdenho-mb h4 > a,.simvip-mb h4 > a{
     color: black;
     width: 175px;
     line-height: 21px;
     padding-left: 33px;
     font-weight: bold;
     height: 23px;
     margin-bottom: 5px;
     background-size:     contain;                     
     background-repeat:   no-repeat;
     background-position: top left;
 }
.simdep-ul .xemthem a  { 
    padding: 5px 10px;
}

.simdep-ul h4 > a  {
    background-image: url(../images/sales.gif), url(../images/ga3.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 5px 30px 5px 50px;
}
.simdenho-vt h4 > a{background-image: url(../images/logoviettel.png);}
.simdenho-vn h4 > a{background-image: url(../images/logovina.gif);}
.simdenho-mb h4 > a{background-image: url(../images/logoviettel.png);}
.simvip-mb h4 > a  {
    /*background-image: url(../images/vip.gif);*/
    /*background-image: url(../images/vip.gif), url(../images/tra-gop.png);*/
    background-image: url(../images/vip.gif), url(../images/tra-gop.jpg);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 10px 38px 5px 50px;
}

.xemthem {
    float: right;
}
.xemthem a {
    background: #3097d1;
    color: #fff !important;
    cursor: pointer;
    padding: 6px 16px;
    text-decoration: none !important;
    float: right;
    border-radius: 15px;
    font-size: 10px !important;
    margin: 0;
    display: inline-block;
    line-height: normal;
}
.simdep-ul h4 > a,.sim-dep-ban-chay > a{
    display: none;
}
.km-banchay{
    margin-top: 10px;
    display: inline-block;
}
.km-banchay span{
    display: block;
    font-size: 14px;
    color: #333;
    padding: 7px 10px;
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid #7d9dd6;
    float: left;
    /*font-weight: bold;*/
    cursor: pointer;
}
.simdep-ul{
    display: none;
}
.simdep-ul.block{
    display: block;
    position: relative;
}
.simdep-ul h4{position: absolute;
    right: 0px;
    top: -70px;
}
.km-banchay span.active{
    background: #3097d1;
    color: #fff;
}
/*chăm sóc khách hàng*/
.block_chamsockhachhang.box{
    line-height: 17px;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-size: 13px;
}
.block_chamsockhachhang b{
    text-transform: inherit;
}
/** Box Chọn sim theo mạng **/
.chon-mang-2 li {
    float: left;
    text-align: left;
    padding: 10px 0 10px 36px;
    margin: 10px 10px 0 10px;
    border: none;
    line-height: 15px;
}
.chon-sim-tm{
    border: none;
}
.chon-sim-tm h2{
    line-height: 22px;
}
.chon-mang-2 li a {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

.sim-nhamang .icon-vt {
    background: url(../images/mang-vtm.png) 0 no-repeat;
    width: 33%;
    background-size: contain;
    margin-bottom: 10px;
}

.sim-nhamang .icon-vn {
    background: url(../images/mang-vnpm.png) 0 no-repeat;
    width: 33%;
    background-size: contain;
    margin-bottom: 10px;
}

.sim-nhamang .icon-mb {
    background: url(../images/mang-mbm.png) 0 no-repeat;
    width: 33%;
    background-size: contain;
    margin-bottom: 10px;
}
.sim-nhamang .icon-vnmb{
    background: url(../images/mang-vnmb.png) 0 no-repeat;
    width: 33%;
    background-size: contain;
    margin-bottom: 10px;
}
/* table sim*/
.sang-trai{
    line-height: 27px;
}
.simdep-ul h4 > a, .simdenho-vt h4 > a, .simdenho-vn h4 > a, .simdenho-mb h4 > a, .simvip-mb h4 > a {
    font-size: 16px;
    color: #333;
}
#tables tr td.tampx{
    line-height: 19px;
    vertical-align: middle;
}
.dat-mua a{
    color: #fff!important;
    background: #1d9ce5!important;
    width: 70%;
    padding: 5px 10px;
    margin: 0 auto;
    display: block;
    font-size: 12px;
}
.dat-mua{
    line-height: 18px;
}
/** Block Sim Khuyến mãi theo ngày**/

.simdep-ul li:nth-of-type(1) {
    clear: both;
}
.sim-dep-li {
    float: left;
    position: relative;
    width: 33.333%;
}
.simcard {
    background: #fff;
    height: auto;
    /* border: 1px solid #ccc; */
    border: 1px solid #7d9dd6;
    padding: 10px;
    border-radius: 5px;
    /*box-shadow: 1px 1px #7d9dd6;*/
    text-align: right;
}
.simcard i{
    color: #d41515;
    font-style: initial;
}
.simcard .mang-class {

    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 11px;
}
.simcard .Viettel {
    /*background-image: url(../images/viettel.svg);*/
    background-image: url(../images/viettel.svg);
    /*background-position: -354px -4px;*/
    background-size: auto;
    /*border-left: 1px solid #006d6a;*/
    /*border-bottom: 1px solid #006d6a;*/
}

.simcard .Vinaphone {
    /*background-position: -422px -3px;*/
    background-image: url(../images/vinaphone.svg);
    background-size: auto;
    /*border-left: 1px solid #0093e1;*/
    /*border-bottom: 1px solid #0093e1;*/
}
.simcard .Vietnamobile {
    /*background-position: -422px -3px;*/
    background-image: url(../images/vietnamobile.svg);
    background-size: auto;
    /*border-left: 1px solid #0093e1;*/
    /*border-bottom: 1px solid #0093e1;*/
}
.simcard .Mobifone {
    background-image: url(../images/mobifone.svg);
    /*background-position: -142px -4px;*/
    background-size: auto;
    /*border-left: 1px solid #005599;*/
    /*border-bottom: 1px solid #005599;*/
}
#tables{
    background: #DAEEFF;
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
    border-color: grey;
}
#tables tbody > tr{
    background: #fff;
}
/** Block Tìm Sim **/
#block_tim_sim{
    border-bottom: 1px solid #ddd;
}
#block_tim_sim div.h {
    /*height: 15px;*/
    background: #3097d1;
    color: #fff;
    border-radius: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;

}
#block_tim_sim ul {
    margin: 0;
    list-style-type: disc;
    padding-top: 6px;
}
#box_tim li {
    display: list-item;
    color: #fff;
    list-style-type: disc;
    line-height: initial;
}

#soption2 {
    background: #3097d1;
    display: inline-block;
    width: 100%;
    height: 103px;
}
#box_tim2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
}
#box_tim {
    height: 20px;
    margin: 0 auto;
    text-align: left;
}
#csearch {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    border: 1px #0098db solid;
}
#box_tim > div {
    padding-top: 0!important;
    position: relative;
}
.nuttim {
    position: absolute;
    right: 9px;
    top: 1px;
    height: 34px;
    border: 1px solid #fff;
    background: #1d9ce5;
    width: 100px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}
.huongdan {
    display: block;
}
.sim-nam-sinh {
    display: block;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 1px;
}
h2 {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

/** Style cho table List danh sách số*/
#tables {
    text-align: center;
}
#tables .Viettel {
    height: 22px;
    width: 82px;
    /*background: url(../images/viettel.gif) no-repeat;*/
    margin: 0 auto;
    color: #007b70!important;
    padding: 3px 0 0 0;
    font-weight: bold;
    font-size: 14px;
}
.huongdan-content{
    border: 1px solid #ddd;
    padding: 10px;
}
#tables .Vinaphone {
    height: 22px;
    width: 80px;
    /*background: url(../images/im2.png) 0 -44px;*/
    margin: 0 auto;
    color: #1d9ce5!important;
    font-weight: bold;
    padding: 3px 0 0 0;
    font-size: 13px;
}
#tables .Mobifone {
    height: 22px;
    width: 80px;
    /*background: url(../images/im2.png) 0 -22px;*/
    margin: 0 auto;
    color: #00f!important;
    padding: 3px 0 0 0;
    font-weight: bold;
    font-size: 13px;
}
#tables .Mobifone span{
    color: red!important;
}
.pagination {
   justify-content: center;
}

/** Gợi ý link block */
.goi-y-link {
    display: inline-block;
    list-style: disc;
    padding: 10px;
    width: 100%;
}
.goi-y-link li {
    float: left;
    width: 20%;
}
.goi-y-link li a {
    text-align: left;
    float: left;
    font-weight: 700;
    background: url(../images/icon-li-ns.png) left no-repeat;
    padding-left: 15px;
    font-size: 13px;
    line-height: 20px;
}
.sim-nam-sinh li {
    width: 25%;
}

/* Hai banner 2 góc site*/
@media screen and (min-width: 1600px){
  .bn-left, .bn-right {
      display: block;
      position: absolute;
  }
  .bn-right {
      top: 0px;
      right: 3.6%;
  }
  .bn-left {
      top: 0px;
      left: 3.6%;
  }
}

/*Block Filter Search*/
.tang-giam{
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
    float: left;
}
.titleds {
    background: #3097d1;
    color: #FFFFFF;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
}
.tang-giam li a {
    font-size: 16px;
}
.filter-dau-so{
  margin-left: 10px;
  color: #9c0000;
  padding: 5px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  float: left;
}
.filter-tranh{
  margin-left: 10px;
  padding: 5px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  float: left;
}
.timtheo {
    display: block;
    padding: 0px;
    clear: both;
    text-align: left;
    background: #DDDDDD;
    width: 100%;
}

#timtheo {
    font-weight: bold;
    padding: 5px;
    display: block;
    float: left;
    font-size: 15px;
}
.timtheo a {
    text-decoration: none;
    color: #136d94;
    padding: 5px 3px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
}

/** Block hiện danh sách đang filter*/
.danh-muc-filter{ clear:both;}
.danh-muc-filter span, #xoatatca {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 6px;
    background: #288ad6;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    margin-right: 5px;
    line-height: 18px;
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: pointer;
    float: left;
}

#xoatatca {
    background: #c10017;
}

.danh-muc-filter span .ic-clearfil, #xoatatca .ic-clearfil {
    background-image: url(../images/spritestlvn.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -115px -69px;
    width: 10px;
    height: 10px;
    margin: -1px 0 0 3px;
    vertical-align: middle;
}


.chucam{
  color: red;
}

/** Block Đơn hàng mới */
#don-hang-moi {
    padding-left: 6px;
    background: #fff;
    border: 1px solid #d3e0e9;
    /*display: flex;*/
}
#don-hang-moi li {
    border-bottom: 1px solid gray;
    padding: 5px 0;
}
#don-hang-moi li p:nth-of-type(1) {
    font-size: 13px;
    color: red;
    font-family: arial;
    text-transform: capitalize;
    font-weight: 700;
}

#don-hang-moi li p {
    font-size: 13px;
    margin-bottom : 0;
    color: #000;
    font-weight: 100;
    text-transform: capitalize;
    line-height: 16px;
}

/** Block đặt sim */
#block-dat-sim {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  display: block;
  background: #DAEEFF;
}
.title_box_main {
    color: #000;
    text-align: center;
    padding: 10px 0 0;
    border-radius: 0;
    border-color: #ddd;
    font-weight: inherit;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #0098db;
    border-bottom: 1px solid #0098db;
}

#block-dat-sim-success{
  font-size: 1.5em;
  text-align: center;
}

input{
      /*font-size: 13px !important;*/
}

#block-dat-sim form{
  padding-top: 20px;
}

.btn-simdep-submit{
  font-size: 18px;
  width: 130px!important;
}

.news-detail-description{
  margin-top: 15px;
  margin-bottom: 15px;
}
/*Box mạng*/
.box-mang,.box-loaisim {
    display: none;
}

/*số bán*/
.so-ban{
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.so-ban > div > div{
    display: inline-flex;
}
.so-ban a{
    color: #005094 !important;
}
.so-ban .so-sim {
    font-size: 16px;
}
.so-ban .datmua-mang {
    display: inline-block;
    width: 180px;
}
.so-da-ban{
    text-align: center;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 5px;
    clear: both;
    /*background-image: url(images/css/box_h3.png);*/
    line-height: 28px;
    color: #333;
}
/* Trang Thu mua sim*/
#soption4 {
    padding: 1px 0 20px 0;
    background: #2196F3;
    color: #fff;
    text-align: center;
}
#soption4 form {
    background: #c7eeff;
    border: 1px solid #ccc;
    padding: 10px;
    width: 320px;
    margin: 0 auto;
}
#soption4 form input {
    width: 100%;
    padding: 10px 10px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.raoban-submit {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
}
.news-detail-content{
    line-height: 22px;
    /*text-align: justify;*/
    font-size: 15px;
}
#maincontent > .box{
    border: none;
}
.block_chon_ngay_sinh{
    margin-top: 20px;
}
.post_related >strong{ 
    margin: 20px 0px 0;
    padding: 5px;
    color: #fff;
    display: block;
    background: #3097d1;
}
.post_related a{
    line-height: 19px;
    font-size: 13px;
}
.news-detail-content p img{
    
}
#block_tim_sim .h h1{
    padding: 8px 0 5px !important;
    background: #3097d1;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border-color: #ddd;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #0098db;
    border-bottom: 1px solid #0098db;
}
#main_box .h > h1{
    padding: 8px 0 5px !important;
    background: #3097d1;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border-color: #ddd;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #0098db;
    border-bottom: 1px solid #0098db;
}
.container .container h1.h{
    margin: 0px;
    background: #3097d1;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 18px;
    padding: 5px 13px;
}
.container .container h1.h.bansim{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 10px;
    background: none;
    padding: 0px 0 0 10px;
    color: #000;
    text-align: left;
}
/** Trang chi tieets sim**/
.datmua-giaban {
    padding-top: 5px;
    padding: 10px 25px 5px;
    line-height: 17px;
}
#block-dat-sim .title_box_main{
    padding: 8px 0 5px;
    background: #3097d1;
    color: #fff;
    font-size: 15px;
}
.custom-control-label::before,.custom-control-label::after{
    top: 0px;
}
#block-dat-sim .form-group > label{
    line-height: 46px;
    padding-right: 5px;
}

.simns-ngay li a {
    font-size: 13px;
}
.tabcontent b {
    margin-bottom: 5px;
    display: block;
}
#datsim-submit{
    background: #54b4eb;
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    width: 130px!important;
    margin: 0 auto;
    text-align: center;
    border-color: #008eff;
    margin: 10px 0 30px 0px;
}
.form-group input {
    /*width: 70%!important;*/
    padding: 10px!important;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.datmua-mang {
    padding: 5px 25px 0;
}
.so-sim {
    font-size: 16px;
}
.datmua-sosim a {
    font-size: 26px!important;
    color: red !important;
}
.datmua-sosim a:hover {
    color: green !important;
}
.datmua-mang .Viettel2 {
    width: 200px;
    border-top: 0;
    padding: 0;
    height: 22px;
    background-color: #fff;
    background: url(../images/viettel.gif) no-repeat;
    margin-left: 50px;
    background-size: contain;
}
.datmua-mang .Vinaphone2 {
    width: 200px;
    border-top: 0;
    padding: 0;
    height: 20px;
    background-color: #fff;
    background: url(../images/vng.jpg) no-repeat;
    margin-left: 50px;
    background-size: contain;
}
.datmua-mang .Mobifone2 {
    width: 200px;
    border-top: 0;
    padding: 0;
    height: 20px;
    background-color: #fff;
    background: url(../images/mb.jpg) no-repeat;
    margin-left: 50px;
    background-size: contain;
}
.Viettel3 {
    background-image: url(../images/viettel.webp);
}
.Mobifone3 {
    background-image: url(../images/mobi.webp);
}
.Vinaphone3 {
    background-image: url(../images/vina.webp);
}

.background-card {
    float: right;
    width: 95%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 20px 5px;
    height: 164px;
    position: relative;
    
}
.background-card span.so {
    font-size: 17px;
    color: rgb(49 47 47);
    position: absolute;
    bottom: 96px;
    right: -115px;
    width: 100%;
    display: inline-block;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
    font-weight: bold;
    /*text-shadow: 2px 0 #414a59;*/
}
.background-card span.gia{
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
    font-size: 12px;
    color: rgb(49 47 47);
    position: absolute;
    bottom: 82px;
    right: -114px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
/*.so-sim{float: left;}*/
.datmua-mang .so-sim {
    float: left;
}
.giaofree{
    padding-left: 25px;
    padding-top: 5px;
}
.so-sim-0{padding-top: 10px;}
.nhansim,.tra-gop {
    text-align: center;
    color: red;
    padding: 5px 25px 0;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin-top: 10px;
}
.mien-phi{
    padding: 0 10px 10px 10px;
}
.mien-phi fieldset{
    margin-bottom: 10px;
    margin-top: 0px !important;
}
.giaofree {
    clear: both;
}
#loc-ts-tt{
    display: none;
}
.style10{padding-left: 10px;}
.mien-phi li {
    background: url(../images/check.png) no-repeat left top;
    padding: 0 0 7px 19px;
    list-style: none;
    color: #0076d4;
}
#chi-tiet-sim-cach-thuc{
  padding: 10px;
}
#chi-tiet-sim-cach-thuc img {
    width: 100%!important;
    height: auto;
}
.tintuc-moi{
  margin-top: 12px
}
.tintuc-moi ul {
    border: 1px solid #d3e0e9;
    padding: 10px;
}
#block-don-hang-moi{
    margin-top: -28px;
}
.tintuc-moi ul li {
    border-bottom: 1px solid #d3e0e9;
    padding: 5px 0;
}
.tintuc-moi ul li a {
    font-size: 12px;
}

/** Block Chọn Ngày Sinh*/
/* Style the list */
.block_chon_ngay_sinh ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
}

/* Float the list items side by side */
.block_chon_ngay_sinh ul.tab li {
    float: left;
    width: 16.6%;
    display: inline-block;
}

.block_chon_ngay_sinh h3 {
    margin: 0px;
    background: #3097d1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 14px;
    padding: 5px 13px;
    line-height: inherit;
}

/* Style the links inside the list items */
.block_chon_ngay_sinh ul.tab li a {
    display: inline-block;
    padding: 7px 0px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    transition: 0.3s;
    border-right: 1px solid #CCC;
    font-weight: bold !important;
    width: 100%;
    border-bottom: 1px solid #CCC;
}

/* Change background color of links on hover */
.block_chon_ngay_sinh ul.tab li a:hover {background-color: #ddd;}

/* Style the tab content */
.block_chon_ngay_sinh .tabcontent {
    display: none;
    padding: 6px 12px;
    text-align: center;
    border-top: none;
}
.simns-ngay {
    padding: 0px 0px 0 20px;
    display: inline-block;
}
.simns-ngay li {
    float: left;
    width: 25%;
    line-height: 15px;
    text-align: left;
    list-style: initial;
    padding: 1px 0px;
}
.news-detail-content > h1 {
    font-size: 18px;
    font-weight: bold;
}
.news-detail-content > h3{
    /*font-size: 12px;*/
    font-weight: bold;
    font-family: arial !important;
    padding-left: 0px;
    line-height: 17px;
}
.news-detail-content a{
    font-size: 14px;
}
#counter{
  padding-top: 9px;
}
#xem-them {
    display: none;
}
.mo-ta {
    border: 1px solid;
    padding: 10px;
    max-height: 500px;
    overflow: scroll;
    margin: 20px 0;
}
.seo-meta {
    text-align: justify;
    margin: 0px auto;
    line-height: 18px;
}
/*đặt hàng thành công*/
#main_box > div.h {
    padding: 8px 0 5px;
    background: #3097d1;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border-color: #ddd;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #0098db;
    border-bottom: 1px solid #0098db;
}
.cam-on tbody {
    background: #e7f6ff;
}
.cam-on h3{
    font-weight: bold;
    font-size: 15px;
}
.dat-thang-cong td, .dat-thang-cong th {
    padding: 7px;
    text-align: center;
}
.news-detail-content img{
    display: block;
    margin: 0px auto;
    padding: 10px 0;
}
.menu-mobile{
    display: none;
}
.hotlinebottom{
    display: none;
}
#chonkhoanggiabg {
    display: none;
}
.block_chamsockhachhang h2{
    line-height: 28px;
    text-transform: uppercase;
}
#sidebarright .block_giatien,#sidebarright .block_categories,#sidebarright .simsodep,#sidebarright .khoi-2-mobile{
    display: none;
}
.block_chamsockhachhang.box{
    margin-top: -14px;
}
.hotline-right a {
    text-shadow: 2px 2px 2px #656565;
    position: relative;
    /* background: #FF9800; */
    color: #fff !important;
    font-size: 16px;
    /*border-radius: 50px;*/
    padding: 12px 8px 11px 37px;
    display: block;
    margin: 0px auto;
    margin-top: 9px;
    width: 155px;
}
.hotline-right a img{
    width: 41px !important;
    height: auto;
}
h1#simdep{
    margin: 0px;
    background: #3097d1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 14px;
    padding: 5px 13px;
    line-height: inherit;

}
#block-giao-dich-nhanh{
    margin-top: 13px;
    padding-bottom: 10px;
    border: 1px solid #d3e0e9;
    margin-bottom: 10px;
}
#block-giao-dich-nhanh h3{
    margin: 0px;
    background: #3097d1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 14px;
    padding: 5px 13px;
    /*line-height: inherit;*/
    text-transform: uppercase;
}
.goiy-vip a{
    font-size: 16px;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    float: left;
}
.goiy-vip{
    margin-bottom: 5px;
    display: inline-flex;
    margin-left: -5px;
}
#giao-dich-nhanh{
    padding:  10px;
}
#giao-dich-nhanh li p:nth-of-type(1){
    color: red;
    font-weight: bold;
}
#giao-dich-nhanh li{
    border-bottom: 1px solid gray;
    padding: 5px 0;
}
.cam-on-quy-khach{
    display: block;
    padding: 0 10px;
}
.did814,.did921{
    display: none !important;
}
.test-tuan{
    margin-top: 30px !important;
}
.news-detail-description > strong{
    font-size: 14px;
    line-height: 18px;
}
.news-detail-content ul li a{
    font-size: 14px;
}
.news-detail-content h2{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.news-detail-content h3{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.news-detail-content p {
    margin-bottom: 5px;
}
/*loc gia*/
/*.loc-gia{
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    top: 25px;
}
.loc-gia:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 57px;
    bottom: 100%;
    border-bottom: 9px solid #fff;
    margin-bottom: -1px;
}
.loc-gia a{
    color: #288AD6;
    font-size: 16px;
    clear: both;
    margin-bottom: 12px;
    padding-left: 18px;
    display: block;
}
.tang-giam-gia{
    float: none;
    display: block;
    position: relative;
}
.tang-giam-gia .titleds{
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #288AD6;
    background:none;
}
.tang-giam-gia .titleds .ic-arrow{
    display: inline-block;
    vertical-align: middle;
    background: url(../images/muiten.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -133px -22px;
    width: 13px;
    height: 8px;
}
.loc-gia{
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9999;
    right: 0;
    margin-top: 10px;
    width: 170px;
    border-radius: 3px;
    border: solid 1px #D8D8D8;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    padding: 18px 10px 5px 14px;
}
.loc-gia.block{
    display: block;
}*/
.ic-addess{
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ic-addes.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 14px;
    height: 19px;
}
#tables .Vietnamobile {
    height: 22px;
    width: 82px;
    /*background: url(../images/im2.png) no-repeat 0px -64px;*/
    margin: 0 auto;
    font-weight: bold;
    color: #ff7b1e !important;
    padding: 3px 0 0 0;
    font-size: 13px;
}
.datmua-mang .Vietnamobile2 {
    width: 200px;
    border-top: 0;
    padding: 0;
    height: 20px;
    background-color: #fff;
    background: url(../images/im2.png) no-repeat 0px -68px;
    margin-left: 50px;
    background-size: initial;
}
.Vietnamobile3 {
    background-image: url(../images/vnmb.webp);
}
.col-8 label{
    margin-bottom: 0px;
    display: block;
}
.error + label {
    color: #BE1623;
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
}
#huey,#dewey, #louie{
    width: 20px;
    height: 20px;
}
#block-dat-sim .col-6{
    flex: 0 0 60%;
    max-width: 60%;
}
#block-dat-sim .col-6 label{
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.error {
    border: 1px solid #BE1623;
}
.process {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 3vw;
    position: relative;
    z-index: 1;
    margin-bottom: 23px;
}
.process_item {
    text-align: center;
}
.process_item_num {
    margin: auto;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #EFEFEF;
    text-align: center;
    line-height: 31px;
    font-weight: bold;
}
.process_item p {
    font-size: 13px;
    margin-top: 3px;
}
.process_item_num {
    margin: auto;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #EFEFEF;
    text-align: center;
    line-height: 31px;
    font-weight: bold;
}
.process:after {
    content: '';
    height: 2px;
    background: #efefef;
    position: absolute;
    z-index: -1;
    left: 30px;
    right: 40px;
    top: 15px;
}
/*đăng ký 4g*/
.title-module h1 {
    font-size: 32px;
    font-weight: 100;
    text-transform: uppercase;
    color: #1d9ce5;
    margin-bottom: 5px;
    font-weight: bold;
}
.title-module {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.title-module .cmt {
    font-size: 14px;
    color: #414141;
    font-weight: 500;
}
.package {
    margin: auto;
    text-align: center;
}
.package > div.item-data {
    display: inline-block;
    width: 32%;
    /*min-width: 260px;*/
}
.datap {
    margin: 5px;
    border-radius: 40px;
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    position: relative;
    /*min-width: 244px;*/
    -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
}
.datap .new {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
}
.datap .new img {
    width: 100%;
}
.datap a.signup{
    width: 100%;
    display: block;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background-color: #1d9ce5;
    border: 0px;
    font-size: 15px;
    border-radius: 20px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);
}
.datap .name {
    color: #1d9ce5;
    font-size: 16px;
    font-weight: bold;
}
.datap .number {
    font-weight: normal;
}
.datap li {
    position: relative;
    padding: 5px 0px;
    font-weight: bold;
}
.datap li {
    position: relative;
    padding: 5px 0px;
    font-weight: bold;
}
.datap li:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
    /*-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);*/
    /*-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);*/
    /*box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.5);*/
}
.datap .name h2 {
    font-size: inherit;
    margin: 0;
    font-weight: bold;
    font-size: 20px;
}
.huongdan-content .background-card{
    display: none;
}
.view-more-collapse{
    display: none;
}
 .simvip-mb-tra-gop > .sim-dep-li:nth-child(n):nth-child(n+32),.none-desktop{
    display: none;   
 }
 .simvip-mb-doanh-nhan > .sim-dep-li:nth-child(n):nth-child(n+26){
    display: none;   
 }
.sim-dep-li span.font-tragop{  
    color: #084c7d !important;
    /*font-weight: bold;*/
}
.card-title{
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 17px;
}
.card-title a{
    font-size: 14px;
    font-weight: bold;
}
.card-text{
    padding-left: 10px;
}
.gach-chan{
    border-bottom: 2px solid #165e88;
    display: block;
    width: 62px;
    margin: 0px auto;
}
.news{
    line-height: 20px;
}
@media screen and (max-width: 1450px){
    .bn-left,.bn-right{
        display: none;
    }

}
@media screen and (min-width: 1200px){
    #xem-them {
        display: block;
        text-decoration: underline;
        color: blue;
        cursor: pointer;
    }
    #onclick-block {
        display: none;
    }
}
/*mobile*/
@media screen and (max-width: 813px) {
    .none-desktop{
        display: block;
    }
    .mo-ta .seo-meta p img{
        width: 100% !important;
        height: auto !important;
    }
    .container .images-banner{
        width: 100% !important;
        height: auto !important;
    }
    .con-hang {
        display: none !important;
    }
    .gach-chan{
            margin: 0;
    }
    .none-mb{
        display: none;
    }
    .scrol{
        height: 125px;
    }
    .package > div.item-data{
        width: 49%;
    }
    .post-img2{
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 50%;
}
    .post-img{
        width: 50%;
    }
    /*.view-more-collapse{
        display: inline-block;
    }*/
    .simvip-mb .view-more-collapse{
        display: inline-block;
    }
    .simvip-mb .view-more-collapse2{
        display: none;
    }
    

    .view-more-collapse2{
        display: inline-block;
    }
    .view-more-collapse{
        width: 100%;
    }
    /*.sim-khuyen-mai li:nth-child(odd), .simvip-mb li:nth-child(odd){
        display: none;   
    }*/
    .view-more-collapse .sim_more2,.view-more-collapse .sim_more3{
        color: #288AD6;
        font-size: 16px;
        /*display: block;*/
        padding: 16px 5px;
        margin-bottom: 0px;
    }
    .view-more-collapse .sim_more3 a{
        color: #288AD6;
        font-size: 16px;
    }
    .view-more-collapse .text-center {
        padding: 0 4px;
        border: solid 1px #ccc;
        border-radius: 5px;
    }
    .huongdan-content .background-card{
        display: block;
        width: 380px;
        margin: 0px auto;
        height: 250px;
    }
    .huongdan-content .background-card span.so{
        bottom: 152px;
        width: auto;
        font-size: 19px;
        right: 65px;
    }
    .huongdan-content .background-card span.gia{
        right: 80px;
        bottom: 134px;
        width: auto;
    }
    .news-detail-description{
        padding: 0 10px;
    }
    .border .tragop-images{
        border-left: none !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
     .datap a.signup{
        font-size: 13px;
    }
    
    #chonkhoanggiabg {
        bottom: 0;
        height: 100%;
        z-index: 999999;
        width: 100%;
        position: fixed;
    }
    .sim-nhamang{
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        display: inline-block !important;
    }
    .sim-nhamang li{
        float: none !important;
        display: inline-block;
    }
    .giao-dịch-viettel{
        display: block;
    }
    .huongdan-content{
        /*padding: 0 10px;*/
    }
    #datsim-submit{
        margin-bottom: 0px;
    }
    .right-den {
        width: 55%;
        float: right;
        background: #000;
        opacity: .5;
        height: 100%;
    }
    #chonkhoanggiabg .hotro {
         overflow: scroll;
        float: left;
        width: 45%;
        background: #fff;
        height: 100%;
        z-index: 1234;
    }
    #sidebarleft{
        display: none;
    }
    #maincontent{
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .sim-dep-li{
        width: 50%;
    }
    .bn-left,.bn-right{
        display: none;
    }
    .simdep-ul, .simdenho-vt,.simdenho-vn,.simdenho-mb,.simvip-mb{
        padding: 0 5px;
        display: inline-block;
    }
    .simdep-ul{
        display: none;
    }
    .km-banchay{
        margin-left: 10px;
    }
    .sim-dep-li span {
    font-size: 16px !important;
    }
    .sim-dep-li span.font-tragop{
        font-size: 12px !important;
        color: #084c7d !important;
        padding-top: 5px !important; 
        font-weight: bold;
    }
    .simvip-mb-doanh-nhan .sim-dep-li span.doanh-nhan{
        font-size: 15px !important;
    }
    .simvip-mb-doanh-nhan .sim-dep-li span.sim-display2{
        font-size: 16px !important;
    }
    .sim-dep-li font {
        font-size: 14px !important;
    }
    .simdep-ul h4 > a, .simdenho-vt h4 > a, .simdenho-vn h4 > a, .simdenho-mb h4 > a, .simvip-mb h4 > a{
        font-size: 14px;
        text-transform: capitalize;
    }
    .sim-nam-sinh{
        padding: 0 10px;
        text-align: justify;
        /*display: none;*/
    }
    ul.tab li a {
        font-weight: bold !important;
        padding: 7px 0px !important;
        width: 100%;
        border-bottom: 1px solid #CCC;
    }
    .none-nam-sinh{
        display: none;
    }
    .stt{
        display: none;
    }
    #tables tr td.tampx font{
        font-size: 14px !important;
    }
    #tables .Viettel{
        background: url("../images/mang-vtm.png") 0 no-repeat;
        width: 33px;
        height: 30px;
        background-size: contain;
        text-indent: -9999px;
    }
    #tables .Vinaphone{
        background: url('../images/mang-vnpm.png') 0 no-repeat;
        width: 33px;
        height: 30px;
        background-size: contain;
        text-indent: -9999px;
    }
    #tables .Mobifone {
        background: url('../images/mang-mbm.png') 0 no-repeat;
        width: 33px;
        height: 30px;
        text-indent: -9999px;
        background-size: contain;
    }
    #tables .Vietnamobile{
        background: url('../images/mang-vnmb.png') 0 no-repeat;
        width: 33px;
        height: 30px;
        text-indent: -9999px;
        background-size: contain;
    }
    .dat-mua a{
        width: 90%;
        padding: 5px 5px;
    }
    .mang {
        display: table-cell;
    vertical-align: middle !important;
    }
    #tables tr td.dat-mua {
        line-height: 23px;
        vertical-align: middle !important;
        width: 23% !important;
    }
    .chon-mang-2 {
        width: 100% !important;
    }
    .box li.icon a{
        color: #1050c7 !important;
        text-decoration: underline;
        font-size: 12px ;
    }
    #tables tr td.tampx.sang-trai {
        width: 35% !important;
        padding: 8px 15px 8px 0px !important;
        line-height: 18px;
    }
    #tables tr td.tampx{
        padding: 10px 2px 8px 0px !important;
        line-height: 15px;
        width: 36% !important;
    }
    #tables tr td.tampx.sang-trai .sim-display3{
        font-size: 16.5px !important;
    }
    .font-tragop{
        font-size: 12px !important;
    }
    .simns-ngay li{
        width: 50%;
    }
    .simns-ngay li a{
        font-size: 13px;
    }
    .simns-ngay {
        padding: 5px 0px 0 20px;
    }
    .page-step{
        display: none;
    }
    .col-7{
        flex: 100%;
        max-width: 100%;
    }
    .col-7 .container .border{
        padding: 10px;
        margin: 10px 0;
    }
    .col-7 .container .border .col-6{
        max-width: 100%;
        flex: 100%;
    }
    .container.col-7 h1.h{
        font-size: 15px!important;
        line-height: 19px;
        font-weight: bold;
        margin: 10px;
    }
    .datmua-sosim {
        background: none!important;
        padding: 5px 5px 0;
        text-align: center;
        margin-left: 0;
        margin-top: 0;
    }
    .so-sim {
        font-size: 16px;
        /*float: none;*/
        float: none;
    }
    .datmua-giaban {
        padding-top: 5px;
        padding: 10px 5px 5px;
        text-align: center;
    }
    .so-ban .datmua-mang {
        padding: 5px 5px 0;
        width: 140px;
        margin: 0 auto;
    }
    .lien-he-gio{
        text-align: center;
    }
    .datmua-mang2 {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    .datmua-mang .Viettel2{
        height: 26px;
    }
    .nhansim,.tra-gop {
        float: none;
        margin-top: 0px;
    }
    .mang-mobile {
        width: 180px;
        margin: 0px auto;
    }
    .simdenho-mb{
        display: none;
    }
    .giaofree {
        padding: 0px !important;
       text-align: center !important;
       clear: both;
    }
    .datmua-mang .so-sim{
        float: left;
        padding-top: 5px;
    }
    .background-card {
        width: 100%;
        float: none;
        background-position: center;
    }
    #block-dat-sim .title_box_main{
        padding: 8px 0 5px;
        background: #3097d1;
        color: #fff;
        line-height: 23px;
    }
    #block-dat-sim form{
        padding: 15px 10px;
        min-height: 270px;
    }
    #block-dat-sim form label.col-3{
        display: none;
    }
    #block-dat-sim form .form-group{
        /*height: 50px;*/
    }
    #block-dat-sim form .form-group .col-8{
        max-width: 100%;
        flex: 100%;
        width: 100%;
    }
    #block-dat-sim form .form-group input{
        padding: 8px 10px!important;
        margin: 5px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 16px!important;
    }
    .goi-y-link li{
        width: 50%;
    }
    #footer-nav {
        height: auto !important;
        padding: 7px 10px;
        line-height: 20px !important;
    }
    .policy_item {
        font-size: 13px;
        color: #037319;
        margin-bottom: 10px;
    }
    .policy_item i {
        margin-top: -3px;
    }
    .ic.ic-card{
        display: inline-block;
        vertical-align: middle;
        background: url(../images/card.png) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        width: 26px;
        height: 20px;
    }
    .ic.ic-truck{
        display: inline-block;
        vertical-align: middle;
        background: url(../images/icon-oto.png) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        width: 26px;
        height: 20px;
    }
    .ic.ic-ck{
        display: inline-block;
        vertical-align: middle;
        background: url(../images/ck.png) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        width: 26px;
        height: 25px;
    }
    .contact_line {
        border-bottom: solid 1px #EFEFEF;
        padding: 10px 12px;
    }
    .contact_line label {
        text-transform: capitalize;
        font-size: 15px;
        letter-spacing: -0.02em;
        width: 110px;
        margin-bottom: 0px;
        display: inline-block;
    }
    /*.contact_line a{
        width: 110px;
        display: inline-block;
    }*/
    .contact_line a {
        font-weight: bold;
        font-size: 16px;
        color: #288AD6;
        margin-right: 15px;
    }
    .ic-call{
        display: inline-block;
        vertical-align: middle;
        background: url(../images/ic-call.png) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        width: 27px;
        height: 27px;
    }
    .ic-zalo{
        display: inline-block;
        vertical-align: middle;
        background: url(../images/ic-zalo.png) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        width: 71px;
        height: 28px;
    }
    .news{
        background: #eaeaea;
        text-align: left;
        color: #36383a;
        line-height: 25px;
        font-size: 14px;
        padding: 10px 10px 50px 10px;
    }
    .outer-container {
        padding: 0;
        background: #ffffff;
    }
    .outer-container .policy {
        background: #f0f9ff;
        padding: 15px 0 5px 0;
    }
    .outer-container .policy .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    .outer-container .policy .col-auto{
        padding-left: 6px;
        padding-right: 6px;
    }
    .news a{
        color: #0a4373;
        font-size: 14px;
    }
    #footer1 .col-md-4 {
        width: 98%;
        color: #666;
        line-height: 20px;
        float: left;
        padding: 0 1%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .news-detail-content img{
        width: 100% !important;
        height: auto !important;
    }
    .news-detail-content,.post_related{
        padding: 0 10px;
        /*text-align: justify;*/
    }
    .post_related{
        margin-bottom: 10px;
    }
    #csearch {
        width: 90%;
        height: 39px;
        border: 1px solid #fff;
        font-size: 16px;
        padding-left: 10px;
        border-radius: 0!important;
    }
    .nuttim {
        position: absolute;
        /*border-radius: 0 2px 2px 0;*/
        top: 0px;
        color: #fff;
        padding: 10px 20px;
        height: 39px;
        margin-top: 0;
        cursor: pointer;
        text-align: center;
        background-size: cover;
        right: 10px;
    }
    #box_tim ul.huongdan {
        padding-top: 10px;
        display: none;
    }
    #block_tim_sim .none{
        display: none;
    }
    #box_tim {
        width: 100%;
        background: #1d9ce5;
        height: auto;
    }
    #soption2{
        height: auto;
    }
    .long {
        z-index: 111111;
    }
    .fixed {
        position: fixed;
        top: 0;
        height: 0;
        width: 100%;
    }
    .news-detail-content strong img{
        width: auto !important; 

    }
    .navbar-expand-lg.menu{
        display: none;
    }
    .menu-mobile{
        display:block;
        background: #fff;
        width: 100%;
        border-bottom: 1px solid #dee2e6!important;
    }    
    .menu-mobile ul{
        padding-top: 9px !important;
        height: 41px;
        line-height: 30px;
        list-style: none;
        margin-bottom: 0px;
        padding-left: 5px;
    }
    .menu-mobile li.mobile {
        padding: 5px 0;
        width: 24%;
        display: block;
    }
    .menu-mobile li.mobile a {
        padding-top: 3px;
        color: #0098db;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 2px;
        letter-spacing: -1px;
    }
    .menu-mobile li.mobile.ns2 a{
        /*color: #000;*/
        /*background: red;*/
        /*padding: 5px 3px;*/
        /*border: 1px solid red;*/
        /*border-radius: 5px;*/
    }
    .menu-mobile li {
        display: block !important;
        color: #fff;
        list-style-type: disc;
        line-height: initial;
        float: left;
    }
    .menu-mobile .mobile.sim-tra-gop {
        width: 45%;
        text-align: center;
    }
    .menu-mobile li.ns2 {
        width: 31%;
    }
    .sim-tra-gop > a {
        color: red!important;
    }
    .menu-mobile .mobile img {
        width: auto!important;
        height: auto;
        top: -7px;
        position: relative;
    }
    .container .container h1.h.bansim{
        font-size: 18px !important;

        padding: 10px 0 0 10px !important;
    }
    #goTop {
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 10px;
        right: 20px;
        line-height: 55px;
        color: #fff;
        font-size: 27px;
        background: url(../images/oke.png) no-repeat;
        background-size: cover;
        z-index: 99999;
    }
    .hotlinebottom {
        position: fixed;
        display: block;
        bottom: 15px;
        left: 9px;
        z-index: 9999;
    }
    .hotlinebottom .tang7 {
        z-index: 9;
        line-height: 37px;
        color: #fff;
        font-weight: 700;
        font-size: 21px;
        position: fixed;
        bottom: 15px;
        left: 9px;
        padding: 0 10px 0 37px;
        height: 36px;
        background: #4caf50;
        box-shadow: 0 4px 5px -1px rgba(0,0,0,.5);
        border-radius: 50px;
    }
    #phone {
        position: absolute;
        top: 7px;
        left: 0;
    }
    #postraobansim #phone{
        position: relative;
    }
    #phone span {
        display: inline-block;
        width: 36px;
        height: 36px;
        background: url('../images/phone0.png') no-repeat top;
        -webkit-animation: Rotate 1300ms linear 1300ms 5;
        animation: Rotate 1300ms linear 1300ms 5;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
    }
    .filter-tranh{
        padding: 4px;
        margin-left: 8px;
    }
    .tang-giam li a {
        font-size: 15px;
    }
    #phone+div {
        border: 1px solid #fff;
        width: 34px;
        height: 34px;
        position: absolute;
        border-radius: 50px;
        left: 0;
        top: 0;
    }
    #sidebarright .block_giatien,#sidebarright .block_categories,#sidebarright .simsodep,#sidebarright .khoi-2-mobile{
        display: block;
        width: 100%;
    }
    .tintuc-moi{
        display: none;
    }
    ul#navmenu, .sim-dep,ul#navmenu2,ul#navmenu3 {
        margin-top: 1px;
        columns: 177px 2;
        column-gap: 0px;
        border: 1px solid #ccc;
    }
    .block_giatien ul#navmenu li,.block_giatien ul#navmenu2 li,.block_giatien ul#navmenu3 li, .block_categories li, .khoi-2-mobile li{
        position: relative;
        display: block;
        width: auto;
        padding: 0px;
        margin: 0 0 -1px 0;
        background-color: #fff;
        border: 1px solid #ddd;
        color: #005064 !important;
        font-weight: bold;
    }
    .block_giatien ul#navmenu li a,.block_giatien ul#navmenu2 li a,.block_giatien ul#navmenu3 li a, .block_categories li a,.khoi-2-mobile li a {
        color: #005064!important;
        font-weight: 700;
        padding: 9px 15px;
        display: inline-block;
        line-height: 14px;
    }
    .block_categories li,.block_giatien ul#navmenu li,.block_giatien ul#navmenu2 li,.block_giatien ul#navmenu3 li, .khoi-2-mobile .destop li{
        border: 1px solid #005064;
        border-radius: 5px;
        /*margin: 5px;*/
        text-align: center;
    }
    #sidebarright .block_giatien,#sidebarright .block_categories,.khoi-2-mobile .destop {
        display: grid;
    }
    .block_categories .sim-dep,.block_giatien #navmenu,.block_giatien #navmenu2,.block_giatien #navmenu3,.khoi-2-mobile .destop .sim-dep{
        columns: inherit;
    }
    .block_categories .sim-dep li,.block_giatien ul#navmenu li,.block_giatien ul#navmenu2 li,.block_giatien ul#navmenu3 li,.khoi-2-mobile .destop li {
        width: 48%;
        margin: 1%;
        float: left;
    }
    #sidebarright{
        padding-left: 0px;
    }
    #block-don-hang-moi{
        margin-top: 0px;
    }
    #counter{
        padding-bottom: 50px;
        padding-top: 25px;
        margin-bottom: 40px;
    }
    .khoi-2-mobile{
        margin-bottom: 10px;
    }

    #simsodep{
        /*padding-top: 100px; */
        display: block;
    }
    .box-mang,.box-loaisim{
        display: block;
    }
    .box-loaisim h2, .box-mang h2 {
        margin: 0px;
        background: #3097d1;
        color: #fff;
        font-weight: 700;
        text-align: center;
        font-family: Arial,sans-serif;
        font-size: 14px;
        padding: 1px 13px;
    }
    .box-title .icon-ds {
        background: url('../images/icon_ds.png') left no-repeat;
    }
    .box-title > span {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 36px;
        display: inline-block;
        vertical-align: middle;
    }
    .box-loaisim h2, .box-mang h2 {
        margin: 0px;
        background: #3097d1;
        color: #fff;
        font-weight: 700;
        text-align: center;
        font-family: Arial;
        font-size: 14px;
        padding: 1px 13px;
    }
    .box-small1 {
        padding: 0px 10px;
        display: grid;
    }
    .sim-nhamang li {
        float: left;
        width: 36%;
        text-align: left;
        padding: 15px 0px 5px 0;
    }
    .sim-nhamang li:nth-of-type(1) {
        width: 29%;
    }
    .box-small1 .sim-nhamang .icon {
        padding: 13px 0 12px 44px;
        margin-bottom: 5px;
        font-size: 15px;
        margin-top: 2px; 
        background-size: contain;
    }
    .sim-nhamang .icon-vt {
        background: url('../images/mang-vtm.png') 0 no-repeat;
    }
    .sim-nhamang li a {
        display: block;
        font-weight: bold;
        font-size: 14px;
        color: #1050c7;
        text-decoration: underline;
    }
    .sim-nhamang li:nth-of-type(2) {
        width: 35%;
    }
    .sim-nhamang .icon-mb {
        background: url('../images/mang-mbm.png') 0 no-repeat;
    }
    .sim-nhamang .icon-vn {
        background: url('../images/mang-vnpm.png') 0 no-repeat;
    }
    .simdenho-vt > h4, .simdenho-vn > h4, .simdenho-mb > h4, .simvip-mb > h4{
        text-align: left;
        padding-top: 15px;
        border-top: 1px dashed #7d9dd6;
        margin-top: 30px;
    }
    .box-mang{
        margin-top: -25px;
    }
    .box-mid {
        padding: 10px;
        display: flex;
    }
    .subsim a {
        float: left;
        line-height: 26px;
        font-weight: bold;
        background: url('../images/icon-li-ns.png') left no-repeat;
        padding-left: 15px;
        padding-right: 5px;
        font-size: 13px;
        text-align: left;
        box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .homesim a, .subsim a {
        width: 49%;
        height: 26px;
    }
    .chon-mang-2.sim-nhamang .icon {
        margin: 0px !important;
        background: none;
        text-align: center;
    }
    .chon-mang-2.sim-nhamang .icon-vt a {
        background: url('../images/mang-vtm.png') left no-repeat;
        background-size: contain;
    }
    .chon-mang-2.sim-nhamang .icon a {
    background-position-y: center;
    padding: 10px 0 10px 22px;
    /* padding: 11px !important; */
    /*margin-bottom: 7px;*/
    margin-top: 7px;
    background-size: contain;
    }
    .chon-mang-2 .icon {
        padding: 6px !important;
    }
    .chon-mang-2.sim-nhamang .icon a {
        /*padding-left: 0px !important;
        background: none !important;*/
        font-size: 12px !important;
    }
    .chon-mang-2.sim-nhamang .icon-vnmb a{
        background: url(../images/mang-vnmb.png) left no-repeat;
         background-size: contain;
    }
    .chon-mang-2.sim-nhamang .icon-vn a {
        background: url('../images/mang-vnpm.png') left no-repeat;
        background-size: contain;
    }
    .chon-mang-2.sim-nhamang .icon-mb a {
        background: url('../images/mang-mbm.png') left no-repeat;
        background-size: contain;
    }
    .box-loaisim{
        border-bottom: 1px solid #ddd;
    }
    #sidebarright .simsodep{
        margin-top: 10px;
        border: 2px solid #208bc7;
        margin-bottom: 50px;
    }
    .tim-ntns {
        font-size: 20px;
        padding: 8px;
        margin: 15px 0px;
    }
    .background-card{
        display: none;
    }
    .tim-sim-ntn{
        font-size: 17px;
        padding: 12px 10px 0 110px;
    }
    .ntn {
        padding-left: 30px;
        font-size: 18px;
        padding-bottom: 14px;
    }
    .simsodep select {
        font-size: 20px;
        padding: 5px;
        box-shadow: none!important;
        background: none!important;
    }
    #sidebarright .block_giatien{
        margin-bottom: 25px;
        margin-top: 15px;
    }
    #pages{
        width: 100%;
        display: flex;
    }
    #pages li{
        float: left;
        display: block;
        float: left;
        margin: 0 3px 5px 3px;
        padding: 0;
    }
    #pages ul li span {
        color: #fff;
        background-color: #252525;
    }
    #pages ul li span, #pages ul li a {
        border-radius: 5px;
        
        position: relative;
        display: block;
        padding: 4px 8px 2px;
        line-height: 1.25;
        color: #1b1b1b;
        font-weight: bold;
        border: 1px solid #dee2e6;
    }
    #pages .page-item.active .page-link{
        color: #fff;
        background-color: #000000;
    }
    #pages .pagination{
        width: 100%;
        /*display: inline-block;*/
    }
    .test-tuan{
        margin-top: 32px !important;
    }
    .mo-ta{
        max-height: 270px;
    }
    /*.sim-display .qua-127, .sim-display .qua-703,.sim-display .qua-814,.sim-display .qua-2247,.sim-display .qua-2252,.sim-display .qua-2254,.sim-display .qua-2255, .sim-display .qua-128,.sim-display .qua-773,.sim-display .qua-835,.sim-display .qua-844{
    right: -15px;
    top: -6px;
    }*/
    .sim-display{
        position: relative;
        z-index: 1111;
    }
    .qua-792{
        right: -15px;
        top: -4px;
    }
    .block_categories li a{
        padding: 11px 5px;
        font-size: 14px;
    }
    .mobile-show h2{
        /*background: none;*/
        /*text-align: left;*/
        margin-top: 10px;
    }
    .mobile-show .text{
        /*color: #000;*/
        text-transform: uppercase;
        font-size: 15px;
    }
    .sim-nhamang li{
        padding: 10px 0 5px;
    }
    .menu-sim-dep a{
        /*width: 24%;*/
        /*float: left;*/
        font-weight: normal;
        font-size: 13px;
        color: #000;
        line-height: 38px;
        margin-bottom: 10px;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
        border: solid 1px #E9E9E9;
        height: 39px;
        padding: 0 5px;
        min-width: 52px;
        text-align: center;
        margin-right: 1%;
    }
    .menu-sim-dep a:nth-of-type(4),.menu-sim-dep a:nth-of-type(8){
        margin-right: 0px;
    }
    .menu-sim-dep{
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    .key-bottom{
        display: none;
    }
    .tra-gop-2 .form-group{
        width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .tra-gop-2 select{
        /*box-shadow: none!important;
        background: none!important;*/
        font-size: 15px !important;
        width: inherit !important;
    }
    .tra-gop-2 select option{
        font-size: 14px !important;
    }
}

.bn-left{
    /*display: none;*/
}

@media screen and (max-width: 376px) {
    .km-banchay span{
        margin-right: 5px;
        font-size: 13px;
    }
}
@media screen and (max-width: 401px) {
    .huongdan-content .background-card{
        display: block;
        width: 300px;
        margin: 0px auto;
        height: 165px;
    }
    .huongdan-content .background-card span.so{
        bottom: 99px;
        right: 55px;
        font-size: 16px;
    }
    .huongdan-content .background-card span.gia{
        right: 60px;
        bottom: 85px;
    }
}
@media screen and (max-width: 321px) {
    .menu-mobile li.mobile a{
        font-size: 13px;
    }
    .km-banchay span{
        padding: 5px 5px;
    }
    .box-small1 .sim-nhamang .icon{
        font-size: 12px;
    }
}