@media screen and (max-width : 1390px){
    header{background-size:auto 100%; background-position:center;}
}

@media screen and (max-width : 1600px){
    .slct-ctn{width:81%}
}
@media screen and (max-width : 1400px){
    nav a{ font-size:12px; padding:0 15px;}
    main .content .sidebar .submenu a .subBor{ padding:8px 0 0;}
}
@media screen and (max-width : 1325px){
    nav a{ font-size:12px; padding:0 10px;}
    main .content .sidebar .submenu a .subBor{ padding:8px 0 0;}
}
@media screen and (max-width : 1232px){
    nav a{ font-size:12px; padding:0 15px;}
    main .content .sidebar .submenu a .subBor{ padding:8px 0 0;}
}


@media screen and (max-width : 1200px){
    header .header h6{ font-size:24px; line-height:36px;}
    footer .footer{background-size:auto 100%; background-position:center;}
}
@media screen and (max-width : 1128px){
    main .content .maincontent{width:70%;}
    main .content .sidebar {margin-left:25px;width: 30%;font-family: Arial, sans-serif;}
    main .content{ margin:0 10px}
    main .content{ width:auto}
}
@media screen and (max-width : 1080px){
    nav span{ border-right: solid 1px #fff;}
    nav a{ font-size:12px; padding:0 12px;}
    header .header .user{ bottom:15px;}
}

@media screen and (max-width : 1024px){
    header .header .logo{ padding:15px 0 20px 25px;}
    header .header h6{ padding:20px 0 0 35px;}
    nav a{ padding:0 12px;}
    main .content .sidebar .submenu a .subBor{ font-size:11px; line-height:16px;}
    main .content .maincontent .noti ul li a, main .content .maincontent .searchbox ul li a{ font-size:14px;}
    main .content .maincontent .noti .notiList{ padding:20px 15px;}
    main .content .maincontent .noti.luachontochuc table td{ padding:10px 5px;}
    main .content .maincontent .noti.luachontochuc table th{ padding:6px 5px;}
}

@media screen and (max-width: 1012px){
    main .content .maincontent .noti .notiList article .time-ctn {gap: 30px;}
    main .content .maincontent .noti .notiList article .time-ctn .time-right{gap: 30px;}
}

@media screen and (max-width : 955px){
    header .header ul{ bottom:25px;}
    nav a{ text-transform:none;}
    main {width:100%}
    main .content .maincontent{ width:100%;}
    main .content .sidebar{ display:none;}
    main .content .maincontent .searchbox .left, main .content .maincontent .searchbox .left.right{ width:auto; float:none;}
    main .content .maincontent .searchbox.registerBox .dieukhoan{ margin:60px 0 12px;}
}

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

@media screen and (max-width: 800px) {
    header .header .logo{ width:80px;}
    header .header .logo img{ width:100%; height:auto; display:block;}
    header .header h6{ float:right; width:calc(100% - 125px); padding:20px 10px 0; font-size:20px; line-height:26px;}
    header .header ul{ bottom:20px;}
    nav a{ font-size:11px;}
    main .content .sidebar .news h2{ font-size:12px;}
    main .content .sidebar .submenu a .subBor{ font-size:10px; line-height:14px;}
    main .content .maincontent .noti ul li a, main .content .maincontent .searchbox ul li a{ text-transform:none; font-size:12px;}
}

@media screen and (max-width: 780px) {
    nav a{ padding:0 5px;}
}

@media screen and (max-width: 768px) {
    .slct-ctn{width:100%}
}

@media screen and (max-width: 740px) {
    header .header h6{ display:none;}
    main{ padding:0}
    header .header .logo{ float:none; padding:15px 0 10px; width:60px; margin:0 auto;}
    header .header ul, header .header .user{ bottom:50%; transform:translateY(50%);}
    header .header .navBtn{ width:35px; position:absolute; left:15px; top:50%; transform:translateY(-50%); cursor:pointer;}
    header .header .navBtn span{ display:block; border-radius:5px; height:3px; background-color:#fff; opacity:0.5; margin:0 0 6px;}
    header .header .navBtn span:last-child{ margin:0;}
    header{ margin:0;}
    nav{ display:none; height:auto; background-color:#222; text-align:center; padding:30px 0;}
    nav span{ display:block; border:none; border-bottom:solid 1px #191919; margin:0 auto; max-width:300px;}
    nav a{ display:block; font-size:14px; text-transform:uppercase; padding:0; height:45px; line-height:45px;}
    nav span .subDiv{ display:none; position:relative; top:0; width:auto; margin:0 50px; background:none; padding:10px 0 30px;}
    nav span:hover .subDiv{ display: none;}
    nav span .subDiv a{ color:#ccc; text-transform:none; font-weight:normal;}
    nav span .subDiv a:hover{ background:none; text-indent:0;}

    main .content .maincontent, main .content .sidebar{ width:100%; }
    main .content .maincontent, main .content .sidebar .news, main .content .sidebar .submenu{ margin:0 0 10px;}
    main .content .maincontent .searchbox ul, main .content .maincontent .noti ul{ text-align:center;}
    main .content .sidebar .news ul li a{ padding:15px 10px;}
    header .header .user ul{ transform:none;}
}

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

}

@media screen and (max-width: 640px) {
    main .content .maincontent .noti .notiList article{ width:auto; float:none !important;}
    main .content .maincontent .notiDetails .thongtinnho .thongtin1{ width:100%; display:block;}
    main .content .maincontent .noti.news .newsList article{ display:block; margin:0 0 10px; width:100%;}
    main .content .maincontent .noti .noti-container {display:block}
    main .content .maincontent .noti .noti-container .noti-sub { width: 100%}

    main .content .maincontent .dangthongbao .thongtinchung .info-ctn{flex-direction:column}
    main .content .maincontent .dangthongbao .thongtinchung .info-ctn .sub-file{ margin-top:4px}
    main .content .maincontent .dangthongbao .user-info .detail-user-info, main .content .maincontent .dangthongbao .sub-time-info{flex-direction:column}
    main .content .maincontent .dangthongbao .user-info .detail-user-info p:nth-child(2),
    main .content .maincontent .dangthongbao .sub-time-info p:nth-child(2)
    {margin-bottom: 4px}
    main .content .maincontent .dangthongbao .user-info .detail-user-info p:first-child, main .content .maincontent .dangthongbao .sub-time-info p:first-child{margin-bottom:0}

    main .content .maincontent .dangthongbao .auction-info-ctn {flex-direction: column}
    main .content .maincontent .dangthongbao .sub-file {margin-top: 4px}
}

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

}

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

}

@media screen and (max-width: 577px){
    main .content .maincontent .noti .notiList article .time-ctn {display: block;}
    main .content .maincontent .noti .notiList article .time-ctn .time-right{display:flex; width:100%; justify-content: space-between; margin-top: 4px}

    main .content .maincontent .noti .notiList article .selected-time-ctn{}
    main .content .maincontent .noti .notiList article .selected-time-left{flex-direction: column}
    main .content .maincontent .noti .notiList article .selected-time-right{flex-direction: column}
    main .content .maincontent .noti .notiList article .time-title { margin-right: 0}
}

@media screen and (max-width: 568px) {
    header .header ul li a{ margin:0 0 0 -1px; font-size:12px; width:68px;}
    header .header .user, header .header .user b, header .header .user span{ font-size:12px;}
}

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

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

}

@media screen and (max-width: 534px) {
    main .content .maincontent .searchbox .asset-search-row{display:block}
}

@media screen and (max-width: 480px) {
    main .content .maincontent .noti ul li a, main .content .maincontent .searchbox ul li a, main .content .sidebar .news h2{}
    main .content .maincontent table td{ word-break:break-word;}
    <!-- main .content .maincontent table td:first-child, main .content .maincontent table th:first-child{ display:none;} -->
    header .header .user{ max-width:120px;}
}

@media screen and (max-width: 420px) {
    main .content .maincontent .noti ul li a, main .content .maincontent .searchbox ul li a, main .content .sidebar .news h2{ font-weight: bold; font-size:12px; padding:0 10px;}
//   main .content .maincontent .noti ul, main .content .maincontent .searchbox ul{ display:flex;}
    main .content .maincontent .noti ul li, main .content .maincontent .searchbox ul li{ display:flex;}
    main .content .maincontent .noti ul li a, main .content .maincontent .searchbox ul li a{padding:8px 5px; height:auto;}
    header .header ul li{ display:block; float:none;}
    header .header ul li a{ margin:0 0 10px; width:80px;}
    header .header ul li:last-child a{ margin:0;}
    main .content .maincontent, main .content .sidebar .news, main .content .sidebar .submenu, main .content .maincontent .searchbox, main .content .maincontent .noti{ margin:0 0 20px;}
    main .content{ margin:0 10px 30px;}
    main .content .maincontent .noti .paging ul li a{ margin:0 0 0 5px;}
    main .content .maincontent .noti .paging div span{ padding:0 5px;}
    main .content .maincontent .noti.luachontochuc table td{ word-break:break-all;}
    main .content .maincontent .noti.luachontochuc .notiList article h2 a, main .content .maincontent .noti.nghiepvu .notiList article h2 a{ font-size:14px; top:0;}
    main .content .maincontent table.dangthongbao th:first-child, main .content .maincontent table.dangthongbao th:nth-child(4), main .content .maincontent table.dangthongbao th:nth-child(7){ display:none;}
    .popup .contentPopup .formBox{ padding:30px 20px;}
    main .content .maincontent .searchbox.registerBox .dieukhoan{ height:240px;}
    main .content .maincontent .searchbox.registerBox .dieukhoan p{ font-size:12px;}
    main .content .maincontent .searchbox.registerBox ul{ display:block;}
    main .content .maincontent .lichsuthongbao h1{ padding:0;}
    main .content .maincontent .lichsuthongbao .dangthongbaoBtn{ float:none; width:105px; margin:0 auto 30px;}
    header .header .user{ max-width:100px;}
    main .content .maincontent .back-btn-ctn{padding-bottom:0}
}

@media screen and (max-width: 360px) {
    header .header .user{ right:20px; max-width:70px;}
}

@media screen and (max-width: 338px) {
    .popup .contentPopup .formBox ul.popupBtn li a{ padding:0 10px;}
}

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

}

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

}