:root {

    --color-1: rgba(112, 190, 70, 1);

    --color-2: #0000d4;

    --color-3: #ceceff;

    --color-4: #ff2c2c;

    --color-5: #fffcf4;

    --trans: all 350ms ease-in-out;

}



html {

    font: normal 62.5% 'Arial, Helvetica, sans-serif;'!important;

    overflow-x: hidden;

    max-width: 1920px;

    color: #545454;

    scroll-behavior: smooth;

}



body {

    transition: var(--trans);

    max-width: 1920px;

    margin: 0 auto;

    overflow-x: hidden;

}



a,

a:hover {

    color: #545454;

    transition: var(--trans);

}



.webkit-box-1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-5 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    text-overflow: ellipsis;

}



.hide,

.hidden {

    display: none;

}



.nav-top>li {

    float: left;

    position: relative;

}



.nav-top>li>a {

    color: #c43030;

}



.nav-top a:after {

    border-left-color: #c43030;

}



header {

    background: #992020;

    padding-bottom: 25px;

}



.navbar-form {

    margin: 0 1rem 0 0;

}



.navbar-form input {

    min-width: 25rem;

    width: 100%;

    height: 3rem;

    color: #444;

    line-height: 4rem;

    border-radius: 0.5rem;

    background-color: #fff;

    padding: 0.4em 1rem;

}



.navbar-form button {

    border-radius: 0;

    color: var(--color-1);

    font-size: 1.6rem;

    background-color: transparent;

    padding: 0 1.5rem;

}



.left-menu {

    display: flex;

    justify-content: left;

}



.navbar-form input::placeholder {

    color: var(--color-1);

    opacity: 1;

}



.navbar-form input:-ms-input-placeholder {

    color: var(--color-1);

}



.navbar-form input::-ms-input-placeholder {

    color: var(--color-1);

}



.head__contact {

    display: flex;

    justify-content: flex-end;

}



.right-head_hotline {

    border: none;

    border-radius: 0;

    min-width: 200px;

}



.right-head_hotline img {

    float: left;

    margin-right: 10px;

}



.right-head_hotline b {

    font-size: 18px;

}



.right-head_cart .icon .num {

    font-size: 12px;

    font-weight: 600;

    color: #ee4a3e;

    position: absolute;

    border: 1px solid #fff;

    line-height: 16px;

    height: 20px;

    padding-left: 5px;

    background-color: #a20a09;

    text-align: center;

    padding-right: 5px;

    border-radius: 50%;

    line-height: 20px;

    color: #fff;

}



.right-head_cart .icon {

    position: absolute;

    left: 0;

    background-color: #edc180;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

}



.right-head_cart .title {

    padding-top: 10px;

    display: inline-block;

    color: #fff;

}



.cate__tit {

    position: relative;

    z-index: 9;

    margin-top: -40px;

    background: #7a0c0c;

    color: #fff;

    line-height: 40px;

    padding: 0 0;

    text-indent: 10px;

    border-radius: 5px 5px 0 0;

    display: flex;

    justify-content: space-between;

    padding-right: 10px;

}



.nav-product {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.nav-product li {

    background: #eae09e;

    border-bottom: 1px solid #fff;

    position: relative;

}



.nav-product li a {

    display: block;

    text-indent: 10px;

    line-height: 37px;

    color: #c43030;

    font-family: 'UTM_Staccato';

    font-size: 18px;

}



.nav-product li ul {

    position: absolute;

    left: 100%;

    top: 0;

    list-style-type: none;

    min-width: 280px;

    display: none;

    margin: 0;

    padding: 0;

    z-index: 9;

}



.nav-product li ul li a {

    display: block;

    text-decoration: none;

}



.nav-product li:hover ul {

    display: block;

}



.left__sl424 {

    width: calc(78%);

    float: left;

    padding-top: 10px;

}



.right__ht424 {

    width: calc(22%);

    float: right;

    padding-left: 10px;

    position: relative

}



.system__store {

    position: relative;

    margin-top: -30px;

    color: #fff;

    z-index: 9;

    font-size: 17px;

    text-transform: uppercase;

}



.system__store span {

    cursor: pointer;

}



.right__ht424 .divbd {

    padding: 6px 0;

    background: linear-gradient(to right, #eae09e, #fcfcfc);

}



.right__ht424 .divbd ul {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

    background-color: #992020;

}



.right__ht424 .divbd ul li {

    display: block;

    background: #c43030;

    margin-bottom: 6px;

}



.right__ht424 .divbd ul li:last-child {

    margin-bottom: 0;

}



.right__ht424 .sup_item {

    padding: 15px 5px;

    color: #fff;

}



.sup_itemImg {

    float: left;

    width: 50px;

}



.sup_itemImg img {

    max-width: 40px;

    margin-top: 5px;

}



.right__ht424 .sup_item h4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    font-size: 14px;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 2px;

}



.right__ht424 .sup_item p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    font-size: 13px;

    line-height: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.list__store {

    position: absolute;

    width: 96%;

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: none;

    background-color: #fff;

    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

    z-index: 9;

}



.list__store.open {

    display: block;

}



.list__store>li {

    display: block;

}



.list__store>li>a {

    display: block;

    line-height: 30px;

    text-indent: 10px;

}



.site-partner {

    position: relative;

}



.site-partner .swiper-slide {

    position: relative;

}



.site-bnc {

    position: relative;

    z-index: 99;

}



.site-bnc .container-fluid {

    position: relative;

}



.partnerItem {

    text-align: center;

    padding: 20px 10px;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;

}



.partnerItem h4 {

    color: #787878;

    font-size: 16px;

    margin-top: 15px;

    text-transform: uppercase;

}



.site-cket .container-fluid {

    position: relative;

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-size: 20px!important;

    font-weight: 400;

}



.swiper-button-next,

.swiper-button-prev {

    color: var(--color-1)!important;

}



.site-khuyenmai {

    margin-top: 30px;

}



.product__titHome h2 {

    text-align: center;

    margin-bottom: 40px;

}



.product__titHome h2 span {

    font-family: 'UTM_Staccato';

    color: #992020;

    text-transform: uppercase;

    position: relative;

}



.product__titHome h2 span:after {

    position: absolute;

    width: 100%;

    height: 6px;

    content: '';

    background: url(templates/images/line_productsale.png)no-repeat;

    background-size: 100% 100%;

    left: 0;

    bottom: -10px;

}



.site-khuyenmai .inner {

    position: relative;

}



.product__txt {

    position: relative;

    padding-bottom: 15px;

}



.item_product_img {

    height: 250px;

}



.item_product_title {

    font-size: 16px;

    line-height: 20px;

    margin: 0 0 10px 0;

    height: 46px;

}



.item_product_price {

    color: red;

    font-size: 24px;

}



.item_product_price del {

    color: #555;

}



.item_product>a .sale {

    background: url(templates/images/bg_sale.png)no-repeat;

    background-size: 100% 100%;

    font-family: 'UTM_Staccato';

    color: #992020;

}



.item_productAction {

    text-align: center;

}



.btn-dt,

.btn-buyn {

    background: #eae09e;

    color: #c43030;

    border-radius: 3px;

    padding: 3px 15px;

    margin: 0 5px;

}



.item_product_title a {

    color: #333;

    text-transform: capitalize;

    font-size: 20px;

    line-height: 24px;

}



.link_wrap_img {

    position: relative;

}





/* .link_wrap_img::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(255, 255, 255, 0.5);

    transition: all .5s ease-in-out;

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    z-index: 1;

}



.item_product:hover .link_wrap_img::before {

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

} */



.item_product {

    background: #fff;

    text-align: center;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    margin-top: 5px;

}



.swiperProductSale {

    padding-left: 2px!important;

    padding-right: 2px!important;

}



.product__titHomeCate {

    margin-bottom: 30px;

}



.product__titHomeCate h2 {

    position: relative;

    text-align: center;

}



.product__titHomeCate h2 span {

    text-transform: uppercase;

    color: #fff;

    font-family: 'UTM_Staccato';

    position: relative;

    padding: 10px 40px;

    background: url(templates/images/bg_tit.png);

    background-size: 100% 100%;

}



.site-catehome .item_product,

.body-sanpham .item_product {

    margin: 0 0;

}



.feedback__content {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 25%;

    background-size: cover;

    background-position: center;

    position: relative;

}



.feedback_text {

    background-color: rgba(139, 34, 34, 0.8);

    position: absolute;

    width: 50%;

    right: 0;

    top: 0;

    height: 100%;

    z-index: 9;

}



.feedback_text {

    text-align: center;

}



.feedback_text h3 {

    text-transform: uppercase;

    color: #eae09e;

    font-family: 'UTM_Staccato';

    margin-bottom: 30px;

}



.item__kh {

    padding: 0 0 0 30px;

    position: relative;

}



.item__kh:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 7px;

    height: 100%;

    background-color: var(--color-1);

}



.mySwiperkh-next,

.mySwiperkh-prev {

    color: #fff!important

}



.site-blogs__tit h2 {

    text-align: center;

}



.site-blogs__tit h2 span {

    text-transform: uppercase;

    color: #7a0c0c;

    font-family: 'UTM_Staccato';

    position: relative;

    padding: 10px 40px;

}



.keySuggest {

    font-style: italic;

    font-size: 13px;

    color: #fff;

    margin-top: 10px;

}



h4.blog_tit {

    line-height: 22px;

}



h4.blog_tit a {

    font-size: 17px;

    color: #992020;

}



.link_wrap_img {

    padding: 20px;

}



.blog__item .blog__item_img {

    width: 170px;

    float: left;

}



.blog__item .blog__item_content {

    width: calc(100% - 170px);

    float: right;

    padding: 15px;

}



.blog__item .blog__item_content p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    font-size: 14px;

    line-height: 20px;

}



.blog__item {

    width: 100%;

    float: left;

    background: #eae09e;

    margin-bottom: 15px;

}



.site-blogs__tit h2 {

    margin-bottom: 30px;

}



.blog__line {

    text-align: right;

    position: relative;

}



.blog__line:after {

    position: absolute;

    content: '';

    width: calc(100% - 60px);

    left: 0;

    bottom: 5px;

    height: 1px;

    background-color: #7a0c0c;

}



.blog__line a {

    color: #7a0c0c;

    font-size: 13px;

}



.logo__footer {

    display: block;

    margin-bottom: 15px;

}



.mxh__foo ul {

    position: relative;

    list-style-type: none;

    padding: 0;

    text-align: center;

    margin: 0 0 15px 0;

}



.mxh__foo>ul>li {

    display: inline-block;

    margin-right: 5px;

}



.site-copyright p {

    margin: 0;

    line-height: 22px;

    text-align: center;

    color: #333;

    font-size: 13px;

    padding: 7px 15px;

    padding-left: 10%;

}



.title-f:before {

    background-color: #eae09e;

}



.content-f ul li a:hover {

    color: #eae09e;

}



.tit-lienhe {

    text-transform: uppercase;

    font-size: 2rem;

    margin-bottom: 2rem;

    font-weight: 600;

}



.single-about {

    padding: 3rem 0;

}



.btn__contact:hover {

    color: #fff;

}



.tit-about h2 {

    font-size: 2.6rem;

    color: var(--color-1);

    margin: 0 0 3rem 0;

    text-transform: uppercase;

    text-align: center;

}



.wrap__map {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 40%;

}



.wrap__map iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.sodotrang {

    padding: 0.7rem 0;

}



.breadcrumb-item+.breadcrumb-item::before {

    font-size: 1rem;

    margin-top: 0.3rem;

}



.breadcrumb {

    justify-content: flex-end;

}



.breadcrumb li a {

    font-size: 1.3rem;

}



.breadcrumb li.active a {

    color: #444;

}



.tit__opage span {

    text-transform: uppercase;

    position: relative;

    font-size: 1.8rem;

}



.cont .spacial,

.desc-dt.spacial {

    font-size: 1.6rem;

    font-weight: 600;

    margin-bottom: 2rem

}



.cont-dt {

    padding: 2rem 0;

}



.body-sanpham {

    margin: 0;

    padding: 0;

    background-color: transparent;

}



.tit__productPage {

    position: relative;

    text-align: center;

    margin-bottom: 35px;

}



.tit__productPage span {

    text-transform: uppercase;

    color: #333;

    position: relative;

    padding: 10px 40px;

    font-size: 30px;

}



.chitiet_sp_hot_title {

    color: #111;

}



.chitiet_sp_hot_gia del,

.chitiet_sp_hot_gia span {

    color: #eae09e;

}



.chitiet_sp_hot_gia {

    color: #EE0000;

    font-size: 24px;

    font-weight: 600;

}



.chitiet_sp_hot_gia del,

.chitiet_sp_hot_gia span {

    color: #777

}



.mota_sp {

    border-top: 1px dotted #ebebeb;

    margin-top: 15px;

    border-bottom: 1px dotted #ebebeb;

    margin-bottom: 15px;

    padding-top: 10px;

    color: #333

}



.mota_sp li {

    padding: 7px 10px;

    color: #4d4b4b;

    background-image: url(templates/images/green.png);

    background-repeat: no-repeat;

    background-position: 10px center;

    padding-left: 38px;

    background-size: 14px;

}



.mota_sp ul {

    list-style-type: none;

    padding-left: 0px;

}



.Swiper_spct img,

.Swiper_spct2 .Swiper_sp_hot_img {

    border: 1px solid #ccc;

    padding: 4px;

}



.Swiper_sp_hot_img {

    width: 99%;

}



.box_right_sp_title {

    background-color: #edc180;

    border-radius: 4px 4px 0 0;

    color: #fff;

}



.tit_splq {

    text-transform: uppercase;

    margin: 30px 0 15px 0;

}



.cart-action .btn,

.btn-thanhtoan.active,

.btn-dathang {

    background: #333;

    color: #fff;

}



.shopping-summery .product-name {

    color: #333;

    font-size: 14px;

}



.shopping-summery table thead th.start {

    border-radius: 0;

}



.shopping-summery table thead th.end {

    border-radius: 0;

}



.shopping-summery table thead th {

    padding: 12px 10px;

    background-color: #333;

    color: #fff;

}



.shopping-summery .text-price {

    font-size: 1.2rem;

}



.shopping-summery table> :not(caption)>*>* {

    padding: 7px 7px;

}



.video_home_title {

    padding-left: 0px;

    background: none;

    font-size: 20px;

}



.title-news_ct {

    border-bottom-color: var(--color-blue);

}



.title-news_ct:after {

    background-color: #ffa31a;

    display: none;

}



.head-mobile {

    background: #ffa31a;

    display: none;

}



.giohang-mobile span {

    color: #fff;

}



.offcanvas_w2 {

    background: #992020;

}



.offcanvas_w2 .offcanvas-body ul li a {

    color: #fff;

}



.offcanvas_w2 .btn-close {

    color: #fff!important;

    background: url('templates/images/close.png')no-repeat;

    background-size: 100% 100%;

}



.right-head_cart {

    margin-left: 0;

}



.blog-area {

    background-color: transparent;

}





/* m_menu.php*/



.title-rpmenu {

    padding: 5px;

    color: #FFF;

    font-size: 18px;

    cursor: pointer;

    position: relative;

    z-index: 9999;

    display: none;

}



.title-rpmenu .icon-bar {

    width: 30px;

    height: 3px;

    background: #fff;

    float: left;

    clear: both;

    margin-bottom: 5px;

    border-radius: 0px;

    overflow: hidden;

    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

}



#responsive-menu .content ul li span.gg {

    display: none;

}



#responsive-menu .close {

    position: absolute;

    top: 2px;

    right: 5px;

    font-size: 24px;

    z-index: 123;

    opacity: 1;

    font-weight: 300;

    color: #fff;

    background: transparent;

    border-color: transparent;

    padding: 0;

}



#responsive-menu {

    position: fixed;

    z-index: 1;

    background: #222222;

    width: auto;

    max-height: 100%;

    z-index: 999999;

    max-height: 420px;

    overflow-y: auto;

    left: -300px;

    height: 100%;

    width: 300px;

    min-height: 100%;

    top: 0;

}



#responsive-menu .search {

    position: relative;

    padding: 0 5px;

    margin-top: 25px;

}



#responsive-menu .search form input {

    width: 100%;

    padding: 5px;

    height: 27px;

    border: 1px solid rgba(204, 204, 204, 0.35);

    border-radius: 0px;

}



#responsive-menu .search form button {

    position: absolute;

    right: 5px;

    top: 0;

    border: 0;

    padding: 3px 13px;

    background-color: black;

    color: #fff;

    font-size: 15px;

}



#responsive-menu .search form button i {

    position: relative;

    top: 2px;

}



#responsive-menu .content {

    max-width: 300px;

    float: right;

    width: 100%;

}



#responsive-menu .content ul {

    list-style: none;

    padding: 0;

    width: 100%;

}



#responsive-menu .content>ul {

    padding: 0;

    margin: 0;

}



#responsive-menu .content .toggle-menu {

    float: right;

    cursor: pointer;

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 11px;

}



#responsive-menu .content .toggle-menu i {

    font-size: 14px;

    font-weight: 400;

}



#responsive-menu .content ul li a {

    color: #FFFFFF;

    font-size: 18px;

    padding-left: 20px;

    display: block;

    max-width: 90%;

    line-height: 24px;

}



#responsive-menu .close img {

    height: 20px;

}



#responsive-menu .content ul li {

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    padding: 5px 0px;

    border-bottom: 1px solid rgba(247, 246, 246, 0.25);

    position: relative;

    cursor: pointer;

    float: none;

}



#responsive-menu .content ul li:last-child {

    border-bottom: none;

}



#responsive-menu .content ul li:hover {

    background: #333;

}



#responsive-menu .content ul li ul {

    display: none

}



#responsive-menu .content li li:first-child {

    border-top: 1px solid rgba(247, 246, 246, 0.25);

}



#responsive-menu .content>ul>li ul {

    position: relative;

    top: 9px;

}



#responsive-menu .content>ul li ul li {

    text-indent: 10px;

}



#responsive-menu .content>ul li ul li a {

    font-size: 14px;

}



#responsive-menu .content>ul li ul li ul li {

    text-indent: 20px

}



#responsive-menu .content>ul li ul li ul li a {

    font-size: 13px;

}



.res__head {

    padding: 10px 10px;

}



.res__search {

    padding: 10px 10px;

}





/* End m_menu.php */



.hidden {

    display: none;

}



.res__search .form-search-nav {

    margin-bottom: 10px;

}



.cate__left {

    width: calc(25%);

    float: left;

}



.slider__right {

    width: calc(75%);

    float: left;

}



.pn-menu {

    background: #6da222;

}



.menu_t ul {

    list-style-type: none;

    margin: 0 auto;

    padding: 0;

    float: left;

}



.menu_t>ul>li {

    float: left;

    position: relative;

    margin: 0 1rem;

}



.menu_t>ul>li.has-sub {

    position: unset;

}



.menu_t>ul>li>a {

    padding: 0 1rem;

    text-transform: uppercase;

    font-size: 1.6rem;

    line-height: 5rem;

    color: var(--color-1);

}



.menu_t>ul>li:first-child>a {

    padding-left: 0;

}



.menu_t>ul>li.current>a,

.menu_t>ul>li:hover>a {

    font-weight: 600;

}



.menu_t>ul>li>ul {

    position: absolute;

    width: 100%;

    top: 100%!important;

    left: 0;

    z-index: 999;

    display: none;

    background: #fff;

    min-width: 300px;

}



.menu_t>ul>li.has-sub>ul {

    padding: 2rem 5rem;

    min-height: 40vh;

}



.menu_t>ul>li>ul>li {

    width: 100%;

}



.menu_t>ul>li.has-sub>ul>li {

    width: calc(25% - 10px);

    padding-right: 15px;

    word-break: break-all;

    margin: 0px 5px;

    border-bottom: 1px solid #ccc;

    float: left;

}



.menu_t>ul>li>ul>li.has-sub>ul {

    display: none;

    position: unset;

    padding-left: 0px;

}



.menu_t>ul>li>ul>li>a {

    text-indent: 10px;

    font-size: 1.4rem;

}



.menu_t>ul>li>ul>li:hover>a {

    background-color: #fd9706;

    color: #fff;

}



.menu_t>ul>li>ul>li>a {

    color: #333;

    line-height: 36px;

    display: block;

}



.menu_t>ul>li>ul>li:last-child {

    border-bottom-color: transparent;

}



.menu_t>ul>li:hover>ul {

    display: block;

}



.menu_t>ul>li>ul>li>ul {

    position: absolute;

    top: 0px;

    left: 100%;

    background: #fff;

    z-index: 9;

    display: none;

    width: 100%;

}



.menu_t>ul>li>ul>li>ul>li {

    min-width: 250px;

    line-height: 34px;

}



.menu_t>ul>li>ul>li>ul>li:hover {

    background: #ffa31a;

}



.menu_t>ul>li>ul>li>ul>li>a {

    color: #333;

    font-size: 1.3rem;

    text-indent: 1.5rem;

    display: block;

}



.menu_t>ul>li>ul>li>ul>li:hover>a {

    color: #fff;

}



.menu_t>ul>li>ul>li>ul>li:last-child {

    border-bottom: none;

}



.menu_t>ul>li>ul>li:hover>ul {

    display: block;

}



.site-salehome {

    padding: 30px 0;

    background: #F2F1F1;

}



.block__5 {

    width: calc(20% - 15px);

    margin: 7.5px 7.5px;

    float: left;

    padding: 0;

}



.tit__home span {

    font-size: 28px;

}



.site-bc {

    padding: 30px 0;

    background: #7D8FA6;

    color: #fff;

}



.site-bc .inner {

    position: relative;

}



.swiperProductSale-next,

.swiperProductSale-prev {

    color: var(--color-blue)!important;

}



.tit__home {

    margin-bottom: 20px;

}



.site-vct {

    padding: 40px 0;

}



#mucluc-pnvn {

    width: 100%;

}



.site-cket {

    background: #F2F1F1;

    padding: 50px 0;

}



.site-catehome {

    padding: 30px 0;

}



.link_c1 {

    color: #787878;

}



.site-catehome .tit__home {

    margin-bottom: 10px;

    color: #7d8fa6;

}



.list__SubCate {

    position: relative;

    width: 100%;

    float: left;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.cate-left {

    width: calc(25%);

}



.cate-right {

    width: calc(75%);

}



.list__SubCate>li>a {

    color: #787878;

    line-height: 28px;

}



.partnerCketImg {

    max-height: 50px;

}



.title-f:before {

    display: none;

}



footer {

    background: #fff;

    color: #333;

}



#btn-send-email {

    color: #fff;

    background-color: transparent;

}



.newsletter__frm input {

    border-radius: 0;

}



#newsletterFrm {

    position: relative;

}



#btn-send-email {

    position: absolute;

    right: 0;

    top: 0px;

}



.content-btc {

    padding: 15px 0;

}



#email_frm {

    width: calc(100%);

}





/*--nav + filter left --*/



.wrap__cate {

    border: 1px solid #ccc;

    margin-bottom: 30px;

}



.cate_lv1 {

    display: block;

    padding: 6px 40px 6px 10px;

    position: relative;

    color: #111;

    text-transform: capitalize;

    font-size: 15px;

}



.nav__filter {

    margin: 15px 0;

    background: #fff8ed;

    padding: 10px;

    color: #333;

}



.nav__filter ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.nav__filter ul li {

    line-height: 30px;

}





/*----*/



.cart-btn {

    background: #ffa31a;

    border-radius: 0;

    height: auto;

    padding: 10px 20px;

    box-shadow: none;

    border-color: transparent

}



.cart-plus-minus input {

    border-radius: 0;

    height: 44px;

    font-size: 16px;

}



.tab_sanpham .nav-item .nav-link {

    border-radius: 0;

    text-align: left;

    height: 40px;

}



.tab_sanpham .nav-link.active,

.tab_sanpham .show>.nav-link {

    background: #ffa31a;

}



span.act_menu {

    transition: all .2s linear;

}



.nav_pro {

    position: relative;

}



.act_menu {

    position: absolute;

    right: 0;

    top: -4px;

    height: 40px;

    width: 40px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #444;

    font-weight: 600;

    cursor: pointer;

}



.nav_pro .sub1 {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.sub1 li {

    padding: 5px 10px;

}



.sub1 li a {

    display: block;

    color: #444;

    font-size: 14px;

    line-height: 24px;

    text-indent: 0px;

}



.sub1 li a i {

    font-weight: 400;

    color: #999;

    font-size: 10px;

}



.wrap__cate h3 {

    color: #fff;

    text-transform: uppercase;

    line-height: 40px;

    background: var(--color-1);

    font-size: 16px;

    text-align: center;

}



.Swiper_sp_hot_img {

    border-radius: 0;

}



.overlay {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 10001;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.4);

    transition: width 0.5s ease-out;

}



.res__head {

    text-align: center;

    color: #fff;

}



.res__head span {

    font-size: 18px;

    text-transform: uppercase;

}



.overlay.show {

    width: 100%;

}



.rel {

    position: relative;

}



.navbar-form {

    display: flex;

    justify-content: flex-end;

}



.giohang-desktop {

    line-height: 40px;

}



.giohang-desktop img {

    height: 36px;

    margin-top: -5px;

}



.giohang-desktop span {

    color: #fff;

}



.giohang-desktop {

    width: 70px;

    height: 40px;

}



.head__hotline {

    padding: 5px 10px;

    text-align: center;

    background-color: #0000cc;

}



.a143 {

    font-size: 20px;

    font-weight: 600;

    color: rgb(246, 255, 0);

}



.t_hotline {

    color: #fff;

}



.t_hotline img {

    margin-right: 2px;

    width: 40px;

}



.t_hotline p {

    margin-bottom: 0;

}



.cate_t {

    position: relative;

    min-width: 250px;

}



.cate_t h4 {

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 0;

    line-height: 40px;

    font-weight: 400;

    background: #ffa31a;

    border-radius: 20px 20px 0 0;

    padding: 0 15px;

    color: #fff;

    cursor: pointer;

}



.cate_t ul {

    position: absolute;

    list-style-type: none;

    margin: 0;

    padding: 0;

    top: 100%;

    left: 0;

    background: #fff;

    width: 100%;

    color: #333;

    z-index: 9;

    display: none;

    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

}



.cate_t ul li {

    line-height: 40px;

}



.cate_t ul li a {

    display: block;

    text-indent: 10px;

    color: #333;

}



.cate_t ul li:hover {

    background: #ffa31a;

}



.cate_t ul li:hover a {

    color: #fff;

}



.cate_t:hover ul {

    display: block;

}



.cate_t h4 span {

    margin-right: 5px;

}



.left__menu {

    display: flex;

    justify-content: flex-start;

}



.site-productHome {

    padding: 40px 0;

    position: relative;

}



.tit__home h2 {

    text-align: center;

    font-size: 26px;

    font-weight: 600;

}



.tit__home h2 span {

    padding: 0 15px;

    position: relative;

}



.tit__home h2 span:after {

    position: absolute;

    content: '';

    bottom: -10px;

    width: 40%;

    height: 3px;

    left: 30%;

    background-color: #ffa31a;

}



.site-CateServiceHome {

    padding: 40px 0 20px 0;

}



.site-CateServiceHome .tit__home {

    margin-bottom: 40px;

}



.item__service {

    position: relative;

    margin-bottom:3rem;

}



.item__service h3 {

    margin-top: 10px;

}



.item__service h3 a {

    font-size: 16px;

    color: var(--color-blue);

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 23px;

    text-transform: capitalize;

}



.item__service p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:5;

    -webkit-box-orient: vertical;

    line-height: 2.1rem;

    font-size: 1.35rem;

}
.item__service div.desc{
    padding:1rem 1rem 0 1rem;
}



.item__service p.tt-time {

    font-size: 13px;

}



.row__grid_2 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px;

}



.row__grid_2 .item__service {

    margin-bottom: 15px;

}



.row__grid_2 .item__service a img {

    float: left;

    margin-right: 15px;

}



.row__grid_2 .item__service h3 {

    margin: 0 0 5px 0;

}



.content-f a {

    color: #333;

}



.site-copyright {

    background: #F2F1F1;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 9;

    width: 100%;

}



.pn-cp p {

    margin-bottom: 0;

    text-align: center;

    line-height: 4rem;

}



.col-left-ctsp {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

}



.col-right-ctsp {

    width: 25%;

}



.head__top {

    position: relative;

    color: #fff;

}



.pn-head {

    position: relative;

    padding: 1rem 0 0 0;

}



#slider_danhmuc {

    overflow: hidden;

    position: relative;

}



.head__logo .logo {

    margin: 0 0.5rem 0.5rem 0;

}



.ls-l {

    max-width: 500px!important;

}



.ls-title {

    text-align: left!important;

    text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);

}



.ls-text {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: left!important;

    text-transform: uppercase;

    font-weight: bold;

    text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);

    font-family: 'LatoB';

}



.df_top {

    line-height: 30px;

    transition: all 0.5s ease-out;

}



.d-main {

    transition: all 0.5s ease-out;

}



.df_top a {

    color: #fff;

}



.df_top p {

    margin: 0 5px;

}



.head__logo {

    transition: all 0.5s ease-out;

    width: 50%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.head__logo a img {

    width: 25rem;

    height: unset;

}



.short_sv {

    text-align: center;

    margin-bottom: 30px;

}



.tit__home h2 {

    margin-bottom: 20px;

}



.wrap__about {

    max-width: 1000px;

    position: relative;

    display: flex;

    align-items: center;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    margin: 0 auto;

}



.wrap__about .about__txt {

    flex: 60%;

    background-color: var(--color-blue);

    padding: 30px 40px;

    min-height: 450px;

    color: #fff;

    position: relative;

}



.ab-mo-ta {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 10;

    overflow: hidden;

    text-overflow: ellipsis;

}



.wrap__about .about__img {

    flex: 40%;

}



.about__img img {

    width: 100%;

    object-fit: cover;

}



.inner-about__txt h3 {

    text-transform: uppercase;

    margin-bottom: 20px;

    font-size: 24px;

}



.ab-mo-ta {

    font-size: 14px;

    letter-spacing: 0.3px;

    line-height: 24px;

}



.inner-about__txt {

    padding-top: 50px;

}



.ab-redi {

    margin-top: 15px;

}



.ab-redi a {

    display: inline-block;

    padding: 7px 20px;

    border-radius: 4px;

    background-color: #fff;

    color: #444;

    position: relative;

    transition: all 0.5s ease-out;

}



.ab-redi a span {

    opacity: 0;

    transition: opacity 0.5s ease-out;

    font-size: 14px;

    font-weight: 600;

}



.ab-redi a:hover {

    background-color: rgb(246, 255, 0);

}



.ab-redi a:hover span {

    opacity: 1;

}



.site-about {

    position: relative;

    margin-top: -30px;

    z-index: 99;

    padding-bottom: 30px;

}



.wrap__about .about__txt:after,

.wrap__about .about__txt:before {

    position: absolute;

    content: '';

    bottom: 0;

}



.wrap__about .about__txt:after {

    left: 15px;

    width: 50px;

    height: 80px;

    background: url('templates/images/about_1.png')no-repeat;

}



.wrap__about .about__txt:before {

    right: 15px;

    width: 65px;

    height: 100px;

    background: url('templates/images/about_2.png')no-repeat;

}



.site-serviceH {

    padding: 40px 0;

}



.tit__home h2 {

    text-transform: uppercase;

    letter-spacing: 0.4px;

}



.gird__service {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 20px;

}



.service__item a {

    display: block;

    position: relative;

}



.service__item .service__box {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all 0.5s ease-out;

}



.service__item a {

    overflow: hidden;

}



.service__item a:before {

    position: absolute;

    width: 0;

    height: 100%;

    content: '';

    background: var(--color-blue);

    top: 0;

    left: 0;

    transition: all 0.5s ease-out;

    border-right: 5px solid var(--color-blue);

}



.service__item:hover a:before {

    width: 100%;

    background: rgb(0, 0, 204, 0.4);

}



.service__item:hover .service__box {

    opacity: 1;

}



.service__item .service__box h3 {

    color: #fff;

}



.service__boxI {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    flex-direction: column;

    padding: 30px 30px;

    text-align: center;

    margin-top: 25%;

}



.service-dr {

    padding: 7px 15px;

    display: inline-block;

    color: var(--color-blue);

    background: #fff;

}



.service__boxI p {

    color: #fff;

    font-size: 14px;

    line-height: 22px;

}



.service__boxI h3 {

    text-transform: uppercase;

    font-size: 18px;

}



.boxI__ds {

    margin-bottom: 20px;

}



.site-truyenthong {

    padding: 50px 0;

    background-size: 100% 100%;

}



.truyenthong_wrap {

    display: flex;

    justify-content: space-between;

}



.truyenthong_left {

    flex: 40%;

}



.truyenthong_right {

    flex: 60%;

    padding-left: 30px;

}



.tt_imgmax {

    position: relative;

    display: block;

}



.tt_imgmax_txt {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 10px 10px;

    background: rgb(0, 0, 204, 0.4);

    color: #fff;

}



.tt_imgmax_txt h3 {

    font-size: 16px;

    font-weight: 600;

}



.tt_imgmax:hover .tt_imgmax_txt h3 {

    font-weight: bold;

    color: var(--color-yellow)

}



.tt_desc {

    font-size: 13px;

}



.list__ttItem {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list__ttItem>li>.tt_item {

    display: flex;

    margin-bottom: 10px;

    background: #fff;

}



.tt_item a img {

    width: 100%;

    object-fit: cover;

}



.tt_item .img_tt_sm {

    flex: 25%;

}



.tt_item .tt_in {

    flex: 75%;

    padding-left: 10px;

    border-bottom: 3px solid var(--color-blue);

    border-right: 3px solid var(--color-blue);

}



.tt_item .tt_in h4 a {

    color: #333;

    font-size: 14px;

}



.tt_item .tt_in .tt_desc_sm {

    font-size: 13px;

}



.tt_in i {

    color: var(--color-blue);

}



.tt-time {

    font-style: italic;

    font-size: 12px;

}



.site-partner {

    padding: 30px 0;

}



.flex__foot {

    display: flex;

    position: relative;

}



.flex__foot .foot__left {

    flex: 40%;

    text-align: center;

    background-color: var(--color-blue);

    color: #fff;

    padding: 0 30px 0 10%;

    margin-top: -20px;

    position: relative;

    display: flex;

    align-items: center;

}



.flex__foot .foot__right {

    flex: 60%;

    background: #eee;

    padding: 30px 10% 30px 30px;

}



.title-f {

    text-transform: none;

    margin-bottom: 20px;

    border-radius: 0.2rem;

}



.foot_wrapMap {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 30%;

}



.foot_wrapMap iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.logo__footer img {

    height: 120px;

}



.foot__nd {

    font-size: 16px;

    line-height: 26px;

}



.tt_item .tt_in h4 {

    transition: all 0.3s ease;

}



.tt_item .tt_in h4:hover a {

    color: #0000cc;

}



.service-dr:hover {

    background: var(--color-yellow);

}



.cont-map {

    position: relative;

    height: 0;

    padding-bottom: 60%;

}



.block-contact {

    max-width: 800px;

    margin: 0 auto;

    margin-bottom: 3rem;

    text-align: center;

}



.cont-map iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.block-contact h2 {

    color: var(--color-1);

    text-transform: uppercase;

    margin-bottom: 2rem;

}



#contact-form {

    position: relative;

}



#contact-form .form-group {

    position: relative;

}



#contact-form .form-group label.error {

    position: absolute;

    color: #ff0000;

    right: 10px;

    font-weight: 400;

    font-size: 12px;

    top: 10px;

    font-style: italic;

}



.row__grid {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 30px;

}



.df-3l_7r .left {

    width: 25%;

}



.df-3l_7r .right {

    width: 75%;

    padding-left: 2rem;

}



.df-3l_7r .right .spacial {

    font-weight: 600;

    margin-bottom: 2rem;

    font-size: 1.6rem;

}



.df-3l_7r .right .cont {

    padding-bottom: 2rem;

    font-size: 1.5rem;

}



.cp_m {

    display: none;

}



.tm1 {

    padding: 0!important;

}



.tm2 {

    padding-bottom: 5px!important;

}



.img__AbMobile {

    display: none;

}



.site-banner img {

    width: 100%;

}



.d-ht {

    justify-content: flex-end;

}



.ht-bg {

    background: var(--color-1);

    padding: 5px 20px;

    color: red;

    border-radius: 20px;

    margin-left: 10px;

}



.ht-bg a {

    color: red;

    font-size: 18px;

}



.d-ht span {

    display: flex;

    align-items: center;

}



.ht-bg a img {

    height: 25px;

}



.ht-bg.bg-ar {

    border-radius: 50%;

    padding: 5px 5px;

    width: 37px;

    height: 37px;

}



.d-hm {

    align-items: flex-start;

    justify-content: space-between;

    align-items: center;

}



.pn-vct {

    padding: 30px 0 0 0;

    background-size: 100% 100%!important;

    min-height: 400px;

}



.d-cvt {

    align-items: center;

    justify-content: space-between;

}



.d-cvt .cont {

    flex: 50%;

}



.d-cvt .img {

    flex: 50%;

    padding-left: 30px;

}



.d-cvt .cont .name {

    font-size: 30px;

    margin-bottom: 20px;

    font-family: 'LatoR';

}



.d-cvt .mota {

    font-size: 16px;

    line-height: 26px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pn-courses {

    padding: 50px 0;

    background-size: 100% 100%!important;

}



.d-courses {

    align-items: center;

    justify-content: space-between;

}



.d-courses .cont {

    flex: 50%;

    padding-left: 30px;

    font-size: 16px;

    line-height: 26px;

}



.d-courses .img {

    flex: 50%;

    padding-right: 30px;

}



.d-courses .cont .name {

    font-size: 30px;

    margin-bottom: 20px;

    font-family: 'LatoR';

}



.site-frmDc {

    padding: 50px 0;

}



.d-frmDc {

    justify-content: space-between;

    align-items: center;

}



.d-frmDc .img {

    flex: 50%;

}



.d-frmDc .frm__discount {

    flex: 50%;

    color: #fff;

}



.site-frmDc {

    background-size: 100% 100%!important;

    min-height: 400px;

}



.frm__discount .form-group label {

    color: #333;

    margin-bottom: 5px;

    font-size: 1.3rem;

}



.frm__discount .form-group .form-control,

.frm__discount .form-group .form-select {

    border: 1px solid var(--color-1);

    border-radius: 0.5rem;

    font-size: 1.25rem;

}



.frm__discount .form-group input,

.frm__discount .form-group select {

    height: 37px;

    border-radius: 2px;

}



#btn-regis-discount {

    width: 100%;

    background: var(--color-1);

    color: #fff;

    text-align: center;

    height: 50px;

    text-transform: uppercase;

    font-size: 20px;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}



.site-bannerDis {

    padding: 70px 0;

    background-size: 100% 100%!important;

    min-height: 200px;

}



.site-bannerDis .cont {

    max-width: 800px;

    margin: 0 auto;

}



.btn-bannerDis {

    width: 100%;

    text-align: center;

    line-height: 50px;

    background: #eee;

    color: #333;

    font-size: 24px;

}



.pn-khoadaotao {

    padding: 30px 0;

}



.cont-1 {

    max-width: 1000px;

    margin: 0 auto;

    text-align: center;

}



.cont-1 .name {

    font-size: 2rem;

    color: #444;

    margin-bottom: 20px;

}



.cont-1 .desc {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.3px;

}



.gird__khoahoc {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 25px;

}



.gird__khoahoc .item_kh {

    padding: 20px 20px;

    border: 1px solid var(--color-1);

    border-radius: 5px;

}



.item_kh .name {

    color: #444;

    font-size: 1.5rem;

}



.item_kh .img {

    margin: 10px 0;

}



.item_kh .img img {

    width: 100%;

}



.pn-khoadaotao .cont-2 {

    padding: 30px 0;

}



.pn-bannerkhoahoc a img {

    width: 100%;

}



.pn-question {

    padding: 30px 0;

    background: #fbfbfb;

}



.card-header a {

    outline: none!important;

    box-shadow: none!important;

    font-size: 16px;

    text-align: left;

}



.card__question {

    margin-bottom: 10px;

    border-color: rgba(0, 0, 0, .05);

    border-radius: 2px;

}



.pn-question h2 {

    font-size: 2rem;

    margin-bottom: 20px;

}



.card__question .card-header {

    border-color: rgba(0, 0, 0, .05);

    border-radius: 2px;

    background-color: #fff;

}



.card__question .card-header i {

    color: var(--color-1);

    font-weight: bold;

    font-size: 18px;

}



.card__question .card-body {

    font-size: 15px;

}



.pn-ck {

    padding: 30px 0;

}



.inner-partner {

    position: relative;

}



.d-qb {

    justify-content: center;

    padding: 30px 0 0 0;

}



.qb-l {

    flex: 65%;

    padding-right: 50px;

}



.qb-r {

    flex: 35%;

}



.qb-l iframe {

    width: 100%;

}



.ck__list {

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.ck__list li {

    padding: 20px 20px;

    background: #d1e1bc;

    text-align: center;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.ck__list li h4 {

    font-size: 20px;

}



.ck__list li p {

    font-size: 16px;

}



.pn-rating {

    background: var(--color-3);

    color: #fff;

    padding: 70px 0;

}



.item__kh h4.name {

    font-size: 20px;

    margin-bottom: 10px;

}



.rating_side {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.rating_side span i {

    color: var(--color-1);

}



.pn-foot {

    color: #fff;

    padding: 3rem 0;

    background-color: var(--color-1);

}



.d-foot {

    justify-content: center;

    padding-top: 3rem;

}



.menui_link {

    text-align: center;

    margin: 1rem 0;

}



.menui_link a {

    color: var(--color-1);

}



.tit-foot {

    font-size: 2rem;

    text-transform: uppercase;

    margin-bottom: 2rem;

    color: #fff;

    font-family: 'BeVNproM';

}



.pn-foot a {

    color: #fff;

}



.foot-left {

    flex: 50%;

    padding-right: 2rem;

}



.foot-lk {

    flex: 30%;

    padding-right: 2rem;

}



.foot-right {

    flex: 50%;

}



.tv__cont {

    font-size: 20px;

    margin-bottom: 20px;

    line-height: 24px;

}



.d-frmtv {

    flex-direction: column;

}



#b-sendtv {

    background: #ff7f2a;

    color: #fff;

    text-align: center;

    min-height: 47px;

    border-radius: 0.5rem;

    font-size: 1.6rem;

    padding: 0 1.5rem;

}



.d-frmtv .g-recaptcha {

    transform: scale(0.8);

    transform-origin: 0 0;

    flex: 100%;

}



.d-frmtv #b-sendtv {

    margin-top: 1rem;

}



.newsletter__frm input {

    height: 4rem;

    border-radius: 0.2rem;

    font-size: 1.4rem;

    background-color: transparent;

    color: #fff;

    border-color: transparent;

    border-bottom-color: #fff;

    padding-left: 0;

}



.newsletter__frm input::placeholder {

    color: #fff;

    opacity: 1;

    /* Firefox */

}



.newsletter__frm input::-ms-input-placeholder {

    /* Edge 12 -18 */

    color: #fff;

}



.leftc1 {

    width: calc(70% - 20px);

    margin: 0 10px;

    float: left;

}



.leftc1 .cont {

    flex: 75%;

    padding-left: 20px;

}



.imgfoot1 {

    height: 80px;

}



.leftc2 {

    width: calc(30% - 20px);

    margin: 0 10px;

    float: right;

}



.ctop {

    display: flex;

    justify-content: flex-start;

    margin-bottom: 15px;

}



.ctop .cont h2 {

    font-size: 18px;

}



.cbottom p {

    font-size: 15px;

    margin-bottom: 12px;

}



.cbottom p span {

    display: inline-flex;

    min-width: 20px;

}



.cbottom p i {

    font-size: 16px;

}



.cbottom p a {

    color: #fff;

}



#contact-form .form-group,

#discountFrm .form-group,

#newsletterFrm .form-group {

    position: relative;

}



#contact-form .form-group label.error,

#discountFrm .form-group label.error,

#newsletterFrm .form-group label.error {

    position: absolute;

    color: #ff0000;

    right: 10px;

    font-weight: 400;

    font-size: 12px;

    top: 10px;

    font-style: italic;

}



.banner_full {

    position: relative;

}



.banner_full img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.bg_gray {

    background: #e6eaf0;

}



.btn__contact {

    background: var(--color-1);

}



.tt-lienhe {

    padding-left: 2rem;

}



#contact-form input.form-control {

    height: 40px;

}



.banner_full h1 {

    z-index: 99;

    color: #fff;

    text-transform: uppercase;

    font-size: 2.6rem;

    text-align: left;

}



.banner_full .background {

    height: 200px;

    background-size: cover!important;

    padding-top: 8rem;

    position: relative;

}



.banner_full .background:before {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    content: '';

    background: rgb(0, 0, 0, 0.4);

}



.banner_full h1 {

    position: relative;

    z-index: 2;

}



.blog-area .blog__left {

    width: 73%;

    float: left;

    position: relative;

    padding-right: 30px;

}



.blog-area .blog__right {

    width: 27%;

    float: left;

    position: relative;

}



.blog-area .blog__right .insHeading {

    color: var(--color-1);

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.c-white {

    color: #fff;

}



.wp__stick {

    position: sticky;

    top: 0;

}



.list__stickHot {

    position: relative;

    list-style-type: square;

    margin: 10px 0;

    padding: 0 0 0 20px;

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 8px;

}



.stickHot {

    padding: 0 2rem 2rem 2rem;

}



.list__stickHot li a {

    color: #333;

}



#RecaptchaField2 {

    transform: scale(1);

    transform-origin: 0 0;

}



#optionBlog {

    background: #64844b;

    position: relative;

    width: 200px;

    height: 34px;

    margin-bottom: 10px;

    color: #fff;

}



.news-detalis-content {

    position: relative;

}



.news-detalis-content .ngaydang {

    display: flex;

}



.gird__products {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 30px;

}



.product-information {

    background: #d1e1bc;

    padding: 30px 0;

}



.pagination-page {

    margin-top: 3rem;

}



.pagination-page #pagination-ajax {

    justify-content: flex-end;

}



.m__menu {

    display: none;

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}



.navbar-toggle {

    position: relative;

    padding: 10px 10px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.navbar-toggle .icon-bar {

    display: block;

    width: 3rem;

    height: 0.3rem;

    border-radius: 1px;

    background-color: var(--color-1);

}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 5px;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}



.hc-nav-trigger.hc-nav-1 {

    display: block;

}



.head_social {

    margin-bottom: 1em;

    display: flex;

}



.head_social ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.head_social ul li {

    float: right;

    padding: 0 0.3em;

}



.head_social ul li a {

    display: block;

}



.head_social ul li a img {

    height: 3.5rem;

}



.head_search__booking {

    display: flex;

    justify-content: flex-end;

    flex-direction: column;

}



.head__contact {

    margin: 1rem 0

}



.head__contact span {

    padding: 0 0.5rem;

    font-size: 1.3rem;

}



.btn-booking {

    padding: 0.7em 1em;

    text-transform: uppercase;

    font-size: 1.4rem;

}



.btn-booking-head {

    background: red;

}



.btn-booking-center {

    background: var(--color-2);

    color: #fff;

    padding: 1rem 1.5em;

    border-radius: 0.3rem;

}



.btn-booking-center:hover {

    background-color: var(--color-1);

    color: #fff;

}



.swiperSlider .swiper-pagination-bullet {

    background-color: transparent!important;

    border: 0.2rem solid #fff!important;

    min-width: 1.4rem;

    min-height: 1.4rem;

    opacity: 0.8!important;

}



.swiperSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: var(--color-1)!important;

}



.btn-detail {

    text-transform: none;

    background-color: var(--color-2);

    color: #fff;

}



.df-project .link {

    margin-top: 2rem;

}



.inner-us {

    padding-bottom: 3rem;

}



.head__right {

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    flex-direction: column;

    width: 70%;

}



.pn_about__us {

    padding: 3rem 0;

}



.tit_block {

    margin-bottom: 3rem;

    text-align: center;

}



.tit_block h2 {

    font-size: 3rem;

    color: var(--color-1);

    text-transform: uppercase;

    margin: 0 0;

    font-weight: 600;

    display: inline-block;

    position: relative;

}



.un-style {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list-us {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.list-us>li .item a {

    display: block;

}



.item_us .tit {

    margin: 1rem 0;

}



.item_us .tit h3 {

    font-size: 1.8rem;

    color: var(--color-1);

    text-transform: uppercase;

}



.item_us .tit h3:hover {

    color: var(--color-2);

}



.item_us .img img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.pn-service {

    padding: 4rem 0;

    background-color: hsl(0, 20%, 99%);

}



.list-service {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.item-service {

    position: relative;

    padding-bottom: 3rem;

}



.item-service .card-img {

    margin-bottom: 10px;

    min-height: 150px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    flex-direction: column;

    color: #fff;

    background-color: var(--color-2);

}



.item-service .card-img span {

    font-size: 2rem;

    font-style: italic;

}



.lazy-load-box {

    transition: all 0.4s ease-out;

    opacity: 1;

    transform: translateX(0) translateY(0) scale(1);

}



.item-service .card-img strong {

    font-size: 4.4rem;

}



.item-service .content {

    text-align: center;

}



.item-service .content h3 {

    color: var(--color-2);

    font-size: 1.6rem;

    cursor: pointer;

}



.item-service .content p {

    font-size: 1.4rem;

}



.item-service a {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.item-service-even .card-img {

    background-color: var(--color-1);

}



.item-service-even .content h3 {

    color: var(--color-1);

}



.pn-about {

    position: relative;

}



.g-about {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 2rem;

}



.g-about .img img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.g-about .cont .nd {

    font-size: 1.4rem;

    line-height: 2.2rem;

    letter-spacing: 0.05rem;

    margin-bottom: 3rem;

    text-align: right;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 30px;

}



.inner-cp .link {

    text-align: right;

}



.tit_service {

    margin-bottom: 4rem;

}



.pn-process {

    padding: 3rem 0 5rem 0;

}



.g-process {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.g-process .i-process {

    position: relative;

    display: flex;

    margin-bottom: 0rem;

}



.g-process .i-process .left {

    width: 130px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.g-process .i-process .right {

    width: calc(100% - 140px);

    border-radius: 2rem;

    border: 1px solid var(--color-2);

    border-left-color: transparent;

    padding: 1rem 1rem 1rem 1.5rem;

}



.g-process .i-process .right p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.25rem;

    margin-bottom: 0;

}



.g-process .i-process .right h3 {

    font-size: 1.4rem;

    color: var(--color-2);

    cursor: pointer;

    text-transform: uppercase;

}



.g-process .i-process-even .right {

    border-color: var(--color-1);

    border-left-color: transparent;

}



.g-process .i-process-even .right h3 {

    color: var(--color-1)

}



.tit_process {

    margin-bottom: 5rem;

}



.g-process .i-process .box {

    width: 12rem;

    height: 12rem;

    position: relative;

}



.g-process .i-process .box:after {

    width: 1rem;

    height: 1rem;

    border-radius: 50%;

    content: '';

    background-color: var(--color-2);

    position: absolute;

    top: 1.5rem;

    left: 1rem;

    z-index: 9;

}



.g-process .i-process-even .box:after {

    background-color: var(--color-1);

}



.g-process .i-process .box::before {

    position: absolute;

    content: attr(data-content);

    top: 2rem;

    left: -3rem;

    width: 6rem;

    height: 8rem;

    padding: 0.3rem 0 0.3rem 0;

    color: #fff;

    font-size: 9rem;

    font-family: 'BeVNproB'!important;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-shadow: 1px 0px 2px var(--color-2), -1px 0px 2px var(--color-2), 0px 1px 1px var(--color-2);

    text-align: center;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.g-process .i-process .in-box {

    border-radius: 50%;

    border: 0.13rem solid var(--color-2);

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left-color: transparent;

}



.g-process .i-process .in-box span {

    background-color: var(--color-3);

    padding: 1.2rem 1.2rem;

    display: inline-block;

    z-index: 1;

    border-radius: 50%;

    border: 1.2rem solid #fff;

}



.g-process .i-process .in-box span img {

    width: 50px;

    height: 50px;

}



.g-process .i-process-even .in-box {

    border-color: var(--color-1);

    border-left-color: transparent;

}



.g-process .i-process-even .in-box span {

    background-color: var(--color-1);

}



.g-process .i-process-even .box::before {

    text-shadow: 1px 0px 2px var(--color-1), -1px 0px 2px var(--color-1), 0px 1px 1px var(--color-1);

}



.nst_1 .box::before {

    width: 4rem!important;

    top: 2.5rem!important;

    left: -1rem!important;

}



.nst_6 .in-box {

    background-color: #fff;

}



.nst_5 .in-box {

    background-color: #fff;

}



.nst_4 .in-box {

    background-color: #fff;

}



.nst_3 .in-box {

    background-color: #fff;

}



.nst_2 .in-box {

    background-color: #fff;

}



.nst_6 .box::before {

    top: 2.5rem!important;

    left: -3rem!important;

    font-size: 10rem!important;

}



.nst_5 .box::before {

    top: 3rem!important;

    left: -3rem!important

}



.nst_4 .box::before {

    top: 2.8rem!important;

    left: -3.2rem!important;

}



.nst_3 .box::before {

    top: 3rem!important;

    left: -2.8rem!important;

}



.nst_2 .box::before {

    top: 2.8rem!important;

    left: -2.8rem!important;

}



.nd1 {

    padding-left: 0!important;

    text-align: left!important;

    font-size: 1.5rem;

    line-height: 2.2rem;

}



.pn-partner {

    padding: 3rem 0;

}



.pn-partner .container {

    max-width: 1000px;

}



.pn-partner .swiper-slide {

    background-color: #fff;

    text-align: center;

}



.pn-block-cp {

    padding: 3rem 0;

}



.pn-block-cp .tit_cp {

    margin-bottom: 2.5rem;

}



.pn-block-cp .tit_cp h2 {

    text-align: right;

    font-size: 2.4rem;

}



.pn-news {

    padding: 3rem 0;

}



.pn-news .tit_news {

    margin-bottom: 4rem;

}



.pn-news .item-news {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    padding: 0.1rem 0.1rem 1rem 0.1rem;

    margin-bottom: 1rem;

    min-height: 410px;

}



.item-news .img {

    margin-bottom: 3rem;

    position: relative;

}



.item-news .img img {

    width: 100%;

    height: 230px;

    object-fit: cover;

}



.item-news .tit h3 {

    font-size: 1.7rem;

    line-height: 2.3rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    color: var(--color-2);

    padding: 0 1rem;

}



.item-news .tit h3:hover {

    color: var(--color-1);

}



.item-news p {

    font-size: 1.4rem;

    line-height: 2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 1rem;

}



.df-project .cont {

    width: 30%;

}



.df-project .list {

    width: 70%;

    padding-left: 2rem;

}



.df-project .list ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 2rem;

}



.df-project .list ul .item-project {

    position: relative;

    display: flex;

    justify-content: space-between;

}



.df-project .list ul .item-project .img {

    width: 120px;

}



.df-project .list ul .item-project .img img {

    width: 100%;

    height: 120px;

    object-fit: cover;

    border: 1px solid #eee;

    padding: 0.2rem;

    border-radius: 0.2rem;

}



.df-project .list ul .item-project .nd {

    width: calc(100% - 130px);

}



.df-project .list ul .item-project .nd h3 {

    font-size: 1.5rem;

    color: #444;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.df-project .list ul .item-project .nd h3:hover {

    color: var(--color-2);

}



.df-project .list ul .item-project .nd p {

    font-size: 1.3rem;

    color: #545454;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 0;

}



.df {

    display: flex;

    justify-content: space-between;

}



.df-project {

    align-items: flex-start;

}



.pn-project {

    padding: 5rem 0 3rem 0;

    background-color: #fbfbff;

}



.df-project .cont .tit h2 {

    font-size: 2.6rem;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--color-2);

    margin-bottom: 2rem;

}



.df-project .cont .tit p.nd {

    font-size: 1.35rem;

    line-height: 2.2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

    text-overflow: ellipsis;

}



.foot-left .social ul {

    margin: 1rem 0;

    display: flex;

}



.foot-left .social ul li {

    float: left;

    margin-right: 0.5rem;

}



.news_point {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: var(--color-1);

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    left: 1rem;

    bottom: -2rem;

    padding: 0.4rem;

    border: 1px solid #fff;

}



.news_point img {

    width: 18px!important;

    height: auto!important;

}



.sodotrang {

    background-color: transparent;

    border: none;

    color: #545454;

}



.pn-contact {

    padding: 3rem 0;

}



.row_about {

    padding: 3rem 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.row_about .left {

    width: 50%;

    padding-left: 3rem;

}



.row_about .right {

    width: 50%;

}



.row_about .left h3 {

    color: var(--color-2);

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.row-about-even {

    flex-direction: row-reverse;

}



.row_about .right img {

    width: 100%;

    height: 350px;

    object-fit: cover;

    border: 0.3px solid var(--color-1);

    padding: 0.2rem;

}



.single-ps1 {

    padding: 3rem 0;

    background: var(--color-5);

}



.single-ps1 .row_about .left {

    padding-right: 3rem;

}



.single-ps1 .row_about .left h3 {

    font-size: 3rem;

    margin-bottom: 2rem;

    color: var(--color-1);

}



.single-ps1 .row_about .left .nd {

    line-height: 2.4rem;

}



.single-ps1 .row_about .right img {

    height: 450px;

    padding: 0.1rem;

    border-width: 0.3rem;

}



.single-view {

    padding: 4rem 0;

    position: relative;

    background-size: cover!important;

    background-attachment: fixed!important;

    min-height: 50vh;

}



.single-view:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background-color: rgb(0, 0, 0, 0.6);

}



.gird-view {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.gird-view .item-view {

    position: relative;

    margin-bottom: 3rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.gird-view .item-view h3 {

    color: var(--color-1);

    font-size: 2.6rem;

    margin-top: 2rem;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.gird-view .item-view .nd {

    font-size: 1.3rem;

    line-height: 2.2rem;

    margin-bottom: 1rem;

    color: #fff;

    text-align: center;

}



.single-partner {

    padding: 3rem 0;

}



.single-partner .tit_partner h2 {

    color: var(--color-1);

}



.single-service {

    padding: 3rem 0;

}



.df_news .left73_7 {

    width: 70%;

}



.df_news .left73_3 {

    width: 30%;

    padding-left: 3rem;

}



.single-news {

    padding: 3rem 0;

}



.tit_nbr {

    font-size: 2rem;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--color-1);

    margin-bottom: 2rem;

}



.list__nbr {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list__nbr li {

    padding-bottom: 0.7rem;

}



.list__nbr li a h4 {

    font-size: 1.4rem;

    color: #333;

    line-height: 2.2rem;

    margin-bottom: 0.5rem;

}



.list__nbr li:hover a h4 {

    color: var(--color-1);

}



.list__nbr li .ndd {

    font-size: 1.2rem;

}



.it_post_hz {

    position: relative;

    margin-bottom: 2rem;

    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;

}



.it_post_hz .img {

    width: 280px;

}



.it_post_hz .img a img {

    height: 170px;

    width: 100%;

    object-fit: cover;

}



.it_post_hz .info {

    width: calc(100% - 300px);

}



.it_post_hz .info h2 {

    margin: 0 0;

    line-height: 2.4rem;

    margin-bottom: 1rem;

}



.it_post_hz .info h2 a {

    font-size: 1.8rem;

    color: var(--color-1);

    line-height: 2.4rem;

    font-weight: 600;

}



.it_post_hz .info .date {

    color: #999;

    font-size: 1.2rem;

}



.it_post_hz .info .desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 0.5rem;

    font-size: 1.4rem;

}



.it_post_hz .info .link a {

    font-style: italic;

    font-size: 1.35rem;

}



.it_post_hz .info .link a:hover {

    color: var(--color-1);

}



.it_post_hz:last-child {

    border-bottom-color: transparent;

}



.tit_single__partner h2 {

    color: var(--color-1);

}



.list__partner {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.list__partner .item__partner {

    text-align: center;

}



.list__partner .item__partner:nth-child(even) {

    background-color: var(--color-1);

    color: #fff;

}



.list__partner .item__partner:nth-child(even) * {

    color: #fff!important

}



.list__partner .item__partner .img img {

    width: 100%;

}



.list__partner .item__partner .img img {

    height: 250px;

    width: 100%;

    object-fit: cover;

}



.list__partner .item__partner .name h3 {

    margin: 1rem 0;

    padding: 0 1rem;

    color: #333;

    font-size: 1.8rem;

}



.list__partner .item__partner .desc {

    font-size: 1.4rem;

    line-height: 2.2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 1rem;

}



.cont-project {

    padding-bottom: 1rem;

}



.single-project {

    padding: 3rem 0;

}



.single-project .list {

    padding-left: 0;

    width: 100%;

    padding: 1rem 0;

}



.cont-partner {

    padding: 0 0;

    margin-bottom: 2rem;

}



.single-album {

    padding: 2rem 0;

}



.grid-album {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.grid-album .item-album {

    margin-bottom: 1rem

}



.item-album .img img {

    height: 250px;

    width: 100%;

    object-fit: cover;

    margin-bottom: 1rem;

}



.grid_anh {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 2rem;

}



.blog-album .container {

    max-width: 1000px;

}



.content-album {

    padding: 3rem 0;

}



.pagination-sm .page-link {

    font-size: 1.3rem;

}



.single-search {

    padding: 3rem 0;

}



.single-menuii {

    padding: 3rem 0;

}



.gird-menuii {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 30px;

}



.gird-menuii .item-menuii {

    min-height: 150px;

    background-size: cover!important;

    position: relative;

    border-radius: 2rem;

}



.gird-menuii .item-menuii:before {

    position: absolute;

    content: '';

    background: rgb(0, 0, 0, 0.6);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 2rem;

}



.gird-menuii .item-menuii a {

    color: #fff;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 3em;

    display: flex;

    align-items: center;

    justify-content: center;

}



.gird-menuii .item-menuii a h3 {

    text-align: center;

    font-size: 2.4rem;

    line-height: 3rem;

}



.cont-menui {

    padding: 3rem 0;

    text-align: center;

}



.tit__rel1 h3 {

    font-size: 2.6rem;

    color: var(--color-2);

    text-transform: uppercase;

    font-weight: 600;

}



.news-detalis {

    font-size: 1.5rem;

    line-height: 2.4rem;

}



.single-detail {

    padding: 1rem 0 3rem 0;

}



.single-relPost {

    margin-top: 2rem;

}



.df-dts .left {

    width: 340px;

    padding: 2rem 2rem 0 2rem;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.df-dts .right {

    width: calc(100% - 370px);

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.single-detail-service {

    padding: 3rem 0;

}



.sv_hotline {

    display: flex;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    padding-bottom: 1rem;

}



.sv_hotline .name {

    font-size: 1.5rem;

    margin: 1rem 0;

    font-weight: 600;

    color: #444;

    margin-bottom: 0.4rem;

}



.sv_hotline .hotline a {

    font-size: 3rem;

    font-weight: 600;

    color: var(--color-4);

}



.sv_datlich .cont {

    font-size: 1.6rem;

    color: red;

    text-transform: uppercase;

    font-weight: 600;

}



.df-dts {

    margin-bottom: 2rem;

}



.sv_datlich .bg img {

    width: 100%;

}



.frm__book {

    padding: 2rem 3rem;

}



.title_book h2 {

    color: var(--color-4);

    font-size: 1.8rem;

}



.gird-wd2 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 2rem;

}



.datepicker {

    padding: 5px!important;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;

}



.datepicker-dropdown {

    background-color: #fff!important;

}



.grid_thoigianhen {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 1rem;

}



.pn-blocksp {

    padding: 3rem 0 1rem 0;

}



.pn-partner .partnerSwiperNext,

.pn-partner .partnerSwiperPrev {

    right: 1rem;

    top: 0;

}



.pn-partner .partnerSwiperNext {

    color: var(--color-1)!important;

    border: 1px solid var(--color-1);

    height: 30px;

    top: 2rem;

}



.pn-partner .partnerSwiperPrev {

    color: var(--color-1)!important;

    border: 1px solid var(--color-1);

    height: 30px;

    top: 2rem!important;

    right: 4rem!important;

    left: unset;

}



.block-type1 {

    position: relative;

    display: flex;

    justify-content: space-between;

}



.block-type1 .left {

    width: 300px;

    padding-right: 2rem;

    position: relative;

}



.block-type1 .left a img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.block-type1 .right {

    width: calc(100% - 300px);

    position: relative;

}



.pn-blocksp {

    padding: 3rem 0;

}



.pn-blocksp .container {

    max-width: 1300px;

}



.item__product {

    position: relative;

    border: 1px solid #ddd;

}



.item__product .img {

    padding: 0.5rem 0.5rem;

}



.item__product .img a {

    display: block;

}



.item__product .img a img {

    width: 100%;

    height: 180px;

    object-fit: cover;

}



.item__product .name h3 {

    margin: 1rem 0 0.5rem 0;

    text-align: center;

}



.item__product .name h3 a {

    font-size: 1.5rem;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 2.2rem;

}



.item__product .price {

    text-align: center;

    color: red;

}



.item__product .model {

    text-align: center;

    text-transform: uppercase;

    font-size: 1.3rem;

    margin-bottom: 0;

}



.tit__about {

    text-align: center;

    border-bottom: none;

    margin-bottom: 2rem;

}



.tit__about h2 {

    text-align: center;

    padding-bottom: 0;

}



.tit__about h2:after {

    display: none;

}



.sha-tab {

    width: 300px;

}



.df-about {

    align-items: center;

}



.df-about .left {

    width: 50%;

    position: relative;

}



.df-about .left img {

    width: 100%;

}



.df-about .right {

    width: 50%;

    position: relative;

}



.df-about .right .cont_about {

    padding: 0 25% 0 4rem;

}



.df-about .right .cont_about h2.name {

    text-transform: uppercase;

    color: var(--color-1);

    font-weight: 600;

    margin-bottom: 2rem;

}



.df-about .right .cont_about .desc {

    font-size: 1.6rem;

    line-height: 2.5rem;

    color: #444;

    letter-spacing: 0.05rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 10;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 1.5rem;

}



.df-about .right .cont_about .link {

    display: flex;

    justify-content: flex-start;

}



.df-about .right .cont_about .link a {

    padding: 0.8rem 1.5rem;

    border-radius: 0.3rem;

    background-color: var(--color-1);

    color: #fff;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.df-about .right .cont_about .link:hover a {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.sha-tab .w-tab {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border: 2px solid #222;

    border-radius: 100%;

}



.sha-tab .w-tab .item-tab {

    width: 50%;

    height: 100px;

    display: flex;

    align-items: center;

}



.sha-tab .w-tab #sha_0 {

    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 20px;

}



.sha-tab .w-tab .img {

    margin-top: 0;

    opacity: 1;

    width: 70px;

    height: 70px;

    border: 2px solid #d84d27;

    border-radius: 100px;

    text-align: center;

    line-height: 60px;

    background-color: #fff;

    cursor: pointer;

}



.sha-tab .w-tab img {

    max-width: 40px;

    cursor: pointer;

}



.sha-tab .w-tab #sha_0 {

    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 20px;

}



.sha-tab .w-tab #sha_1 {

    justify-content: flex-end;

    align-items: flex-start;

    padding-right: 20px;

}



.sha-tab .w-tab #sha_2 {

    justify-content: flex-start;

    align-items: center;

    margin-left: -30px;

}



.sha-tab .w-tab #sha_3 {

    justify-content: flex-end;

    align-items: center;

    margin-right: -30px;

}



.sha-tab .w-tab #sha_4 {

    justify-content: flex-start;

    align-items: flex-end;

    padding-right: 20px;

}



.sha-tab .w-tab #sha_4 {

    justify-content: flex-start;

    align-items: flex-end;

    padding-right: 20px;

}



.pn-service {

    padding: 3rem 0;

    background-color: #eee;

}



.tit_service {

    text-align: center;

}



.tit_service {

    border-bottom: none;

}



.tit_service h2:after {

    display: none;

}



.gird_post_home {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.gird_post_home .item_service {

    padding: 1rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    border-radius: 0.5rem;

    background: #fff;

}



.item_service .img {

    margin-bottom: 2rem;

}



.item_service .img img {

    height: 230px;

    width: 100%;

    object-fit: cover;

}



.item_service h3 {

    font-size: 1.7rem;

    text-align: center;

    color: #333;

    margin: 1rem 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item_service p {

    font-size: 1.35rem;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.d-footTop {

    padding: 1rem 0;

}



.d-footTop .top-1,

.d-footTop .top-2,

.d-footTop .top-3 {

    width: calc(33.33% - 30px);

    margin: 0 15px;

}



.foot_map {

    width: 100%;

    height: 0;

    padding-bottom: 30%;

    position: relative;

}



.foot_map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.foot_top_tit {

    text-transform: uppercase;

    font-size: 1.8rem;

    margin-bottom: 1.5rem;

}



.item_partner {

    display: block;

    margin: 5px 5px;

}



.item_partner img {

    width: 100%;

    height: 100px;

    object-fit: cover;

    padding: 5px 5px;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

}



.list-social {

    position: relative;

    display: flex;

    justify-content: flex-end;

}



.list-social a {

    margin-left: 0.5rem;

}



.list-social a img {

    height: 2.5rem;

}



.foot-map {

    margin-top: 2rem;

}



.logo_foot a img {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}



.foot_video {

    width: 100%;

    height: 0;

    padding-bottom: 50%;

    position: relative;

}



.foot_video iframe {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

}



.aside {

    border: 1px solid #ddd;

    margin-bottom: 3rem;

}



.tit_aside {

    background-color: var(--color-1);

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    text-indent: 1rem;

    line-height: 4rem;

}



.aside_left ul {

    list-style-type: none;

    margin: 0;

    padding: 1rem 1rem;

    display: flex;

    flex-direction: column;

}



.aside_left ul li {

    margin-bottom: 1rem;

}



.menui-right li {

    border-bottom: 1px dashed #444;

    padding: 0.5rem 0;

    position: relative;

}



.menui-right li:last-child {

    border-bottom: transparent;

}



.aside_left ul li a {

    display: flex;

    font-size: 1.35rem;

}



.aside_left ul li .img {

    width: 85px;

    padding-right: 1rem;

}



.aside_left ul li a .img img {

    width: 75px;

    height: 50px;

    object-fit: cover;

}



.aside_left ul li a h4 {

    font-size: 1.3rem;

    line-height: 2rem;

    color: #555

}



.menui-right li a:hover {

    color: red;

}



.menui-right li ul {

    position: absolute;

    left: 100%;

    top: 0;

    list-style-type: none;

    margin: 0;

    padding: 1rem;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    min-width: 250px;

    display: none;

}



.menui-right li:hover ul {

    display: block;

}



.box-search {

    padding: 1rem;

}



.box-search input,

.box-search select {

    border-radius: 3rem;

    padding: 0.5rem 1rem;

}



.btn-subSearch {

    font-size: 1.5rem;

    text-transform: uppercase;

}



.pn-headtop {

    padding: 1rem 0;

    background: var(--color-1);

    color: #fff;

    line-height: 2rem;

}



.pn-headtop a {

    color: #fff;

}



.df-ht {

    align-items: center;

}



.dft1 {

    margin: 0 0;

}



.dft1>span {

    padding-right: 1rem;

}



.df-lang a {

    margin-left: 0.5rem;

}



.pn-propress {

    padding:3rem 0;

    background-size: cover!important;

}



.pn-propress .title h2 {

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom:3rem;

}



.grid-propres {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap:4rem;

}



.grid-propres>a {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: #fff;

    text-align: center;

    padding: 0 10%;

}



.grid-propres>a>img {

    height:10rem;

    margin-bottom: 2rem;

}

.grid-propres>a>h3 {

    font-size:1.8rem;

    line-height:2.6rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item__service {

    position: relative;

    width: 100%;

    min-height: 50rem;

    background-size: cover!important;

    display: flex;

    flex-direction:column;

    color: #fff;

    text-align: center;

    cursor: pointer;

}

.item__service .img img{
    height:37rem!important;
    width:100%;
    object-fit:cover;
}



.item__service:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: rgb(0, 0, 0, 0.05);

    transition: var(--trans);

}



.item__service:hover:before {

      background: rgb(0, 0, 0, 0.01);

}



.item__service .cont {

    position: relative;

    padding:1rem 0 0 0;

    z-index: 9;

    min-height:19rem;

    background-color:rgba(102,102,102,0.8);

}



.item__service .cont a {

    color: #fff;

}



.item__service .cont h3.name {

    text-transform: uppercase;

    font-size:1.8rem;

    line-height: 2.5rem;

    margin:0 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;
    padding:0 2rem;

}



.item__service .cont h3.desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.4rem;

}



.pn-blocksr {

    padding: 3rem 0;

}

/*.item__service .desc:nth-child(1){
    background-color:#666;
}
.item__service .desc:nth-child(2){
    background-color:#1583e9;
}

.item__service .desc:nth-child(3){
   background-color:#01B700;
}
*/


.swiperMenui .swiper-slide:nth-child(1) .desc{
   background-color:#666;
}
.swiperMenui .swiper-slide:nth-child(2) .desc{
   background-color:#1583e9;
}
.swiperMenui .swiper-slide:nth-child(3) .desc{
   background-color:#01B700;
}






.pn-linhvuc {

    padding: 0 0;

    margin-bottom: 3rem;

}



.pn-linhvuc .title h2 {

    font-size: 3rem;

    color: var(--color-1);

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

    margin-bottom: 3rem;

}



.gird-linhvuc {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

    grid-gap: 2rem;

}



.gird-linhvuc .item {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    background-color: var(--color-1);

    color: #fff;

    padding: 2rem 1rem;

    border-radius: 0.5rem;

    min-height: 22rem;

}



.gird-linhvuc .item:hover {

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}



.gird-linhvuc .item a {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

}



.gird-linhvuc .item a img {

    height: 10rem;

    margin-bottom: 2rem;

}



.gird-linhvuc .item a h3 {

    text-align: center;

    font-size: 1.5rem;

    line-height: 2.3rem;

}



.pn-newsh {

    padding: 3rem 0;

}



.gird-newsh .item1 {

    grid-area: item1;

}



.gird-newsh .item2 {

    grid-area: item2;

}



.gird-newsh .item3 {

    grid-area: item3;

}



.gird-newsh .item4 {

    grid-area: item4;

}



.gird-newsh {

    display: grid;

    grid-template-areas: 'item1 item2' 'item1 item3' 'item1 item4';

    grid-gap: 3rem;

}



.pn-newsh .title h2 {

    text-align: center;

    color: var(--color-1);

    text-transform: uppercase;

    font-size: 3rem;

    margin-bottom: 3rem;

    font-weight: 600;

}



.gird-newsh .item {

    background-size: cover!important;

    border-radius: 1rem;

    position: relative;

}



.gird-newsh .item:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: rgb(0, 0, 0, 0.3);

    content: '';

    z-index: 1;

    border-radius: 1rem;

    transition: var(--trans);

}



.gird-newsh .item:hover:before {

    background-color: rgb(0, 0, 0, 0.5);

}



.gird-newsh .item.item2,

.gird-newsh .item.item3,

.gird-newsh .item.item4 {

    min-height: 18rem;

}



.gird-newsh .item .cont {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 2rem;

    color: #fff;

    z-index: 2;

}



.gird-newsh .item .cont a {

    color: #fff;

}



.gird-newsh .item .cont a h3 {

    font-size: 2rem;

    margin-bottom: 1rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.gird-newsh .item .cont a .desc {

    font-size: 1.4rem;

    line-height: 2rem;

    letter-spacing: 0.01rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.gird-newsh .item:hover .cont a h3 {

    color: var(--color-1);

}



.gird-newsh .item.item1 .cont a h3 {

    font-size: 2.6rem;

}



.gird-newsh .item.item1 .cont a .desc {

    font-size: 1.6rem;

    line-height: 2.4rem;

}



.pn-newsh .v_all {

    display: flex;

    justify-content: center;

    margin-top: 2rem;

}



.pn-newsh .v_all a {

    display: inline-block;

    padding: 0.8rem 1.5rem;

    color: #fff;

    background-color: var(--color-1);

    border-radius: 0.5rem;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}



.pn-partner {

    padding: 3rem 0;

}



.pn-partner .title h2,

.title_page h2 {

    color: var(--color-1);

    text-transform: uppercase;

    font-size: 3rem;

    font-weight: 600;

    text-align: center;

    margin-bottom: 3rem;

}



.gird-center {

    position: relative;

    text-align: center;

}



.gird-center .item_dt {

    margin: 1rem 1rem;

    display: inline-block;

}



.item_dt a img {

    width: 15rem;

    height: 10rem;

    object-fit: contain;

}



.df-foot .left {

    width: 25%;

    padding-right: 3rem;

}



.df-foot .right {

    width: 75%;

}



.dknt h3.name {

    text-transform: uppercase;

    margin-bottom: 2rem;

    font-size: 2rem;

}



.foot-main {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.foot-main .foot_tit {

    text-transform: uppercase;

    font-size: 2rem;

    margin-bottom: 2rem;

}



.single-partner .container {

    max-width: 1200px;

}



.item__partner .item_dulieu {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 2rem 2rem 1rem 2rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    border-radius: 1rem;

    color: var(--color-1);

    min-height: 26rem;

    overflow: hidden;

}



.block__search,

.block_mapdf {

    margin: 3rem 0;

}



.df-frmSearch .cls {

    width: calc(33.33% - 2rem);

    margin: 0 1rem;

}



.df-frmSearch .form-control {

    height: 4rem;

}



.df-frmSearch .cls .action_frm {

    width: 100%;

    font-size: 1.8rem;

    background-color: var(--color-1);

    border-color: var(--color-1);

    text-transform: uppercase;

}



.block__search .card-header {

    text-align: center;

    background-color: var(--color-1);

    color: #fff;

    font-size: 1.8rem;

    text-transform: uppercase;

    font-weight: 600;

}



.block__search table {

    font-size: 1.5rem;

    min-width: 70rem;

}



.block__search table thead {

    background-color: var(--color-1);

    color: #fff;

    text-transform: uppercase;

    text-align: center;

}



.wrap_mapdf {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 40%;

}



.wrap_mapdf iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.item__partner .item_dulieu img {

    height: 10rem;

    object-fit: contain;

    margin-bottom: 1rem;

}



.item__partner .item_dulieu h3.name {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.6rem;

    line-height: 2.4rem;

}



.item__partner .item_dulieu p.desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.4rem;

    line-height: 2rem;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: var(--color-1)!important;

    border-color: var(--color-1)!important;

    color: #fff!important;

}



.list__company {

    margin: 3rem 0;

    overflow-y: auto;

}



.list__company table {

    min-width: 70rem;

}

.site-slider{

    position:relative;



}

.site-slider .fix_slider{

    position:absolute;

    width:100%;

    left:0;

    bottom:0;

    z-index:99;

    background-color:rgba(112,190,70,0.6);

    color:#fff;

    padding:1rem 0;

}

.df-slideInfo{

    justify-content:center;

    font-size:1.6rem;

}

.df-slideInfo a{

    color:#fff;

}

.df-slideInfo .cl{

    margin:0 2rem;

}

.gird__service6c{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:2rem;
}

.item__service.item__service_0 .cont,.item__service.item__service_3 .cont,.item__service.item__service_6 .cont,.item__service.item__service_9 .cont{
   background-color:#666;
}

.item__service.item__service_1 .cont,.item__service.item__service_4 .cont,.item__service.item__service_7 .cont,.item__service.item__service_10 .cont{
    background-color:#1583e9;
}

.item__service.item__service_2 .cont,.item__service.item__service_5 .cont,.item__service.item__service_8 .cont,.item__service.item__service_11 .cont{
    background-color:#01B700;
}





@keyframes moveAround {

    from {

        transform: rotate(0deg) translate(40px);

    }

    to {

        transform: rotate(360deg) translate(40px);

    }

}



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

    .container {

        max-width: 1400px;

    }

}



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

    .item__service {

        min-height: 45rem;

    }

}



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

    .head__logo {

        width: 20%;

    }

    .head__right {

        width: 80%;

    }

    .df-foot .left {

        width: 40%;

    }

    .df-foot .right {

        width: 60%;

    }

    .foot-main {

        grid-template-columns: 1fr;

        grid-gap: 2rem;

    }

    .foot_map {

        padding-bottom: 50%;

    }

}



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

    .menu_t>ul>li>a {

        padding: 0 7px;

    }

    .cate_t {

        display: none;

    }

    .pn-menu {

        padding: 7px 0;

    }

    .ls-title {

        font-size: 30px!important;

    }

    .ls-text {

        font-size: 16px;

    }

    .site-serviceH {

        padding-top: 20px;

    }

    .site-truyenthong {

        padding: 30px 0;

    }

    #layerslider_1 {

        min-height: 700px!important;

    }

}



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

    .gird-linhvuc {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .grid-propres>a>h3 {

        font-size: 1.6rem;

        line-height: 2.4rem;

    }

    .grid-propres>a>img {

        height: 8rem;

    }

    .grid-propres {

        grid-gap: 3rem;

    }

    .site-banner img {

        min-height: 200px;

        object-fit: cover;

    }

    .site-cket {

        padding: 30px 0;

    }

    .giohang-mobile {

        opacity: 0;

        pointer-events: none;

    }

    .head-mobile {

        /* display: block; */

    }

    .menu-mobi {

        width: 90px;

    }

    .slider__right {

        width: calc(100%);

    }

    .cate-left,

    .cate-right {

        width: 100%;

    }

    .cate-left {

        margin-bottom: 15px;

    }

    .list__SubCate {

        display: flex;

        justify-content: flex-start;

    }

    .list__SubCate>li {

        margin: 3px 5px 3px 0;

        position: relative;

        padding-right: 5px;

    }

    .list__SubCate>li:before {

        position: absolute;

        width: 1px;

        height: 40%;

        top: 30%;

        content: '';

        right: 0;

        background-color: #7D8FA6;

    }

    .list__SubCate>li:last-child::before {

        display: none;

    }

    .block__5 {

        width: calc(25% - 15px);

    }

}



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

    .cont-map {

        padding-bottom: 35%;

    }

    #contact-form {

        margin-top: 3rem;

    }

    .df-about .right .cont_about {

        padding: 0 3rem;

    }

    .tit-foot {

        margin-top: 1rem;

    }

    .g-process {

        grid-template-columns: 1fr 1fr;

    }

    .pn-courses,

    .pn-vct,

    .site-frmDc {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .hc-offcanvas-nav h2 {

        background-color: var(--color-1)!important;

    }

    .hc-offcanvas-nav li.nav-close a,

    .hc-offcanvas-nav li.nav-back a {

        background-color: var(--color-1)!important;

    }

    .pn-head .container {

        max-width: 100%;

    }

    .item-service .card-img {

        text-align: center;

    }

    .item-service .card-img span {

        font-size: 1.7rem;

    }

    .item-service .card-img strong {

        font-size: 3rem;

    }

    .head_search__booking {

        margin-top: 0.5rem;

    }

    .d-hm {

        align-items: center;

    }

    .search_blc {

        display: none;

    }

    .pn-rating {

        padding: 50px 0;

    }

    .pn-cp p {

        text-align: center;

    }

    .tv__frm {

        margin: 15px auto

    }

    .d-foot {

        flex-direction: column;

    }

    .d-ht {

        display: none!important;

    }

    .service__item .service__box {

        opacity: 1;

    }

    .service__item a:before {

        background: rgb(0, 0, 204, 0.4);

    }

    .service__item a:before {

        width: 100%;

    }

    .site-about {

        margin-top: 10px;

    }

    .container,

    .container-md,

    .container-sm {

        max-width: 96%;

    }

    /* .title-rpmenu {

        display: block;

    } */

    .pn-menu {

        display: none;

    }

    .site-slider .block__5 {

        width: calc(33.33% - 15px);

    }

    .content-nhanxet {

        width: 100%;

    }

    .tab_sanpham .nav-item .nav-link {

        height: 40px;

    }

    .cate__left {

        display: none;

    }

    .slider__right {

        margin-top: 80px;

    }

    .site-khuyenmai {

        margin-top: 0;

    }

    .feedback__content {

        padding-bottom: 50%;

    }

    .col-right-ctsp {

        width: 100%;

    }

    .item_product.item_product-right {

        width: calc(33.33% - 30px);

        margin: 15px 15px;

        float: left;

    }

    .giohang-mobile img {

        height: 30px;

    }

    .giohang-mobile {

        margin-top: 0;

    }

    #layerslider_1 {

        min-height: 600px!important;

    }

    .blog-area .blog__left {

        width: 100%;

        padding-right: 0;

    }

    .blog-area .blog__right {

        width: 100%;

        padding: 20px 10px;

    }

    .gird__products {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .stickHot {

        padding: 0 0;

    }

}



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

    .df-3l_7r {

        flex-direction: column-reverse;

    }

    .df-3l_7r .left,

    .df-3l_7r .right {

        width: 100%;

        padding: 0 0;

        margin-bottom: 3rem;

    }

    .logo_foot {

        text-align: center;

    }

    .foot_map {

        display: none;

    }

    .df-foot {

        flex-direction: column-reverse;

    }

    .df-foot .left,

    .df-foot .right {

        width: 100%;

        padding: 0 0;

    }

    .item__service .cont h3.name{
        padding: 0 0;
    }

    .item__service .cont {

/*        padding:1rem 1rem;*/

    }

    .df-about .left img {

        display: none;

    }

    .cont_about {

        margin: 2rem 0;

    }

    .df-about {

        flex-direction: column-reverse;

    }

    .df-about .left,

    .df-about .right {

        width: 100%;

    }

    .df_news {

        flex-direction: column;

    }

    .df_news .left73_7,

    .df_news .left73_3 {

        width: 100%;

        padding-left: 0;

    }

    .single-ps1 .row_about .left {

        padding-right: 0;

    }

    #b-sendtv {

        border-radius: 0.3rem;

    }

    .pn-service {

        padding: 2rem 0 0 0;

    }

    .pn-project {

        padding-top: 3rem;

    }

    .df-project {

        flex-direction: column;

    }

    .df-project .cont {

        width: 100%;

        margin-bottom: 2rem;

    }

    .df-project .list {

        width: 100%;

        padding-left: 0;

    }

    .list-service {

        grid-gap: 3rem;

    }

    .item_us .img img {

        height: 150px;

    }

    .gird__products {

        grid-template-columns: 1fr 1fr;

    }

    .d-cvt .img img {

        max-width: 400px;

    }

    .d-cvt .img {

        padding-left: 0;

        margin: 30px 0;

    }

    .d-cvt {

        flex-direction: column;

    }

    .d-courses .img img {

        max-width: 400px;

        margin-bottom: 30px;

    }

    .d-courses .cont {

        padding-left: 0;

    }

    .d-courses {

        flex-direction: column;

    }

    .d-frmDc .frm__discount {

        width: 100%;

    }

    .d-frmDc {

        flex-direction: column;

    }

    .gird__khoahoc {

        grid-gap: 15px;

    }

    .pn-question h2 {

        font-size: 1.6rem;

    }

    .pn-question {

        padding-bottom: 0;

    }

    .pn-ck {

        padding: 20px 0;

    }

    .qb-l {

        padding-right: 0;

    }

    .ck__list {

        grid-gap: 20px;

    }

    .ck__list li h4 {

        font-size: 16px;

    }

    .ck__list li p {

        font-size: 14px;

    }

    .qb-r {

        text-align: center

    }

    .d-qb {

        flex-direction: column;

    }

    .tv__frm {

        max-width: 100%;

    }

    .tt_desc {

        display: none;

    }

    .list__ttItem li:nth-child(3) {

        display: none;

    }

    .truyenthong_right {

        padding-left: 15px;

    }

    .tt_item .img_tt_sm {

        flex: 40%;

    }

    .inner-about__txt {

        padding-top: 0;

        padding-bottom: 50px;

    }

    .service-dr {

        padding: 5px 10px;

    }

    .service__boxI {

        margin-top: 5%;

    }

    .head__hotline {

        display: none;

    }

    .site-bnc {

        margin-top: 0;

    }

    .block__5 {

        width: calc(33.33% - 15px);

    }

    .site-blogs {

        padding-bottom: 0!important;

        padding-top: 20px!important;

    }

    .chitiet_sp_hot_gia del,

    .chitiet_sp_hot_gia span {

        font-size: 20px;

    }

    .chitiet_sp_hot_title {

        margin-top: 30px;

        font-size: 24px;

    }

    .item_product.item_product-right {

        width: calc(50% - 30px);

    }

    .site-partner {

        padding: 5px 35px;

    }

    .site-blogs .col-sm-6 {

        width: 100%;

    }

    .feedback_text {

        width: 100%;

    }

    .feedback__content {

        padding-bottom: 60%;

    }

    .left__sl424,

    .right__ht424 {

        width: 100%;

        padding: 0;

    }

    .right__ht424 {

        margin: 10px 0;

    }

    .right__ht424 .divbd {

        background: none;

    }

    .right__ht424 .divbd ul li {

        width: calc(50% - 15px);

        margin: 7.5px 7.5px;

        float: left;

    }

    .logo {

        line-height: 50px;

    }

    .flex__foot {

        flex-direction: column;

    }

    .flex__foot .foot__left,

    .flex__foot .foot__right {

        flex: 100%;

    }

    .foot__left .site-copyright {

        display: none;

    }

    .cp_m {

        display: block;

    }

    .cp_m .site-copyright {

        position: relative;

    }

    .wrap__about .about__txt {

        min-height: 335px;

    }

    .ab-mo-ta {

        -webkit-line-clamp: 5;

    }

    #layerslider_1 {

        min-height: 500px!important;

    }

    .ls-text p {

        font-size: 2rem!important;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        text-overflow: ellipsis;

        line-height: 2rem;

    }

    .ls-title {

        font-size: 2rem!important;

    }

    .menu_t>ul>li>a {

        font-size: 16px;

    }

    .inner-about__txt h3 {

        font-size: 20px;

    }

    .row_about {

        flex-direction: column;

        padding: 0 0 2rem 0;

    }

    .row_about .left {

        width: 100%;

        padding: 0;

        margin-bottom: 2rem;

    }

    .row_about .right {

        width: 100%;

    }

    .single-ps1 .row_about .right img {

        height: 350px;

    }

    .single-ps1 .row_about .left h3 {

        font-size: 2.4rem;

    }

    .gird-view {

        grid-template-columns: 1fr;

    }

    .gird-view .item-view {

        margin-bottom: 0;

    }

    .gird-view .item-view .nd {

        font-size: 1.5rem;

        line-height: 2.5rem;

    }

    .gird-menuii .item-menuii a h3 {

        font-size: 2rem;

    }

    .df-dts {

        flex-direction: column;

    }

    .df-dts .left {

        width: 100%;

        margin-bottom: 3rem;

    }

    .df-dts .right {

        width: 100%;

        margin-bottom: 0;

    }

    .title_book h2 {

        text-align: center!important;

    }

    .list__partner {

        grid-template-columns: 1fr 1fr;

    }

    .tit_single__partner h2 {

        font-size: 2rem;

    }

    .single-partner .tit_partner h2 {

        font-size: 2rem;

    }

}



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

    .gird-newsh .item1 {

        min-height: 36rem;

    }

    .gird-newsh {

        grid-template-areas: 'item1' 'item2' 'item3' 'item4';

        grid-gap: 2rem;

    }

    .head__right {

        display: none;

    }

    .m__menu {

        display: block;

    }

    .d-hm {

        justify-content: space-between;

        flex-direction: row-reverse;

    }

    .h_email {

        display: none;

    }

    .pn-propress {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .grid-propres {

        grid-template-columns: 1fr 1fr;

    }

    .gird-linhvuc .item a img {

        height: 8rem;

    }

    .item__service {

        min-height: 40rem;

    }

}



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

    .cont-map {

        padding-bottom: 50%;

    }

    .banner_full h1 {

        font-size: 2rem;

    }

    .grid_anh {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .grid-album {

        grid-template-columns: 1fr 1fr;

    }

    .single-news {

        padding-top: 1rem;

    }

    .it_post_hz .info .desc {

        -webkit-line-clamp: 3;

    }

    .it_post_hz .img {

        width: 200px;

    }

    .it_post_hz .info {

        width: calc(100% - 220px);

    }

    .pn-news {

        padding: 0 0 2rem 0;

    }

    .item_us .img img {

        height: 130px;

    }

    .list-us {

        grid-gap: 2rem;

    }

    .item-service {

        padding-bottom: 1rem;

    }

    .list-service {

        grid-template-columns: 1fr 1fr;

    }

    .img__AbDesk {

        display: none;

    }

    .img__AbMobile {

        display: block;

    }

    .site-bnc {

        margin-top: 0;

    }

    .wrap__about .about__txt {

        flex: 100%;

    }

    .wrap__about .about__img {

        flex: 100%;

    }

    .wrap__about {

        flex-direction: column;

    }

    #layerslider_1 {

        min-height: 400px!important;

    }

    .gird__service {

        grid-template-columns: 1fr 1fr;

    }

    .truyenthong_wrap {

        flex-direction: column;

    }

    .truyenthong_left {

        flex: 100%;

        margin-bottom: 30px;

    }

    .tt_imgmax img {

        width: 100%;

    }

    .flex__foot .foot__left {

        padding: 30px 15px;

    }

    .flex__foot .foot__right {

        padding: 30px 15px 0 15px;

    }

    .foot_wrapMap {

        padding-bottom: 40%;

    }

    .df-slideInfo{

        flex-direction:column;

    }

    .site-slider .fix_slider{

        position:relative!important;

        padding:0.5rem 0;

    }

    .df-slideInfo .cl{

        margin:0.1rem 0;

    }

}



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

    .cont-map {

        padding-bottom: 60%;

    }

    .pn-headtop {

        padding: 0.5rem 0 0 0;

    }

    .h_hotline {

        display: none;

    }

    .navbar-form {

        margin: 1rem 0;

    }

    .df-ht {

        flex-direction: column-reverse;

        justify-content: flex-end;

        align-items: flex-end;

    }

    .list-social {

        justify-content: center;

    }

    .dfcp {

        flex-direction: column-reverse;

        justify-content: center;

    }

    .item__service {

        min-height: 45rem;

    }

    .single-project {

        padding-top: 0;

    }

    .gird-menuii {

        grid-template-columns: 1fr;

    }

    .single-ps1 .row_about .right img {

        width: 100%;

        height: auto;

    }

    .row_about .right img {

        width: 100%;

        height: auto;

    }

    .pn-contact {

        padding-top: 1rem;

    }

    .tit_block h2 {

        text-align: left;

    }

    .pn-news .tit_news {

        margin-bottom: 2rem;

    }

    .head_social {

        display: none;

    }

    .list-us {

        grid-template-columns: 1fr;

    }

    .g-process .i-process {

        padding-left: 1rem;

    }

    .g-process {

        grid-template-columns: 1fr;

        grid-gap: 2rem;

    }

    .inner-cp .link {

        text-align: left;

    }

    .pn-block-cp .tit_cp h2 {

        text-align: left;

    }

    .g-about .cont .nd {

        text-align: left;

        padding-left: 0;

    }

    .g-about {

        grid-template-columns: 1fr;

    }

    .df-project .list ul {

        grid-template-columns: 1fr;

    }

    .feedback_text {

        padding-top: 10px!important;

    }

    .item__kh img {

        width: 100px!important;

        height: 100px!important;

    }

    .item__kh p {

        margin-top: 15px;

    }

    .feedback__content {

        padding-bottom: 70%;

    }

    .logo__footer {

        margin-bottom: 10px;

    }

    .mxh__foo ul {

        margin-bottom: 10px;

    }

    .right-head_cart {

        text-align: right;

    }

    h4.blog_tit {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        font-size: 15px;

        line-height: 22px;

    }

    .site-cket {

        padding: 20px 0;

    }

    .list__SubCate {

        display: block;

    }

    .list__SubCate li {

        display: inline-block;

    }

    .list__SubCate>li>a {

        line-height: 20px;

    }

    .site-copyright {

        padding: 5px 0;

    }

    .site-copyright p {

        line-height: 24px;

        color: #333;

    }

    .block__5 {

        width: calc(50% - 15px);

    }

    .site-productcl347 .item_product {

        margin-bottom: 15px;

    }

    .right-head_cart {

        width: 90px;

    }

    .res__head img {

        max-height: 60px;

    }

    .tit__home span {

        font-size: 20px;

    }

    .item_product_img {

        height: 200px;

    }

    .pn-head {

        padding: 5px 0;

    }

    .col-left-ctsp {

        width: 100%;

    }

    .site-truyenthong {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .site-partner {

        padding: 10px 15px;

    }

    .row__grid_2 {

        display: grid;

        grid-template-columns: 1fr;

        grid-gap: 20px;

    }

    .site-banner img {

        min-height: 150px;

        object-fit: cover;

    }

    .leftc1,

    .leftc2 {

        width: calc(100%);

        margin: 10px 0;

    }

    .content-f {

        margin-bottom: 0;

    }

    .pn-foot {

        padding: 3rem 0 2rem 0;

    }

    .pn-rating {

        padding: 30px 0;

    }

    .ck__list {

        grid-template-columns: 1fr;

    }

    .card__question .card-header {

        padding-left: 10px;

    }

    .gird__khoahoc {

        grid-template-columns: 1fr;

    }

    .cont-1 .name {

        font-size: 1.6rem;

    }

    .banner_full img {

        width: 100%;

        min-height: 300px;

        object-fit: cover;

    }

    .banner_full h2 {

        font-size: 2rem;

    }

    .tit_block h2 {

        font-size: 2.2rem;

    }

    .pn-block-cp .tit_cp h2 {

        font-size: 2rem;

    }

    .banner_full h1 {

        font-size: 2rem;

        line-height: 2.8rem;

    }

    .banner_full .background {

        height: 150px;

    }

    .banner_full .background {

        padding-top: 4rem;

    }

    .blog-area .blog__right {

        padding-left: 0;

    }

    .blog-area .blog__right .insHeading,

    .tit_block h2 {

        font-size: 2.4rem;

    }

    .df-about .right .cont_about h2.name {

        font-size: 2.4rem;

    }

    .df-frmSearch {

        flex-direction: column;

    }

    .df-frmSearch .cls {

        width: 100%;

        margin: 0 0 1rem 0;

    }



}



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

    .item__partner .item_dulieu img {

        height: 8rem;

    }

    .list__partner {

        grid-gap: 2rem;

    }

    .item__partner .item_dulieu {

        padding: 1rem;

    }

    .cont-map {

        padding-bottom: 70%;

    }

    .it_post_hz .img {

        width: 170px;

    }

    .it_post_hz .img a img {

        height: 170px;

    }

    .it_post_hz .info {

        width: calc(100% - 190px)

    }

    .list__partner .item__partner .img img {

        height: 165px;

    }

    .single-detail-service {

        padding-top: 0;

    }

    .single-detail-service {

        padding-bottom: 0;

    }

    .frm__book {

        padding: 2rem;

    }

    .gird-wd2 {

        grid-template-columns: 1fr;

    }

    .item__service .cont {

        padding:0 0;

    }

    .item__service .img {

        width: 100%;

    }

    .item__service .img img {

        width: 100%;

    }

    .item__service .cont {

        width: 100%;

    }

    .row__grid {

        grid-gap: 20px;

    }

    .tit-lienhe {

        margin-top: 2rem;

    }

    .flex__contact {

        flex-direction: column;

    }

    .btn__contact {

        margin: 10px 0;

    }

    .site-truyenthong {

        padding-bottom: 0;

    }

    .tt_item .img_tt_sm {

        flex: 50%;

    }

    .title-f {

        margin-bottom: 0!important;

    }

    .foot_wrapMap {

        padding-bottom: 50%;

    }

    .ls-l {

        display: none;

    }

    #layerslider_1 {

        min-height: 300px!important;

    }

    .truyenthong_right {

        padding-left: 0;

    }

    .tt_item .tt_in h4 {

        line-height: 18px;

    }

    .res__head img {

        max-height: 50px;

    }

    .tit__productPage span {

        font-size: 24px;

    }

    .wrap__cate {

        margin-bottom: 10px;

    }

    .tit__opage span {

        font-size: 1.4rem;

    }

    .wrap__map {

        padding-bottom: 75%;

    }

    .site-productHome {

        padding: 10px 0;

    }

    .site-CateServiceHome {

        padding: 20px 0 0 0;

    }

    .item_product_price del {

        margin-left: 5px;

    }

    .item_product_img {

        height: 170px;

    }

    .partnerItem {

        padding: 20px 10px;

    }

    .site-vct {

        padding: 25px 0;

    }

    .swiperProductSale-next,

    .swiperProductSale-prev {

        color: #333!important;

    }

    .right__ht424 .sup_item {

        padding: 10px 5px;

    }

    .item_product-right>a {

        padding: 10px 15px;

    }

    .item_product.item_product-right {

        width: calc(50% - 20px);

        margin: 10px 10px;

    }

    .logo__footer img {

        max-height: 80px;

    }

    .tab_sanpham .nav-item .nav-link {

        height: 40px;

        font-size: 15px;

    }

    .right__ht424 .divbd {

        padding: 0 0;

    }

    .swiperProductSale-next,

    .swiperProductSale-prev {

        top: 40%!important;

    }

    .link_wrap_img {

        padding: 20px;

    }

    .item_product>a .sale {

        top: 0;

    }

    .btn-dt,

    .btn-buyn {

        padding: 3px 10px;

    }

    .title-f {

        margin-top: 0!important;

    }

    .form-search-nav input {

        padding: 6px 10px;

        border-radius: 20px;

    }

    .tit__productPage {

        margin-bottom: 15px;

    }

    .df-project .cont .tit h2 {

        font-size: 2.2rem;

    }

    .btn-booking {

        font-size: 1.3rem;

    }

    .tit_service {

        margin-bottom: 2rem;

    }

    .tit_process {

        margin-bottom: 3rem;

    }

    .pn-process {

        padding-top: 0;

        padding-bottom: 3rem;

    }

    .item_dt a img {

        width: 12rem;

    }
    .gird-linhvuc .item{
        min-height:unset;
    }
    .item__service .cont h3.name{
        margin-top:1rem;
    }

}



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

    .pn-partner .title h2,

    .title_page h2,

    .pn-newsh .title h2,

    .pn-linhvuc .title h2 {

        font-size: 2.4rem;

    }

    .pn-partner {

        padding: 0 0;

    }

    .df-about .right .cont_about {

        padding: 0 2rem;

    }

    .row__grid_2 .item__service a img {

        max-width: 150px;

    }

    .cart-btn {

        padding: 10px 5px;

    }

    .t_hotline {

        display: none;

    }

    .head__hotline {

        background-color: transparent;

    }

    .wrap__about .about__txt {

        padding: 30px 20px;

    }

    .service__item {

        max-height: 300px;

        overflow: hidden;

    }

    .foot_wrapMap {

        padding-bottom: 60%;

    }

    .service__boxI {

        padding: 20px 8px;

    }

    .service__boxI h3 {

        font-size: 16px;

    }

    .service__boxI p {

        font-size: 13px;

        line-height: 20px;

        -webkit-line-clamp: 4;

    }

    .service-dr {

        padding: 3px 4px;

    }

    .gird__service {

        grid-gap: 15px;

    }

    .head__logo {

        width: 34%;

        text-align: center;

    }

    .foot-left {

        padding-right: 0;

    }

    .foot-left .social li a img {

        height: 30px;

    }

    .single-partner {

        padding-top: 0;

    }

    .head__logo a img {

        width: unset;

        max-height: 8rem;

        max-width: 20rem;

    }

    .gird-linhvuc {

        grid-template-columns: 1fr 1fr;

    }

    .grid-propres>a {

        padding: 0 0;

    }

}



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

    .item_dt a img {

        width: 10rem;

    }

    .dfcp {

        padding-top: 0.5rem;

    }

    .single-relPost {

        margin-top: 0;

    }

    .grid-album {

        grid-template-columns: 1fr;

    }

    .grid_anh {

        grid-template-columns: 1fr 1fr;

    }

    .banner_full h1 {

        font-size: 1.8rem;

        line-height: 2.4rem;

    }

    .it_post_hz .info {

        width: calc(100% - 155px);

    }

    .it_post_hz .img {

        width: 140px;

    }

    .it_post_hz .img a img {

        height: 140px;

    }

   

    .tit-foot {

        font-size: 1.8rem;

    }

    .pn-cp p {

        font-size: 1.3rem;

        line-height: 2.4rem;

    }

    .head__logo a img {

       

    }

    .list-service {

        grid-template-columns: 1fr;

        grid-gap: 2rem;

    }

    .item_product_price {

        font-size: 18px;

    }

    .gird__service {

        grid-template-columns: 1fr;

    }

    .gird__products {

        grid-gap: 20px;

    }

    .item_product_title a {

        font-size: 18px;

        line-height: 22px;

    }

    .tit_splq {

        margin: 10px 0;

    }

    .d-frmtv {

        flex-direction: column;

    }

    #b-sendtv {

        margin-top: 2rem;

    }

    .pn-partner .title h2 {

        margin-bottom: 1rem;

    }

}



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

    .grid-propres {

        grid-gap: 2rem;

    }

    .item__service .cont {

        padding: 1rem 1rem;

    }

    .item_dt a img {

        width: 8rem;

    }

    .logo_foot a img {

        max-height: 10rem;

    }

    .row__grid_2 .item__service a img {

        max-width: 130px;

    }

    .item_product_price del {

        font-size: 13px;

    }

    #layerslider_1 {

        min-height: 240px!important;

    }

}



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

    .row__grid {

        grid-template-columns: 1fr;

    }

}