@media only screen and (max-width: 1100px) {
    .box_1_banner_tc {
        width: 91%!important;
        left: 50%!important;
        transform: translateX(-50%);
        top: 9%!important;
    }
    .box_2_banner_tc {
        left: 50%!important;
        transform: translateX(-50%);
    }
    .list_item_banner_tc {
        transform: translateY(0)!important;
    }
    .box_2_banner_tc {
        font-size: 20px!important;
        bottom: 7%!important;
    }

}

@media only screen and (max-width: 900px) {
    .box_1_banner_tc {
        font-size: 35px!important;
    }

}

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

    .full_login{
        flex: inherit!important;
        padding-right: 0!important;
    }
    .full_signup{
        flex: inherit!important;
        padding-left: 0!important;
        border-left: inherit!important;
        padding-top: 10px;
        border-top: 1px solid #ddd;
    }
    .content_thi_cong {
        padding: 10px!important;
    }
    .full_thi_cong {
        padding: 20px!important;
    }
    span#checkbox-540 {
        grid-template-columns: 100%!important;
        row-gap: 10px;
    }


}
@media only screen and (max-width: 650px) {
    .box_1_banner_tc {
        font-size: 20px !important;
        padding: 10px!important;

    }
    .box_2_banner_tc {
        font-size: 14px !important;
        padding: 10px!important;
        width: 50%!important;
    }
    .list_loc_archive {
        align-content: flex-start!important;
        flex-direction: column!important;
    }

}

@media only screen and (max-width: 500px) {
    h2.title_5_kn {
        font-size: 35px!important;
    }
    h3.title_tc_bb {
        font-size: 35px!important;
    }

}
/* thi công................................................................................................... */
.banner_tc {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 50%;
}

.banner_tc>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box_1_banner_tc {
    position: absolute;
    font-size: 50px;
    padding: 20px;
    top: 20%;
    font-weight: 700;
    width: 45%;
    left: 4%;
    background: #ffd650;
}

.box_2_banner_tc {
    position: absolute;
    bottom: 20%;
    right: 4%;
    padding: 20px;
    text-transform: uppercase;
    font-size: 40px;
    width: 35%;
    background: #ffd650;
}
.list_item_banner_tc {
    width: 100%;
    float: left;
    padding: 20px;
    transform: translateY(-3rem);
}

.item_banner_tc {
    width: 100%;
    float: left;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    padding: 20px;
    border-top: 12px solid #ffd650;
    background: #fff;
}

.item_banner_tc>img {
    width: 80px;
}

.title_item_banner_tc {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 24px;
    margin: 10px 0;
}

.content_item_banner_tc {
    width: 100%;
    float: left;
    text-align: justify;
    line-height: 1.8;
    font-size: 17px;
}

.contact_thi_cong {
    background-image: url(images/banner_form_tc.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.content_thi_cong {
    padding: 30px;
    width: 100%;
    display: flex;
}

.full_thi_cong {
    width: 100%;
    padding: 2rem;
    background: #fff;
    border-top: 8px solid #ffd650;
}

.input_tc {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.input_tc label {
    width: 100%;
    float: left;
}

.input_tc span {
    width: 100%;
    margin: 0;
}

.input_tc select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
}

.input_tc input {
    outline: none;
}

span#checkbox-540 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
}

span#checkbox-540>span {
    width: inherit;
    font-weight: 600;
}

.input_tc textarea {
    outline: none;
    max-width: 100%;
    width: 100%;
    height: 100px;
    font-family: montserrat,sans-serif;
}

.sb_tc {
    float: left;
}

input#sb_tc {
    background: #104c87;
}
.full_thi_cong h2 {
    text-align: center;
    font-size: 25px;
    margin: 0 0 15px;
}
.contact_zalo_tc {
    width: 100%;
    float: left;
    padding: 20px;
    border-top: 8px solid #ffd650;
    background: #273647;
    color: #fff;
}

h3.title_zalo_tc {
    text-align: center;
    font-size: 30px;
    margin: 3rem 0 20px;
    width: 100%;
    float: left;
}

p.text_zalo_tc {
    text-align: center;
    width: 100%;
    float: left;
    margin: 0;
}
.content_zalo_tc {
    width: 100%;
    float: left;
    margin: 2rem 0;
}

.item_col_zalo {
    width: 100%;
    float: left;
    background: #fff;
    color: #000;
    padding: 20px;
}

h3.t_zalo {
    width: 100%;
    float: left;
    margin: 20px 0;
    font-size: 25px;
}

ul.list_tt_tc {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
}

ul.list_tt_tc>li {
    margin-bottom: 10px;
}
ul.list_tt_tc::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 2px;
    background: #000;
}
.bt_content_zalo_tc {
    width: 100%;
    float: left;
}

p.du_kien {
    text-align: center;
    font-size: 20px;
    width: 100%;
    float: left;
    margin: 0  0 10px;
}

p.gia_dk {
    font-size: 25px;
    margin: 0;
    text-align: center;
    width: 100%;
    float: inline-start;
}

p.text_zalo {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    text-align: center;
    font-size: 20px;
}


a.text_zalo {
    color: rgb(0, 104, 255);
}
p.yc_tc {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 20px 0;
    border: 2px solid #ffd60d;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    color: #ffd60d;
    font-size: 20px;
    font-weight: 600;
    flex-wrap: wrap;
}
p.yc_tc.text_up>a {
    color: #ffd60d;
}

.content_5_kn {
    width: 100%;
    float: left;
    margin: 3rem 0;
}

h2.title_5_kn {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 50px;
    margin: 0 0 20px;
    position: relative;
    padding: 10px 0;
}
h2.title_5_kn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 5px;
    background: #ffd60d;
}


p.text_5_kn {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 20px;
    font-size: 20px;
}

.list_img_5kn {
    width: 100%;
    float: left;
}

.img_5kn {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}


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

.tc_tieu_bieu {
    width: 100%;
    float: left;
    margin: 3rem 0;
}

h3.title_tc_bb {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 50px;
    margin: 0 0 20px;
    position: relative;
    padding: 10px 0;
}

.list_tc_bb {
    width: 100%;
    float: left;
}

.item_tc_bb {
    width: 100%;
    float: left;
    background: rgb(39, 54, 71);
    color: #fff;
}

.bor_img_bb {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 75%;
}

.bor_img_bb>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pa_tc_bb {
    width: 100%;
    float: left;
    padding: 20px;
}

h3.title_item_bb {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    font-size: 25px;
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #ffd60d;
    position: relative;
}
h3.title_tc_bb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 5px;
    background: #ffd60d;
}


p.text_item_bb {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    text-align: justify;
}


/* search ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h4.archive-heading_search {
    width: 100%;
    float: left;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 20px;
}

/* tai khoan//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.full_login_signup {
    width: 100%;
    float: left;
    margin: 10px 0;
    display: flex;
    row-gap: 20px;
    flex-wrap: wrap;
}
.full_login {
    flex: 1;
    padding-right: 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.full_signup {
    flex: 1;
    padding-left: 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.full_login>.woocommerce>h2 {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login {
    width: 100%;
    float: left;
    border: none;
    padding: 0 30px 0 0;
    margin: 0 0 20px;
}



.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide>label {
    font-weight: 600;
}

.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide>input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    outline: none;
    font-size: 16px;
}

.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide>span {
    position: relative;}

.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide>span>input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    outline: none;
    font-size: 16px;
}

span.show-password-input {
    position: absolute!important;
    right: 15px!important;
    top: 50%!important;
    transform: translateY(-50%);
}

.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.form-row>label {width: 100%;font-weight: 600;}



.full_login>.woocommerce>form.woocommerce-form.woocommerce-form-login.login>p.form-row>button {
    margin-top: 10px;
    background: #104c87;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 18px;
}

p.woocommerce-LostPassword.lost_password>a {
    color: #104c87;
}

h2.title_dk {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    text-transform: uppercase;
}
p.bor_input_dk {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

p.bor_input_dk>label {
    width: 100%;
    float: left;
    font-weight: 600;
}

p.bor_input_dk>input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    outline: none;
    font-size: 16px;
    line-height: normal;
}

h2.title_dk {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    text-transform: uppercase;
}

form#hk-registerform {
    width: 100%;
    float: left;
    margin: 10px 0;
}

button.form-submit {
    background: #104c87;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 18px;
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}
div#hk-message {
    width: 100%;
    float: left;
}

div#hk-message>ul {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    color: #fb5b5b;
}
p#hk-success {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    color: #219826;
}

nav.woocommerce-MyAccount-navigation>ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.woocommerce-MyAccount-navigation>ul>li {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 45px;
}

nav.woocommerce-MyAccount-navigation>ul>li>a {
    color: #104c87;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    float: left;
    line-height: 45px;
    padding-left: 20px;
}

nav.woocommerce-MyAccount-navigation>ul>li.is-active {
    background: #104c87;
    border: 1px solid #104c87;
}

nav.woocommerce-MyAccount-navigation>ul>li.is-active>a {
    color: #fff !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total>span {
    color: red;
    font-weight: 600;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions>a {
    background: #104c87;
    color: #fff;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number>a {
    color: #104c87;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status {
    color: #0e8d2d;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.u-column1.col-1.woocommerce-Address {
    border: 1px solid #ddd;
    padding: 20px 10px;
    border-radius: 10px;
}
.u-column2.col-2.woocommerce-Address {
    border: 1px solid #ddd;
    padding: 20px 10px;
    border-radius: 10px;
}
header.woocommerce-Address-title.title {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.woocommerce-account .addresses .title h3 {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
header.woocommerce-Address-title.title>a {
    color: red;
}
.woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before {
    display: none;
}

form.woocommerce-EditAccountForm.edit-account input {
    width: 100%;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
    font-size: 16px;
    line-height: normal;
    padding: 8px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    outline: none;
}
form.woocommerce-EditAccountForm.edit-account label {
    font-weight: 600;
}
form.woocommerce-EditAccountForm.edit-account>p>span {
    display: none;
}
p.full_sb_mk button {
    background: #104c87 !important;
    color: #fff !important;
}
legend {
    color: #104c87;
}
form.form_edit_address input {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border: 1px solid #ddd !important;
    height: 38px;
    color: gray;
    padding-left: 5px;
}

form.form_edit_address p#billing_country_field {
    display: none;
}



form.form_edit_address span.select2-selection.select2-selection--single {
    border: 1px solid #ddd !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: gray;
    border-radius: inherit;
}
form.form_edit_address label {
    font-weight: 600;
}
p.full_sb_address button {
    color: #fff !important;
}
form.woocommerce-ResetPassword.lost_reset_password label {
    font-weight: 600;
}

form.woocommerce-ResetPassword.lost_reset_password input {
    width: 100%;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
    font-size: 16px;
    line-height: normal;
    padding: 8px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    outline: none;
}
p.full_sb_pass button {
    color: #fff !important;
}

/* page///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

p#breadcrumbs_page {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.content-wrap_page {
    width: 100%;
    float: left;
}

p#breadcrumbs_page a {font-weight: 600;color: #104c87;}

p#breadcrumbs_page span.breadcrumb_last {
    color: #000;
    font-weight: 600;
}

.entry-content_page {
    width: 100%;
    float: left;
    text-align: justify;
}