




@media screen and (max-width: 320px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 767px) {
	.news-details-ex img {
		max-width: 100%;
		height: auto !important;
	}

	.item-video img {
		max-width: 100%;
		backface-visibility: hidden;
		height: auto;
		object-fit: cover;
		width: 100%;
	}

	#nav-tab-duan.nav-tabs .nav-link {
		background: #d6d6d6;
		color: #000;
		font-size: 11px;
		padding: 5px 0px;
	}

	#nav-tab-duan ul li {
		width: 33%;
		padding: 0;
		margin: 0 auto;
	}

	.item-video {
		position: relative;
		overflow: hidden;
		margin: 0 0 10px;
		color: #000000;
		text-align: center;
		font-size: 16px;
		padding: 0;
		max-width: 50%;
		float: left;
		padding: 0 10px;
	}

	.btn-search {
		position: absolute;
		line-height: 0;
		right: 0;
		top: -1px;
	}

	.tab_link_module .tab_border, .tab_link_modules .tab_border {
		height: 35px;
		line-height: 35px;
		position: relative;
		width: 100%;
		text-align: center;
		margin-bottom: 14px;
	}

	.bottom-bar .btn {
		align-content: center;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0;
		background: none;
		width: 20%;
		text-align: center
	}

	.archive-title {
		font-weight: bold;
		font-size: 1.8em;
	}

	.mdn-author-box {
		border-radius: 50%;
		overflow: hidden;
		width: 75px;
		float: unset;
		display: block;
		margin: 0 auto 10px;
	}

	.author-description {
		float: left;
		width: 100%;
		padding: 0 0px;
		text-align: justify;
	}

	.newone {
		margin-bottom: 18px;
	}

	.new-desc-one {
		font-size: 15px;
	}

	.new-title a {
		font-size: 17px;
	}

	.new-desc {
		font-size: 17px;
		text-align: justify;
	}

	.new-heading {
		background: url(../images/line-lydo.png) center bottom no-repeat;
		background-size: 90%;
		padding-bottom: 26px;
	}

	.new-st {
		padding: 35px 0 10px;
	}

	.project-st {
		padding: 10px 0 45px;
	}

	.lydo-title {
		font-size: 13px;
	}

	.lydo-st {
		padding: 30px 0 0px;
	}

	.lydo-headding {
		font-size: 18px;
	}

	.menu-btn-box {
		position: relative;
		background: transparent;
		margin-bottom: 5px;
		float: right;
		display: block;
		height: auto;
		width: 225px;
		margin: 0 auto;
		float: unset;
	}

	.quytrinh-st {
		padding: 35px 0 15px;
	}

	.quytrinh-heading {
		display: block;
		line-height: 1.2;
		font-family: 'ChakraPetch-Bold';
		text-align: center;
		font-size: 25px;
		padding-bottom: 25px;
		margin-bottom: 0;
		text-transform: uppercase;
		color: white;
	}

	.prod-st {
		padding: 36px 0 41px;
	}

	.section_tab_feature {
		padding: 25px 0px 55px 0px;
		margin-bottom: 20px;
	}

	.about-st {
		padding: 35px 0;
	}

	.thanhtuu-content .desc {
		font-size: 16px;
		display: block;
		margin-top: -5px;
	}

	.thanhtuu-content .title {
		font-size: 15px;
		margin-top: -5px;
	}

	.thanhtuu-img {
		width: 40px;
		margin-right: 15px;
		float: left;
		margin-top: 0;
	}

	.item-pr-page {
		margin-bottom: 0px;
	}

	.visible-xs {
		display: block !important;
	}

	.section_tab_feature .tab_link_modules {
		padding-top: 0;
	}

	.lydo-headding2 {
		/* margin-bottom: 20px; */
		/* background-size: 90%; */
		/* padding-bottom: 20px; */
	}

	.lydo-item {
		display: flex;
		margin-bottom: 15px;
	}

	.lydo-thumb {
		max-width: 60px;
		min-width: 60px;
		float: left;
	}

	.quytrinh-title {
		display: block;
		margin-bottom: 0;
		font-size: 20px;
		color: #fff;
		font-family: 'ChakraPetch-Bold';
		font-family: 'Helvetica-Bold';
	}

		.quytrinh-title a {
			font-size: 29.24px;
		}

	.quytrinh-desc {
		font-size: 12.37px;
	}

	.col-xs-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.srcTitle a {
		font-size: 14px;
	}

	.xts-product .woocommerce-loop-product__title {
		font-size: 14px;
		min-height: 41px;
		max-height: 41px;
		overflow: hidden;
	}

	.xts-add-cart-btn > a {
		flex-direction: row-reverse;
		position: relative;
		right: 0;
		bottom: 0;
		transition: all .6s cubic-bezier(.19,1,.22,1);
		border-radius: 30px;
	}

	.partner-box .owl-next {
		width: 36px !important;
		height: 29px;
		background: linear-gradient(110.15deg, #247EDA 5.6%, #81E2A6 95.6%) !important;
		color: #f58634;
		text-align: center;
		font-size: 19px;
		line-height: 29px;
		right: -40px !important;
	}

	.quytrinh-item {
		text-align: center;
		margin-bottom: 20px;
	}

	.col-xs-6 {
		width: 50%;
	}

	.prod-heading {
		display: block;
		padding: 15px 29px;
		/* background: #3d3d79; */
		font-size: 20px;
		color: white;
		text-align: center;
		max-width: 420px;
		margin: 0 auto;
		margin-top: -86px;
		border-radius: 16px;
		margin-bottom: 0;
	}

	a.social {
		position: relative;
		display: inline-block;
		margin: 0.333rem 0.25rem;
		border-radius: 100px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 25px;
		width: 23px;
		height: 23px;
		font-size: 13px;
	}

	.post-title {
		font-size: 12px;
	}

	.header {
		margin-bottom: 60px;
	}

	.lydo-headding2 {
		font-size: 25px;
		line-height: 30px;
	}

	.project-heading {
		font-size: 25px;
		margin-bottom: 25px;
		padding-bottom: 5px;
	}

	.prjhome-title a {
		font-size: 14px;
	}

	.thanhtuu-st {
		padding: 24px 0 20px;
		min-height: auto;
	}

	.about-title {
		margin-top: 20px;
	}

	.thanhtuu-item {
		margin-bottom: 15px;
		display: block;
		float: left;
	}

	.newtwo-content {
		float: left;
		width: 100%;
		padding-left: 0;
	}

	.newtwo-thumb {
		float: left;
		max-width: 100%;
		overflow: hidden;
		width: 100%;
		margin-bottom: 10px;
	}

	.newone-content {
		padding: 16px 16px;
		position: relative;
		bottom: 0;
		/* background: #3d3d79f7; */
		color: white;
	}

	.search-box {
		float: left;
		margin: 10px 0px 0;
		width: 100%;
	}

	.btn-search {
		line-height: 0;
	}

	.hidden-xs {
		display: none;
	}

	.single-post-meta .comment-count, .single-post-meta .update-time {
		margin-left: 5px;
		font-size: 13px;
		color: #888;
		max-width: unset;
	}

	.form-row > .col, .form-row > [class*=col-] {
		width: 100%;
	}

	.widget-booking {
		display: none;
	}

		.widget-booking.show {
			display: block;
			position: fixed;
			background: #efefef8f;
			width: 100%;
			border-radius: 0;
			height: 100%;
			overflow: scroll;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
			z-index: 999;
		}



	.newbox-home {
		margin-top: 20px;
	}

	.albumbox-title {
		display: block;
		color: #21b90d;
		font-family: 'Montserrat-Bold';
		font-size: 17px;
		margin-bottom: 25px;
		position: relative;
		padding-bottom: 5px;
	}

	.viewall {
		font-size: 14px;
		float: right;
		margin-top: 8px;
		display: none;
		position: relative;
	}

	.newhomeone-img img {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}

	.newhomeone-img {
		float: left;
		width: 100%;
		position: relative;
	}

	.newhomeone-content {
		float: right;
		width: 100%;
		padding-left: 0;
	}

	.ng-has-child1 i {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #f58634;
		color: #3d3d79;
	}

	.page-login #login .btn-blues {
		margin-bottom: 15px;
	}

	.list-blog-page .list-blogs .blog-item .blog-item-thumbnail img {
		/* border-radius: 4px; */
		border: 1px solid #dfdfdf;
		width: 100%;
	}

	.info-related-articles ul {
		padding: 0;
		margin-bottom: 20px;
	}



	.flags img {
		max-width: 27px;
		border: 1px solid #e9e9e9;
	}

	.flags {
		width: 131px;
		position: absolute;
		top: 114px;
		text-align: center;
		right: 9px;
		z-index: 99;
		height: 30px;
	}

	.col-100-he #trigger-mobile {
		left: 12px;
	}

	.top-social {
		display: block;
		padding-top: 6px;
		width: 100%;
		text-align: center;
		padding-bottom: 6px;
	}

		.top-social li {
			float: unset;
			display: inline-block;
			width: 30px;
			height: 30px;
			/* border: 1px solid #3e3e7a; */
			border-radius: 50%;
			text-align: center;
			line-height: 31px;
			margin: 0 7px;
		}

	.col-logo #trigger-mobile {
	}

	.info-top {
		display: none;
	}

	.line-hr {
		display: none;
	}

	.fix-social-item {
		display: block;
		pointer-events: auto;
	}

	.fix-container {
		position: relative;
		display: block;
		justify-content: center;
		box-sizing: border-box;
		min-height: 54px;
		transition: all .24s;
	}

	.fix-social {
		position: fixed;
		left: unset;
		right: 10px;
		bottom: 200px;
		width: 50px;
		height: 200px;
		z-index: 99999;
		pointer-events: none;
		box-sizing: border-box;
		background: #3d3d79;
	}

	.search_form {
		/* border: 2px solid #45457f; */
		/* border-radius: 20px; */
		overflow: hidden;
		margin-top: 0;
	}

	.lang-ge {
		display: block;
		/* margin-top: 43px; */
		text-align: center;
	}

	.hdslogan {
		font-family: 'Montserrat-Bold';
		font-size: 13px;
		color: #395e00;
		margin-top: 15px;
		text-align: center;
	}

	.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-title-nav-items {
		padding: 10px;
		color: white;
		font-size: 17px;
		text-transform: uppercase;
		background: #0C447D;
		padding-bottom: 9px;
		text-align: center;
		text-rendering: geometricPrecision;
	}

	.col-100-h #trigger-mobile .icon-bar {
		background-color: #38a901;
		display: block;
		width: 22px;
		height: 4px;
		border-radius: 1px;
	}

	.col-100-h #trigger-mobile {
		width: 32px;
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		text-align: left;
		margin-top: 28px;
		margin-left: 18px;
		margin-bottom: 0;
	}

	.col-100-h .logo {
		position: relative;
		margin: 0 auto;
		display: block;
		/* left: 0; */
		/* right: 0; */
		/* max-width: 213px; */
		/* top: 0; */
		text-align: center;
	}

		.col-100-h .logo img {
			max-width: 100% !important;
			position: relative;
		}

	.headding-box-sub {
		max-width: 100%;
		display: block;
		font-size: 15px;
		margin: 0 auto;
	}

	.section-news .blogs-content .section-news-owl .item-inner .blog-image img {
		min-height: 325px;
		max-height: 330px;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	.item-video {
		position: relative;
		overflow: hidden;
		margin: 7px;
		width: 100%;
		color: #000000;
		text-align: center;
		font-size: 16px;
		display: inline-block;
		max-width: 100%;
		padding: 0;
	}

	.section_tab_feature .tab_link_modules .tab_border .ul_links {
		margin-top: 0;
	}

	.section_tab_feature .tab_link_modules {
		padding-top: 0;
	}

		.section_tab_feature .tab_link_modules .tab_border .ul_links .li_tabs a {
			font-size: 20px !important;
		}

	.line-hr {
		display: none;
	}

	header nav .nav-item > a {
		padding: 15px 8px;
	}

	.col-100-he #trigger-mobile {
		width: 35px;
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		text-align: left;
		margin-top: 13px;
		margin-right: 5px;
		margin-bottom: 8px;
	}

	.xts-product .woocommerce-loop-product__title {
		font-size: 11px;
		min-height: 36px;
	}

	.thanhtuu-img {
		min-height: 80px;
	}

	.thanhtuu-st {
		padding-top: 34px;
		padding-bottom: 40px;
	}


	.thanhtuu-content .title {
		font-size: 21px;
		display: block;
		margin-top: 0;
		font-family: 'ChakraPetch-Bold';
	}

	.about-title {
		font-size: 9px;
	}

	.thanhtuu-content .desc {
		font-size: 20px;
		display: block;
		margin-top: 0;
	}

	.about-desc {
		display: block;
		font-size: 12px;
		margin-bottom: 25px;
	}

		.about-desc h2 {
			font-size: 36px;
		}

	.srcTitle a {
		font-size: 14px;
	}

	.newone-content {
	}

	.lydo-item {
		display: block;
		margin-bottom: 45px;
		min-height: 160px;
	}

	.flags {
		width: 91px;
		position: absolute;
		top: -35px;
		text-align: center;
		right: 9px;
		z-index: 9999999;
		height: 30px;
	}

	.search_form {
		border: 2px solid #a3b488;
		border-radius: 20px;
		overflow: hidden;
		margin-top: 0 !important;
	}

	.hidden-sm {
		display: none !important;
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.section_tab_feature .tab_link_modules .tab_border .ul_links {
		margin-top: 0;
	}

	.section_tab_feature .tab_link_modules {
		padding-top: 0;
	}

		.section_tab_feature .tab_link_modules .tab_border .ul_links .li_tabs a {
			font-size: 20px !important;
		}

	header nav .nav-item > a {
		padding: 13px 8px;
	}

	.line-hr {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.single-gallery .list-gallery-thumb {
		margin-top: 10px;
		margin-bottom: 15px;
		overflow: hidden;
		max-height: 88px;
	}

	.single-gallery .list-gallery-large {
		margin-bottom: 15px;
		overflow: hidden;
		max-height: 315px;
	}

	.home-product-has-menu .list-category {
		/* background: transparent; */
		padding: 15px 20px;
		list-style: none;
		height: 40px;
		border-radius: 10px;
		width: 336px;
		margin: 0 auto;
		position: relative;
	}

		/*   .home-product-has-menu .list-category:after {
            content: "Ch?n danh m?c s?n ph?m";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 40px;
            z-index: 1;
            padding: 5px 15px;
            display: flex;
            align-items: center;
            font-weight: 700;
        }*/

		.home-product-has-menu .list-category:before {
			position: absolute;
			content: "\f107";
			font-size: 16px;
			font-family: FontAwesome;
			top: 0;
			right: 0;
			width: 100%;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			z-index: 2;
			cursor: pointer;
			padding: 0 15px;
			color: #00b0eb;
		}

	.menu-btn {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 235px;
		z-index: 99;
		left: 0;
		/* text-align: center; */
		margin: 0 auto;
	}

	.home-product-has-menu .list-category.active {
		background: #f70303;
		padding: 33px 15px 7px;
		list-style: none;
		border-radius: 10px;
		height: auto;
	}

	.home-product-has-menu .list-category li {
		display: none;
	}

	.home-product-has-menu .list-category.active li {
		display: block;
	}

	.d-xl-none {
		display: none !important;
	}

	.slide-st {
		margin-top: -10px;
	}

	.description-page {
		max-height: 100px;
	}

	.search_form {
		border: 1px solid #00b0eb;
		/* border-radius: 20px; */
		overflow: hidden;
		min-width: 337px;
	}

	.hidden-lg {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 920px) {
	.quytrinh-st .quytrinh-col:nth-child(5) .quytrinh-thumb:before {
		position: absolute;
		content: "";
		width: 107px;
		height: 73px;
		background: url(../images/line-qt1.png) no-repeat;
		right: -20px;
		bottom: -73px;
	}

	.quytrinh-st .quytrinh-col:nth-child(4) .quytrinh-thumb:before {
		position: absolute;
		content: "";
		width: 107px;
		height: 73px;
		background: url(../images/line-qt2.png) no-repeat;
		right: -21px;
		top: -68px;
	}

	.quytrinh-st .quytrinh-col:nth-child(2) .quytrinh-thumb:before {
		position: absolute;
		content: "";
		width: 107px;
		height: 73px;
		background: url(../images/line-qt2.png) no-repeat;
		right: -21px;
		top: -68px;
	}

	.quytrinh-st .quytrinh-col:nth-child(2) {
		margin-bottom: 30px;
	}

	.quytrinh-st .quytrinh-col:nth-child(3) .quytrinh-thumb:before {
		display: none;
	}

	.d-md-none {
		display: none;
	}

	.ng-has-child1 i {
		position: absolute;
		right: 20px;
		top: 17px;
	}

	.search_form {
		border: 2px solid #a3b488;
		border-radius: 20px;
		overflow: hidden;
		margin-top: 15px;
	}

	.lang-ge {
		display: block;
		margin-top: 20px;
		text-align: center;
	}

	.hdslogan {
		font-family: 'Montserrat-Bold';
		font-size: 13px;
		color: #395e00;
		margin-top: 15px;
		text-align: center;
	}

	.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-title-nav-items {
		padding: 10px;
		color: white;
		font-size: 17px;
		text-transform: uppercase;
		background: #38a901;
		padding-bottom: 9px;
		text-align: center;
		text-rendering: geometricPrecision;
	}

	.col-100-h #trigger-mobile .icon-bar {
		background-color: #38a901;
		display: block;
		width: 22px;
		height: 4px;
		border-radius: 1px;
	}

	.col-100-h #trigger-mobile {
		width: 32px;
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		text-align: left;
		margin-top: 28px;
		margin-left: 18px;
		margin-bottom: 0;
	}

	.col-100-h .logo {
		position: relative;
		margin: 0 auto;
		display: block;
		/* left: 0; */
		/* right: 0; */
		/* max-width: 213px; */
		/* top: 0; */
		text-align: center;
	}

		.col-100-h .logo img {
			max-width: 100% !important;
			position: relative;
		}

	.headding-box-sub {
		max-width: 100%;
		display: block;
		font-size: 15px;
		margin: 0 auto;
	}

	.section-news .blogs-content .section-news-owl .item-inner .blog-image img {
		min-height: 325px;
		max-height: 330px;
		overflow: hidden;
	}

	.newhomeone-img img {
		max-width: 100%;
		width: 100%;
	}

	.newhomeone-content {
		float: right;
		width: 100%;
		padding-left: 0;
		margin-top: 10px;
	}

	.newhomeone-img {
		float: left;
		width: 100%;
		position: relative;
	}

	.viewall {
		font-size: 14px;
		float: right;
		margin-top: 0px;
		position: relative;
	}

	.albumbox-title {
		display: block;
		color: #21b90d;
		font-family: 'Montserrat-Bold';
		font-size: 12px;
		margin-bottom: 25px;
		position: relative;
		padding-bottom: 5px;
	}

	.hdslogan {
		margin-top: 47px;
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	.d-md-none {
		display: none;
	}

	.col-menu-c {
		padding: 0 4px;
	}

	#txt_search {
		max-width: 337px;
		height: 36px;
	}

	.menu-lft {
		padding-left: 40px;
	}

	.new-st .row {
		/* display: flex; */
	}
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
	width: 100% !important
}

.fb-page, .fb-page span, .fb-page span iframe[style] {
	width: 100% !important
}

.d_page {
	width: 100%;
	margin: 15px 0 25px 0;
	/* float: left; */
	text-align: center;
	FONT-SIZE: 16PX;
	display: block;
}

	.d_page b {
		background-color: #247EDA;
		border-color: #247EDA;
		color: #fff;
		margin-right: 8px;
		width: 45px;
		height: 45px;
		font-size: 17px;
		border-radius: 50px;
		font-weight: 400;
		display: inline-block;
		line-height: 45px;
	}

	.d_page a {
		margin: 0 2.5px;
		background: #fff;
		text-align: center;
		display: inline-block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		line-height: 45px;
		/* font-size: 17px; */
		color: #247EDA;
		border: 1px solid #247EDA;
		text-decoration: none;
	}

		.d_page a:hover {
			/* background-color: #e72c2d; */
			/* border-color: #e72c2d; */
			/* color: #fff; */
		}



.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
	max-width: 100% !important;
	width: 100% !important;
}

.page-node.current {
	color: #21b90d;
}

.d_page .prev {
	transform: rotate(180deg);
}

.expanded {
	max-height: unset;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.hidden {
	display: none !important;
}
