/* css section service - dịch vụ */
.box-service {
    -webkit-box-align: center;
    align-items: center;
    background: #27c4f1;
    border-radius: 5px;
    padding: 8px 12px;
}

.box-service h4 {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
}

.box-service p {
    color: #fff;
    font-size: 14px;
    margin-top: -3px;
    line-height: 19px;
}

.box-service img {
    width: 35px !important;
    height: 44px;
}

.box-service .icon-box-text {
    padding-left: 0px !important;
}

/* css blog banner */
.home-blog-bnn > .col-inner {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border-radius: 6px;
}

.blog-bn .col.post-item {
    padding-bottom: 11px;
}

.blog-bn .col.post-item .col-inner {
    padding: 0 6px;
}

.blog-bn .box-text.text-left {
    padding: 0 0 0 8px;
}

.blog-bn h5 a {
    font-weight: 500;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.is-divider {
    display: none !important;
}

.ct-tinmoi p {
    margin-bottom: 8px;
    background: #27c4f1;
    text-align: center;
    line-height: 34px;
    border-radius: 5px 5px 0 0;
}

.ct-tinmoi p a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}


/* css tab san pham */
.home-tab ul li a {
    color: #c90202 !important;
    font-weight: 500;
    background-color: #fff;
    border-radius: 8px;
    margin: 0 2px;
}

.home-tab ul li.active a {
    background-color: #c90202;
    color: #fff !important;
}

@media (max-width: 549px) {
	
	/* 	css home service */
	.home-service .col:nth-child(2n-1) {
		padding-right: 5px;
	}

	.home-service .col:nth-child(2n) {
		padding-left: 5px;
	}

	.home-service .col {
		padding-bottom: 10px !important;
	}
	
	/* 	css home-tab san pham */
/* 	.section-sanpham .col.small-12 {
		padding-left: 0;
		padding-right: 0;
	} */
	
	.home-tab ul.nav {
		overflow-y: scroll;
		justify-content: unset;
		overflow-x: auto;
		flex-wrap: unset;
	}

	.home-tab ul.nav li a {
		width: 130px;
		justify-content: center;
		font-size: 14px;
	}
	
	.home-tab .tab-panels .entry-content .product-mobile {
		overflow-x: auto;
		overflow-y: hidden;
		height: 510px;
	}

	.home-tab .product-mobile {
		height: inherit;
		flex-direction: column;
		margin-left: 0 !important;
	}

	.product-mobile .product-small.col {
		width: 180px;
		flex-basis: 180px;
		padding: 4px !important;
	}
	
	.product-small.box .box-image {
        height: 155px !important;
    }
	
}

