/**
 * 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.   ***************/

.list-image-wrap .product-wrap:first-child {
	margin-left: 0;
}

.gr-item {
	width: 100%;
}

.products-image-list {
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		height: 35vh;
	}
}

.sec-footer .social-ft.social-icons .icon.button {
    margin: 0 15px 0 0;
}


.social-icons .icon.x .icon-x {
    display: none;
}

.social-icons .icon.x:before {
    content: "";
	background-image: url(/wp-content/plugins/button-contact-vr/img/zalo.png);
    background-repeat: no-repeat;
    background-size: contain;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 1.25em;
    height: 1.25em;
    transform: translate(-50%, -50%);
    
}



.header-top .nav.mobile-nav {

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		justify-content: space-between;
	}
}

.text-head-mb {

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		font-size: 19px;
		font-weight: 700;
		color: var(--fs-color-secondary);
		margin: 0;
	}
}

.header-main .header-button>.button.primary:not(.is-outline) {

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		background: var(--primary-color) !important;
	}
}


.off-canvas-right .mfp-content {
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		top: 30px;
	}
}

.off-canvas.mfp-ready .mfp-close {
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		top: 3.5%;
		right: 2%;
	}
}

.off-canvas-right .mfp-container .mfp-content,
.off-canvas-left .mfp-content {
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		--drawer-width: 350px !important;
	}
}

.off-canvas.mfp-ready .mfp-content .mobile-sidebar .nav .menu-item .sub-menu .menu-item a {
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		font-size: 16px;
		font-weight: 500;
	}
}


.col-mbs .col-inner {
	@media only screen and (min-width: 360px) and (max-width: 48rem) {
		margin-left: -10px !important;
	}
}



@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


	.product-infore .sub-product .section-title .section-title-main {
		font-size: 26px;
		line-height: 40px;
	}

	.title-head .section-title .section-title-main {
		font-size: 27px;
		text-align: center;
	}
	
	.about-value .layout-value .value-wrap {
		font-size: 18.5px;
        height: 110px;
    }
	
	
}