/**
 * Theme Name:     K-Tech
 * Author:         K-Tech
 * Template:       flatsome
 * Text Domain:	   k-tech
 * Description:    Theme Build by Dai
 * Theme URI:      https://k-tech.net.vn/
 * Author URI:     https://k-tech.net.vn/
 * Version:        2025
 * License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
 * License URI:    https://k-tech.net.vn/
 */



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

.blog-list .box-blog-post .box-text {
	margin-left: 15px;
}


.blog-list .box-blog-post .box-text {
    height: 255px;
}

.blog-list.list-project .box-blog-post .box-text {
    height: auto;
}

.box-about .icon-inner img {
	background: var(--fs-color-success);
}


.img-border2 {
	position: absolute;
	
	@media only screen and (max-width: 800px) {
		position: relative;
	}
}


.img-border2.img1 {
    top: 25px;
    left: 15%;
}

.img-border2.img2 {
    left: -40px;
    top: 365px;
}

.img-border2.img3 {
    top: 280px;
    right: 10px;
}

.img-border2 img {
	border: 5px solid var(--fs-color-secondary);
}

.bg2 {
	background: #115544;
}


.widget.woocommerce.widget_product_categories {
    padding: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    overflow: hidden;
}

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

.product-categories li a {
	color: #333;
}
.sec-footer .menu-ft .menu-item .ux-menu-link__link .ux-menu-link__text {
    color: #fff;
}

.from_the_blog_comments, .post_comments {
	display: none;
}


.infore-product .entry-desc {
    box-shadow: none;
    padding: 0;
}

.home-list-product .product-small .box .box-image img {
	height: 300px;
	width: 100%;
	
	@media only screen and (max-width: 768px) {
		height: 200px;
	}
}


.home-product .tab-product .nav {
	display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	
	@media only screen and (max-width: 768px) {
		justify-content: flex-start;
	}
}


.home-product .tab-product .nav .tab {
    flex: 0 0 auto;
    white-space: nowrap;
}



.col-12 {
    flex-basis: 13%;
	
	@media only screen and (max-width: 768px) {
		flex-basis: inherit !important;
		max-width: inherit !important;
	}
}

.col-20 {
    flex-basis: 37%;
    max-width: 37%;
	
	@media only screen and (max-width: 768px) {
		flex-basis: inherit !important;
		max-width: inherit !important;
	}
}


.sub-mobile {
	font-size: 14px;
	padding: 10px 0;
	display: none;
	
	@media only screen and (max-width: 768px) {
		display: block;
	}
}


 
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-list .box-blog-post .box-text {
		height: auto;
	}
	
	.img-border2 {
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
	}
    
    }