html {
    -webkit-user-select: unset !important;
    user-select: unset !important;
}
body{
    overflow-x: hidden;
}
.after-overlay:after, .custom-logo-link:after{
    pointer-events: none;
}
.site-header .inside-header{
    -webkit-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#EE0033),to(#ff033a));
    background: linear-gradient(to bottom,#EE0033 30%,ff033a 100%);
    padding-bottom: 0 !important;
    /* overflow: hidden; */
    padding-top: 0 !important;
    height: 100px;
}
.site-logo .custom-logo-link{
    display: flex !important;
    align-items: center;
    height: 100%;
    /* padding-right: 20px; */
    position: relative;
    z-index: 1;
}
.site-header .inside-header:before{
    display: none;
}
.site-logo .custom-logo{
    max-height: 50px !important;
}
.hb_site_desgin{
    flex: 1;
    padding-left: 40px;
}
.hb_site_desgin .hb_top_desgin{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-widget1 .item-inner {
    align-items: center !important;
}
.section-widget1 .item-inner i{
    color: #fff;
}
.section-widget1 .hb_content{
    color: #fff;
}
.section-widget1 .hb_content p:first-child{
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 0;
}
.section-widget1 .hb_content p:last-child{
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 0;
}
.inside-search .frm-search {
    margin-right: 70px !important;
    height: 55px;
}
.site-logo .custom-logo-link::before {
    content: '';
    width: 70px;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#EE0033),to(#ff0037));
    background: linear-gradient(to bottom,#EE0033 30%,#ff0037 100%);
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: -75px;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.section-widget1 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.site-header .inside-header .site-logo{
    height: 100px;
}
.site-logo .logo{
    height: 100%;
}
.hb_bottom_desgin .header-content{
    position: relative;
    background-color: #fff; 
    height: 45px;
}
.hb_bottom_desgin .header-content::before {
    content: '';
    width: 100%;
    height: 45px;
    background-color: inherit;
    position: absolute;
    bottom: 0;
    right: -100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header-content .col-right .desktop-menu.menu>li>a {
    padding: 15px !important;
    font-weight: 600 !important;
    color: #202020;
}
.header-content .col-right .desktop-menu.menu>li>a:hover{
    color: #EE0033;
}
.inside-search .frm-search input {
    max-width: 100% !important;
}
.inside-search .frm-search {
    margin-left: 60px !important;
}
.desktop-menu.menu>li:hover > ul{
    display: block;
    opacity: 1 !important;
    visibility: visible !important;
    top:45px;
}
.horizontal-menu.menu>li .menu li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

@media (max-width: 95.9875rem){
.grid-container {
    max-width: 80rem !important;
}
}

.horizontal-menu.menu>li.is-dropdown-submenu-parent>a:after {
    border: solid;
    border-width: 0 2px 2px 0;
    margin-top: -2px;
    padding: 2px;
    right: 6px;
    transform: rotate(45deg) translateY(-2px);
    width: 6px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: auto;
    top: 50%;
}
.section.section-imgs1.hb_imgs1{
    padding: 50px 0 40px;
    /* border-bottom: 1px solid #EE0033; */
    background-color: #fefcfc;
    background-image: url(../img/bg-15.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* border-top: 1px solid #EE0033; */
    margin-top: 0;
}
.section.section-imgs1.hb_imgs1 .heading-title{
    margin-bottom: 30px;
}
.section.section-imgs1.hb_imgs1 .imgs-slide-inner a{
    display: block;
    position: relative;
    border: 3.79px solid #f7f7f7;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    margin-bottom: 25px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    overflow: hidden;
}
.section.section-imgs1.hb_imgs1 .imgs-slide-inner a::after{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.section.section-imgs1.hb_imgs1 .imgs-slide-inner a:hover:after{
    animation: 1s ease 0s normal none 1 running fixedAnim;
}
.section.section-imgs1.hb_imgs1 .imgs-slide-inner a .overlay{

}
.section.section-imgs1.hb_imgs1 .imgs-slide-inner a .overlay .link-overlay{
    height: auto;
    width: auto;
    margin-bottom: 0;
    padding: 10px;
    background: #fff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s ease;
    font-weight: 700;
    color: #666;
    position: unset;
}
.section.section-imgs1 .cell ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.section.section-imgs1 .cell ul li a{
    display: block;
    position: relative;
    border: 3.79px solid #f7f7f7;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    margin-bottom: 25px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    overflow: hidden;
}
.section.section-imgs1 .cell ul li a:after{
    background: rgba(0,0,0,0) -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3))) repeat scroll 0 0;
    background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.section.section-imgs1 .cell ul li a:hover:after{
    -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
    animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim{0%{right:125%}125%{right:0}}@keyframes fixedAnim{0%{right:125%}125%{right:0}}
.section.section-imgs1 .cell ul li .overlay .link-overlay{
    position: relative;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
    font-weight: 700;
    color: #666;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: rgba(255,255,255,.9);
    margin-bottom: 0;
}
.section.section-imgs1 .cell ul li a:hover .overlay .link-overlay{
    color: #fff;
    background-color: #EE0033;
}
.section.section-imgs1 .heading-title{
    font-size: 29px;
    line-height: 39px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #EE0033;
}
.hb_about_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
}
.hb_about_wrap .heading-title{
    font-size: 29px;
    line-height: 39px;
    text-transform: uppercase;
    font-weight: 600;
    color: #EE0033;
    text-align: center;
}
.section.section-news .heading.heading-line .heading-title{
    font-size: 29px;
    line-height: 39px;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #EE0033 !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
.section.section-news .heading.heading-line:after, .section.section-news .heading.heading-line:before{
    display: none;
}
.hb_about_img{
    max-height: 350px;
    position: relative;
}
.hb_about_img img{
    width: 100%;
    height: 100%;
    max-height: 350px;
    object-fit: cover;
}
.hb_about_button{
    margin-top: 0.9375rem;
}
.hb_about_button a{
    display: inline-block;
    color: #202020;
    font-size: 14px;
    padding: 10px 0 20px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.hb_about_button a:hover{
    color: #EE0033;
}
.hb_about_content{
    font-size: 15px;
    line-height: 29px;
    font-weight: 500;
    text-align: justify;
}
.hb_about_img a{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hb_about_img a i{
    background-color: transparent;
    color: #212121;
    opacity: .8;
    font-size: 40px;
    position: relative;
}
.hb_about_img a i::after{
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: #f5f5f5;
    opacity: .8;
    z-index: -1;
    -ms-box-shadow: 0 0 0 0 #EE0033;
    -o-box-shadow: 0 0 0 0 #EE0033;
    box-shadow: 0 0 0 0 #EE0033;
    -webkit-animation: ripple 2s infinite;
    animation: ripple 2s infinite;
}
.hb_about_img a:hover i{
    color: #fff;
    opacity: 1;
}
.hb_about_img a:hover i:after{
    background-color: #EE0033;
}
@-webkit-keyframes ripple{
    70%{
        box-shadow:0 0 0 20px rgba(255,255,255, 0.2)
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,255,255, 0.2)
    }
}
@keyframes ripple{
    70%{
        box-shadow:0 0 0 20px rgba(255,255,255, 0.2)
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,255,255, 0.2)
    }
}
.section.section-about{
    padding: 40px 0;
    border-bottom: 1px solid #f5f5f5;
    /* overflow: hidden; */
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.85)),to(rgba(255,255,255,.75))),url(../img/bg-11.jpeg) no-repeat;
    background: linear-gradient(to bottom,rgba(255,255,255,.85) 0,rgba(255,255,255,.75) 100%),url(../img/bg-11.jpeg) no-repeat;
    background-position: top left;
    background-size: 40%;
    margin-top: 10px;
}
.hb_button_home{
    text-align: center;
}
.hb_button_home a{
    display: inline-block;
    color: #EE0033;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 40px;
    border: 1px solid #EE0033;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    z-index: 1;
    margin-top: 20px;
}
.section.section-news .news-container article.item .cover-content .titles{
    margin-bottom: 0;
}
.section.section-news .news-container article.item .cover-content .titles a{
    color: #212121;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}
.section.section-news .news-container article.item .cover-content .titles a:hover{
    color:#fff !important;
}
.section.section-news .news-container article.item:hover .cover-content .titles a{
    color:#fff;
}
.hb_button_home a::after, .hb_button_home a::before {
    content: '';
    background-color: #EE0033;
    height: 52%;
    width: 0;
    position: absolute;
    -webkit-transition: inherit;
    transition: inherit;
    z-index: -1;
}
.hb_button_home a::before {
    top: -1px;
    left: 0;
}
.hb_button_home a::after {
    bottom: 0;
    right: 0;
}
.hb_button_home a:hover{
    color: #fff;
    border-color: #EE0033;
}
.hb_button_home a:hover::after, .hb_button_home a:hover::before {
    width: 100%;
}
.hb_button_home a span{
    z-index: 99;
    position: relative;
}

.hb_desgin_item .hb_button_home span{
    display: inline-block;
    color: #EE0033;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 40px;
    border: 1px solid #EE0033;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    margin-top: 20px;
    z-index: 1;
}
.hb_desgin_item .hb_button_home span::after, .hb_desgin_item .hb_button_home span::before {
    content: '';
    background-color: #EE0033;
    height: 52%;
    width: 0;
    position: absolute;
    -webkit-transition: inherit;
    transition: inherit;
    z-index: -1;
}
.hb_desgin_item .hb_button_home span::before {
    top: -1px;
    left: 0;
}
.hb_desgin_item .hb_button_home span::after {
    bottom: 0;
    right: 0;
}
.hb_desgin_item .hb_button_home span:hover{
    color: #fff;
    border-color: #EE0033;
}
.hb_desgin_item .hb_button_home span:hover::after, .hb_desgin_item .hb_button_home span:hover::before {
    width: 100%;
}
.hb_desgin_item .hb_button_home span{
    z-index: 99;
    position: relative;
}

.section.section-news .news-container article.item .cover-content h6{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.hb_date_time{
    font-size: 12px;
    color: #202020;
    line-height: 12px;
    opacity: 0.6;
    margin: 10px 0;
}
.hb_date_time i{
    margin-right: 5px;
}
.section.section-news .news-container article.item .cover-content .excerpt{
    padding: 0 15px;
    text-align: justify;
    border-left: 1px dotted #ccc;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 20px !important;
}
.section.section-news .news-container article.item .cover-content .hb_view-more{
    display: block !important;
    color: #EE0033;
    font-size: 12px;
    padding: 10px 0 0;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.section.section-news .news-container article.item .cover-content h6 a{
    text-transform: uppercase;
    font-size: 15px;
}
.section.section-news {
    margin-top: 0 !important;
    padding: 60px 0;
    background: #fff;
}
.section.section-partners{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 60px 0;
}
.section.section-partners .partners-wrapper {
 
}
.section.section-partners .partners-wrapper .swiper{

}
.section.section-partners .partners-wrapper.swiper-section{
    box-shadow: none !important;
}
.section.section-partners .swiper-slide .item{
    position: relative;
    padding: 35px 40px;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgb(10 176 255 / .05)),to(rgba(238,238,238,.07)));
    background-image: linear-gradient(to top,rgb(10 176 255 / .05),rgba(238,238,238,.07));

}
.hb_logo_đt{
    margin: 10px 0;
    height: 50px;
}
.hb_logo_đt img{
    /* max-width: 180px; */
    margin: 0 auto;
}
.hb_avart_item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.hb_avart_item .thumbs{
    flex: 0 0 70px;
    max-width: 100%;
    height: 70px;
    margin-right: 15px;
    padding: unset;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border: 3px solid #fafafa;
    border-radius: 100%;
}
.hb_link-overlay{
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    color: #555;
}
.hb_description_item{  
    text-align: justify;
    font-size: 13px;
    color: #333;
}
.hb_description_item p:first-child{
    height: 132px;
}
.hb_description_item .table{
margin-bottom:0;
}
.hb_description_item tbody td {
    padding: 0;
}
.hb_description_item tbody td:first-child {
    padding-right: 5px;
}
.hb_description_item tbody td:last-child {
    padding-left: 5px;
}
.hb_news_2 .news-container article.item .res.scale{
    padding: 0 0 71%;
}
.hb_news_2 .news-container article.item{
    display: block;
    position: relative;
    border: 3.79px solid #f7f7f7;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    margin-bottom: 25px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    overflow: hidden;
    height: auto;
}
.hb_news_2 .news-container article.item:after{
    background: rgba(0,0,0,0) -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3))) repeat scroll 0 0;
    background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.hb_news_2{
    background-color: #fff;
}
.hb_news_2 .news-container article.item:hover:after {
    -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
    animation: 1s ease 0s normal none 1 running fixedAnim;
}
.section.section-news .news-container article.item .cover-content{
    padding: 15px !important;
    /* text-align: center; */
}
.section.section-news .news-container article.item:hover .cover-content{
    background-color: #EE0033;
}
.section.section-news .news-container article.item:hover .cover-content h6 a,.section.section-news .news-container article.item:hover .cover-content .hb_date_time,.section.section-news .news-container article.item:hover .cover-content .excerpt,.section.section-news .news-container article.item:hover .cover-content .hb_view-more{
    color:#fff;
}
.hb_widget2{
    padding: 50px 0;
}
.hb_widget2 .grid-x .item-inner{
    display:  block !important;
    text-align: center;
    padding: 30px !important;
}
.hb_widget2 .grid-x .item-inner .overlay{
    flex: 0 0 100% !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}
.hb_widget2 .grid-x .item-inner .content {
    flex: 0 0 100% !important;
    max-width: 100%;
    min-width: 100% !important;
}
.hb_widget2 .grid-x .item-inner .overlay span.thumbs{
    position: relative;
    overflow: hidden;
    width: calc(28% + 0.4px);
    margin: 0 auto 15px;
    background-color: #fff;
    -webkit-transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;  
}
.hb_widget2 .grid-x>.cell {
    border-right: 1px solid rgba(0,0,0,.05);
    border-top: 1px solid rgba(0,0,0,.05);
    border: 1px solid #eee !important;
}
.hb_widget2 .grid-x .item-inner .content h3{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase; 
    color: #EE0033;
}
.hb_widget2 .grid-x .item-inner .content .desc{
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #202020 !important;
}
.heading-title{
    font-size: 29px;
    line-height: 39px;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #EE0033 !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
.social-menu li.Amazon a::before{
    content: '\f270';
    font-family: "Font Awesome 6 Brands";
}
.social-menu li.facebook a::before{
    content: '\f39e';
    font-family: "Font Awesome 6 Brands";
}
.social-menu li.Tiktok a::before{
    content: '\e07b';
    font-family: "Font Awesome 6 Brands";
}
.social-menu li a{
    display: inline-block;
    position: relative;
    font-size: 13px;
    border-radius: 3px;
    width: 1.539em;
    height: 1.539em;
    transition: .4s;
    font-size: 22px;
    border-radius: 5px;
    margin-left: 2px;
    margin-bottom: 2px;
    color: #fff !important;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.social-menu li a:hover{
    transform: translateY(-5px);
}
.social-menu li a::before{
    font-size: 17px;
}
.social-menu li.Tiktok a{
    background: #202020;
}
.social-menu li.pinterest a{
    background: #e60023;
}
.social-menu li.tumblr a{
    background: #001935;
}
.social-menu li.facebook a{
    background: #365899;
}
.social-menu li.instagram a{
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.social-menu li.twitter a{
    background: #1da1f2;
}
.social-menu li.Amazon a{
    color: #202020 !important;
}
.social-menu li.youtube a{
    background: #e52d27;
}
.hb_footer_title{
    margin-top: 20px;
}
.footer-widget .footer-content ul{
    padding-left: 0 !important;
}
.footer-widget-3 .footer-content ul li{
    position: relative;
    padding-left: 20px;
}
.footer-widget-3 .footer-content ul li:after{
    position: absolute;
    content: '\f101';
    font-family: "Font Awesome 6 Pro";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-widget-4 .footer-content ul li{
    position: relative;
    padding-left: 20px;
}
.footer-widget-4 .footer-content ul li:after{
    position: absolute;
    content: '\f101';
    font-family: "Font Awesome 6 Pro";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-widget .footer-content ul li:hover:after {
    color: #EE0033;
}
.footer-widget .footer-content ul li:hover {
    color: #EE0033;
}
.footer-widget .footer-content ul li:hover a {
    color: #EE0033;
}
.desktop-menu.menu li:nth-child(3) ul.menu li img{
    display: block !important;
    margin-bottom: 20px;
}
.desktop-menu.menu li:nth-child(3) ul.menu{
    width: 1200px;
    left: 100% ;
    transform: translateX(-58.5%);
    padding: 10px 20px;
}
.desktop-menu.menu li:nth-child(3) ul.menu li{
    width: calc(100%/3);
    float: left;
    text-align: center;
    border-bottom: none;
}
.desktop-menu.menu li:nth-child(3) ul.menu li a{
    font-weight: 700;
    text-transform: uppercase;
}
.section.archive-posts .posts_list {
    justify-content: flex-start !important;
}
.site-header .inside-header .hotline{
    display: none !important;
}
.header-content .col-right .menu-inner {
    padding-left: 40px !important;
    padding-right: 0 !important;
}
.hb_grid_productcat{
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between !important;
}
.hb_grid_productcat .cell .item a.d-block.cover span.res.scale{
    
}
.hb_grid_productcat .cell .item a.d-block.cover span.res.scale {
    margin-bottom: 10px;
}
.section.filter-product-cat .grid-productcat article.item .titles{
    color: #212121;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-top: 10px;
}
.section.filter-product-cat .grid-productcat article.item:hover .titles {
 
}
.list-post-cat-container .filter-product-cat .grid-productcat .cell {
    flex: 0 0 calc(20% - 30px) !important;
    max-width: calc(20% - 30px) !important;
}
.section.filter-product-cat .grid-productcat article.item{
    border-radius: 0 !important;
}
.section.grid-products-wrapper .grid-products>.cell {
    flex: 0 0 calc(25% - 16px) !important;
    max-width: calc(25% - 16px) !important;
}
.price-sp-dmsp .price, .products-prices .price,.section.grid-products-wrapper .grid-products article.item .cover-content .add-to-cart{
    display: none !important;
}
.section.grid-products-wrapper .grid-products article.item a.d-block .res.scale{
    padding: 0 0 75%;
}

.section.grid-products-wrapper .grid-products article.item .cover {
    box-shadow: 0 0 0px 1px #23232323;
    border-radius: 5px;
}
.section.grid-products-wrapper .grid-products article.item .cover-content{
  
}
.section.grid-products-wrapper .grid-products article.item .cover-content .title{
    font-size: 18px;
    line-height: 24px;
}
.section.grid-products-wrapper .grid-products article.item .cover-content .add-to-contact{
    font-size: 16px;
    font-weight: 500;
}
.section.grid-products-wrapper .grid-products article.item a:hover .title{
    color: #EE0033;
}
.section.grid-products-wrapper .grid-products article.item .cover .after-overlay::after{
    background: #000;
}
.section.grid-products-wrapper .grid-products article.item .cover .after-overlay::before{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-15px,0,0);
    transform: translate3d(-15px,0,0);
    z-index: 1;
}
.section.grid-products-wrapper .grid-products article.item a.d-block:hover .cover .after-overlay::before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.section.grid-products-wrapper .grid-products article.item a.d-block:hover .cover .after-overlay::after{
    opacity: 0.2;
}
.section.grid-products-wrapper .grid-products article.item .cover-content .titles{
    color: #000;
    font-weight: 600;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 15px;
    text-align: center;
}
.section.single-products .products-prices .btn_submit_addtocart .add_to_cart_button,.section-cart .proceed-to-checkout a{
    background-color: #EE0033 !important;
    border:1px solid #EE0033;
    color: #fff;
}
.section.single-products .products-prices .btn_submit_addtocart .add_to_cart_button:hover ,.section-cart .proceed-to-checkout a:hover{
    background-color: transparent !important;
    color: #EE0033;
}
.section.single-products .products-content .inner-title span,.section-checkout .checkout-heading{
    color: #EE0033 !important;
}
.section.single-products .products-content .inner-title span:after,.section-checkout .list-checkout .checkout-button{
    background-color: #EE0033 !important;
}
.section-cart .list-cart .details-giohang-tbl table.list-cart-tbl tr .title_sp,.title_sp{
    color: #212121;
}
.section-cart .list-cart .details-giohang-tbl table.list-cart-tbl .actions .button{
    background-color: #EE0033 !important;
}
/* .section.block-padding .breadcrums-container{
    display:none;
} */
.section.block-padding .section.section-slides2 {
    margin-top: 0;
}
.menu-lines{
    color: #fff !important;
}
.section.section-news .heading.heading-line .heading-title,.section.section-news .heading.heading-line .heading-title{
    color: #EE0033 !important;
}
.section-widget1 .widget1-inner:after{
    display: none;
}
.hb_archive_recruit ul.p_desc,.hb_archive_recruit .posts_list .cell{
    margin-bottom: 0 !important;
}
.hb_archive_recruit .posts_list article.item .cover-content h6{
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hb_archive_recruit .posts_list article.item{
    height: auto !important;
}
.hb_archive_recruit .posts_list article.item a.d-block{
    display: block;
    border: 1px solid #ccc;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px;
    margin-bottom: 25px;
}
.hb_archive_recruit .posts_list article.item a.d-block:hover{
    -webkit-box-shadow: 0 1px #fff inset, 0 1px 3px rgb(34 25 25 / 40%);
    box-shadow: 0 1px #fff inset, 0 1px 3px rgb(34 25 25 / 40%);
}
.hb_archive_recruit .posts_list article.item a.d-block .cover-content h6{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.125em;
    color: #011a41;
    margin-bottom: 10px;
}
.hb_archive_recruit .posts_list article.item a.d-block:hover .cover-content h6{
    color: #EE0033;
}
ul.p_desc{
    text-align: justify;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.p_desc li{
    position: relative;
    padding-left: 15px;
    line-height: initial;
}
.hb_col-content ul.p_desc li{
    margin-bottom: 5px;
}
.hb_col-content ul.p_desc li:last-child{
    margin-bottom: 0;
}
.hb_archive_recruit .posts_list article.item a.d-block ul.p_desc li:nth-child(1){
    display: none;
}
.hb_archive_recruit .posts_list article.item a.d-block ul.p_desc li:nth-child(3){
    display: none;
}
ul.p_desc li:nth-child(1):after{
    position: absolute;
    content: '\f007';
    left: 0;
    /* top: 50%;
    transform: translateY(-50%); */
    font-family: "Font Awesome 6 Pro";
    font-size: 13px;
    color: #EE0033;
    font-weight: bold;
}
ul.p_desc li:nth-child(2):after{
    position: absolute;
    content: '\f3c5';
    left: 0;
    /* top: 50%;
    transform: translateY(-50%); */
    font-family: "Font Awesome 6 Pro";
    font-size: 13px;
    color: #EE0033;
    font-weight: bold;
}
ul.p_desc li:nth-child(3):after{
    position: absolute;
    content: '\f073';
    left: 0;
    /* top: 50%;
    transform: translateY(-50%); */
    font-family: "Font Awesome 6 Pro";
    font-size: 13px;
    color: #EE0033;
    font-weight: bold;
}
.hb_archive_recruit .posts_list article.item .cover-content .excerpt{
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 13px;
}
.section.block-padding{
    background: #fff;
}
.section.archive-posts h1{
    font-size: 34px;
    color: #EE0033;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    text-align: center;
}
.hb_desgin_content{
    text-align: center;
    margin-bottom: 30px;
}
.hb_desgin_top,.hb_desgin_bottom{
    position: relative;
    z-index: 1;
}
.hb_desgin_top:after,.hb_desgin_bottom:after{
    z-index: -1;
    content: '';
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #EE0033;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.1;
}
.hb_desgin_bottom:after{
    width: 45%;
}
.hb_desgin_top::before,.hb_desgin_bottom::before{
    z-index: 1;
    background: #fff;
    padding: 0 15px;
    font-weight: 600;
    color: #EE0033;
    font-size: 70px;
    opacity: 0.8;
    width: 100px;
    margin: 0 auto;
}
.hb_desgin_bottom::before{
    font-size: 50px;
}
.hb_desgin_bottom::before{
    transform: rotate(180deg);
    display: block;
}
.hb_desgin_text{
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px auto 20px;
    color: #000;
    width: 70%;
}
.hb_desgin_item a{
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    text-align: center;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 25px;
}
.hb_desgin_item a i{
    font-size: 80px;
    color: #EE0033;
}
.hb_desgin_item a h6{
    font-size: 20px;
    font-weight: 700;
    color: #444;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.hb_desgin_item a .cover::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    transition: opacity .5s,transform .5s,-webkit-transform .5s;
    z-index: 99;
}
.hb_desgin_item a .cover::before{
    position: inherit;
    top: 50%;
    left: 50%;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25%;
    height: 25%;
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-color: rgb(51 51 51 / .3);
    z-index: 99;
}
.hb_desgin_item a:hover h6{ 
    color: #EE0033;
}
.hb_desgin_item a:hover .cover::before{ 
    width: 100%;
    height: 100%;
    opacity: 1;
}
.hb_desgin_item a:hover .cover::after{ 
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.hb_desgin_item a:hover .after-overlay:after{
    background: #000;
    opacity: 0.1;
}
.hb_desgin_description .hb_button_home{
    display: flex;
    justify-content: center;
}
.hb_desgin_description .hb_desgin_title{
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.hb_desgin_description .hb_desgin_title h6{
    color: #EE0033;
    color: #EE0033;
    display: inline-block;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
}
.hb_desgin_description .hb_desgin_title:after,.hb_desgin_description .hb_desgin_title::before{
    content: '';
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),color-stop(50%,#ccc),to(rgba(255,0,0,0)));
    background-image: linear-gradient(to right,rgba(255,0,0,0),#ccc 50%,rgba(255,0,0,0));
}
.hb_desgin_form{
    padding: 30px 40px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    border-top: 2px dotted rgba(0,0,0,.1);
}
.hb_desgin_form .form-group {
    position: relative;
    margin-bottom: 1.072em;
}
.hb_form_titel{
    font-size: 25px;
    color: #EE0033;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 10px;
}
.c-form-border--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
}

.c-form-border {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}
.c-form-border--icon .c_icon:not(.c_icon--top) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-form-border--icon .c_icon:first-child {
    padding: 0.4em 0 0.4em 1.072em;
}
.c-form-border--icon .c_icon {
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
    transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
}
.c-form-border--icon .c_input {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    width: 1%;
    z-index: 2;
    box-shadow: none;
}
.c-form-border .c_input {
    padding: 1.215em 1.072em 1.215em 1.072em;
    -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out;
}
.c-form .c_input, .c-form-border .c_input {
    width: 100%;
    height: 0;
    border: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}
.c-form-border--icon .c_icon>i {
    color: #666;
}
.c-form textarea.c_input, .c-form-border textarea.c_input {
    height: auto;
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
}
.c-upload-file.c_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.c-upload>input {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.c-upload-file .c_icon {
    line-height: 0;
    margin-right: 4px;
}
.c-upload-file .c_icon span:first-child {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.c-upload-file .c_icon [class*=c-icon-bg] {
    background-color: #666;
    font-size: 12px;
}
[class*=c-icon-bg] {
    background-color: #999;
    color: #fff;
}
.c-upload-file .c_icon [class*=c-icon-bg]+[class*=c-icon-bg] {
    margin-left: 0;
}
[class*=c-icon-bg]+[class*=c-icon-bg] {
    margin-left: 5px;
}
[class*=c-icon] {
    display: inline-block;
    position: relative;
    font-size: 13px;
    border-radius: 3px;
    width: 1.539em;
    height: 1.539em;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}
[class*=c-icon] i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.c-upload-file .c_file {
    width: calc(100% - 30px);
}
.c-upload-file .c_file>div {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px;
}
.c-upload-file .c_file-filename {
    display: none;
}
.c-button-11 {
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fe6500),to(#fe6500));
    background: linear-gradient(to bottom,#fe6500,#fe6500 100%);
    border: 2px solid #fe6500;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50px;
}
.c-button-11 {
    margin-top: 10px;
    padding: 15px 25px;
    font-size: 15px;
}
.c-button-11 span {
    position: relative;
    left: 0;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.c-button-11 span {
    position: relative;
    left: 0;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.c-button-11 i {
    font-size: 17px;
    margin-right: 5px;
}
.hb_desgin_form_item:nth-child(2){
    display: flex;
    justify-content: space-between;
}
.hb_desgin_form_item:nth-child(2) .form-group{
    width: 49%;
}
.hb_col-content h1.hb_desgin_single_title {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 0.6em;
    font-weight: 700;
    color: #EE0033;
}
.hb_about_archive .cell article.item{

}
.hb_about_archive .cell article.item a.d-block{
    position: relative;
    display: block;
    position: relative;
    -webkit-box-shadow: 0 2px 2px 0 rgb(17 17 17 / 14%), 0 3px 1px -2px rgb(17 17 17 / 20%), 0 1px 5px 0 rgb(17 17 17 / 12%);
    box-shadow: 0 2px 2px 0 rgb(17 17 17 / 14%), 0 3px 1px -2px rgb(17 17 17 / 20%), 0 1px 5px 0 rgb(17 17 17 / 12%);
    /* margin-bottom: 20px; */
}

.hb_about_archive .cell article.item .cover{
    
}
.hb_about_archive .cell article.item .cover:after{
    background: rgba(0,0,0,0) -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3))) repeat scroll 0 0;
    background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}

.hb_about_archive .cell article.item .cover-content{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px 20px 15px;
    -webkit-transition: .8s all ease;
    transition: .8s all ease;
    color: #fff;
    z-index: 99;
}
.hb_about_archive .cell article.item .cover-content:after{
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    content: "";
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.hb_about_archive .cell article.item .cover-content h6{
    font-size: 24px;
    letter-spacing: .5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-weight: 700;
    z-index: 999;
    position: relative;
    color: #fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.hb_about_archive .cell article.item .hb_button_home{
    display: flex;
    font-size: 14px;
    color: rgba(255,255,255,.8);
    -webkit-transition: .5s;
    transition: .5s;
    /* display: inline-block; */
    font-style: italic;
    z-index: 9;
    position: relative;
    font-weight: 700;
}
.hb_about_archive .cell article.item .hb_button_home i{
    margin-right: 7px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .5s;
    transition: .5s;
    display: none;
}
.hb_about_archive .cell article.item a.d-block:hover .cover:after{
    -webkit-animation: 1.5s ease 0s normal none 1 running fixedAnim;
    animation: 1.5s ease 0s normal none 1 running fixedAnim;
}

.hb_about_archive .cell article.item a.d-block:hover .cover-content:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
    background: #fff;
}
.hb_about_archive .cell article.item a.d-block:hover .cover-content h6,.hb_about_archive .cell article.item a.d-block:hover .hb_button_home{
    color: #EE0033;
}
.hb_about_archive .cell article.item a.d-block:hover .hb_button_home i{
    display: block;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
/* .hb_about_archive .hb_button_home span{
    display: inline-block;
    color: #EE0033;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 40px;
    border: 1px solid #EE0033;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    margin-top: 20px;
    z-index: 1;
}
.hb_about_archive .hb_button_home span::after, .hb_about_archive .hb_button_home span::before {
    content: '';
    background-color: #EE0033;
    height: 52%;
    width: 0;
    position: absolute;
    -webkit-transition: inherit;
    transition: inherit;
    z-index: -1;
}
.hb_about_archive .hb_button_home span::before {
    top: -1px;
    left: 0;
}
.hb_about_archive .hb_button_home span::after {
    bottom: 0;
    right: 0;
}
.hb_about_archive .hb_button_home span:hover{
    color: #fff;
    border-color: #EE0033;
}
.hb_about_archive .hb_button_home span:hover::after, .hb_about_archive .hb_button_home span:hover::before {
    width: 100%;
}
.hb_about_archive .hb_button_home span{
    z-index: 99;
    position: relative;
} */
.hb_contents h1{
    font-size: 25px;
    line-height: 1.2em;
    margin-bottom: 0.6em;
    font-weight: 700;
}
.hb_contents .sharing_toolbox{
    align-items: center;
    display: inline-flex;
    flex-direction: unset !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-right: 0 !important;
    position: unset !important;
    top: 0 !important;
}
.hb_contents .sharing_toolbox .share-title{
    display: none;
}
.hb_contents .sharing_toolbox .social-share ul.share-actions{
    flex-direction: unset;
}
.hb_contents .sharing_toolbox .social-share ul.share-actions>li.share-action>button.share-button{
    opacity: 1;
}
.hb_contents .sharing_toolbox .social-share ul.share-actions>li.share-action>button.share-button:hover .share-icon{
    background: #fff;
    border: 1px solid #EE0033;
}
.hb_contents .sharing_toolbox .social-share ul.share-actions>li.share-action {
    margin-right: 5px;
}
.hb_contents .share-icon{
    border-radius: 0;
    width: 1.7rem;
    height: 1.7rem;
}
.hb_contents {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 30px;
}
.hb_sidebar{
    flex: 0 0 100%;
    max-width: 100%;
    /* padding: 15px 20px;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 23%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 23%); */
    /* height: auto;
    position: sticky;
    top: 10px; */
}
.hb_sidebar .hb_sidebar_title{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
}
.hb_sidebar .hb_sidebar_title::before{
    position: absolute;
    z-index: 1;
    display: block;
    width: 40px;
    border-bottom: 3.5px solid #c70007;
    border-radius: 5px;
    margin-top: -5px;
    content: "";
    bottom: -1px;
}
.hb_sidebar .hb_sidebar_title::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -0.055em;
    left: 0;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,0)),color-stop(300%,#505e74));
    background-image: linear-gradient(to left,rgba(255,0,0,0),#505e74 300%);
}
.hb_sidebar .excerpt{
    display:-webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.hb_sidebar .excerpt::before{
    display: none;
}
.hb_contents .excerpt{
    color: #000;
    font-size: 14px;
    line-height: 1.334em;
    padding: 20px;
    margin-bottom: 20px !important;
    text-align: justify;
    border-radius: 5px;
    background-color: #f4f4f4;
    font-weight: 600 !important;
}
.hb_contents .excerpt::before{
    display: none;
}
.hb_sidebar article.item .cover-content{
    padding-top: 10px;
}
.hb_sidebar  article.item .cover-content .titles{
    margin-bottom: 5px;
}

.hb_sidebar article.item .cover-content .titles a{
    font-size: 14px;
    line-height: 20px;
    color: #202020;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
}
.hb_sidebar article.item .cover-content .titles a:hover{
    color: #EE0033;
}
/* .section.section-partners {
    padding: 0 !important;
} */
.hb_desgin_items .hb_desgin_boxr{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.hb_about_video a.d-block{
    position: relative;
}
.hb_about_video img{
    max-width: 900px;
    max-height: 450px;
    margin: 0 auto;
}
.hb_about_video span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hb_about_video span{
    
}
.hb_about_video span i{
    background-color: transparent;
    color: #212121;
    opacity: .8;
    font-size: 40px;
    position: relative;
}
.hb_about_video span i::after{
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: #f5f5f5;
    opacity: .8;
    z-index: -1;
    -ms-box-shadow: 0 0 0 0 #EE0033;
    -o-box-shadow: 0 0 0 0 #EE0033;
    box-shadow: 0 0 0 0 #ee0033;
    -webkit-animation: ripple 2s infinite;
    animation: ripple 2s infinite;
}
.hb_about_video a.d-block:hover span i{
    color: #fff;
}
.hb_about_video a.d-block:hover span i::after{
    background-color: #EE0033;
    -ms-box-shadow: 0 0 0 0 #f5f5f5;
    -o-box-shadow: 0 0 0 0 #f5f5f5;
    box-shadow: 0 0 0 0 #f5f5f5;
}
.site-logo-mobile{
    display: none;
}
.hb_archive_recruit.hb_archive_desgin{
    padding: 30px 0;
}
.hb_archive_recruit.hb_archive_desgin .hb_archive_wrap{
    padding: 35px 40px;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 23%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 23%);
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box h2{
   font-size: 18px;
    color: #EE0033;
    text-shadow: none;
    padding: 0;
    margin-bottom: 15px;
    text-transform: unset;
    font-weight: 700;
}
.hb_archive_recruit.hb_archive_desgin .cover{
    border: 3px solid #f7f7f7;
    -webkit-box-shadow: 0 2px 2px 0 rgb(17 17 17 / 14%), 0 3px 1px -2px rgb(17 17 17 / 20%), 0 1px 5px 0 rgb(17 17 17 / 12%);
    box-shadow: 0 2px 2px 0 rgb(17 17 17 / 14%), 0 3px 1px -2px rgb(17 17 17 / 20%), 0 1px 5px 0 rgb(17 17 17 / 12%);
}
.hb_archive_recruit.hb_archive_desgin .cover:after{
    background: rgba(0,0,0,0) -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3))) repeat scroll 0 0;
    background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child{
    margin-bottom: 30px;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child .cover-content{
    padding: 10px;
    text-align:center;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child .cover-content h6{
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
}
.hb_archive_recruit.hb_archive_desgin .cover-content h6{
    margin: 0;
    color: #202020;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:last-child .cover-content h6 a{
    font-size: 20px;
    color: #202020;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:last-child .cover-content a:hover{
    color:#EE0033;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:last-child a:hover{
    color:#EE0033;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child a.d-block:hover .cover:after{
    -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
    animation: 1s ease 0s normal none 1 running fixedAnim;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child a.d-block:hover .cover-content{
    background: #EE0033;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child a.d-block:hover .cover-content h6{
    color: #fff;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_ul .hb_desgin_li a{
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    color: #000;
}
.hb_archive_recruit.hb_archive_desgin .hb_desgin_ul .hb_desgin_li a::after{
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 0;
    font-weight: bold;
    top: 5px;
    transform: translateY(-6px);
    color: #EE0033;
}
.hb_button_desgin a{
    font-size: 12px;
}
.hb_archive_recruit{
    margin-top: 30px;
}
.hb_button_home a,.hb_desgin_item .hb_button_home span{
    line-height: initial;
}
.hb_archive_recruit .posts_list article.item a.d-block .cover-content h6{
    margin-bottom: 0;
}
.single-products .details-post-gr{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.single-products .details-post-gr .hb_contents .excerpt {
    padding: 0;
    margin-top: 0 !important;
    text-align: left;
    border-radius: 0;
    background-color: transparent;
    font-weight: unset !important;
}
.hb_call_hotline_sp a{
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #EE0033;
    color: #fff;
    border: 1px solid #EE0033;
    border-radius: 5px;
    font-weight: bold;
}
.hb_call_hotline_sp a:hover{
    background: #fff;
    color: #EE0033;
}
.single-products .hb_sidebar{
    padding: 30px;
    float: left;
    width: 100%;
}
.single-products .hb_sidebar_products .item a.d-block{
    background-color: #fff;
    box-shadow: 0 0 6px 1px rgb(0 0 0 / 1%);
}
.single-products .hb_sidebar article.item a.d-block {
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    margin-right: 15px;
}
.single-products .hb_sidebar_products .item a.d-block .res.scale{
    border-radius: 5px;
}
.single-products .hb_sidebar_products .item a.d-block .res.scale:hover{
    opacity: 1;
    transform: unset;
}
.single-products .hb_sidebar_products .item a.d-block:hover .res.scale{
    opacity: 1;
    transform: unset;
}
.single-products .hb_sidebar_products .item a.d-block .res.scale::before{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-15px,0,0);
    transform: translate3d(-15px,0,0);
    z-index: 1;
}
.single-products .hb_sidebar_products .item a.d-block .res.scale::after{
    background: #000;
}
.single-products .hb_sidebar article.item a.d-block:hover .res.scale::before{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.single-products .hb_sidebar article.item a.d-block:hover .res.scale::after{
    opacity: 0.2;
}
.single-products .hb_sidebar article.item a.d-block .titles{
    text-align: center;
    margin: 0;
    padding: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    color: #000;
    font-weight: 600;
}
.single-products .hb_sidebar article.item {
    margin-bottom: 15px;
}
.single-contact .titles{
    display: inline-block;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    color: #EE0033;
}
.hb_contact_title{
    position: relative;
}
.hb_contact_title:before,.hb_contact_title:after{
    content: '';
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),color-stop(50%,#ccc),to(rgba(255,0,0,0)));
    background-image: linear-gradient(to right,rgba(255,0,0,0),#ccc 50%,rgba(255,0,0,0));
}
.section.single-contact .contact-wrapper .contact-inner{
    margin-bottom: 50px;
}
.section.single-contact .contact-wrapper .contact-inner .hb_contact_info{
    flex: 0 0 50%;
    max-width: 100%;
    padding-right: 10px;
}
.section.single-contact .contact-wrapper .contact-inner .hb_form_contact{
    flex: 0 0 50%;
    max-width: 100%;
    padding-left: 10px;
}
.hb_form_contact .content-frm .col-ip{
    margin-bottom: 10px;
}
.hb_form_contact .content-frm .title{
    margin-bottom: 5px;
}
.hb_form_contact .wg-frm-lienhe{
    padding: 35px 40px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    border-top: 2px dotted rgba(0,0,0,.1);
}
.hb_contact_submit{
    background: #EE0033;
    border: 2px solid #EE0033;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    /* justify-content: center; */
    margin: 0 auto;
    display: flex;
    border-radius: 50px;
}
.hb_contact_submit:hover{
    background: transparent;
    color: #EE0033;
}
.hb_map .hb_contact_title{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hb_map .hb_contact_title h2{
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    color: #EE0033;
}
.hb_map .responsive-embed{
    padding-bottom: 0;
    height: 500px;
}
.hb_mega_menu .mobile-menu.menu{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.hb_mega_menu .mobile-menu.menu>li>a{
    padding: 0 0 10px;
}
.hb_content_mega ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.hb_content_mega .p_contact-info span.fa-angle-double-right:before, .hb_content_mega .p_contact-info span.fa-angles-right:before {
    content: "\f101";
    margin-right: 5px;
}
.hb_content_mega .p_contact-info a{
    color: #fff;
    margin-left: 5px;
}
.hb_mega_info{
    padding: 10px;
    color: #fff;
}
div#toc_container.no_bullets{
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    color: #6c757d;
}
div#toc_container .toc_title {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgb(108, 117, 125);
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-align: left;
}
div#toc_container .toc_title .toc_toggle {
    font-weight: 700;
    color: #ff0101;
}
div#tocList {
    /* border: 1px solid #e59b24;
    padding: 25px 20px;
    background-color: rgba(51,51,51,.05);
    margin-bottom: 30px; */
}
div#tocList ul{
    counter-reset: List;
    margin-left: 0;
}
div#tocList > ul{
    max-height: 400px;
    overflow-y: scroll;
}
div#tocList ul li{
        counter-increment: List;
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #6c757d;
}
div#tocList ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}
div#tocList ul li a{
    color: #000;
    position: relative;
    position: relative;
    font-size: 14px;
}
div#tocList ul li > ul{
    margin-left: 20px;
}
div#tocList ul li a:before{
    content: counters(List,".") ".";
    margin-right: 5px;
}
.entry-post-wrapper img{
    margin: 0 auto;
}
.section.section-partners .partners-wrapper img {
    filter: unset !important;
    transition: unset !important;
}
.section.section-partners .partners-wrapper .hb_logo_đt img{
    height: 50px;
    object-fit: contain;
}
.section.section-partners .partners-wrapper table tbody tr:nth-child(1) {
    background: transparent;
}
.section.section-partners .partners-wrapper table tbody td,.section.section-partners .partners-wrapper table tbody th {
    border: 1px solid transparent;
}
.section.section-partners .partners-wrapper table tbody, 
.section.section-partners .partners-wrapper table tfoot,
.section.section-partners .partners-wrapper table thead{
    background-color: transparent;
    border: 1px solid transparent;
}
.section.grid-products-wrapper .title-container.line-bottom .heading-title:after{
    display: none !important;
}
.section.grid-products-wrapper{

}
.section.grid-products-wrapper .title-container .view-more-button{
    align-items: center;
    background-color: #EE0033;
    border: none;
    border-radius: 30px;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    gap: .625rem;
    grid-gap: .625rem;
    height: 38px;
    justify-content: center;
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    text-transform: none;
    transition: all .3s, background-color .1s;
    z-index: 1;
    height: 38px;
    margin-top: 0;
    padding: 0 5px 0 20px;
}
.section.grid-products-wrapper .title-container .view-more-button i{
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #EE0033;
    display: flex;
    flex: 0 0 auto;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    margin-top: -2px;
    order: 1;
    width: 28px;
}
.section.grid-products-wrapper .title-container .view-more-button:hover{
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
}
.section.grid-products-wrapper .title-container.line-bottom .heading-title{
    padding-bottom: 0 !important;
}
.section.grid-products-wrapper{
    padding: 60px 0;
    margin-top: 0 !important;
}
.section.grid-products-wrapper.grid-products-1,.section.grid-products-wrapper.grid-products-3,
.section.grid-products-wrapper.grid-products-5,.section.grid-products-wrapper.grid-products-7,
.section.grid-products-wrapper.grid-products-9,.section.grid-products-wrapper.grid-products-11,
.section.grid-products-wrapper.grid-products-13,.section.grid-products-wrapper.grid-products-5{
    background: #fff;
}
.section.grid-products-wrapper:not(.grid-products-0) .title-container {
    border-top: unset !important;
    padding-top: 0 !important;
}
.section.section-widget2{
    margin-top: 0 !important;
}
.hb_newspapers{
    padding: 60px 0;
    background: #fff;
}
.hb_newspapers .heading-title{

}
.hb_newspapers .swiper-section{
    
}
.hb_newspapers .swiper-section .item-inner{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
}
.hb_newspapers .swiper-section .item-inner a{
    display: block;
    text-align: center;
    padding: 30px;
    transition: .4s;
}
.hb_newspapers .swiper-section .item-inner a:hover{
    transform: translateY(-10px);
}
.hb_newspapers .swiper-section .item-inner a .overlay{
    
}
.hb_newspapers .swiper-section .item-inner a .overlay .thumbs{

}
.hb_newspapers .swiper-section .item-inner a .overlay .thumbs img{
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
}
.section.section-news .news-container article.item{
    height: auto;
}
.site-footer {
    background: #fff;
}
.section.title-design{
    padding-top: 60px;
}
.section.title-design .heading-title{
    margin-bottom: 0;
}
.section.archive-posts .posts_list article.item .cover-content .titles a {
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
}
.section.archive-posts .posts_list article.item .cover-content .titles a:hover {
    color: #444;
}
.section.single-products .products-content .entry-post-wrapper {
    display: flex;
}
.entry-left{
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 30px;
}
.entry-right{
    flex: 0 0 25%;
    max-width: 25%;
}
.entry-right-inner{
    position: sticky;
    top: 20px;
}
.entry-left .h1 a,.entry-left .h2 a,.entry-left .h3 a,.entry-left .h4 a,.entry-left .h5 a,.entry-left .h6 a,
.entry-left h1 a,.entry-left h2 a,.entry-left h3 a,.entry-left h4 a,.entry-left h5 a,.entry-left h6 a{
    color: #000;
}
.entry-right-inner .shareThis{
    list-style: none;
    margin: 15px 0 0;
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    color: #6c757d;
}
.entry-right-inner .shareThis p .addthis_button{
    margin-right: 10px;
    color: #6c757d;
}
.entry-right-inner .shareThis li .share_mxh{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
}
.entry-right-inner .shareThis li .share_mxh li a{
    font-size: 16px;
    color: #343a40;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    transform: rotate(0);
    transition: all, 0.5s;
}
.entry-right-inner .shareThis li .share_mxh li:hover a{
    background: #0066ff;
    border-color: #0066ff;
    color: #fff;
    transform: rotate(360deg);
}
.entry-right-inner .shareThis li .share_mxh li a span{
    display: none;
}
.section.single-post .grid-container{
    flex-direction: column;
}
.hb_col-content .entry-post-wrapper{
    display: flex;
}
.section.filter-product-cat .grid-productcat article.item .after-overlay:after{
    display: none !important;
}
.section.filter-product-cat .grid-productcat article.item>a:hover .titles{
    color: #EE0033;
}   
.hb_machat_inner{
    display: flex;
    align-items: center;
    gap: 10px;
    grid-gap: 10px;
}
.bct{
    margin-top: 0 !important;
}
.hb_search_menu {
    padding: 10px;
    margin-top: 60px;
}
.hb_search_menu form{
    display: flex;
    position: relative;
}
.hb_search_menu form input[type=search]{
    margin-bottom: 0;
}
.hb_search_menu form button[type=button], .hb_search_menu form button[type=reset], .hb_search_menu form button[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.hb_search_menu form button[type=button] span, .hb_search_menu form button[type=reset] span, .hb_search_menu form button[type=submit] span{
    display: none;
}
.mobile-menu.menu {
    padding-top: 20px !important;
}
.section.archive-posts .archive-desc{
    margin-bottom: 30px;
    text-align: left !important;
}
.section.single-products .product-infos{
    display: flex;
}
.section.single-products .product-infos .product-info-inner{
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 30px;
}
.section.single-products .product-infos .product-info-banner{
    flex: 0 0 25%;
    max-width: 25%;
}
.section.single-products .product-infos .product-info-banner .swiper-controls .swiper-pagination {
    bottom: -25px !important;
}



/*Responsive*/
@media (max-width: 39.9875rem){
    .section.single-products .product-infos {
        flex-flow: row wrap;
    }
    .section.single-products .product-infos .product-info-inner {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .section.single-products .product-infos .product-info-banner {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 30px;
    }
    .hb_machat_inner{
        flex-direction: column;
    }
    .section.grid-products-wrapper{
        padding: 30px 0;
    }
    .hb_col-content .entry-post-wrapper{
        flex-direction: column-reverse;
    }
    .section.single-products .products-content .entry-post-wrapper{
        flex-direction: column-reverse;
    }
    .entry-left {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-top: 30px;
    }
    .entry-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hb_newspapers{
        padding: 30px 0;
    }
    .section.title-design{
        padding-top: 30px;
    }
    .section.single-products .product-info-inner .product-images {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .section.single-products .product-info-inner {
        flex-flow: row wrap;
    }
    .section.single-products .product-info-inner{
        display: -webkit-flex;
        -webkit-flex-flow: row wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
    }
    .section.single-products .product-info-inner .products-prices-inner{
            -webkit-box-flex:1; 
    -webkit-flex:1;
    }
    .section.single-products .products-details{
        padding: 0 !important;
    }
    .hb_contact_title{
        text-align: center;
    }
    .wg-frm-lienhe .no-border{
        text-align: center;
    }
    .hb_contact_title:before, .hb_contact_title:after{
        display: none;
    }
    .section.single-contact .contact-wrapper .contact-inner .hb_contact_info{
        padding-right: 0;
    }
    .section.single-contact .contact-wrapper .contact-inner .hb_form_contact{
        padding-left: 0;
    }
    .hb_form_contact .wg-frm-lienhe{
        padding: 15px;
    }
    .single-contact .titles {
        font-size: 22px;
    }
    .site-logo{
        display: none;
    }
    .site-logo-mobile{
        display: block;
    }
    .hb_about_video img{
        max-width: 100%;
        height: 100%;
        width: 100%;
        max-height: 100%;
    }
    .hb_desgin_items .hb_desgin_boxr {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .hb_archive_recruit.hb_archive_desgin {
        padding: 0 0 30px;
    }
    .section.archive-posts h1{
        font-size: 18px;
    }
    .hb_archive_recruit.hb_archive_desgin .hb_archive_wrap{
        padding: 20px;
    }
    .hb_archive_recruit.hb_archive_desgin .hb_desgin_box:first-child .cover-content h6 {
        font-size: 13px;
    }
    .hb_archive_recruit.hb_archive_desgin .hb_desgin_box h2{
        text-transform: uppercase;
        font-size: 20px;
    }
    .hb_archive_recruit.hb_archive_desgin .hb_desgin_box:last-child .cover-content h6 a {
        font-size: 18px;
    }
    .hb_archive_recruit.hb_archive_desgin .hb_desgin_ul .hb_desgin_li a {
        font-size: 13px;
    }
    .hb_desgin_top::before, .hb_desgin_bottom::before{
        font-size: 50px;
    }
    .hb_desgin_top:after, .hb_desgin_bottom:after{
        width: 100%;
    }
    .hb_desgin_text {
        font-size: 22px;
        width: 100%;
    }
    .hb_desgin_bottom:after {
        width: 70%;
    }
    .hb_desgin_bottom::before {
        font-size: 35px;
    }
    .hb_desgin_description .hb_desgin_title h6{
        font-size: 18px;
    }
    .hb_desgin_contents{
        text-align: justify;
    }
    .hb_button_home a,.hb_desgin_item .hb_button_home span{
        padding: 10px 30px;
    }
    .hb_desgin_form {
        padding: 15px;
    }
    .hb_form_titel {
        font-size: 20px;
    }
    .hb_col-content h1.hb_desgin_single_title {
        font-size: 20px;
    }
    .site-logo .custom-logo {
        max-height: 35px !important;
    }
    .hb_site_desgin .hb_top_desgin {
        justify-content: flex-end;
    }
    .section.section-widget1{
        display: none;
    }
    .hb_bottom_desgin{
        display: none;
    }
    .site-header .inside-header{
        height:auto;
    }
    .search-dropdown--wrap .dropdown-pane .frm-container:before{
        display: none;
    }
    .site-header .inside-header .site-logo {
        height: 65px;
    }
    .hb_about_wrap{
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .hb_about_button {
        margin-top: 0;
    }
    .section.section-imgs1 .cell ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .section.section-imgs1 .heading-title,.hb_about_wrap .heading-title,.section.section-partners .title-container .heading-title,.section.section-news .heading.heading-line .heading-title,.heading-title{
        font-size: 24px;
        line-height: 30px;
    }
    .section.section-news .heading.heading-line .heading-title{
        font-size: 20px;
        line-height: 30px;
    }
    .section.section-news .news-container article.item .cover-content {
        padding: 10px !important;
    }
    .section.section-news .news-container article.item .cover-content .excerpt{
        font-size: 12px !important;
        text-align: left;
    }
    .section.section-news{
        padding: 30px 0;
    }
    .section.section-partners{
        padding: 30px 0 60px;
    }
    .section.section-imgs1.hb_imgs1{
        border-bottom: none;
        border-top: none;
    }

    .section.section-news .heading.heading-line .heading-title{
        padding: 0 !important;
    }
    .hb_widget2 {
        padding: 30px 0;
    }
    .section.section-partners .swiper-slide .item,.hb_news_2 .news-container article.item{
        margin-bottom: 0 !important;
    }
    .section.grid-products-wrapper .grid-products>.cell {
        flex: 0 0 calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
    }
    .hb_contents{
     
    }
    .hb_sidebar{
       
    }
    .entry-post.entry-post-wrapper{
        /* text-align: justify; */
    }
    .site-logo-mobile .custom-logo {
        filter: brightness(0) invert(1);
        max-width: 60px;
    }
    .site-logo-mobile h1{
        margin-bottom: 0;
        padding: 10px;
    }
    .hb_site_desgin{
        padding-left: 0;
    }
    .hb_site_desgin .hb_top_desgin .search-dropdown--wrap.header-search-dropdown{
        display: none;
    }
    .inside-search .frm-search {
        display: flex !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .section.grid-products-wrapper .grid-products article.item .cover-content .title {
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
        margin-bottom: 5px;
    }
    .section.section-imgs1.hb_imgs1 .imgs-slide-inner a .overlay .link-overlay {
        padding: 5px;
        font-size: 12px;
    }
    .section.grid-products-wrapper .grid-products article.item .cover-content .add-to-contact {
        font-size: 12px;
    }
    .section.section-news .news-container article.item .cover-content .titles a{
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
    }
    .section.section-news .news-container article.item .cover-content .hb_view-more{
        padding: 0;
    }
    .list-post-cat-container .filter-product-cat .grid-productcat .cell {
        flex: 0 0 calc(50% - 16.66667px) !important;
        max-width: calc(50% - 16.66667px) !important;
    }
}

@media (max-width: 64.05rem){
    .site-footer {
        padding-top: 30px !important;
    }
    .hb_sidebar .cell article.item{
        flex-flow: row wrap;
    }
    .hb_sidebar .cell article.item a.d-block{
        flex: 0 0 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .hb_sidebar .cell article.item a.d-block .cover .res.scale {
        padding:0 0 66.6666666667%;
    }
    .hb_about_archive .cell article.item .cover-content h6 {
        font-size: 18px;
    }
    .hb_about_archive .cell article.item .hb_button_home{
        font-size: 12px;
    }
    .hb_about_archive .cell article.item .cover-content{
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 767px){
    /* .mobile-menu.menu>li>ul.menu{
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .mega_menu>.mobile-menu.menu {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mega_menu ul.menu .active>a {
        padding: 5px;
    }
    .mobile-menu.menu>li>ul.menu li{
        border: 1px solid #eee;
        background-color: #fff;
    }
    .mobile-menu.menu .submenu>li>a {
        color: #212121 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: uppercase;
        text-align: center;
    }
    .mobile-menu.menu>li>ul.menu a{
        padding: 5px !important;
        font-weight: 500;
        color: #fff;

    }
    .has-submenu-toggle>a {
        margin-right: 0;
    }
    .mobile-menu ul.menu li img{
        display: block !important;
        margin-bottom: 7px;
    }
    .mega_menu .submenu-toggle{
        display: none;
    }
    .mobile-menu.menu>li>ul.menu>li>ul{
        display: none!important;
    } */
    .mobile-menu.menu>li>a{
        padding-left: 10px !important;
    }
    .mobile-menu.menu .submenu>li>a {
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    .mobile-menu.menu>li>ul>li .submenu-toggle {
        top: 5px !important;
        /* transform: translateY(-50%) !important;
        right: 15px !important; */
    }
    .mobile-menu.menu>li>ul>li>ul{
        padding-left: 10px !important;
    }
    .mobile-menu.menu{
        padding-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .site-logo{
        display: none;
    }
    .site-logo-mobile .custom-logo {
        filter: brightness(0) invert(1);
        max-width: 60px;
    }
    .site-logo-mobile h1{
        margin-bottom: 0;
        padding: 10px;
    }
    .site-logo-mobile{
        display: block;
    }
    .hb_contents {
        
    }
    .entry-post.entry-post-wrapper{
        text-align: justify;
    }
    .hb_sidebar {
      
    }    
    .hb_bottom_desgin{
        display: none;
    }
    .section.section-widget1{
        display: none;
    }
    .site-header .inside-header .hotline {
        display: block !important;
    }
    .hb_site_desgin{
        flex:unset;
    }
    .site-header .inside-header .hotline .hotline-inner:before,.site-header .inside-header .hotline .hotline-inner a{
        color: #EE0033;
    }
    .section.grid-products-wrapper{
        padding: 40px 0;
    }
    .hb_newspapers{
        padding: 40px 0;
    }
    .section.title-design{
        padding-top: 40px;
    }
    
}
@media only screen and (max-width: 1119px) and (min-width: 1080px) {
    .desktop-menu.menu>li>a{
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 1240px){
   .hb_contents table {
        overflow-x: scroll;
        max-width: 100%;
        display: block;
        height: max-content !important;
    }
}

.page-content {
    float: left;
    width: 100%;
}
.page-content p {
    word-break: break-word;
}

.custom-404-page .custom-container{display:flex;justify-content:space-between;flex-direction: initial !important;}
.custom-404-page .custom-left,.custom-404-page .custom-right{flex:0 0 49%;max-width:49%}
.custom-404-page .custom-left figure,.custom-404-page .custom-left figure img{width:100%;height:100%}
.custom-404-page .custom-left figure img{object-fit:cover}
.custom-404-page .custom-right .heading-title{font-size: 22px;line-height:32px;color:#3cb44a;font-weight:700;text-align: left;}
.custom-404-page .custom-right .html-desc{margin-bottom:10px;font-size:15px}
.custom-404-page .custom-right .inside-search.inline-search{margin-bottom:30px}
.custom-button-list{margin-bottom:30px}
.custom-button-list ul{padding:0;margin:0;display:flex;align-items:center;gap:15px;grid-gap:15px;list-style:none}
.custom-button-list ul li{display:inline-flex}
.custom-button-list ul li a{border-radius:4px;padding:10px 40px;color:#fff;font-size:15px;font-weight:700;position:relative}
.custom-button-list ul li:nth-child(2n){display:none}
.custom-button-list ul li:first-child a{background: #ee0033;}
.custom-button-list ul li:nth-child(3) a{border:2px solid;color: #ee0033;}
.custom-button-list ul li:nth-child(3) a:hover{border: 2px solid #ee0033;color:#fff;background: #ee0033;}
.custom-404-page .custom-right .title-category{font-size:18px;line-height:24px;font-weight:700;color:#3cb44a}
.inside-search .frm-search input{background:#fff;border:none;box-shadow:none;color:#010000;font-size:14px;font-weight:400;height:40px;margin-bottom:0;padding:0 15px;width:100%}
.inside-search .frm-search button[type=submit]{}
.custom-404-page form.frm-search{display:flex;justify-content:center;align-items:center;margin: 0 !important;}
.custom-404-page form.frm-search input{border: 1px solid #f10034;border-radius:5px}
.custom-404-page form.frm-search button{position:absolute;right: 0 !important;width: 40px;height: 40px;border: none;background: none;color: #f90237;padding: 0;}
@media screen and (max-width: 768px) {
    .custom-404-page .custom-container {
        display: block !important;
    }
    .custom-404-page .custom-left, .custom-404-page .custom-right{max-width: 100% !important}
}