@charset "utf-8";

@media only screen and (max-width: 960px) {
.wrapper {padding:0 10px;}
.listService li {width:33.33%;}
}

@media only screen and (max-width: 768px) {
.aside {width:25%;}
.mainContent {width:75%;}
.listService li {width:50%;}
.title_art, .step_service h1 {font-size:32px;}
.mReg {padding:0 20px;}
.row_input input, .row_input select, .row_input textarea {width:100%;}
.imgKey, .mod_infoAccount .infoAcc .btn_search {right:2%;}
.aQuestion {display:block; margin:10px 0;}
.result .infoAcc {width:32%;}


/* khi the hien 1 cot --*/
.rowTitle div {display:none;}
.rowTitle::after {content:"Lịch sử giao dịch"; text-align:left; padding:0; font-size:1.2em; padding:0 10px;}
.rowtable div {float:none; width:100% !important; border-bottom:1px solid #fff;}
.rowtable div::before {display:block; padding:2px 10px; float:left; width: 25%; text-align:left; margin-right:6px; font-weight:bold; color:#000;}
.rowtable div.sttGD {text-align:left;}
.rowtable div.sttGD::before {content:'Stt:';}
.rowtable div.dateGD::before {content:'Ngày GD:';}
.rowtable div.contGD::before {content:'Nội dung GD:';}
.rowtable div.stGD::before {content:'Số tiền GD:';}
.rowtable div.sdGD::before {content:'S dư cuối:';}
.rowtable br {display:none;}

}


@media only screen and (max-width: 640px) {

.logo {width:50%;}
.logo img {width:100%;}
.pageStatus {margin-top:0;}

.aside {width:32%;}
.mainContent {width:68%;}
.title_art, .step_service h1 {font-size:26px;}
.sp_pow {background-size:100% 100%;height: 23px;width: 21px;}
.mReg {padding:0 30px; width:100%; float:none; border:none;}
.right_mReg .helpSer {margin-bottom:22px;}
.height_x {height:20px;}
.listService li {width:100%; float:none;}
.step_service .img_stepSer {width:45px; height:45px;}
.step_service h1 {line-height:45px;}
.mod_infoAccount .infoAcc {width:100%; float:none;}
.result .infoAcc {width:100%; min-height:100px; border:none; float:none;}

}


@media only screen and (max-width: 480px) {
.header {padding:10px 0}
.clear {display:none;}
.logo {width:50%; margin:0 auto; float:none;}
.pageStatus {display:none;}

.aside {width:100%; float:none; padding:0;}
.mainContent {width:100%;float:none;}
.listTask .wImgTask {display:none;}
.listTask * {margin-left:0;}
.row_btn {text-align:center;}

.footer {text-align:center;}
.r_footer {float:none; margin-bottom:10px;}
}


@media only screen and (max-width: 320px) {


}