@media screen and (min-width: 1440px) {

    .pagewrap {
        max-width: 1400px;
    }
}

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

    .pagewrap {
        max-width: 1200px;
    }

}

@media screen and (min-width: 1025px) {

    .mobile-menu-area {
        display: none;
    }


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

    ::-webkit-scrollbar-track {
        background-color: #cdcdcd;
    }
    ::-webkit-scrollbar {
        background-color: #cdcdcd;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #979797; 
        border-radius: 50px;
    }
    .pagewrap {
        padding-right: 15px;
        padding-left: 15px;
    }
    .box_menu,
    .header,
    .box_pri_list_page .clr,
    .pa_footer_1 .lien_ket_pc  {
        display: none;
    }
    .pa_footer_1 .lien_ket_mobile {
        display: flex;
        flex-wrap: wrap;
    }
    .menu > li > ul.custom > li > a,
    .menu > li:last-child > a > i {
        color: #333;
    }
    .menu > li:nth-child(2),
    .menu > li:nth-child(1) {
        background: none;
        padding:0;
        border-radius: 0;
        margin-right: 0;
    }
    .menu > li:nth-child(1) a,
    .menu > li:nth-child(2) a {
        color: #333; 
        padding-right: 0;
        padding-left: 5px;
    }
    .menu > li + li {
        border: none;
    }

    .pa_footer_1 .lien_ket_mobile .col_footer_1 {
        width: 50%;
        padding: 5px;
    }
    .logo_top {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0);
    }
    .logo_top ul {
        justify-content: center;
    }
    .link_page {
        position: relative;
        z-index: -1;
    }
    .pagewrap,
    .box_poup,
    .chamsoc_kh ul {
        width: 100%;
    }
    .mobile-menu-area .header_mid_mobile {
        border: none;
        position: relative;
        padding: 0;
    }
    .pa_footer_1,
    .pa_footer_2 {
        padding: 30px 10px;
    }
    .footer {
        margin-top: 0;
    }
    .col_footer_1 {
        width: 50%;
        margin-bottom: 30px;
    }
    .footer_top {
        padding: 40px 10px 50px;
    }
    .footer_center,
    .with_poup ul h3 a {
        padding: 16px 10px;
    }
    .footer_center1 {
        padding: 35px 10px 10px;
    }
    .footer_bt {
        padding: 20px 10px 70px;
    }
    .footer_bt .col-lg-8 {
        width: calc(100% / 1.5 - 20px);
    }
    .footer_bt .col-lg-4 {
        width: calc(100% / 3.5 - 20px);
    }
    #test_logo {
        margin-right: 10px;
    }
    .dangky_bocongthuong a:nth-child(2) {
        width: auto;
    }

    .pa_daugia_thanhcong .single_daugia {
        width: 50%;
        margin: 10px 0;
    }
    .pa_daugia_thanhcong h3,
    .pa_tenmien_daugia .pagi h3 {
        font-size: 25px;
    }
    /*
    .pa_room_daugia {
        padding: 25px 0;
    }
    .pa_room_daugia ul.phien-dau-gia {
        justify-content: center;
    }
    */
    .pa_daugia_thanhcong .single_daugia {
        width: 50%;
        margin: 10px 0;
    }
    .pa_daugia_thanhcong h3/*,
    .pa_room_daugia .pagi h3*/ {
         font-size: 25px;
    }

    .pa_dangky_daugia,
    .bid_pa_thongtin_taikhoan,
    .pa_tenmien_daugia {
        padding: 50px 0;
    }
    .pa_dangky_daugia .pagi h3 {
         font-size: 25px;
    }
    .pa_danhsach_phiendau .tenmien_daugia,
    .pa_tenmien_daugia .tenmien_daugia {
        overflow-x: scroll;
    }
    .pa_danhsach_phiendau article,
    .pa_tenmien_daugia article {
          width:1200px;
    }   
    .pa_danhsach_phiendau .direct-scroll,
    .pa_tenmien_daugia .direct-scroll {
        display: flex;
        justify-content: center;
        padding-top: 10px;      
    }  
    
}

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



    /* ========== Phòng đấu giá ============= 
    .pa_room_daugia ul.form-submit {
        padding: 0;
    }
    .pa_room_daugia ul.form-submit:last-child {
        margin-top: 10px;
    }
    */
    .dangky_daugia ul.form-submit li:first-child,
    .bid_pa_thongtin_taikhoan ul.form-submit li:first-child {
      width: 50%;
    }

    .bid_pa_info label.title-tab {
        line-height: 2;
    }
    .bid_pa_info label.title-tab span {
        display: block;
    }
    .bid_pa_info label::after {
        top: 10px;
    }
    .bid_pa_info button,
    .bid_pa_info input[type="submit"],
    .bid_pa_info a.btn {
        padding: 5px 15px;
    }

}

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

    .pa_search {
        padding: 30px 0;
    }
    .pa_search ul.search {
        padding: 35px;
    }
    .pa_search ul.search img {
        height: 150px;
    }
    form.pa-search input[type="text"] {
        padding-left: 170px;
    }
    /*
    .pa_room_daugia ul.daugia_tenmien li p {
        font-size: 20px;
    }
    */

    
}

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

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

    .mobile-menu-area .logo-mobile {
        width: 55%;
    }
    .chamsoc_kh,
    aside.floating {
        display: none;
    }
    .pa_footer_2 .col-md-3 {
        width: calc(100% / 1 - 20px);
        margin: 10px 0;
    }
    div.topup {
        right: 20px;
    }
    .pa_tenmien_daugia {
         padding: 35px 0;
    }


    .bid_pa_login .form-login,
    .bid_pa_login .form-reg {
        width: 100%;
    }
    .bid_pa_login .form-login {
        padding-bottom: 0;
    }

    .bid_pa_info label.title-tab {
        line-height: 2;
    }
    .bid_pa_info label::after {
        top: 10px;
    }

}

@media screen and (max-width: 736px) {
    
   .pa_search ul.search form {
    width: 100%;
   }
   .pa_search ul.search {
        padding: 20px;
    }
    .pa_search ul.search img {
        height: 120px;
    }
    form.pa-search input[type="text"] {
        padding-left: 140px;
    }
}

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

    .pa_tenmien_daugia .pagi {
        justify-content: center;
    }
    .pa_tenmien_daugia .pagination {
        margin: 20px auto 0 auto;
    }


}

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

    .mobile-menu-area .header_menu_mobile,
    .menu_right_mobile {
        width: 15%;
    }
    ul.form-submit {
        padding: 5px 0;
    }
    .dangky_bocongthuong {
        width: 75%;
    }

    .dangky_daugia ul.form-submit {
        padding: 10px;
    }
    .dangky_daugia ul.form-submit li:first-child {
      width: 100%;
      font-weight: 700;
      margin-bottom: 5px;
    }

    .bid_pa_info ul.form-submit li.typing.dia-chi select,
    .bid_pa_info ul.form-submit li.typing.dia-chi input.nd,
    .bid_pa_info ul.form-submit li.typing.so-dien-thoai select,
    .bid_pa_info ul.form-submit li.typing.so-dien-thoai input.nd {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    .bid_pa_info input:checked ~ .tab-content {
        max-height: none;
        height: auto;
    }

}

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

    .pa_title_main h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .mobile-menu-area .logo-mobile {
        width: 60%;
    }
    .menu-toggle {
        background: url(images/menu.png) no-repeat center;
        background-size: 55% !important;
    }
    .logo_top ul li.logo_left {
        width: 100%;
        padding-right: 0;
    }
    .header_menu_mobile > a.btn_menu {
        font-size: 24px;
    }

    .logo_top ul li.logo_right {
        display: none;
    }
    .mobile-menu-area .menu_right_mobile > li.notification {
        position: initial !important;
    }
    .mobile-menu-area .menu_right_mobile,
    .mobile-menu-area .header_menu_mobile {
        width: 20%;
    }
    .mobile-menu-area .logo-mobile img {
        height: 35px;
    }
    .mobile-menu-area .menu_right_mobile > li > a > i {
        font-size: 20px !important;
    }
    .mobile-menu-area .menu_right_mobile > li.notification span {
        width: 18px;
        height: 18px;
        display: block;
        line-height: 18px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 12px;
    }
    .bid_pa_thongtin_taikhoan ul.form-submit li:first-child,
    .bid_pa_thongtin_taikhoan ul li,
    .pa_footer_1 .lien_ket_mobile .col_footer_1,
    .pa_daugia_thanhcong .single_daugia {
        width: 100%;
    }

    form.pa-search {
        flex-wrap: wrap;
    }
    form.pa-search input[type="text"] {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pa_search ul.search input[type="submit"] {
        margin: 0 auto;
    }
    .pa_search ul.search img {
        height: 80px;
        top: 30%;
    }
    form.pa-search input[type="text"] {
        padding-left: 100px;
    }
    .col_footer_1 h3 {
        margin-bottom: 0;
    }
    .dangky_bocongthuong a img {
        height: 50px;
    }
    .pa_daugia_thanhcong .domain_daugia {
        padding: 10px 0;
    }
    /*
    .pa_room_daugia ul.phien-dau-gia {
        padding: 15px 0;
        margin: 0;
    }

    .pa_room_daugia li.thoi-gian-chot p,
    ul.daugia_tenmien li.thoi-gian-chot p {
        font-size: 17px;
    }
    */
    .bid_pa_login .form-reg {
        padding-top: 0;
    }
    .dangky_daugia input[type="checkbox"],
    .dangky_daugia input[type="radio"] {
        width: 40px;
        height: 40px;
        margin-top: 0;
    }

    .bid_pa_dieu-khoan .tab-content p {
        padding: 15px 10px;
    }

    .bid_pa_info ul.form-submit li.typing.so-dien-thoai select,
    .bid_pa_info ul.form-submit li.typing.so-dien-thoai input.nd {
        width: 100% !important;
        margin: 5px 0 !important;
     }
    .bid_pa_info .tabs.type {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bid_pa_info .tabs.type input[id=radio-1]:checked ~ .glider {
        transform: translateX(0px);
    }
    .bid_pa_info .tabs.type input[id=radio-2]:checked ~ .glider {
        transform: translateX(0px);
        transform: translateY(40px);
    }

}

@media screen and (width: 414px) {
    
}

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

    .pagewrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu > li > ul.notify {
        width: 300px;
    }
    form.pa-search {
        flex-wrap: wrap;
    }
    .pa_search ul.search {
        padding: 20px 10px;
    }   
    .mobile-menu-area .logo-mobile a:nth-child(2) {
        display: none;
    }
    .mobile-menu-area .logo-mobile img {
        height: 45px;
    }
    .dangky_bocongthuong {
        width: 75%;
    }
    .dangky_bocongthuong a {
        margin-bottom: 0;
        width: auto;
    }
    .dangky_bocongthuong a img {
        height: 55px;
    }
    .pa_daugia_thanhcong h3,
    .pa_tenmien_daugia .pagi h3 {
        font-size: 20px;
    }
    .bid_pa_login .form-login,
    .bid_pa_login .form-reg {
        padding: 25px;
    }
    .bid_pa_login .form-login form,
    .bid_pa_login .form-reg form {
        padding: 20px;
    }

    .bid_pa_info label.title-tab {
        font-size: 17px;
    }
    
}

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

    menu nav {
      width: calc(300px * 0.9) !important;
      flex: 0 0 calc(300px * 0.9) !important;
    }
    .col_footer_1 .social li {
        margin-right: 5px;
    }
    /*
    .pa_room_daugia h2.ten-mien-chinh {
        position: relative;
    }
    .pa_room_daugia h2.ten-mien-chinh a {
        position: absolute;
        right: 0;
        bottom: 40px;
    }
    */
    .bid_pa_login .form-login .forgot-password {
        margin: 0;
    }
    .bid_pa_login .form-login,
    .bid_pa_login .form-reg {
        padding: 15px;
    }

    .bid_pa_info label::after {
        display: none;
    }
    
}