/*
Theme Name: Xingfa chính hãng
Description: 
Author: Le Van Toan
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body {
    font-size: 15px !important;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

label, legend {
    font-size: 14px;
}

b, strong {
    font-weight: 700;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px 0;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.phone_header .icon-inner svg path:first-child {
    fill: #fff !important;
}

.phone_header .icon-inner svg path:last-child {
    fill: #06324c !important;
}



.nav-uppercase > li > a {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 15px;
}

.phone_header {
    line-height: 22px;
    font-size: 14px;
}

.phone_header strong {
    font-size: 17px;
}

li.html.custom.html_topbar_left > a:before {
    display: none;
}

.nav > li.header-divider {
    border-left-color: #4c899d;
}

ul.header-nav.header-nav-main.nav.nav-right > li {
    margin: 0 12px;
}


ul.header-nav.header-nav-main.nav.nav-left > li {
    margin: 0 12px;
}

li.header-search.header-search-lightbox .button.icon {
    width: 40px;
    height: 40px;
    margin: 0;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    line-height: 38px;
}

.slider-home-custom h3 {
    font-size: 55px;
    margin-bottom: 28px;
}

.slider-home-custom .banner p {
    font-size: 30px;
    margin-bottom: 47px;
    color: #fff;
}

.slider-home-custom .box-shadow-4 {
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.3);
}

.slider-home-custom h3 span {
    color: #ffd800;
    font-weight: 900;
}

.slider-home-custom .banner .button span {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
}

.box-service .icon-box.featured-box {
    align-items: center;
    max-width: 310px;
}

.box-service .col .col-inner {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    padding: 12px;
}

.slider-home-custom .banner .button {
    border-width: 1px;
    height: 40px;
    line-height: 35px;
    padding: 0 32px;
}

.box-service .col:nth-child(2) .col-inner {
    border: 2px dashed #06324c;
}

.box-service .icon-box.featured-box .icon svg {
    width: 50px;
    height: 50px;
}

.box-service {
    padding: 70px 0 40px !important;
}

.box-san-pham-noi-bat .section-bg,
.box-video .section-bg,
.box-service .section-bg {
    background-repeat: repeat !important;
    background-size: unset !important;
    background-position: top left !important;
}

.box-service .icon-box.featured-box .icon svg path {
    fill: #06324c;
}

.box-service .icon-box.featured-box .icon-box-text p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.box-gioi-thieu h3 strong {
    font-weight: 700;
}

.box-gioi-thieu p strong {
    font-weight: 600;
}

.box-gioi-thieu h3 {
    font-size: 33px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    font-weight: 400;
    position: relative;
}

.box-gioi-thieu h3:before {
    content: "";
    height: 2px;
    width: 36px;
    position: absolute;
    background: #06324c;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.box-gioi-thieu .col .col-inner a {
    color: #06324c;
    text-transform: capitalize !important;
    display: inline-block;
    margin-top: 0;
    font-weight: 600;
    position: relative;
    margin-bottom: 0;
    padding-right: 8px;
}

.box-gioi-thieu .col .col-inner a:after {
    background-image: url("./images/arrow.svg");
}

.btn-video span:after {
    background-image: url("./images/arrow-white.svg");
}

.btn-video:hover span:after {
    background-image: url("./images/arrow.svg");
}

.box-san-pham-noi-bat .box-left ul li span:before,
.btn-video span:after,
.box-gioi-thieu .col .col-inner a:after {
    content: "";
    left: 100%;
    height: 15px;
    width: 15px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.box-gioi-thieu .col .col-inner ol li {
    font-size: 14px;
    font-weight: 400;
}

.box-gioi-thieu .col .col-inner > p {
    font-size: 15px;
}

.box-gioi-thieu .slide-box-gioi-thieu .col-inner {
    padding: 30px 36px 30px 30px;
    position: relative;
    z-index: 2;
}

.box-gioi-thieu .slide-box-gioi-thieu .col-inner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #06324c;
    width: 185px;
    right: 0;
    z-index: -1;
}

.box-gioi-thieu .slide-box-gioi-thieu button.flickity-button {
    width: 50px;
    height: 50px;
    background: #00000085;
    border-radius: 99px;
}

.box-gioi-thieu .slide-box-gioi-thieu .img-inner img {
    display: block;
    height: auto;
}

.box-gioi-thieu .slide-box-gioi-thieu button.flickity-button svg {
    width: 40px;
    height: 40px;
}

.box-video {
    padding-bottom: 30px !important;
}

.btn-video {
    margin-bottom: 0;
    border-color: #fff !important;
    border-width: 1px !important;
    padding: 0 36px !important;
}

.btn-video span {
    color: #fff;
}

.btn-video span {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    height: 40px;
    line-height: 38px;
    position: relative;
    padding-right: 8px;
}

.btn-video:hover span {
    color: #06324c;
}

.box-video .col-inner h3:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.box-video .col-inner h3 {
    color: #fff;
}

.box-title {
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
    font-weight: 400;
    font-size: 30px;
}

.box-title:before {
    content: "";
    height: 2px;
    width: 40px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.box-video .box-blog-post .is-divider {
    display: none;
}

.box-video .box-badge .box-text .post-title {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.box-video .box-badge .box-text {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    padding: 9px 10px;
}

.box-video .box-badge:hover .box-text {
    background-color: #000;
}

.overlay-icon {
    background-color: #06324c;
    box-shadow: 0 0 0 4px rgba(31, 107, 134, 0.4);
    border: unset;
}

.box-cam-nhan .box-title:before,
.box-doi-tac .box-title:before,
.box-tin-tuc .box-title:before,
.box-san-pham-noi-bat .box-title:before,
.box-nhan-tin .box-title:before {
    background-color: #06324c;

}

.box-cam-nhan .box-title,
.box-tin-tuc .box-title,
.box-doi-tac .box-title,
.box-san-pham-noi-bat .box-title {
    color: #000;
}

.box-nhan-tin .box-title {
    color: #000;
    margin-bottom: 0;
}

.border-box.box-content .box-right,
.border-box.box-content .box-left {
    width: calc(50% - 36px);
    box-sizing: border-box;
    margin: 0 18px;
}

.box-nhan-tin {
    padding-bottom: 35px !important;
}

.dangky-box > .col-inner .box-left .col-inner {
    background-color: #06324c ;
    border-radius: 15px;
    padding: 24px;
    position: relative;
}

.dangky-box > .col-inner > .row {
    margin: 0;
}

.dangky-box > .col-inner {
    padding: 13px 0;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;

    border-radius: 15px;

}

.dangky-box > .col-inner .box-left ul {
    margin: 0;
}

.dangky-box > .col-inner ul li {
    list-style: none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin: 0;
    line-height: 30px;
    position: relative;
    padding-left: 20px;
}

.dangky-box > .col-inner .box-left ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 11px;
    height: 11px;
    display: block;
    background-image: url("./images/arrow1.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.dangky-box > .col-inner .box-right p span strong {
    color: #000;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.box-right form.wpcf7-form > p {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.box-kito-group form.wpcf7-form .col span,
.box-bg-nhan-tin form.wpcf7-form .col span,
.box-right form.wpcf7-form > p span {
    width: calc(50% - 10px);
    margin: 0 5px;
    position: relative;
}

.box-right form.wpcf7-form > p span:nth-child(1):before {
    background-image: url("./images/user.svg");
}

.box-right form.wpcf7-form > p span:nth-child(3):before {
    background-image: url("./images/email.svg");
}

.box-kito-group form.wpcf7-form .col span:before,
.box-bg-nhan-tin form.wpcf7-form .col span:before {
    content: "";
    left: 18px;
    height: 18px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;


}

.box-right form.wpcf7-form > p span:before {
    content: "";
    left: 18px;
    height: 18px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 12px;

}

.box-right form.wpcf7-form > p input#submit-newletter {
    width: calc(100% - 10px);
    margin: 0 5px;
    background: #fff;
    color: #06324c;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border: 1px solid #06324c;
    border-radius: 99px;
}

.box-right form.wpcf7-form > p span input {
    box-shadow: unset;
    border-color: #e1e1e1;
    border-radius: 99px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #868686;
    padding-left: 50px;
    margin-bottom: 20px;
}

.box-san-pham-noi-bat .box-right {
    width: calc(100% - 430px);
    position: relative;
    background: #fff;
}

.box-san-pham-noi-bat {
    padding-bottom: 40px !important;
}

.box-san-pham-noi-bat .box-left {
    width: 430px;
}

.box-san-pham-noi-bat .box-content {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.box-san-pham-noi-bat .box-left ul {
    margin: 0;
}

.box-san-pham-noi-bat .box-left ul li {
    list-style: none;
    text-align: left;
    margin: 0;
    position: relative;


}

.box-san-pham-noi-bat .box-left ul li.active:before,
.box-san-pham-noi-bat .box-left ul li:hover:before {
    content: "";
    width: 4px;
    display: block;
    background-color: #06324c;
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
}

.box-san-pham-noi-bat .box-left .content-box-left {
    background-color: #fff;
}

.box-san-pham-noi-bat .box-left h4 {
    font-size: 21px;
    text-transform: uppercase;
    text-align: left;
    background: #06324c;
    color: #fff;
    padding: 20px 30px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.box-san-pham-noi-bat .box-left ul li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}

.box-san-pham-noi-bat .box-left ul li.active span,
.box-san-pham-noi-bat .box-left ul li span:hover {
    color: #06324c;
    font-weight: 600;
    background-color: rgba(31, 107, 134, 0.1);
}

.box-san-pham-noi-bat .box-left ul li span {
    cursor: pointer;
    text-transform: capitalize;
    font-size: 21px;
    padding: 15px 10px 14px 66px;
    display: block;
    margin: 0;
    color: #262626;
    position: relative;
    transition: 0.3s;
}

.box-san-pham-noi-bat .box-left ul li.active span:before,
.box-san-pham-noi-bat .box-left ul li span:hover:before {
    background-image: url("./images/arrow1blue.svg");
}

.box-san-pham-noi-bat .box-left ul li span:before {
    background-image: url("./images/arrow1grey.svg");
    left: 30px;

}

a.btn-view-product {
    position: absolute;
    display: block;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.65);
    text-transform: capitalize;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
    padding: 5px 11px 5px 14px;
    z-index: 10;
    bottom: 6px;
    right: 6px;
}

.box-san-pham-noi-bat .box-right a.border-view-product {
    background-color: transparent;
    border: 4px solid rgba(255, 255, 255, 0.2);
    top: 6px;
    bottom: 6px;
    right: 6px;
    left: 6px;
    position: absolute;
    display: block;
    z-index: 1;
}

a.btn-view-product span {
    width: 16px;
    height: 11px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./images/arrow-white.svg");
    background-position: center;
    margin-left: 6px;
}


.box-cong-trinh .box-text h5 {
    color: #fff;
    font-size: 16px;
}

.box-cong-trinh .box-text {
    padding: 16px 16px 5px 16px;
}

.box-cong-trinh .box-image {
    position: relative;
    border-bottom: 1px solid #2cc8ff;
}

.item-post .post-meta:before {
    height: 15px;
    width: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./images/clock-with-white-face.svg");
    margin-right: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    left: 0;
}

.item-post .post-meta {
    position: relative;
    padding-left: 20px;
}

.item-post .box-text {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.box-left .item-post .post-meta {
    margin-top: 8px;
    margin-bottom: 15px;
}

.item-post .post-meta {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 0;
    font-size: 14px;
    color: #8b8b8b;
}

.box-left .item-post .post-title {
    font-size: 22px;
}

.item-post .post-title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.item-post .box-text {
    padding: 12px 17px;
}

.item-post {
    line-height: 24px;
}

.box-tin-tuc {
    padding-bottom: 0 !important;
}

.footer-2 {
    background: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    top: -50px;
}

.footer-2 .textwidget {
    padding: 30px 35px;
    display: flex;
    flex-wrap: wrap;
    background: #004066;

}
input#submit-email-ho-tro-khach{
    background: #004066;
}
.footer-2 .textwidget h3 {
    width: 41%;
    padding: 0 15px;
    text-transform: uppercase;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.footer-1 .widget_text,
.footer-2 .widget_text {
    margin-bottom: 0;
}

.footer-2 .textwidget h3 span {
    width: 54px;
    display: inline-block;
    height: 40px;
    background-image: url("./images/emailwhite.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 20px;
}

.footer-2 .textwidget form.wpcf7-form button#submit__bao_gia span {
    content: "";
    background-image: url("./images/send.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 22px;
    display: block;
    position: absolute;
    height: 22px;

}

.footer-2 .textwidget .wpcf7 {
    width: 59%;
    padding: 0 15px;
}

.footer-2 .textwidget form.wpcf7-form button#submit__bao_gia {
    margin: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 99px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 6px;
    top: 6px;
    position: absolute;
}

.footer-2 .textwidget form.wpcf7-form p {
    position: relative;
}

.footer-2 .textwidget form.wpcf7-form span input {
    margin: 0;
    height: 56px;
    border: unset;
    border-radius: 99px;
    font-size: 14px;
    padding: 0 50px 0 37px;
}

.footer-2 .textwidget form.wpcf7-form {
    margin: 0;
}

.footer-1 {
    background-repeat: no-repeat;

    background-position: center;
    padding-top: 120px;
    padding-bottom: 30px;
}

.footer-1 .textwidget img {
    margin-bottom: 25px;
}

.footer-1 .textwidget p a {
    color: #a3b2b5;
}

.footer-1 .textwidget p a:hover {
    color: #fff;
}
.footer-1 .textwidget ul li:nth-child(3):hover:before {
    background-image: url("./images/phoneblue.svg");
}
.footer-1 .textwidget ul li:nth-child(4):hover:before {
    background-image: url("./images/world-wideblue.svg");
}
.footer-1 .textwidget ul li:nth-child(5):hover:before {
    background-image: url("./images/envelopesblue.svg");
}

.footer-1 .textwidget ul li:nth-child(5):before {
    background-image: url("./images/envelopes.svg");
}
.footer-1 .textwidget ul li:nth-child(4):before {
    background-image: url("./images/world-wide.svg");
}
.footer-1 .textwidget ul li:nth-child(3):before  {
    background-image: url("./images/phone.svg");
}

.footer-1 .textwidget ul li:nth-child(1):before ,
.footer-1 .textwidget ul li:nth-child(2):before  {
    background-image: url("./images/interface.svg");
}
.footer-1 .textwidget ul li:before  {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer-1 .textwidget ul li {
    padding-left: 20px;
    margin-bottom: 5px;
    color: #a3b2b5;
    font-size: 14px;
    position: relative;
}
.footer-1 .textwidget ul li a:hover{
    color: #fff;
}
.footer-1 .textwidget ul li a,
.footer-1 .textwidget p {
    margin-bottom: 5px;
    color: #a3b2b5;
    font-size: 14px;
}

.widget .is-divider {
    display: none;
}

.box-san-pham-noi-bat .content-box-right .img-product.image-cover {
    padding-top: 60.13%;
}

.box-san-pham-noi-bat .content-box-right {
    position: relative;
}

.content-tab {
    display: none;
}

.content-tab.active {
    display: block;
}

.dangky-box > .col-inner .col {
    padding-bottom: 0;
}

.box-doi-tac .box-image:hover {
    border-color: #06324c;
}

.box-doi-tac .box-image {
    height: 87px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #e1e1e1;
    border-radius: 10px;
}

.box-doi-tac .box-image img {
    max-height: 90%;
    max-width: 90%;
    height: auto;
    width: auto;
}

.box-doi-tac .section-content .row .col {
    padding-bottom: 0;
}

footer#footer {
    margin-top: 50px;
}

.footer-1 .widget_text span.widget-title:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 2px;
    background-color: #1f6b86;
    position: absolute;
}
.footer-1 .widget_text .textwidget form.wpcf7-form label{
    margin-bottom: 20px;
}
.footer-1 .widget_text span.widget-title {
    margin-bottom: 30px;
    display: block;
    font-size: 18px;
    color: #fff;
    position: relative;
    margin-top: 30px;
    padding-left: 12px;
}

.item-comment .content-comment p {
    margin-bottom: 30px;
}

.item-comment .name_customer {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 3px;
}

.item-comment .content-comment {
    font-size: 16px;
    font-style: italic;
    line-height: 28px;
    color: #222;
}

.item-comment .job_customer {
    color: #06324c;
    font-size: 14px;
    font-weight: 400;
}

.item-comment {
    padding: 80px 50px 50px;
    background-color: #f4f4f4;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.box-cam-nhan .carousel-nav .carousel-cell {
    height: 105px;
    width: 20% !important;
}

.item-comment:after {
    content: "";
    width: 1px;
    height: 1px;
    display: block;
    border-top: 15px solid #f4f4f4;
    border-right: 15px solid transparent;
    border-left: 15px solid #f4f4f4;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: rotate(8deg);
}

.box-cam-nhan .carousel-main:before {
    content: "";
    display: block;
    width: 96px;
    height: 96px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(./images/bg-custom.svg);
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
header#header .nav-dropdown-default.sub-menu {
    min-width: 280px;
}
.box-cam-nhan .carousel-main {
    padding-bottom: 20px;
    position: relative;
    margin-top: 80px;
}

.box-cam-nhan .carousel-nav .carousel-cell.is-selected.is-nav-selected .name_customer {
    display: none;
}

.box-cam-nhan .carousel-nav .carousel-cell.is-selected.is-nav-selected .item-comment-img img {
    filter: none;
}

.box-cam-nhan .carousel-nav .carousel-cell.is-selected.is-nav-selected .item-comment-img {
    width: 105px;
    height: 105px;
    border: unset;
}

.item-comment-bottom .item-comment-img img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    filter: grayscale(1);
}

.item-comment-bottom .item-comment-img {
    border: 2px solid #e1e1e1;
    display: inline-block;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 68px;
    height: 68px;
    position: relative;
    transition: all .3s linear;
}

.item-comment-bottom .name_customer {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.item-comment-bottom {
    text-align: center;
}

.box-cam-nhan {
    padding-bottom: 30px !important;
    position: relative;
}

.box-cam-nhan .carousel-cell {
    transition: all .3s linear;
}

.box-cam-nhan .carousel-cell {
    padding-bottom: 20px !important;
}

.box-cam-nhan .carousel-main .flickity-prev-next-button.next {
    right: 0 !important;
}

.box-cam-nhan .carousel-main .flickity-prev-next-button.previous {
    left: 0 !important;
}

.box-cam-nhan .carousel-nav .flickity-prev-next-button {
    display: none;
}

.box-cam-nhan .carousel-main .flickity-prev-next-button:hover {
    color: #06324c;
}

.box-cam-nhan .carousel-main .flickity-prev-next-button {
    opacity: 1;
    top: auto;
    bottom: -55px;
    cursor: pointer;
    z-index: 20;
}

#footer .absolute-footer {
    padding: 25px 0 25px;
    border-bottom: 1px solid #e1e1e1;
}

#footer .absolute-footer .footer-secondary {
    padding: 0;
}

.social-icons i {
    color: #75797a;
}

.social-icons a.icon:not(:last-child) {
    margin-right: 30px;
}

.footer-1 .textwidget:nth-child(1) p:nth-child(6):before {
    background-image: url("./images/envelopes.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(5):before {
    background-image: url("./images/world-wide.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(4):before {
    background-image: url("./images/phone.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(3):before {
    background-image: url("./images/interface.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(6):hover:before {
    background-image: url("./images/envelopesblue.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(5):hover:before {
    background-image: url("./images/world-wideblue.svg");
}

.footer-1 .textwidget:nth-child(1) p:nth-child(4):hover:before {
    background-image: url("./images/phoneblue.svg");
}


.footer-1 .textwidget:nth-child(1) p {
    display: flex;
    align-items: center;
}

.footer-1 .textwidget:nth-child(1) p:nth-child(6):before,
.footer-1 .textwidget:nth-child(1) p:nth-child(5):before,
.footer-1 .textwidget:nth-child(1) p:nth-child(4):before,
.footer-1 .textwidget:nth-child(1) p:nth-child(3):before {
    content: "";
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
}

.box-cam-nhan:after {
    content: "";
    height: 1px;
    width: 70%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, white, rgba(0, 0, 0, 0.2), white);
}

.blog-archive .col.post-item .box-text.text-left {
    padding: 15px;
    margin: 0;
}

.blog-archive .col.post-item .col-inner {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.23);
}

.is-divider {
    display: none;
}

.page-title > span {
    font-size: 25px;
    position: relative;
    padding-bottom: 10px;
}

header.archive-page-header .page-title span {
    padding-bottom: 0;
}

header.archive-page-header .title-breadcrumbs {
    padding-bottom: 0;
}

header.archive-page-header .page-title {
    margin-bottom: 0;
    color: #fff;
}

header.entry-header h1.entry-title {
    font-size: 25px;
    text-transform: capitalize;
    color: #000;
}

.entry-header-text-top .entry-meta {
    position: relative;
    font-size: 13px;
    text-transform: unset;
    letter-spacing: normal;
}

.entry-header-text-top {
    padding-bottom: 0;
}

.entry-content.single-page .blog-share.text-center {
    margin-top: 30px;
    text-align: left;
    border-top: 1px solid #e1e1e1;
    padding-top: 14px;
}

.entry-content.single-page .social-icons a.icon:not(:last-child) {
    margin-right: 10px;
}

.single .entry-author.author-box {
    padding: 10px;
    border: 1px dashed #e1e1e1;
    margin-bottom: 1.5em;
    border-radius: 10px;
}

.entry-content.single-page .blog-share.text-center > .social-icons {
    position: relative;
    padding-left: 63px;
}

.entry-content.single-page .blog-share.text-center > .social-icons:before {
    content: "Chia sẻ: ";
    font-size: 16px;
    /* line-height: 43px; */
    margin-right: 5px;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 37px;
    left: 0;
}

.page-wrapper.blog-single {
    padding-bottom: 0 !important;
}

nav#nav-below > .flex-row.next-prev-nav.bt.bb .flex-col + .flex-col {
    border: unset;
}

nav#nav-below > .flex-row.next-prev-nav.bt.bb {
    border-top: unset;
    border-bottom: unset;
}

div#respond form#commentform p.form-submit input#submit {
    border-radius: 99px;
    padding: 0 25px;
}

.box-thong-tin-lien-he .icon-box {
    margin-bottom: 15px;
}

.box-thong-tin-lien-he .icon-box .icon-box-text strong {
    margin-bottom: 3px;
    display: block;
}

.box-thong-tin-lien-he .col-inner > h3 {
    margin-bottom: 0;
}

.box-thong-tin-lien-he .section-content > .row {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px 5px;
    max-width: 1170px;
}

.icon-box-left .icon-box-img + .icon-box-text p:first-child {
    margin-bottom: 0;
}

.box-thong-tin-lien-he {
    margin-top: -215px;
    padding-bottom: 50px !important;
}

.form-lien-he .wpcf7-form-control:focus,
.form-lien-he .wpcf7-form-control {
    box-shadow: unset;
    border-radius: 5px;
}

.box-thong-tin-lien-he form.wpcf7-form {
    margin-bottom: 0;
}

.footer-1, .footer-2 {
    border-top: unset;
}

.title-breadcrumbs {
    padding-top: 5px;
    padding-bottom: 20px;
}

nav#breadcrumbs a:hover {
    color: #06324c;
}

nav#breadcrumbs a {
    color: #fff;
}

nav#breadcrumbs span.divider {
    opacity: 1;
}

nav#breadcrumbs {
    text-transform: capitalize;
    line-height: 24px;
    font-weight: normal;
    color: #fff;
}

.title-breadcrumbs .page-title span:after {
    display: none;
}

nav#breadcrumbs span {
    font-size: 14px;
    text-transform: none;

}

.related.related-products-wrapper.product-section .product .col-inner,
.category-page-row .shop-container .product .col-inner ,
.product-small.col .col-inner{
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);

}

.shop-container .product .col-inner .box-text.box-text-products p.name.product-title a:hover,
.product-small.col .col-inner .box-text.box-text-products p.name.product-title a:hover {
    color: #06324c;
}

.shop-container .product .col-inner .box-text.box-text-products p.name.product-title a,
.product-small.col .col-inner .box-text.box-text-products p.name.product-title a {
    color: #333;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0 15px 0;
    display: block;
}

.shop-container .product.type-product .col-inner .box-text.box-text-products,
.product-small.col .col-inner .box-text.box-text-products {
    padding: 15px;
}

h1.shop-page-title {

    font-size: 25px;
}

.product-info.entry-summary.product-summary .social-icons a.icon:not(:last-child) {
    margin-right: 10px;
}

.blog-wrapper.blog-archive.page-wrapper header.archive-page-header {
    min-height: 210px;
    margin-bottom: 40px;
    position: relative;
}

.blog-wrapper.blog-archive.page-wrapper header.archive-page-header:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
}

.blog-wrapper.blog-archive.page-wrapper {
    padding-top: 0 !important;
}

.blog-wrapper.blog-archive.page-wrapper header.archive-page-header .row {
    position: absolute;
    left: 0;
    right: 0;

    z-index: 2;
}

.shop-page-title.category-page-title.dark.featured-title.page-title .page-title-inner {
    min-height: 210px;
}

.page-title.shop-page-title.product-page-title nav#breadcrumbs {
    background: #f9f9f9;
    color: #000;
    padding: 3px 10px;
    border-radius: 5px;
}

.page-title.shop-page-title.product-page-title nav#breadcrumbs a:hover {
    color: #06324c;
}

.page-title.shop-page-title.product-page-title nav#breadcrumbs span,
.page-title.shop-page-title.product-page-title nav#breadcrumbs a {
    color: #000;
    transition: 0.2s;
}

.single-product .product-info.summary.entry-summary.product-summary {
    padding-top: 0;
    padding-bottom: 0;
}

.single-product .product-info.summary.entry-summary.product-summary .product-title {
    color: #06324c;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px;
}

p.price.product-page-price span.amount {
    color: #f00;
}
p.price.product-page-price del span.amount {
    color: #000000;
    font-size: 17px;
}

.single-product p.price.product-page-price {
    font-size: 20px;
    margin-bottom: 20px;
}

.button-single-product .button {
    border: 2px solid #333;
    color: #333;
    border-radius: 5px;
}

.button-single-product .col:first-child .button {
    border: 2px solid #06324c;
    color: #333;
}

.button-single-product .col .button:hover {
    color: #06324c !important;
    background-color: #dbdee1 !important;
    border: 2px solid #06324c;
}

.single-product .quantity input:focus,
.single-product .quantity input {
    box-shadow: unset;
}

p.form_title {
    margin-bottom: 30px;
    font-size: 18px;
}

.product-thumbnails img {
    opacity: 1;
}

.product-short-description {
    border: 1px dashed #06324c;
    background: #06324c26;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.product-short-description p:last-child {
    margin-bottom: 0;
}

.product-short-description ul:last-of-type {
    margin-bottom: 0;
}

.product-info.summary .col-inner .button.expand {
    color: #000 !important;
}

.single-product form.cart > button.single_add_to_cart_button.button.alt {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #06324c;
    margin-bottom: 0;
    border-radius: 5px;
}

.single-product form.cart .quantity {
    width: auto !important;
    position: relative;
    padding-left: 100px;
}

.single-product form.cart .quantity input.button {
    width: 40px;
    padding: 0;
    height: 40px;
    margin: 0;
}

.single-product form.cart .quantity .qty {
    height: 40px;
    width: 100%;
    max-width: 75px;
}

.single-product .quantity .screen-reader-text {
    width: auto !important;
    height: auto !important;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    clip: unset;

}

.product-short-description ul li {
    margin-bottom: 0;
}

h3.product-section-title.container-width.product-section-title-related {
    margin-left: 0;
}

.product-footer .woocommerce-tabs ul.tabs li a {
    font-weight: 700;
}

.related.related-products-wrapper .flickity-button svg {
    margin: 0;
}

.related.related-products-wrapper .flickity-prev-next-button.prev {
    left: 10px !important;
}

.related.related-products-wrapper .flickity-prev-next-button.next {
    right: 10px !important;
}

.related.related-products-wrapper .flickity-button {
    top: 50%;
    bottom: auto;
    height: 40px;
    transform: translateY(-50%) !important;
    width: 40px;
    border-radius: 99px;
    background: rgba(0, 0, 0, 0.8);
    /* opacity: 0.6; */
    color: #fff;
    border: 2px solid #fff;
}

span.don-vi {
    position: relative;
}

span.don-vi:after {
    content: "2";
    position: absolute;
    width: 15px;
    height: 15px;
    font-size: 15px;
    top: 3px;
    right: -15px;
}

.related.related-products-wrapper.product-section {
    padding-bottom: 30px;
}

.devvn_custom_calc input {
    box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 400;
    height: 36px;
    font-size: 14px;
}

.devvn_custom_calc label span {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.fl-labels .fl-wrap label[for]:first-child {
    font-size: 11px;
    top: 4px;
}

.bao-gia-gioi-thieu .col-inner .banner:after {
    z-index: 999;
    border-top: 59px solid rgba(255, 146, 18, 0.4);
    border-bottom: 50px solid transparent;
    border-left: 32px solid rgba(255, 146, 18, 0.4);
    border-right: 32px solid transparent;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:after {

    border-top: 225px solid rgba(0, 0, 0, 0.4);
    border-bottom: 240px solid transparent;
    border-left: 145px solid rgba(0, 0, 0, 0.4);
    border-right: 145px solid transparent;
}

.bao-gia-gioi-thieu .col-inner .banner:before {
    z-index: 1000;
    border-top: 46px solid #ff9212;
    border-bottom: 45px solid transparent;
    border-left: 27px solid #ff9212;
    border-right: 27px solid transparent;
}

.bao-gia-gioi-thieu .col-inner .banner {
    overflow: hidden;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:before {
    border-top: 215px solid rgba(0, 0, 0, 0.15);
    border-bottom: 220px solid transparent;
    border-left: 135px solid rgba(0, 0, 0, 0.15);
    border-right: 135px solid transparent;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:after {
    border-top: 200px solid rgba(0, 0, 0, 0.4);
    border-bottom: 205px solid transparent;
    border-left: 125px solid rgba(0, 0, 0, 0.4);
    border-right: 125px solid transparent;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:before,
.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:before,
.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:after,
.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:after {
    z-index: 1;
    content: "";
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: -2px;
    left: calc(100% - 290px);
}

.bao-gia-gioi-thieu .col-inner .banner:after,
.bao-gia-gioi-thieu .col-inner .banner:before {
    content: "";
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner {
    position: relative;
    z-index: 1000;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner p:first-child {
    font-size: 16px;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner p:nth-child(2) {
    font-size: 16px;
    font-weight: 600;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner p:nth-child(2) strong {
    font-size: 28px;
}

.bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:before {
    width: calc(100% - 290px);
    background: rgba(0, 0, 0, 0.7);
    bottom: -2px;
    height: 405px;
    left: 0;
}

.bg-title {
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.bg-title:before {
    background: #06324c;
    left: 0;
    transform: unset;
}

.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner ul {
    margin-left: 40px;
    margin-bottom: 10px;
}

.bao-gia-gioi-thieu {
    background-image: linear-gradient(to bottom, #fff, #edf8f9);
    padding-bottom: 0 !important;
}

.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p {
    font-weight: 600;
    margin-left: 25px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 20px;
}

.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:nth-child(2) {
    margin-bottom: 20px;
}

.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:last-child {
    margin-top: 20px;
}

.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:nth-child(2),
.bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:last-child {
    margin-left: 0;

}

.box-tran-trong .box-header:before {
    content: "";
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    background: #ff9212;
    width: 100%;
    display: block;
    position: absolute;
}

.box-tran-trong .box-header p.text-img {
    color: #a1bec8;
    font-size: 21px;
    font-style: italic;
    margin-bottom: 5px;
}

.text-img:after {
    right: -25px;
    background-image: url("./images/kep2.png");
}

.text-img:before {
    left: -25px;
    background-image: url("./images/kep.png");
}

.text-img:after,
.text-img:before {
    width: 18px;
    height: 12px;
    display: block;

    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.text-img {
    display: inline-block;
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
}

.box-tran-trong .box-header p:last-child {
    font-size: 21px;
    margin-bottom: 0;
}

.box-tran-trong .box-footer p:first-child {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.box-tran-trong .box-header p:first-child {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.box-tran-trong .box-header p {
    color: #fff;
}

.box-tran-trong .box-header {
    background: #06324c;
    border-radius: 10px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.box-tran-trong .box-content ul li {
    font-size: 16px;
}

.box-tran-trong .box-footer .text-img {
    font-size: 18px;
    color: #000;
    font-style: italic;
    margin-bottom: 0;
}

.box-tran-trong .box-footer {
    margin-top: 35px;
    text-align: center;
    position: relative;
}

.box-tran-trong .box-footer .text-img:after {
    top: unset;
    bottom: 10px;
    transform: unset;
    right: 3px;
}

.box-tran-trong .box-footer:after {
    content: "";
    width: 60%;
    position: absolute;
    height: 120px;
    background: transparent;
    border: 1px dashed #e1e1e1;
    border-radius: 5px;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.box-tran-trong .box-footer p span {
    letter-spacing: 0;
    background: #fff;
    display: inline-block;
    padding: 0 20px;
}

.box-tran-trong .box-footer .text-img:before {
    top: 5px;
    transform: unset;
    left: -30px;
}

.box-su-khac-biet .section-content .box-content .col-inner {
    display: flex;
    flex-wrap: wrap;
    border: 2px dashed #b3ddeb;
    border-radius: 10px;
    padding-top: 60px;
}

.box-su-khac-biet .section-content .box-content .col-inner .icon-box {
    width: 20%;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: -124px;
}

.box-su-khac-biet .section-content .box-content .col-inner .icon-box .icon-box-text p {
    font-size: 16px;
    color: #b3ddeb;
}

.box-su-khac-biet .section-content .box-content {
    margin-top: 100px;
}

.box-su-khac-biet .section-content .box-content .col-inner .icon-box .icon-box-text {
    margin-top: 20px;
    margin-bottom: 35px;
}

.box-su-khac-biet .section-content .box-content .col-inner .icon-box .icon-box-img {
    margin: 0 auto;
    background: #06324c;
    padding: 0 10px;
}

.box-su-khac-biet .section-content .box-content .col-inner .icon-box:not(:nth-child(1)) .icon-box-img:before {
    content: "";
    background-image: url("./images/rtg-box.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 10px;
    height: 20px;
    display: block;
    top: 51%;
    transform: translateY(-50%);
    left: -8px;
    position: absolute;
}

.box-su-khac-biet .section-bg {
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
}

.box-color:before {
    background-color: #fff;
}

.box-danh-gia-bg .section-bg,
.box-phong-thuy .section-bg,
.box-bao-hanh .section-bg {
    background-repeat: repeat !important;
    background-size: unset !important;
    background-position: top left !important;
}

.box-bao-hanh .row .col:nth-child(2) .col-inner .box-title:before {
    display: none;
}

.box-bao-hanh .row .col:nth-child(2) .col-inner .box-title {
    margin: 0;
    padding: 0;
    width: 61%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 26px;
    line-height: 40px;
    color: #000;
}

.box-bao-hanh .section-content .row .col .icon-box {
    position: absolute;
}

.box-bao-hanh .section-content .row .col:nth-child(3) .icon-box:last-child {
    bottom: 11%;
}

.box-bao-hanh .section-content .row .col:first-child .icon-box:last-child {
    bottom: 4%;
}

.box-bao-hanh .section-content .row .col:nth-child(3) .icon-box:first-child {

    top: 14%;
}

.box-bao-hanh .section-content .row .col:first-child .icon-box:first-child {
    top: 13%;
}

.box-bao-hanh .section-content .box-footer p {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 15px;
}

.box-bao-hanh .section-content .box-footer p::before {
    top: 5px;
    transform: unset;
    left: -5px;
}

.box-bao-hanh {
    padding-bottom: 60px !important;
}

.box-bao-hanh .section-content .box-footer p::after {
    position: absolute;
    right: 6%;
    top: unset;
    transform: unset;
    bottom: 12px;
}

.box-bg-title {
    font-weight: 300;
}

.box-li-do ul li {
    list-style: none;
    position: relative;
    padding: 15px;
    border: 1px solid rgba(241, 241, 241, 0.3);
    border-radius: 25px;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 60px;
    min-height: 56px;
}

.box-li-do li:before {
    counter-increment: section;
    content: counters(section, ".") " ";
    color: #fff;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 99px;
    border: 1px dashed #f1f1f1;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.box-li-do {
    counter-reset: section;
    list-style-type: none;
    padding-bottom: 33px !important;
}

.box-so-luoc .box-title:before {
    left: 20px;
    background: #06324c;
}

.box-so-luoc .banner {
    background-color: transparent;
}

.box-so-luoc .col:nth-child(2) .col-inner:after,
.box-so-luoc .col:nth-child(2) .col-inner:before {
    position: absolute;
    content: "";
    width: 100%;
    background: #06324c;
    height: 165px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.box-so-luoc .col:nth-child(2) .col-inner:after {
    bottom: 57px;
    background-color: #0f3543;
    left: 34px;
    width: unset;
    right: 34px;
}

.box-so-luoc .col:nth-child(2) .col-inner p {
    margin-bottom: 0;
    padding-top: 25px;
    color: #a6d7e8;
    font-size: 18px;
}

.box-so-luoc .col:nth-child(2) .col-inner {
    padding: 24px;
}

.box-kito-group {
    padding-bottom: 5px !important;
}

.box-danh-gia-bg,
.box-hinh-anh-cong-trinh,
.box-phong-thuy,
.box-bg-nhan-tin,
.box-album,
.box-thong-so-ky-thuat,
.box-so-luoc {
    padding-bottom: 35px !important;
}

ul.nav.nav-tabs li.tab a span {
    color: #000;
    font-size: 16px;
}

ul.nav.nav-tabs {
    margin-bottom: 5px;
}

ul.nav.nav-tabs li.tab.active a span {
    color: #06324c;
    font-weight: 700;
}

ul.nav.nav-tabs li.tab {
    background: #ffffffd4;
    opacity: 1;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.nav.nav-tabs li.tab a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: unset;

}

.tab-panels .row .col p:nth-child(2) {
    margin-bottom: 35px;
}

.tab-panels .boder-tab-panel .col-inner {
    border: 1px dashed #e1e1e1;
    border-radius: 10px;
    padding: 23px 30px;
}

.tab-panels .row .col p {
    font-size: 16px;
}

.box-album .tab-panels {
    background: #06324c;
    padding-bottom: 0;
}

.tab-panels {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: unset !important;
}

.box-album ul.nav.nav-tabs li.tab.active a span {
    color: #fff;
}

ul.nav.nav-tabs li.tab.active:after {
    content: "";
    height: 5px;
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: -1;
    position: absolute;
    background-color: #fff;
}

.box-album ul.nav.nav-tabs li.tab.active:after {
    background-color: #06324c;
}

.box-album ul.nav.nav-tabs li.tab.active {
    position: relative;
}

.box-album .box-title:before,
.box-album ul.nav.nav-tabs li.tab.active a {
    background: #06324c;

}

.tab-panels img {
    margin-bottom: 0 !important;
}

.box-tab-slide .flickity-button.flickity-prev-next-button.next {
    right: 10px !important;
}

.box-tab-slide .flickity-button.flickity-prev-next-button.previous {
    left: 10px !important;
}

.box-album .tab-panels .row .col:nth-child(1) .col-inner {
    border: unset;
    padding: unset;
}

.box-tab-slide .flickity-button.flickity-prev-next-button {
    width: 40px;
    height: 40px;
    border-radius: 99px;

    transform: translateY(-50%);
    top: 50%;
}

.box-bao-gia .box-header {
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 30px 70px;
    position: relative;
    margin-bottom: 40px;
}

.box-bao-gia .box-header ul li {
    font-weight: 300;
}

.box-bao-gia .box-header ul li {
    list-style: none;
    position: relative;
    margin-bottom: 0;
}

.box-bao-gia .box-header > p {
    margin-bottom: -45px;
    background: #063843;
}

.box-bao-gia .box-header ul li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ddd;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 99px;
    left: -15px;
}

.box-bao-gia .col-inner .box:hover span:after {
    background-image: url("./images/arrowswhite.svg");
}

.box-bao-gia .col-inner .box-text span:after {
    content: "";
    transition: 0.2s;
    background-image: url("./images/arrows.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 10px;
    height: 15px;
    display: block;
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
}

.box-bao-gia .col-inner .box-text span {
    position: relative;
}

.box-bao-gia .col-inner .box-text {
    bottom: 0;
    background: #b7d2db;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 0;
    cursor: pointer;
}

.box-bao-gia .col-inner .box:hover span {
    transition: 0.3s;
    color: #fff !important;
}

.box-bg-nhan-tin .box-title:before {
    display: none;
}

.box-bg-nhan-tin .box-title {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.box-bg-nhan-tin .row .col-inner {
    width: 68%;
    margin: 0 auto;
    background: #06324c;
    border-radius: 10px;
    padding: 45px 60px 50px;
}

.box-kito-group form.wpcf7-form,
.box-bg-nhan-tin form.wpcf7-form {
    margin-bottom: 0;
}

.box-kito-group form.wpcf7-form input,
.box-bg-nhan-tin form.wpcf7-form input {
    margin-bottom: 10px;
    box-shadow: none;
    border: unset;
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    padding-left: 40px;
}

.box-kito-group form.wpcf7-form .col:nth-child(3) span:before,
.box-bg-nhan-tin form.wpcf7-form .col:nth-child(3) span:before {
    background-image: url("./images/email.svg");
}

.box-kito-group form.wpcf7-form .col:nth-child(2) span:before,
.box-bg-nhan-tin form.wpcf7-form .col:nth-child(2) span:before {
    background-image: url("./images/touch-screen.svg");
}

.box-kito-group form.wpcf7-form .col:nth-child(1) span:before,
.box-bg-nhan-tin form.wpcf7-form .col:nth-child(1) span:before {
    background-image: url("./images/user.svg");

}

.box-kito-group form.wpcf7-form .col span:before,
.box-bg-nhan-tin form.wpcf7-form .col span:before {
    top: 12px;
    left: 15px;
}

.box-bg-nhan-tin form.wpcf7-form .col span {
    width: 100%;


}

.box-bg-nhan-tin form.wpcf7-form .col:nth-child(2) {
    padding-right: 5px;
}

input#bg_du_an_submit {
    background: #ff9212;
    width: 100%;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 10px;
}

.box-bg-nhan-tin form.wpcf7-form .col:nth-child(3) {
    padding-left: 5px;

}

.box-bg-nhan-tin .row .col-inner > p {
    font-size: 14px;
    margin-bottom: 24px;
}

.box-phong-thuy .box-title {
    letter-spacing: 0;
    margin-bottom: 20px;
}

.box-phong-thuy .box-title:before {
    background: #06324c;
}

.box-phong-thuy .section-content .col-inner > p {
    font-size: 16px;
}

.box-phong-thuy .section-content .col-inner > p:nth-child(3) {
    margin-bottom: 10px;
}

.box-phong-thuy .section-content .col-inner > p:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.box-phong-thuy p.text-box-color {
    padding: 7px 0;
    border: 1px dashed #ff9212;
    margin: 0 30px;
}

.box-phong-thuy .box-header .col-inner ul {
    display: flex;
    padding: 0 7.5px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.box-phong-thuy .box-header .col-inner ul li:before {
    content: "";
    position: absolute;
    top: 20%;
    width: 7px;
    height: 7px;
    background-color: #06324c;
    border-radius: 99px;
    left: 26px;
}

.box-phong-thuy .box-header .col-inner ul li:after {
    width: 3px;
    background: #06324c;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    content: "";
}

.box-phong-thuy .box-header .col-inner ul li {
    width: calc(100% / 3 - 15px);
    margin: 0 7.5px;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    padding: 10px 20px 10px 38px;
    background: #f0f6f8;
}

.box-phong-thuy .section-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("./images/bg-box-huu-ich.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.box-slide-blog-bg > .col {
    max-width: 25%;
    flex-basis: 25%;
    padding-bottom: 15px;
}

.box-hinh-anh-cong-trinh .col-inner .btn-box-bg-blog:hover {
    color: #fff !important;
}

.box-hinh-anh-cong-trinh .col-inner .btn-box-bg-blog span {
    position: relative;
    padding-right: 20px;
}

.box-hinh-anh-cong-trinh .col-inner .btn-box-bg-blog {
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #ddd !important;
    color: #7f7a7a !important;
    font-weight: 600;
    line-height: 36px;

    padding: 0 30px;
}

.box-hinh-anh-cong-trinh .col-inner .btn-box-bg-blog:hover span:after {
    background-image: url("./images/arrow-white.svg") !important;
}

.box-hinh-anh-cong-trinh .col-inner .btn-box-bg-blog span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./images/arrow-grey.svg") !important;
    right: 0;
}

.box-hinh-anh-cong-trinh .row > .col > .col-inner {
    text-align: center;
}

.box-kito-group .box-title:before {
    display: none;
}

.box-kito-group .row > .col > .col-inner > p {
    margin-bottom: 30px;
}

.box-kito-group .box-title {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.box-kito-group p.text-box-color {
    padding: 7px 0;
    border: 1px dashed #ff9212;
    margin: 0 60px;
    margin-top: 5px;
}

.box-kito-group .box-footer > .col > .col-inner > p {
    font-size: 20px;
    margin-bottom: 12px;
}

.box-kito-group .box-footer > .col:nth-child(1) .col-inner {
    border: 1px dashed #ddd;
    padding: 65px 35px 30px 35px;
    border-radius: 10px;
}

.box-kito-group .box-footer .icon-box .icon-box-text {
    font-size: 14px;
}

.box-kito-group .box-footer {
    margin-top: 56px;
}

.box-kito-group .box-footer .icon-box .icon-box-text > p {
    margin-bottom: 5px;
}

.box-kito-group .box-footer .icon-box .icon-box-img img {
    padding-top: 0;
    height: auto;
}

.box-kito-group .box-footer .icon-box .icon-box-img {
    width: 14px !important;
}

.box-kito-group .box-footer .icon-box .icon-box-text ul li {
    list-style: none;
    margin-bottom: 5px;
    position: relative;
}

.box-kito-group .box-footer .icon-box .icon-box-text ul li strong {
    font-weight: 600;
}

.box-kito-group .box-footer .icon-box .icon-box-text ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    border: 2px solid #06324c;
    border-radius: 99px;
    transform: translateY(-50%);
}

.box-kito-group .box-footer .col:nth-child(1) .col-inner .logo-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: -15%;
    margin-bottom: 30px;
    background: #fff;
    padding: 0 20px;
}

.box-kito-group form.wpcf7-form input {
    border: 1px solid #ddd;
}

.box-kito-group form.wpcf7-form .col span {
    width: 100%;
    margin: 0;
}

.box-kito-group form.wpcf7-form input#khao_sat_submit {
    margin: 0;

    padding: 0;
    width: 200px;
    margin-bottom: -70px;
}

.box-kito-group form.wpcf7-form .col {
    padding-bottom: 0;
}

.section-readmore {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
}

.devvn_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: #fff;
}

.devvn_readmore_flatsome a {
    color: #06324c;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    padding: 8px 0;
}

.devvn_readmore_flatsome a:after {
    content: '';
    width: 10px;
    height: 15px;
    background-image: url("./images/arrows.svg");
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.devvn_readmore_flatsome_less a:after {
    border-top: 0;
    background-image: url("./images/upload.svg");
}

.devvn_readmore_flatsome_less:before {
    display: none;
}

.box-danh-gia-bg .slider-wrapper .flickity-page-dots {
    bottom: 0;
}

.box-danh-gia-bg .slider-wrapper .section {
    width: 33.33%;
    padding: 50px 15px 30px 15px !important;
}

.box-danh-gia-bg .slider-wrapper .section .section-bg.bg-loaded {
    display: none;
}

.box-danh-gia-bg .box-title {
    color: #fff;
}

.box-danh-gia-bg .icon-box-img.testimonial-image.circle img {
    width: 100px;
    height: 100px;
}

.box-danh-gia-bg .icon-box.testimonial-box {
    background: #e5f5fb;
    border-radius: 10px;
    padding: 20px 20px 0;
}

.box-danh-gia-bg .icon-box-center .icon-box-img {
    margin-top: -70px;
    margin-bottom: 20px;
}

.box-danh-gia-bg .icon-box.testimonial-box .testimonial-meta strong {
    display: block;
}

.box-danh-gia-bg .icon-box.testimonial-box .testimonial-meta span.testimonial-name-divider {
    display: none;
}

.box-danh-gia-bg .icon-box.testimonial-box .testimonial-meta {
    margin: 0 -20px;
    background: #fff;
    padding: 10px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.box-danh-gia-bg .icon-box.testimonial-box .icon-box-text p {
    margin-bottom: 20px;
}

.box-danh-gia-bg .icon-box.testimonial-box .testimonial-meta span.testimonial-company.test_company {
    font-size: 14px;
    color: #868686;
    font-style: italic;
}

.box-danh-gia-bg .icon-box.testimonial-box .testimonial-meta strong.testimonial-name.test_name {
    font-size: 16px;
    text-transform: uppercase;
    color: #06324c;
}

.box-kito-group .box-footer > .col:nth-child(2) > .col-inner {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 27px;
    box-shadow: 1px 2px 7px 0 rgba(0, 0, 0, 0.15);
}

.box-kito-group .box-footer > .col:nth-child(2) > .col-inner > p {
    margin-bottom: 20px;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
    width: 100% !important;
}

form.wpcf7-form span.wpcf7-not-valid-tip:before {
    display: none !important;

}

.box-so-luoc .col ul li {
    list-style: none;
    position: relative;
}

.box-so-luoc .col ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 9px;
    left: -15px;
    background-image: url("./images/arrow1black.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.box-danh-gia-bg .icon-box.testimonial-box .icon-box-text .testimonial-text {
    position: relative;
    padding-bottom: 20px;
}

.box-danh-gia-bg .icon-box.testimonial-box .icon-box-text .testimonial-text:after {
    content: "";
    width: 20px;
    height: 13px;
    display: block;
    position: absolute;
    background-image: url("./images/kep-vang.png");
    background-size: cover;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.post-sidebar .widget .widget-title {
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    color:#06324c;
}
.post-sidebar .widget .widget-title:before {
    position: absolute;
    content: "";
    width: 20%;
    height: 2px;
    background: #06324c;
    left: 0;
    bottom: 0;
}
.post-sidebar .widget ul li a:hover {
    color: #06324c;
}
.post-sidebar .widget ul li a:hover:before {
    background-image: url("./images/arrowssmallblue.svg");
}
.post-sidebar .widget ul li a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px ;
    left: 0;
    display: block;
    top: 18px;
    background-image: url("./images/arrowssmallblack.svg");

    background-repeat: no-repeat;
    background-size: cover;
}
.post-sidebar .widget ul li a {
    position: relative;
    display: block;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e1e1e1;
    color: #000;
}
.post-sidebar .widget ul li {
    margin: 0;
    border: unset;
}
.relatedcat .post-meta {
    display: none;
}

.devvn_custom_calc .col > strong {
    font-weight: 600;
    display: block;
    margin: 0 0 5px;
}
label.style-radio {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    display: block;
    border: 1px dashed #ccc;
    padding: 5px;
    border-radius: 3px;
}
label.style-radio span,
label.style-radio div{
    font-weight: 400;
    padding: 0 0 0 25px;
}
label.style-radio input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
label.style-radio span:before, label.style-radio span:after,
label.style-radio div:before, label.style-radio div:after {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    border: 1px solid #a6a6a6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 8px;
    left: 7px;
}
label.style-radio input:checked ~ span:before,
label.style-radio input:checked ~ div:before{
    border: 1px solid var(--primary-color);
}
label.style-radio input:checked ~ span:after,
label.style-radio input:checked ~ div:after{
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    width: 8px;
    height: 8px;
    top: 12px;
    left: 11px;
}
form.cart .quantity label.error {
    display: none !important;
}
.devvn_custom_calc label.error {
    font-weight: 400;
    color: red;
    font-size: 12px;
}
.shop_table .cart_item td.product-name > a {
    font-weight: 600;
    font-size: 16px;
}
a.header-cart-link.icon.button.circle {
    width: 40px;
    height: 40px;
    margin: 0;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    line-height: 38px;
    border: 0;
    font-size: 13px;
}
ul.woocommerce-mini-cart ul.variation li {
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto;
    border: 0 !important;
    font-size: 11px;
}
ul.woocommerce-mini-cart ul.variation {
    margin: 0 !important;
    padding: 0 !important;
}
.section-title a {
    font-size: 14px;
    font-weight: 400;
}
.section-title i {
    opacity: 1;
    top: 2px;
}

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

    .footer-1>.row > .col:nth-child(1) {
        max-width: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }

    .footer-1>.row > .col:not(:nth-child(1)) {
        max-width: calc(70%/3);
        -ms-flex-preferred-size: calc(70%/3);
        flex-basis: calc(70%/3);
    }


}
@media only screen and (max-width: 1199px) {
    /*992*/
    ul.nav.nav-tabs li.tab {
        white-space: nowrap;
    }

    ul.nav.nav-tabs {

        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .box-kito-group .box-footer .col:nth-child(1) .col-inner .logo-box {
        width: 32% !important;
        padding: 0;
        margin-top: 0;
    }

    .box-kito-group .box-footer > .col:nth-child(1) .col-inner {

        padding: 30px 35px 30px 35px;

    }

    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner p:nth-child(2) strong {
        font-size: 20px;
    }

    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner {

        padding: 60px 190px 0 42px !important;
    }

    .box-tran-trong .box-footer:after {

        width: 70%;

    }

    .box-bao-hanh .section-content .box-footer p::after {

        right: -5px;

    }

    .box-bao-gia .box-header {

        padding: 30px;

    }

    .box-bg-nhan-tin .row .col-inner {
        width: 75%;

    }

    .phone_header .icon-box-text.last-reset {
        display: none;
    }

    .box-san-pham-noi-bat .content-box-right .img-product.image-cover {
        padding-top: 83.4%;
    }

    .box-tin-tuc .box-left .col.post-item .image-cover {
        padding-top: 66% !important;
    }

    .footer-2 .textwidget {
        padding: 30px 20px;

    }

    /*.footer-2 .textwidget .wpcf7{*/
    /*    */
    /*}*/
    /*.footer-2 .textwidget h3 {*/
    /*    width: 50%;*/
    /*}*/
}

@media only screen and (max-width: 991px) {
    /*850*/
    .box-so-luoc .col:nth-child(2) .col-inner {
        padding: 0;
    }

    .box-so-luoc .col:nth-child(2) .col-inner:after {
        display: none;
    }

    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner {
        padding: 30px 150px 0 42px !important;
    }

    .box-tran-trong .box-header p:first-child {
        font-size: 24px;

    }

    .box-bao-gia {
        padding: 30px 0 !important;
    }

    .box-bg-nhan-tin .row .col-inner {
        width: 85%;
        padding: 30px;
    }

    .box-slide-blog-bg > .col {
        max-width: 33.33%;
        flex-basis: 33.33%;
    }

    .box-kito-group p.text-box-color span {
        font-size: 16px !important;
    }

    .box-kito-group p.text-box-color {

        margin: 0 !important;


    }

    .box-phong-thuy .box-header .col-inner ul {

        padding: 0;
        margin-right: 0;
        margin-left: 0;
    }

    p.text-box-color span {
        font-size: 16px !important;
    }

    .box-phong-thuy .section-content .col-inner > p:nth-child(2) {
        margin: 0;

    }

    .box-so-luoc .col:nth-child(2) .col-inner p {

        padding-top: 10px;

        font-size: 14px;
        padding-bottom: 10px;
    }

    .box-tran-trong .box-footer p span {

        font-size: 24px;
    }

    .box-kito-group .box-footer {
        margin-top: 30px;
    }

    .box-tran-trong {
        padding: 30px 0 !important;
    }

    .box-su-khac-biet .section-content .box-content .col-inner .icon-box {

        margin-top: -115px;
    }

    .box-su-khac-biet .section-content > .row > .col {
        padding-bottom: 0;
    }

    .box-su-khac-biet {
        padding-bottom: 0 !important;
    }

    .box-bao-hanh {
        padding-bottom: 0 !important;
        padding-top: 30px !important;
    }

    .box-bao-hanh .row .col:nth-child(2) .col-inner .box-title {

        font-size: 18px;

    }

    .box-bao-hanh .section-content .row .col .icon-box .icon-box-text h3 {
        font-size: 16px;
    }

    .box-bao-hanh .section-content .row .col:first-child .icon-box:first-child {
        top: 12%;
    }

    .box-bao-hanh .section-content .row .col:first-child .icon-box:last-child {

        top: 73%;
    }

    .box-li-do .section-content > .row > .col .box-content .col:nth-child(1) ul li:last-child {
        margin-bottom: 0;
    }

    .box-danh-gia-bg, .box-hinh-anh-cong-trinh, .box-phong-thuy, .box-bg-nhan-tin, .box-album, .box-thong-so-ky-thuat, .box-so-luoc {
        padding-bottom: 0 !important;
        padding-top: 30px !important;
    }

    .box-li-do .section-content > .row > .col .box-content ul {
        margin-bottom: 0;
    }

    .box-li-do .section-content > .row > .col {
        padding-bottom: 0;
    }

    .box-li-do {

        padding-bottom: 3px !important;
        padding-top: 30px !important;
    }

    .box-tran-trong .box-header p.text-img {

        font-size: 18px;

    }

    .box-tran-trong .box-header p:last-child {
        font-size: 18px;
        margin-bottom: 0;
    }

    .box-gioi-thieu .section-content > .row {
        align-items: center;
    }

    .box-gioi-thieu .slide-box-gioi-thieu .col-inner {
        padding: 30px 36px 30px 0;

    }

    .phone_header.icon-box-left .icon-box-text {
        display: none;
    }

    .footer-1 .widget_text span.widget-title {

        margin-top: 10px;
    }

    .box-san-pham-noi-bat .box-right {
        width: calc(100% - 330px);

    }

    .box-san-pham-noi-bat .box-left {
        width: 330px;
    }

    .box-san-pham-noi-bat .content-box-right .img-product.image-cover {
        padding-top: 90.7%;
    }

    .box-tin-tuc .box-left .col.post-item .image-cover {
        padding-top: 69% !important;
    }

    .footer-2 .textwidget h3 span {
        width: 32px;
        height: 30px;
        margin-right: 10px;

    }

    .footer-2 .textwidget h3 {

        font-size: 15px;

    }

    .footer-2 .textwidget form.wpcf7-form span input {
        height: 46px;

        padding: 0 46px 0 30px;
    }

    .footer-2 .textwidget form.wpcf7-form button#submit__bao_gia {

        width: 38px;
        height: 38px;

        right: 5px;
        top: 4px;
    }

    .slider-home-custom .banner p {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .slider-home-custom h3 {
        font-size: 39px;
    }

    .box-service {
        padding: 50px 0 20px !important;
    }

    .box-service .col .col-inner {

        display: flex;

    }

    .box-tin-tuc,
    .box-cam-nhan,
    .box-san-pham-noi-bat,
    .box-nhan-tin,
    .box-gioi-thieu {
        padding-bottom: 20px !important;
        padding-top: 50px !important;
    }

    .box-doi-tac {
        padding: 50px 0 !important;
    }

    .box-gioi-thieu h3 {
        font-size: 25px;
        padding-bottom: 10px;
        margin-bottom: 20px;

    }

    .box-title {
        margin-bottom: 25px;

        font-size: 25px;
    }

    .box-video {
        padding-bottom: 10px !important;
        padding-top: 30px !important;
    }

    .btn-video span {

        line-height: 40px;

    }

    .box-tin-tuc .content-box > .col .box-right,
    .box-tin-tuc .content-box > .col .box-left,
    .box-tin-tuc .content-box > .col {
        padding-bottom: 0;
    }

    .dangky-box > .col-inner > .row {
        align-items: center;
    }
    .footer-2 .textwidget form.wpcf7-form p span:nth-child(1) input {
        padding-right: 30px;
    }

}

@media only screen and (max-width: 1000px) and (min-width: 850px) {
    ul.header-nav.header-nav-main.nav.nav-left > li {
        margin: 0 5px;
    }
}
@media only screen and (max-width: 924px) and (min-width: 850px) {
    .header-nav-main > li > a {
        font-size: 12px;
    }
}
@media only screen and (min-width: 850px) {
    .footer-1>.row > .col .wpcf7 {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 849px) {
    /*768*/
    .box-tran-trong .box-header p:first-child {
        font-size: 21px;
    }

    .box-tran-trong .box-footer:after {
        width: 85%;
    }

    .box-tran-trong .box-footer {
        margin-top: 20px;

    }

    .box-tran-trong .box-footer p span {
        font-size: 21px;
    }

    .box-tran-trong .box-content ul li {

        margin-bottom: 0;
    }

    .box-su-khac-biet .section-content .box-content .col-inner .icon-box {

        margin-top: -108px;
    }

    .box-thong-tin-lien-he {
        margin-top: 0;
        padding-bottom: 30px !important;
        padding-top: 0 !important;
    }

    .box-san-pham-noi-bat .content-box-right .img-product.image-cover {
        padding-top: 109%;
    }

    .footer-1 > .row > .col {
        width: 50%;
    }

    .footer-1 .widget_text span.widget-title {
        margin-top: 30px;
    }

    .footer-2 .textwidget .wpcf7 {
        width: 64%;

    }

    .footer-2 .textwidget h3 {
        width: 36%;
    }

    .slider-home-custom h3 {
        font-size: 36px;
    }

    #text-box-1227372753 .text-inner {
        padding: 30px 0 30px 0;
    }

    .slider-home-custom .banner .button {

        line-height: 38px;
    }

    .box-tin-tuc .content-box > .col .box-right, .box-tin-tuc .content-box > .col .box-left {
        max-width: 100%;

        flex-basis: 100%;
    }

    .box-tin-tuc .content-box > .col .box-right .col {
        max-width: 50%;
    }

    .box-bao-hanh .box-footer {
        margin-top: 20px;
    }

    .box-bao-hanh .section-content .box-footer p {
        font-size: 16px;
    }

    .box-bao-hanh .section-content .row .col:nth-child(3) .icon-box:last-child {
        bottom: 7%;
    }

    .box-title {
        font-size: 18px;
    }

    .box-su-khac-biet .section-content .box-content {
        margin-top: 70px;
    }

    .box-bao-hanh .row .col:nth-child(2) .col-inner .box-title {
        font-size: 16px;
    }

    .box-bao-gia .box-header > p span {
        font-size: 16px;
    }

    .box-bg-nhan-tin .row .col-inner {
        width: 100%;
    }

    .box-phong-thuy .box-header .col-inner ul li:before {

        top: 14%;
        width: 7px;

    }

    .box-kito-group .box-footer .icon-box .icon-box-text ul li:before {

        top: 8px;

        transform: unset;
    }

    .box-kito-group .box-footer .col:nth-child(1) .col-inner .logo-box {
        width: 50% !important;
        margin-bottom: 25px;
    }

    .box-kito-group .section-content.relative > .row > .col {
        padding-bottom: 0;
    }

    .box-kito-group {
        padding-bottom: 5px !important;
        padding-top: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .footer-2 .textwidget form.wpcf7-form span input {
        height: 35px;
        padding: 0px 35px 0 10px;
        font-size: 12px;
    }
    .footer-2 .textwidget form.wpcf7-form p span:nth-child(1) input {
        padding-right: 10px;
    }
    .footer-2 .textwidget form.wpcf7-form button#submit__bao_gia span {

        width: 14px;

        height: 14px;
    }
    .footer-2 .textwidget form.wpcf7-form button#submit__bao_gia {
        width: 30px;
        height: 30px;
        right: 3px;
        top: 3px;
        padding: unset;
        min-height: auto;
    }
    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:before, .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:before, .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text:after, .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box:after {
        display: none;
    }
    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box .text .text-inner {
        padding: 10px !important;
    }
    .bao-gia-gioi-thieu .col-inner .banner .banner-layers .text-box {
        width: 100% !important;
    }
    .bao-gia-gioi-thieu .col-inner .banner:after, .bao-gia-gioi-thieu .col-inner .banner:before{
        display: none;
    }
    .bao-gia-gioi-thieu .col-inner .banner .banner-layers:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        position: absolute;
    }
    .bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:last-child{
        margin-top: 10px;

    }
    .box-gioi-thieu-bg .row .col:nth-child(2) {
        padding-bottom: 0;
    }
    .box-tran-trong .box-header {

        padding: 15px;

    }
    .box-tran-trong .box-header p:first-child {
        font-size: 15px;
    }.box-tran-trong .box-header p:last-child,
    .box-tran-trong .box-header p.text-img {
        font-size: 14px;
    }
    .text-img:after, .text-img:before {

        transform: unset;
    }
    .text-img:before {
        left: 0;
        top: 5px;
    }
    .text-img:after {
        right: 0;

        bottom: 5px;
    }
    .box-tran-trong .box-header {

        margin-bottom: 15px;
    }
    .bao-gia-gioi-thieu .box-gioi-thieu-bg .col-inner p:nth-child(2) {
        margin-bottom: 10px;
    }
    .button-single-product .col {
        padding-bottom: 0;

    }

    .related.related-products-wrapper.product-section {
        padding-bottom: 15px;
    }

    .single-product .product-footer .woocommerce-tabs {
        padding-bottom: 15px;
    }

    .single-product p.price.product-page-price {
        font-size: 14px;
        margin-top: 10px;
    }

    .single-product .product-info.summary.entry-summary.product-summary .product-title {

        font-size: 18px;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .single-product .product-main {
        padding-bottom: 0;
        padding-top: 0 !important;
    }

    .single-product .product-main form.cart {
        margin-bottom: 15px;
    }

    .single-product .product-info.summary.entry-summary.product-summary {

        padding-bottom: 15px;
    }

    header.entry-header h1.entry-title {
        font-size: 18px;
    }

    .box-cam-nhan .carousel-nav .carousel-cell {
        width: 33.333% !important;
    }

    .box-cam-nhan .carousel-nav .carousel-cell.is-selected.is-nav-selected .item-comment-img {
        width: 85px;
        height: 85px;
    }

    .item-comment-bottom .item-comment-img {

        width: 58px;
        height: 58px;

    }

    .item-comment-bottom .name_customer {

        letter-spacing: 0.5px;
    }

    .slider-home-custom .box-shadow-4 .text-inner.text-center {
        padding: 0;
    }

    .slider-home-custom h3 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
    }

    .slider-home-custom h3 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
    }

    .slider-home-custom .banner .button {
        line-height: 35px;
        height: 35px;
    }

    .slider-home-custom .banner p {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .box-san-pham-noi-bat .box-right,
    .box-san-pham-noi-bat .box-left {
        width: 100%;
    }

    .footer-1 > .row > .col {
        width: 100%;
    }

    .footer-2 .textwidget .wpcf7, .footer-2 .textwidget h3 {
        width: 100%;
    }

    .box-service {
        padding: 30px 0 0px !important;
    }

    .box-tin-tuc, .box-cam-nhan, .box-san-pham-noi-bat, .box-nhan-tin, .box-gioi-thieu {
        padding-bottom: 0px !important;
        padding-top: 30px !important;
    }

    .box-gioi-thieu h3 {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .box-gioi-thieu .slide-box-gioi-thieu .col-inner {
        padding: 0;
    }

    .box-gioi-thieu .slide-box-gioi-thieu .col-inner:after {
        display: none;
    }

    .box-gioi-thieu .section-content.relative > .row > .col:first-child {
        padding-bottom: 1.3em;
    }

    .box-gioi-thieu .section-content.relative > .row > .col ol li {
        margin-bottom: 3px;
    }

    .box-gioi-thieu .section-content.relative > .row > .col ol {
        margin-bottom: 0;
    }

    .box-title {
        margin-bottom: 15px;
        font-size: 18px;
        padding-bottom: 10px;
    }

    .box-video .col.post-item {
        padding-bottom: 15px;
    }

    .dangky-box > .col-inner .box-left .col-inner {
        padding: 15px;
        margin-bottom: 15px;
    }

    .dangky-box > .col-inner ul li {
        font-size: 15px;

    }

    .dangky-box > .col-inner .box-right p span strong {
        color: #000;
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
        display: block;
    }

    .box-right form.wpcf7-form > p span:before {
        top: calc(50% - 8px);
    }

    .box-right form.wpcf7-form > p span {
        width: 100%;
    }

    .box-right form.wpcf7-form > p span input {

        padding-left: 50px;
        margin-bottom: 15px;
    }

    .box-right form.wpcf7-form > p input#submit-newletter {

        height: 36px;
        line-height: 35px;

    }

    .box-san-pham-noi-bat .box-left h4 {
        font-size: 16px;

        padding: 15px 15px;

    }

    .box-san-pham-noi-bat .box-left ul li span {

        font-size: 16px;
        padding: 10px 10px 10px 40px;

    }

    .box-san-pham-noi-bat .box-left ul li span:before {
        left: 15px;
        height: 10px;
        width: 10px;
    }

    .box-san-pham-noi-bat .box-left {
        margin-bottom: 15px;
    }

    .box-left .item-post .post-meta {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .box-left .item-post .post-title {
        font-size: 15px;
    }

    .box-tin-tuc .content-box > .col .box-right .col {
        max-width: 100%;
    }

    .box-cam-nhan .carousel-main {
        padding-bottom: 20px;

        margin-top: 50px;
    }

    .box-cam-nhan .carousel-main:before {

        width: 56px;
        height: 56px;

        top: -28px;

    }

    .item-comment {
        padding: 43px 20px 20px;

    }

    .item-comment .content-comment p {
        margin-bottom: 15px;
    }

    .item-comment .name_customer {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .box-cam-nhan .carousel-nav .carousel-cell {
        height: 105px;
    }

    .box-doi-tac {
        padding: 30px 0 !important;
    }

    .footer-2 .textwidget .wpcf7, .footer-2 .textwidget h3 {
        padding: 0;
    }

    .footer-2 .textwidget h3 {
        margin-bottom: 15px;
    }

    .footer-2 .textwidget {
        padding: 20px 0;
    }

    .footer-2 .textwidget h3 span {
        width: 27px;
        height: 25px;
    }

    .footer-2 {
        background: #06324c !important;
        top: -115px;
    }

    footer#footer {
        margin-top: 127px;
    }

    .footer-1 {

        padding-top: 30px;

    }
    .box-tran-trong .box-footer:after{
        display: none;
    }
    .box-tran-trong .box-footer p span {
        font-size: 16px;
        padding: 0;
    }
    .box-tran-trong .box-footer .text-img {
        font-size: 14px;
        margin: 0;
        padding: 0 5px;
    }
    .box-tran-trong .box-footer .text-img:after {

        bottom: 5px;

        right: -5px;
    }
    .box-tran-trong .section-content.relative >.row>.col {
        padding-bottom: 0;
    }
    .box-su-khac-biet .section-content .box-content .col-inner .icon-box {
        width: 100%;

        padding: 0 15px;
        margin-top: 0;
    }
    .box-su-khac-biet .section-content .box-content .col-inner {

        padding-top: 15px;
    }
    .box-su-khac-biet .section-content .box-content .col-inner .icon-box .icon-box-text {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .box-su-khac-biet .section-content .box-content .col-inner .icon-box:not(:nth-child(1)) .icon-box-img:before{
        display: none;
    }
    .box-su-khac-biet .section-content .box-content {
        margin-top: 30px;
    }
    .box-tran-trong .box-footer .text-img:before {

        left: -5px;
    }
    .box-tran-trong .box-footer {
        margin-top: 15px;
        border: 1px dashed #ddd;
        border-radius: 10px;
        padding: 10px;
    }
    .box-bao-hanh .section-content .row .col .icon-box {
        position: unset;
    }
    .box-bao-hanh .section-content .row .col:nth-child(2) {
        order: 1;
    }
    .box-bao-hanh .section-content .row .col:nth-child(2) .img {
        display: none;
    }
    .box-bao-hanh .row .col:nth-child(2) .col-inner .box-title {
        position: unset;
        transform: unset;
        width: 100%;
        line-height: 24px;

        font-size: 16px;
    }
    .box-bao-hanh .section-content .row .col:nth-child(3) {
        order: 3;
    }
    .box-bao-hanh .section-content .row .col .icon-box p ,
    .box-bao-hanh .section-content .row .col .icon-box h3 {
        text-align: left !important;
    }
    .box-bao-hanh .section-content .row .col:nth-child(1) {
        order: 2;
    }
    .box-bao-hanh .box-footer {
        margin-top: 0;
    }
    .text-img:after, .text-img:before{
        display: none;
    }
    .box-bao-hanh .section-content .box-footer p {
        margin: 0;
        font-size: 14px;
        text-align: left;
    }
    .box-li-do ul li {
        padding: 5px;
        padding-left: 60px;

    }
    .box-li-do .box-content .col {
        padding-bottom: 10px;
    }
    .box-so-luoc .section-content .row>.col {
        padding-bottom: 0;
    }
    .box-so-luoc{
        padding-bottom: 30px !important;
    }
    .tab-panels {

        padding: 10px !important;
    }
    .tab-panels .boder-tab-panel .col-inner {

        padding: 10px;
    }

    .tab-panels .gallery-col {
        padding-bottom: 0;
    }
    .tab-panels .gallery-col .box-image.image-cover {
        padding-top: 270px !important;
    }
    .box-bao-gia .box-header {
       padding: 15px;
        margin-bottom: 40px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .box-bao-gia .box-header > p {
        margin-bottom: 0;
        background: transparent;
        font-size: 16px;
        line-height: 24px;
    }
    .box-bao-gia .box-header ul {
        margin-bottom: 10px;
    }
    .box-bg-nhan-tin .row .col-inner {
        width: 100%;
        padding: 15px;
        margin: 0;
    }
    .box-bg-nhan-tin form.wpcf7-form .col span {
        margin: 0;
    }
    .box-bg-nhan-tin form.wpcf7-form .col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    input#bg_du_an_submit {


        padding: 0;
        margin-right: 0;
        margin-top: 5px;
    }
    .box-phong-thuy .box-header .col-inner ul {
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .box-phong-thuy .box-header .col-inner ul li {
        width: 100% ;
        margin-left: 0;
       margin-right:0;
        margin-bottom: 10px;
    }
    .box-slide-blog-bg > .col {
        max-width: 100%;
        flex-basis: 100%;
    }
    .box-danh-gia-bg .slider-wrapper .section {
        width: 100%;

    }
    .box-kito-group form.wpcf7-form input#khao_sat_submit {

        width: 100%;
        margin-bottom: 0;
        margin-top: 5px;
    }
    .box-kito-group .box-footer .col:nth-child(1) .col-inner .logo-box {
        width: 70% !important;
        margin-bottom: 25px;
        margin-left: 0;
    }
    .box-kito-group .box-footer > .col:nth-child(2) > .col-inner {

        padding: 15px;

    }
    .box-kito-group .box-footer > .col > .col-inner > p {
        font-size: 16px;
    }
    .box-kito-group .box-footer > .col:nth-child(1) .col-inner {
        padding: 15px;
    }

}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}