@media (min-width: 850px) {
	/* 	css menu top */
	div#top-bar {
		background: linear-gradient(90deg, rgb(204, 149, 239) 0%, rgb(251, 163, 172) 33.7838%, rgb(255, 203, 172) 67.1171%, rgb(255, 234, 204) 96%);
	}
	/* 	css menu main */
	div#masthead ul li.menu-item a.nav-top-link {
		font-size: 13.5px;
		text-transform: math-auto;
		color: #222;
		font-weight: 500;
		padding: 0 6px;
	}
	
	/* 	css menu drop */
	.sub-menu.nav-dropdown {
		border: 0 !important;
		padding: 15px !important;
	}

	.menu-list-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr); 
		gap: 10px;
	}

	.menu-list-product a {
		border-radius: 6px;
		padding: 8px;
	}

	.menu-list-product a:hover {
		background: #33a7ff1f;
	}

	.menu-list-product p strong {
		font-weight: 600;
		font-size: 14px;
	}

	.menu-list-product p span {
		font-size: 9.4px;
		font-weight: 600;
		background: #33a7ff4d;
		color: var(--colorMain);
		padding: 2px 4px;
		border-radius: 4px;
	}

	.menu-list-product strong {
		padding-right: 4px;
	}

	.menu-list-product p:last-child {
		font-size: 13px;
		color: rgb(100, 106, 115);
		line-height: 18px;
	}

	.box-radius {
		border-radius: 8px;
		overflow: hidden;
	}
	
	.box-radius .box-text {
		padding: 10px 10px 10px 12px;
	}

	#masthead .box-radius a.button.primary {
		padding-left: 0 !important;
		margin-top: 5px;
	}
	
/* 	css menu blog */
	.menu-blog-vertical .col.post-item > .col-inner {
		box-shadow: 0 0;
		border-radius: 4px;
		padding: 0 5px;
	}
	
	.menu-blog-vertical .col.post-item > .col-inner:hover {
		box-shadow: rgb(66 89 153 / 10%) 0px 4px 4px 0px;
	}

	.menu-blog-vertical .col.post-item .box-text {
		padding: 8px 0 0 10px !important;
	}

	.menu-blog-vertical .col.post-item .box-text .meta-archive {
		display: none;
	}

	.menu-blog-vertical .col.post-item h5.post-title a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: 400;
		-webkit-line-clamp: 2;
		height: 42px;
	}

	.menu-blog-vertical .col.post-item .box-image img {
		border-radius: 4px;
		overflow: hidden;
	}

	.menu-blog-vertical .col.post-item {
		padding-bottom: 6px !important;
	}

	.menu-blog-bg > .col-inner {
		padding: 20px 10px 0 10;
	}

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

	.menu-title-blog p strong {
		color: #222;
		font-size: 14px;
	}

	.menu-link-blog a.ux-menu-link__link {
		font-weight: 400;
		font-size: 13px;
		color: #222;
		line-height: 0;
	}

	.menu-blog-vertical {
		margin: 0 !important;
	}

	.menu-blog-bg .stack.stack-row, .menu-no-stack {
		padding: 0 28px;
	}
	
	.menu-customer-list {
		padding: 0 24px;
	}
	
	/* 	css menu resources */
	.menu-customer-list {
		display: grid;
		grid-template-columns: auto auto auto;
		justify-items: center;
		gap: 24px;
	}

	.customer-item .icon-box-img {
		margin-bottom: 0 !important;
		height: 40px;
	}

	.customer-item .icon-box-text h4 {
		font-size: 13px;
		font-weight: 500;
		margin-bottom: 0;
	}

	.customer-item .icon-box-text p {
		font-size: 13px;
		color: #222;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 44px;
	}

	.customer-item .icon-box-text {
		padding-left: 0 !important;
	}

	.customer-item .icon-box {
		padding: 6px;
	}

	.customer-item .icon-box:hover {
		border-radius: 6px;
		box-shadow: rgba(36, 91, 219, 0.03) 0px 4px 16px 4px, rgba(36, 91, 219, 0.04) 0px 4px 8px 0px, rgba(36, 91, 219, 0.12) 0px 2px 4px -4px;
	}
	
	/* css services */
	.service-box-popular .col-inner {
/* 		margin-top: -93px; */
	}
	
	/* 	css product list */
	.product-list-p .row:nth-child(2n - 1) > .col:first-child {
		flex-basis: 54% !important;
		max-width: 54% !important;
	}

	.product-list-p .row:nth-child(2n - 1) > .col:last-child {
		flex-basis: 46% !important;
		max-width: 46% !important;
	}

	.product-list-p .row:nth-child(3n) > .col:first-child {
		flex-basis: 46% !important;
		max-width: 46% !important;
	}

	.product-list-p .row:nth-child(3n) > .col:last-child {
		flex-basis: 54% !important;
		max-width: 54% !important;
	}

	
}
  
	
@media (max-width: 768px) {
	/* 	css menu */
	li.html.custom.html_topbar_left strong {
		display: flex;
		font-weight: 300;
		text-transform: none !important;
		font-size: 12px;
		align-items: center;
	}
	.nav-slide-header .toggle {
		opacity: 1;
	}
	
	/* 	css menu */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #fff !important;
	}

	.sidebar-menu.no-scrollbar {
		padding-top: 0px !important;
	}
	
	.sidebar-menu-top-content {
		background: #cccccc52;
		padding: 10px;
	}

	ul.sidebar-menu-tabs.flex.nav.nav-line-bottom {
		border-bottom: 1px solid #ccccccc2;
	}

	.sidebar-menu-tabs.nav>li>a:before {
		display: none;
	}

	.sidebar-menu-tabs.nav>li>a {
		padding: 10px;
		color: #222;
	}

	.sidebar-menu-tabs.nav>li.active>a {
		background: #fff;
		color: var(--colorMain);
		box-shadow: inset 0.1rem 0.2rem 0.4rem #c8d0e7b0, inset -0.1rem -0.2rem 0.4rem #fff;
	}

	.sidebar-menu .nav-sidebar li.menu-item .sub-menu {
		padding-bottom: 10px;
	}

	.sidebar-menu .nav-sidebar li.menu-item a {
		color: #222;
		font-weight: 300;
		padding: 12px 10px 12px 15px;
		text-transform: none;
		font-size: 15px;
	}

	.sidebar-menu .nav-sidebar li.menu-item .sub-menu li.menu-item a {
		color: #484848;
		font-size: 13px;
		padding: 5px 5px 5px 30px;
	}

	input#s {
		box-shadow: 0 0;
/* 		border-radius: 6px 0 0 6px !important; */
	}

	input#s, input#s::placeholder {
		font-weight: 300;
		color: #222;
	}

	input#s::placeholder {
		font-size: 14px;
	}

	button.ux-search-submit.submit-button {
		background: var(--colorMain);
		border-radius: 0 6px 6px 0;
	}

	button.ux-search-submit.submit-button i {
		font-size: 15px !important;
	}
	
	.gt-conso p strong {
		font-size: 18px;
	}
	footer#footer {
		padding-bottom: 50px;
	}
}

@media (max-width: 549px) {
	.noPadding-mb {
		padding-bottom: 0 !important;
	}
	
	.btn-link {
		padding: 0 18px 0 18px !important;
	}
	
	.video-gallery .gallery-box.box-default {
		height: 60px !important;
		display: block !important;
	}
	
	.text-justify p {
		text-align: justify;
	}
	
	/* 	css user team */
	.stack-over {
		overflow-x: auto;
		padding-left: 0 !important;
	}

	.stack-user-team {
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		width: max-content;
		max-width: 1000px;
	}

	.user-team {
		padding: 40px 10px 20px 10px !important;
	}
	
	.user-team-gallery .gallery-col.col {
		padding: 5px;
	}
	
	/* 	css service */
	.service-box:not(:last-child) {
		padding-bottom: 60px !important;
	}
	
	/* 	css section video */
	.title-video h2 {
		font-size: 24px !important;
		line-height: 35px !important;
	}
	
	/* 	css title */
	.web-title h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	
	/* 	css FAQ */
	.acc-faq .accordion-title span {
		font-size: 14px;
	}
	
	/* 	css footer */
	.st-footer {
		padding: 30px 12px;
	}
	
	/* css product list */
	.tabbed-content.tab-product {
		gap: 0px;
	}
	ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center {
		display: flex;
		justify-content: flex-start;
		overflow: auto;
		flex-wrap: nowrap;
	}

	.tab-product .nav .tab a {
		font-size: 14px;
	}

	.tab-product .nav .tab a span {
		width: max-content;
	}
	
	.product-content p strong {
		font-size: 17px;
	}

	.product-content h3 {
		font-size: 25px;
	}

	.product-content p:last-child {
		font-size: 17px;
	}
	
	/* 	css blog */
	.blog-archive h1.page-title {
		font-size: 20px;
	}
	
	/* 	css page pricing */
	.pricing-list-product {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		overflow-x: auto;
		gap: 15px;
		justify-items: center;
		align-items: end;
		justify-content: start;
	}

	.pricing-list-product .icon-box-text p {
		font-size: 13px;
	}

	.pricing-list-product a {
		width: max-content;
	}
	
	/* 	css page gioi thieu */
	.box-gt .box-image {
		width: 230px;
		height: 190px;
	}
}