/* Write Custom Css Here */
.logo_footer_menu .about_us_widget {
  padding: 5px;
    background-color: #fff;
    border-radius: 6px;
}
.back-to-top[style="display: none;"] {
  bottom: -30px;
  transition: all 0.3s;
}
#contactAll {
  right: 30px;
  transition: all 0.3s;
}
.topbar-area .social-icon > li:first-child a {
	background-image: url(/assets/tenant/uploads/media-uploader/labfurniture/anh11736756982.png);
    width: 114px;
    height: 36px;
    background-size: contain;
    display: block;
	background-repeat: no-repeat;
}
.header-style-01 .nav-right-content .language_dropdown {
  display:none;
}
.topbar-area:has( .topbar-inner .left-contnet  .show) ~ .header-style-01 {
    z-index:1;
  }
[lang='en'] .topbar-area .social-icon li:first-child:hover a:before {
  color:var(--main-color-two);
}
[style*="overflow-y: hidden"] .topbar-area .topbar-inner .right-contnet {
  display:none;
}

.timkiem_icon > .form-control::placeholder {
  color:#fff;
}
.timkiem input:hover, .timkiem input:focus {
  width: 180px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: var(--main-color-one);
  right:40px;
  top:-2px !important;
  left:-182px !important;
  height:36px !important;
  border: 1px solid var(--main-color-one);
}
#products .leftpanel .timkiem {
  display:none;
}
.product .description_full * {
	max-width: 100%
} 
.nav-right-content .btn-wrapper:has ( .show) {
  top:-62px;
}
.nav-right-content .btn-wrapper {
  position: absolute;
  right: 79px;
  top: -47px;
}
.nav-right-content .btn-wrapper .timkiem_icon {
  display:flex;
  align-items:center;
}
.nav-right-content .btn-wrapper .timkiem_icon i {
    color:#fff;
    font-size: 18px;
      width: 30px;
    height: 30px;
    line-height: 31px;
    position: relative;
    text-align: center;
  border-radius:50%;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  background-color:var(--main-color-one);
  cursor:pointer;
}
.nav-right-content .btn-wrapper .timkiem_icon input {
  color:#fff;
    width: 30px;
    height: 30px;
    position: absolute;
  right: 0;
    -webkit-transition: all 1sease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1sease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  background: #fff;
}
.topbar-area .social-icon li:last-child {
  margin-left:0;
  display: none;
}
.topbar-area .social-icon li:last-child a {
  position:absolute;
  right:2px;
  width:30px;
  height:30px;
  display: flex;
  justify-content: center;
  align-items: center;
    border-radius: 50%;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color:#fff ;
    background-color:var(--main-color-one) ;
  z-index:2;
}
.topbar-area .social-icon li:last-child i {
  display:block;
  font-size: 20px;
  font-weight: bold;
  padding: 2px 1px 0 0;
}
.topbar-area .social-icon li i {
  display:none;
}
.topbar-area .social-icon > li {
  padding: 10px 0px;
}
.topbar-area .social-icon > li {
  display:flex;
  align-items:center;
}
.topbar-area .social-icon > li:nth-of-type(2) {
  margin-right:22px;
}
.topbar-area .social-icon > li:nth-of-type(3) a {
  position: absolute;
    right: 0;
    opacity: 0;
}
.topbar-area .social-icon.show > li:nth-of-type(3) a {
  right: 80px;
    padding: 6px 20px;
    background-color: var(--main-color-one);
    opacity: 1;
  z-index:2;
  color:#fff;
  border-radius: 5px;
}
.topbar-area .social-icon > li:nth-of-type(2) {
      display: flex;
    align-items: center;
  justify-content:center;
    font-size: 22px;
    padding: 10px 20px;
  flex-grow: 1;
}
.topbar-area .social-icon > li:nth-of-type(2) a {
  color:var(--main-color-one);
}
.topbar-area .topbar-inner .left-contnet {
  flex-grow:1;
}
.danhmucsp > div > div {
  justify-content:center;
}
.danhmucsp .work-single-item img {
  margin-bottom: 20px;
  width: 100%;
  line-height: 70px;
  text-align: center;
  font-size: 35px;
  color: #f5ae6f;
  transition: all 500msease-out;
  border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}
.danhmucsp .work-single-item .content div h3 {
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}
#quoteform .form > .form-group.thongtin {
  position: relative;
}
[lang='en'] #quoteform .form .form-text.thongtin:before {
  content: 'Please enter your information, our staff will contact you as soon as possible.';
  position: absolute;
}
[lang='vi'] #quoteform .form .form-text.thongtin:before {
  content: 'Vui lòng nhập thông tin của bạn, nhân viên của chúng tôi sẽ liên hệ với bạn sớm nhất có thể.';
  position: absolute;
}
#quoteform .form .form-text.thongtin {
  color: transparent;
  user-select: none;
}
#quoteform .form .form-text.thongtin:before {
  color: #000;
}
[lang='en'] #products .description_full::before {
  content: 'Product description';
}
[lang='vi'] #products .description_full::before {
  content: 'Mô tả sản phẩm';
}
[lang='vi'] #products .description_short ~ form button:before {
	content: "Yêu cầu báo giá";
  	left: 17px;
}
[lang='en'] #products .description_short ~ form button:before {
	content: "Quote request";
  	left: 24px;
}
#products .description_short ~ form {
	position: relative;
}
#products .description_short ~ form button:before {
	position: absolute;
    top: 21px;
 	color: var(--main-color-one);
}
#products .description_short ~ form button:hover:before {
  color: #fff;
}
.content.relate .descriptions [type="submit"]:before {
  left: 50% !important;
        transform: translateX(-50%);
}
[lang='vi'] #products .product_details .description_short ~ a:before {
  	content: "Yêu cầu báo giá";
  	left: 33px;
}
[lang='en'] #products .product_details .description_short ~ a:before {
  content: "Quote request";
  	left: 39px;
}
#products .product_details .description_short ~ a:before {
  position: absolute;
  color: var(--main-color-one);
}
#products .product_details .description_short ~ a:hover:before {
  color: #fff;
}
#products .description_full::before {
    line-height: 1.9;
    display: inline-block;
    position: absolute;
    width: auto;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background: #ccc;
    top: 2px;
    left: 15px;
    font-weight: bold;
  color:#2a2a2a;
}

.product_detail .list.relate .image {
  height:240px;
}
.product_detail .list.relate .image > a > img {
  height:100%;
}
[lang="en"] [data-page="lienhe"] .contact-inner-area .contact-form .btn-wrapper .submit-btn:before {
  position: absolute;
    content: 'Send';
    background-color: var(--main-color-one);
    padding: 9px 40px;
    color: #fff;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer;
}
[lang="en"] [data-page="trang-chu"] .product .section-title:before {
  position: absolute;
  content: 'Best Seller';
  color: var(--main-color-one);
  border-top: unset;
    width: 100% !important;
    opacity: 1;
    font-size: 35px;
  cursor: pointer;
  text-align:center;
  font-weight:bold;
}
[lang="en"] [data-page="trang-chu"] .project .section-title:before {
  position: absolute;
  content: 'Our Projects';
  color: var(--main-color-one);
  border-top: unset;
    width: 100% !important;
    opacity: 1;
    font-size: 35px;
  cursor: pointer;
  text-align:center;
  font-weight:bold;
}
[lang='en'] .topbar-area .social-icon li:first-child a {
    position: relative;
    color: transparent;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav {
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding: 0 0;
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a {
    transition: all 0.3s ease-in;
    color: #fff;
}

.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    color: #fff;
}
.header-style-01 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
nav.navbar {
    padding: 4px 10px;
    display: block;
    border: 1px solid #ccc;
    background-color: var(--main-color-one);
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
#languages_selector .dropdown-menu {
    top: 0;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    border: 0;
  outline:none;
    box-shadow: none;
    min-width: 62px;
    display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    background-color: unset;
}
#languages_selector .dropdown-menu li {
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
  outline:none;
  background-color:none;
    margin: 0;
    font-size: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}
#languages_selector .dropdown-menu li[data-value="vi"]:before {
    background-image: url(/assets/tenant/frontend/flags/1x1/vn.svg);
}
#languages_selector .dropdown-menu li[data-value="en"]:before {
    background-image: url(/assets/tenant/frontend/flags/1x1/us.svg);
}
#languages_selector .dropdown-menu li:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  outline:none;
}


.topbar-area .social-icon li:has( a[href^="tel:"]) {
  max-width: 142px;
  text-align: center;
  margin-left:0;
}
.topbar-area .social-icon li:first-child {
  max-width: 305px;
  text-align: center;
}
.right-contnet .language_dropdown {
  display: flex;
  align-items: center;
}
.single-blog-grid-01 .content {
    padding: 10px 10px 10px 60px;
}
.single-blog-grid-01 {
    position: relative;
    z-index: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  
}
.single-blog-grid-01 .thumb .image {
    padding: 10px;
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.breadcrumb-area .breadcrumb-inner .content {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}
.breadcrumb-area .breadcrumb-inner .content ul {
  align-items: center;
  list-style: none;
  display: flex;
  z-index: 2;
  margin-right: 15px;
  order:0;
  padding:6px 0;
}
.breadcrumb-area .breadcrumb-inner ul:has(li:nth-child(3)) li:nth-child(2) {
    display: none !important;;
}
.breadcrumb-area {
  padding: 5px 0;
  margin-top: 0px;
  background: #e9ecef;
}
.breadcrumb-area .breadcrumb-inner .page-list li:last-child h1{
  font-size: 16px;
  color: #838383;
  pointer-events: none;
  cursor:default;
  margin: 0;
}
.breadcrumb-area .breadcrumb-inner ul.page-list li:last-child {
  color: #838383;
}
.breadcrumb-area .breadcrumb-inner ul.page-list li:last-child h1{
    color: #838383;
  	font-size:16px;
  	margin-bottom:0;
}
.breadcrumb-area .breadcrumb-inner ul.page-list li:last-child a {
  cursor: default;
  pointer-events:none;
}
.breadcrumb-area .page-list li a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb-area .page-list li:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-page="noi-that-thi-nghiem-tieu-bieu"] .breadcrumb-area .page-list li:nth-child(2) {
  display:block;
}
.breadcrumb-area:has( .breadcrumb-inner ul li:nth-child(3)) ~ .services-area .sub-menu > li > a[data-active="true"] {
  background-color:var(--main-color-one);
  color:#fff;
}
.footer-area .widget.widget_nav_menu ul{
	padding-bottom:12px;
}
.breadcrumb-area:has( .breadcrumb-inner ul li:nth-child(3)) ~ .services-area .sub-menu > li:has( a[data-active="true"]) {
  border-right: none;
  border-left: none;
}
.share-area.breadcrumb {
    display: none !important;
}


/*----------------news---------------*/
.single-blog-grid-01 .content .description {
  text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  overflow: hidden;
  display: -webkit-box;
}
.blog-area > .container > div > div {
  margin-bottom:30px;
}
.blog-details-content-area {
  padding-top: 40px !important;
}
.blog-details-content-area .single-post-details-item > .title {
	color:var(--main-color-one);
  	font-weight: bold;
    line-height: 32px;
    font-size: 1.3rem;
}
.entry-footer .right .social-share li a:hover{
	color:var(--main-color-two); 
}
.danhmuctintuc .footer-item-list{
	display:block;
}
.danhmuctintuc .footer-item-list li a{
	display:unset;
  	padding:unset;
}
.danhmuctintuc ul li{
	padding: 5px 0 !important;
}

/* Danh mục sản phẩm */


.leftpanel .menu-item-list > ul {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background: #f2f2f252;
  	padding-left:0;
}
.leftpanel .menu-item-list ul li {
	border-bottom: 1px solid #ccc;
  list-style: none;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.leftpanel .menu-item-list ul li:first-child {
  border-top: 1px solid #ccc;
}
.leftpanel .menu-item-list ul li a {
  display:block;
  padding:11px;
}
.leftpanel .menu-item-list > ul li:first-child{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.leftpanel .menu-item-list > ul li:last-child{
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  
}
.leftpanel .menu-item-list > ul li {
  overflow:hidden;
}
.leftpanel .menu-item-list a{
  	font-size:1rem;
  	font-weight:bold;
  	color: var(--main-color-one);
}
.leftpanel .menu-item-list ul li:hover{
  	background-color:var(--main-color-one);
}
.leftpanel .menu-item-list ul li:hover a{
	color:#fff;
}
/*-----------------footer--------------*/
.footer-widget.widget {
  margin:0;
  padding:0;
}
.footer-area .widget_nav_menu .social_share * {
  margin: 0;
}
  .language_dropdown .selected-language {
    display:none;
}
.footer-area .copyright-area > div > div {
  opacity: 0.8;
}
.footer-item-list li {
    flex-grow: 1;
}

.footer-item-list {
    display: flex;
    flex-wrap: wrap;
}
.footer-item-list li a {
    display: flex;
    justify-content: center;
    padding: 0 10px;
}
.footer-area .footer-top > div > div {
  padding-top: 30px;
  padding-bottom: 32px;
  justify-content: center;
}
.footer-area .footer-top .logo_footer_menu .widget_nav_menu {
  display: none;
}
.footer-area .footer-top .logo_footer_menu {
  align-self: anchor-center;
}
/* Product detail */
.product_details .social-share{
	display: flex;
    padding: 10px 0 0;
}
.product_details .social-share li a {
    padding: 8px 10px;
    border: 1px solid #cccccc50;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  	margin-right:10px;
}
.services-area .list.content .descriptions > form .btn-action {
  background: #f2f2f280;
    border: 1px solid #cccccc80;
    margin-top: 12px;
    font-weight: 600;
    color: transparent;
    padding: 8px 18px;
}
.product_details .btn-action {
  display:inline-block;
  background: #f2f2f280;
    border: 1px solid #cccccc80;
    margin-top: 12px;
    font-weight: 600;
    color: transparent;
    padding: 8px 18px;
  border-radius:.25rem;
  user-select: none;
}
.product_details .btn-action:hover,
.services-area .list.content .descriptions > form .btn-action:hover {
  color:transparent;
  background:var(--main-color-one)
}
.services-area .row.list.content div.item{
    display: flex;
    border: 1px solid #cccccc70;
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0);
  	border-radius:5px;
    padding: 15px;
}
.services-area .row.list.content.relate div.item{
	display:block;
  	text-align: center;
}

.services-area .row.list.content.relate div.item .title{
	margin-top:20px;
}
.services-area .row.list.content.relate div.item .description_short{
	text-align:left;
}
.product_detail .relate_title{
	margin: 20px 0;
    font-weight: bold;
    text-decoration: underline;
  color:var(--main-color-one);
}
.services-area .row.list.content div.item:hover{
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
}
.services-area .col-8 .row.list.content div.item img {
  max-width:200px;
  max-height:200px;
}
.product_detail .services-area .row.list.content div.item .image {
  height:220px;
}
.product_detail .services-area .row.list.content div.item img{
    height:100%;
}
.services-area .row.list.content .descriptions a{
	color:var(--main-color-one);
    font-size: 1.2rem;
    font-weight: bold;
 	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.services-area .row.list.content .descriptions .description_short{
	color:#000;
}
.services-area .row.title .title, .services-area .row.title p {
	display:none;
}
.services-area #category h2 a {
  display:none;
}
.services-area #category .menu-item-list {
  padding-top:45px;
}
.services-area #category {
  position:relative;
}

[lang='vi'] .services-area #category > h2:before {
    content: "Danh mục sản phẩm";
    position: absolute;
    left: 0px;
    color: var(--main-color-one);
    font-weight: bold;
    font-size: 25px;
}
[lang='en'] .services-area #category > h2:before {
    content: "Categories";
    position: absolute;
    left: 0px;
    color: var(--main-color-one);
    font-weight: bold;
    font-size: 25px;
}
.product_detail .social-share li a:hover{
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
[lang="vi"] .product_detail h3.relate_title {
  display:none;
}
[lang="vi"] .product_detail .content.relate {
  margin-top:70px;
  position: relative;
}
[lang="vi"] .product_detail .content.relate:before {
  content: "Sản phẩm liên quan";
  position: absolute;
  left: 15px;
  top: -54px;
  font-size: 24px;
  font-weight: bold;
  color: var(--main-color-one);
  text-decoration: underline;
}
.product_detail .product_details .title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 0px solid #cccccc50;
    color: var(--main-color-one);
}
.product_detail .product_details > div:first-child{
	max-width:45%;
  	flex:0 0 45%;
}
.product_detail .product_details > div:last-child{
	max-width:55%;
  	flex:0 0 55%;
}
.product_detail .row.title .content .title{
	display:none;
}
.services-area {
	padding-top:50px !important;
}
.product_detail .product .description_full{
    border: 1px solid #ddd;
    text-align: justify;
  	border-radius:5px;
    padding:30px 20px 10px;
  margin-top:50px;
  
}
#products .product > div:last-child {
  margin-top:36px;
}
.services-area .descriptions{
	padding-left:20px;
}
.product_detail .descriptions{
	padding-left:0;
}


/* Chi tiết tin tức */

.blog-details-content-area .single-post-details-item{
	text-align:justify;
}
.blog-details-content-area .sidebar-widget{
	background-color:#e1f5ff;
  	padding:20px;
  	border-radius: 4px;
}
.blog-details-content-area .widget .widget-title{
	color:var(--main-color-one);
}
.blog-details-content-area .widget ul li a{
	color:#757575;
  	font-weight:bold;
  	
}
.blog-details-content-area .widget ul li a:hover{
	color:var(--main-color-two) ;
}
.blog-content-area .widget-title{
	font-size:22px;
  	color:var(--main-color-one);
}
.blog-content-area .widget ul li a{
	color:#757575;
  	font-weight:bold;
}
.blog-content-area .widget ul li a:hover{
	color: var(--main-color-two);
}
.blog-content-area .widget ul li a:hover{
	color: var(--main-color-two);
}
.blog-content-area .sidebar-widget {
    background-color: #F4F4F4;
    padding: 20px;
    border-radius: 4px;
}
.blog-content-area .widget ul li a {
    color: #757575;
    font-weight: bold;
}
.blog-content-area .single-blog-grid .content .title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    transition: all 500ms;
    color: var(--main-color-one);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-content-area .blog-content-listing > div{
	padding-bottom:20px;
}
.blog-details-content-area > div > div > div:first-child {
  margin-bottom:30px;
}
/*---------------Mobile-----------------*/
nav.active {
  margin-top: -114px;
}
.navbar.active .navbar-nav li:before {
  font-size:30px;
  font-weight:600;
}
/*-----------------Pagination------------*/
.pagination-wrapper .pagination {
  justify-content:center;
}
.page-item.active .page-link {
  background-color: var(--main-color-one);
}
.page-link {
  color: var(--main-color-one);
  padding: 10px 16px;
}
.mt-5 {
  margin-top:40px !important;
}
/* Chi tiết tin tức */
.blog-details-content-area .entry-content .post-meta li:first-child {
  text-transform: capitalize;
  margin-left: 0;
}

/* Ẩn title breadcum */
.breadcrumb-inner .title.order-2 {
    display: none !important;
}

[data-page="su-kien-hoi-thao"] .breadcrumb-inner .title.order-2,
[data-page="tin-tuc-san-pham"] .breadcrumb-inner .title.order-2 {
    display: block;
}

/*-----------------Media----------------*/
@media (min-width: 576px) {
  .danhmucsp .work-single-item .content .icon,
  .product .work-single-item .content .icon {
    height: 250px;
  }
}
@media (min-width: 768px) {
    .services-area .row.list.content.relate div.items {
	flex:0 0 50%;
  	max-width:50%;
}
}
@media (min-width: 992px) {
  .nav-right-content .btn-wrapper .timkiem_icon input {
    background: var(--main-color-one);
  }
  .timkiem_icon > .form-control::placeholder {
  		color:#fff;
	}
  .timkiem input:hover, .timkiem input:focus {
    background: var(--main-color-one);
  }
  .topbar-area .social-icon.show > li:nth-of-type(5) a {
    color: #fff;
    background-color: var(--main-color-one);
  }
  .danhmucsp .row:last-child > div {
    max-width: 25%;
    flex: 0 0 25%;
    padding-bottom: 40px;
  }
  .services-area > div > div > .col-8 {
    margin-top:52px;
  }
    .blog-area > .container > div:first-child > div {
  flex: 0 0 25%;
  max-width: 25%;
      padding:0px 8px;
}
  .header-style-01 .navbar .responsive-mobile-menu .logo-wrapper {
  display:none;
}
  .services-area .row.list.content.relate div.items {
	flex:0 0 33.33333%;
  	max-width:33.33333%;
}
}
@media (max-width: 991px) {
  .topbar-area .social-icon > li:nth-of-type(2) {
    justify-content:flex-start;
    padding-left: 0px;
    margin: 0 0 0 -15px;
  }
  .topbar-area .social-icon li:first-child {
    display:none;
  }
  .nav-right-content .btn-wrapper .timkiem_icon input {
    color:var(--main-color-one)
  }
  .nav-right-content .btn-wrapper {
    right: 20px;
    top: -76px;
  }
  .nav-right-content .btn-wrapper .timkiem_icon i {
    color: var(--main-color-one);
    background-color: #fff;
  }
  .topbar-area .social-icon li a {
    color:#fff !important;
  }
  .topbar-area .social-icon li:last-child a {
    color: var(--main-color-one) !important;
    background-color: #fff;
  }
  .topbar-area {
    background-color: var(--main-color-one) !important;
  }
  [lang='en'] .topbar-area .social-icon li:first-child a:before {
    width: 450px;
    text-align: left;
    color:#fff;
  }
  .topbar-area .social-icon li:first-child {
    max-width:unset;
  }
  nav.navbar {
    background-color: #fff;
  }
  [lang='en'] .topbar-area .topbar-inner .social-icon li:last-child:before {
    right:15px;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children::before {
    color:#fff;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children::before {
    color:#fff;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a {
    color: #fff;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover a {
    color:var(--main-color-two);
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.current-menu-item:hover a {
    color:var(--main-color-two);
  }
  .services-area #category > h2:hover::before {
    opacity:0.9;
  }
  .services-area #category > h2:before {
    color: #fff !important;
    background-color: var(--main-color-one);
  width: 100%;
  padding: 4px 42px;
  border-radius: 5px;
    cursor: pointer;
    top:1px;
    
}
  .services-area #category .menu-item-list {
    display:none;
  }
  .services-area #category.show .menu-item-list {
    display:block;
  }
  .services-area > div > div > div {
    max-width: 100%;
    flex: 0 0 100%;
}
  .services-area > div > div > div:first-child:has( .menu-item-list) ~ div {
    margin-top:85px;
  }
  .services-area > div > div > div:first-child:has( .show) ~ div {
    margin-top: 20px;
  }
  .services-area #category.show h2::before {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .services-area #category h2::after {
  content: "\f0c9";
  position: absolute;
  left: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  font-family: "fontawesome";
  padding: 2px 10px;
}
  .services-area #category.show .menu-item-list > ul > li:first-child {
    border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  }
  .services-area #category > .menu-item-list.show ~ h2::before {
    display: none;
}
  .header-style-01 .navbar-nav > li.show > ul {
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  padding-top: 10px !important;
}
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:focus > .sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    padding-top: 10px;
  }
  .topbar-area .social-icon {
    justify-content:space-between;
  }
  .topbar-area .topbar-inner .right-contnet {
 	/*position: absolute;
        bottom: -53px;
        right: 45px;
    padding-right:0;
        z-index: 100;
    
    position: fixed;
        top: 68px;
        right: 42px;
        z-index: 118;
        padding-right: 0;*/
  }
}
@media only screen and (max-width: 767px) {
  .product_detail .product_details > div {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .product_detail .product_details > div:first-child {
	margin-bottom: 40px; 
  }
  .breadcrumb-area .page-list li:nth-child(3) {
  min-width: 85px;
}
}
@media only screen and (max-width: 575px) {
  .topbar-area .social-icon > li:nth-of-type(2) {
    margin-left:10px;
    font-size:18px;
  }
  .nav-right-content .btn-wrapper {
    right: 25px;
    top: -73px;
  }
}
@media only screen and (max-width: 500px) {
  [style*="overflow-y: hidden"] .header-style-01 .nav-right-content .btn-wrapper {
    z-index: 50;
  }
  [lang='en'] .topbar-area .social-icon li:first-child a {
 	display:inline-block;
  }
  [lang='en'] .topbar-area .social-icon li:first-child a:before {
 	width:100%;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    text-align:center;
  }

  .topbar-area .social-icon {
    justify-content:center;
  }
   .services-area .col-8 .row.list.content div.item img {
    max-width:150px !important;
  }
}
@media only screen and (max-width: 450px) {
  .content.list .descriptions [type="submit"]:before {
    left: 50% !important;
    transform: translateX(-50%);
  }
  .nav-right-content .btn-wrapper {
    top: -72px;
  }
  .topbar-area .social-icon > li:nth-of-type(2) {
    font-size:16px;
    margin: 0 !important;
  	padding: 10px 0px !important;
  }
  .right-contnet {
    margin-left: 30px;
  }
    .navbar-area.nav-style-02 .nav-container .nav-right-content {
        display:block;
    }
  .topbar-area .social-icon {
    flex-wrap:unset;
  }
  .services-area .col-8 .content .items .item {
   flex-direction: column;
	}
  .services-area .col-8 .content .items .item .descriptions > form {
    text-align:center;
  }
  .services-area .col-8 .row.list.content div.item img {
    max-width: unset !important;
        width: 100%;
        max-height: unset !important;
  }
  .services-area .descriptions {
    padding-left: 0;
    padding-top: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .topbar-area .social-icon > li:nth-of-type(4) {
    font-size: 16px;
    padding: 10px 0;
    flex-grow: unset;
  }
  .topbar-area .social-icon > li:nth-of-type(2) {
    margin:0;
  }
}