/*
Theme Name: 5smedia
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.2
*/
.img-inner.dark {
    border-radius: 5px 5px 0 0;
}
@media screen and  (max-width: 599px){
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
		width: 100%;
		background: white;
		color: black;
	top: 48px !important;
	box-shadow: none;
	}
	.dark .accordion-title.active {
  color: var(--fs-color-primary);}
	.accordion-title.active {
    background-color: transparent;
}
}
@media (max-width: 849px) {
    .searchform-wrapper {
        font-size: 13px;
    }
}
@media screen and (max-width: 849px) {
    .medium-logo-left .flex-right {
        flex: 0 !important;
    }
}
.img-inner.dark {
    border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 850px) {
	 .is-sticky-column:not([data-sticky-mode]) {
        top: calc(var(--flatsome-scroll-padding-top) + 4px);
        transition: top .6s;
		 margin-right: 5px;
        margin-left: -10px;
    }
	.container .row-large:not(.row-collapse), .row .row-large:not(.row-collapse) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
	}
	.container .row-large:not(.row-collapse), .row .row-large:not(.row-collapse) { margin-bottom: 0; 
		margin-left: auto; 
		margin-right: auto; 
		max-width: 1200px;}
.container .row-large:not(.row-collapse), .row .row-large:not(.row-collapse) {
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}
.large-10 {
		flex-basis: 100%;
		max-width: 100%;
	}
.col-border+.col, .col-divided+.col {
        padding-left: 3px !important;
        padding-right: 15px !important;
    }
.col-divided {
        border-right: none;
}
@media screen and (max-width: 849px){
	.tkw-sec-1 .text-title h2, .tkw-sec-2 .text-title h2, .tkw-sec-4 .text-title h2, .tkw-sec-5 .text-title h2 {
		color: rgb(0 0 0 / 75%);
		font-weight: 700;
	} 
	h3.title-home {
	font-size: 27px;
	}
	.header-main li.html.custom {
    display: block;
}
	.row-title {
		margin-top: -49px !important;
	}
	.section.sec-ct-dt .text.title-has-bg span.tt {
		background-size: contain !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	.section.sec-ct-dt .text.title-has-bg span.txt {
		font-size: 30px;
	}
	.sec-sp-hv .box {
		width: 50%;
	}
	.img-title-khnh {
		margin-top: -77px;
	}
	.mt-200 {
		margin-top: -118px;
	}
	.sec-gioi-thieu ul {
		padding-left: 0px;
	}
	.text.title-has-bg span {
		padding-left: 52px;
		padding-right: 52px;
		font-size: 14px;
		background-size: contain !important;
	}
	.text.text-left-slider {
		left: -132px;
		bottom: 187px;
	}
}
@media screen and  (max-width: 599px){
button.mfp-close {
    	top: 15px;
    	color: #00c200;
		border-radius: 25px;
		right: 4px !important;
	}
    .medium-logo-left .flex-left {
		flex: auto;
    	order: 2;
    }
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    	font-size: revert;
    }
.img.logo-footer {
   		position: absolute;
		top: 1px;
	}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
		width: 100%;
	}
nav.rank-math-breadcrumb {
		font-size: 12px;
	}
}
@media (min-width: 991px) {
	.sec-sp-hv .tabbed-content .nav .tab a {
		padding: 0 25px;
	}
	.sec-sp-hv .tabbed-content {
		margin-top: 30px;
	}
}
@media (max-width: 1024px) {
	.section.sec-ct-dt:after,
	.section.sec-ct-dt:before {
		content: none;
	}
}