/*---------------------//------------------------*/

/*Small devices (landscape phones, 576px and up) min-width: 576px*/
@media (min-width: 576px) {

}
/* END Small devices (landscape phones, 576px and up) min-width: 576px */
/*---------------------//------------------------*/

/*Medium devices (tablets, 768px and up) min-width: 768px*/
@media (min-width: 768px) {
	
}
/*END Medium devices (tablets, 768px and up) min-width: 768px*/
/*---------------------//------------------------*/

/*Medium devices (tablets, 992px and up) min-width: 992px*/
@media (min-width: 992px) {
	.banner-img {
	    position: absolute;
	    top: auto;
	    right: auto;
	    bottom: -110px;
	    left: 95%;
	    margin-bottom: 0;
	    width: 420px;
	}
}
/*END Medium devices (desktops, 992px and up) min-width: 992px*/
/*---------------------//------------------------*/

/*Extra large devices (large desktops, 1200px and up) min-width: 1200px*/
@media (min-width: 1200px) {
	
}
/*END large devices (large desktops, 1200px and up) min-width: 1200px*/
/*---------------------//------------------------*/

/*Extra large devices (large desktops, 1400px and up) min-width: 1400px*/
@media (min-width: 1400px) {

}
/*end Extra large devices (large desktops, 1400px and up) min-width: 1400px*/
/*---------------------//------------------------*/

@media (min-width: 1600px) {


}
/*---------------------//------------------------*/


/*Small devices (landscape phones, 576px and up) (min-width: 576px) and (max-width: 767.98px)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}
/*END Small devices (landscape phones, 576px and up) (min-width: 576px) and (max-width: 767.98px)*/
/*---------------------//------------------------*/

/*Medium devices (tablets, 768px and up) (min-width: 768px) and (max-width: 991.98px)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}
/*END Medium devices (tablets, 768px and up) (min-width: 768px) and (max-width: 991.98px)*/
/*---------------------//------------------------*/

/*Large devices (desktops, 992px and up) (min-width: 992px) and (max-width: 1199.98px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}
/*END Large devices (desktops, 992px and up) (min-width: 992px) and (max-width: 1199.98px)*/
/*---------------------//------------------------*/

@media (min-width: 1200px) and (max-width: 1399.98px) {

}
/*---------------------//------------------------*/

/*Large devices (desktops, less than 1400px) max-width: 1399.98px*/
@media (max-width: 1600px) {

}
/*END Large devices (desktops, less than 1400px) max-width: 1399.98px*/
/*---------------------//------------------------*/

/*Large devices (desktops, less than 1400px) max-width: 1399.98px*/
@media (max-width: 1399.98px) {
	.top-after:after{
		right: 0;
	}
	.background-after-image:after{
		right: 0;
	}
	
	.row-collapse .pdl-100{
		padding-left: 50px !important;
	}
	.section-professional .col-inner.text-left{

	}
}
/*END Large devices (desktops, less than 1400px) max-width: 1399.98px*/
/*---------------------//------------------------*/

/*Large devices (desktops, less than 1200px) max-width: 1199.98px*/
@media (max-width: 1199.98px) {
	ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase{
		gap: 30px;
	}
	.fs-36, .fs-36 .section-title-main {
		font-size: 32px;
		line-height: 44px;
	}
	h3 .section-title-main {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 28px;
	}
	.fs-20, .fs-20 .section-title-main {
		font-size: 16px;
		line-height: 24px
	}
	div#content.blog-single {
		padding: 48px 12px;
	}
	.blog-single .large-9.col, .blog-single .large-3.col{
		padding-right: 12px;
		padding-left: 12px;
	}
	.products-highlight .section .col.col-info {
		padding: 32px 0 16px;
	}

	.row-follow h4 .section-title-main {
		font-size: 24px;
    	line-height: 32px;
    	margin-top: 30px;
	    margin-bottom: 25px;
	}
}
/*END Large devices (desktops, less than 1200px) max-width: 1199.98px*/
/*---------------------//------------------------*/

/*Medium devices (tablets, less than 992px) max-width: 991.98px*/
@media (max-width: 1024px) {
	.row-collapse .pdr-80 {
		padding-right: 50px !important;
	}
	.pb-170 {
		padding-bottom: 80px !important;
	}
}
@media (max-width: 991.98px) {
	.homepage-banner a.button.primary span{
		font-size: 16px;
	}
	.homepage-banner a.button.primary{
		padding: 12px 24px;
	}
	.section-product-home .flickity-button{
		top: -110px;
	}
	.py-120 {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	.section-professional.py-120{
		padding-top: 54px !important;
		padding-bottom: 45px !important;
	}
	ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase{
		gap: 15px;
	}
	.fs-36, .fs-36 .section-title-main {
		font-size: 26px;
		line-height: 32px;
	}
	.content-homepage-section:after{
		width: 75px;
		height: 102px;
		background-position: left;
		top: 0px;
	}
	.section-professional:before, .section-doitac:after, .top-after:after, 
	.box-form > .col-inner:after, .suport-col:after,
	.section-doitac:before, .section-tintuc:before, .content-homepage-section:before{
		content: unset;
	}

	.chuyennghiep-col{
		margin-bottom: 50px;
	}
	.row-collapse .pdl-78, .section-content .about-column{
		margin-top: 30px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.section-content .about-column{
		margin-top: 0;
		padding-bottom: 40px !important;
		padding-top: 40px !important;
	}
	.section-content .about-column .col-inner{
		max-width: 100% !important; 
	}
	.fs-48, .fs-48 .section-title-main{
		font-size: 20px;
		line-height: 32px;
	}
	.pt-120 {
		padding-top: 80px !important;
	}
	.pb-85 {
		padding-bottom: 35px !important;
	}
	.pt-95 {
		padding-top: 45px !important;
	}
	.mb-16 {
		margin-bottom: 12px !important;
	}
	.mb-84 {
		margin-bottom: 40px !important;
	}
	.mb-24 {
		margin-bottom: 16px !important;
	}
	.mb-48 {
		margin-bottom: 40px !important;
	}
	.mb-75 {
		margin-bottom: 40px !important;
	}
	.section-product-home .flickity-slider .col, .related-products-wrapper .flickity-slider .col {
		flex-basis: 33% !important;
		max-width: 33% !important;
		padding-bottom: 0 !important;
	}
	.row-collapse .pdr-80 {
		padding-right: 15px !important;
	}
	.homepage-banner:before {
		height: 30%;
		width: 30%;
		background-size: contain;
		bottom: 150px;
	}
	h4 .section-title-main{
		font-size: 16px;	
		line-height: normal;
	}
	h2.section-title span.section-title-main{
		font-size: 24px;
		line-height: normal;
	}
	h1.section-title span.section-title-main{
		font-size: 32px;
		line-height: normal;
	}
	h3 .section-title-main{
		font-size: 16px;
		line-height: normal;
	}
	.products-highlight .section-title {
		margin-bottom: 12px;
	}
	.doi-tac .ux-logo{
		padding: 12px;
	}
	.doi-tac .col{
		padding-bottom: 15px !important;
		padding-left: 4px;
		padding-right: 4px;
	}
	.section-doitac .doi-tac {
		padding: 0 8px !important;
	}
	.section-doitac .flickity-slider .col{
		flex-basis: 44% !important;
		max-width: 44% !important;
		padding-bottom: 0 !important;
	}
	.fs-32, .fs-32 .section-title-main{
		font-size: 24px;
		line-height: 32px
	}
	.box-content.fs-20{
		line-height: 28px;
	}
	.fs-20, .fs-20 .section-title-main{
		font-size: 14px;
		line-height: 20px;
	}
	.section-doitac .fs-20 .section-title-main{
		font-size: 16px;
		line-height: 28px;
	}
	.section-content .about-column .fs-20.box-content{
		font-size: 16px;
		line-height: 28px;
	}
	#footer .mb-40 {
		margin-bottom: 24px !important;
	}
	#footer .pull-right {
		float: unset;
		margin: auto !important;
	}
	.py-80 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.col.column-gtcl {
		flex-basis: 50%;
		max-width: 50%;
		margin-bottom: 24px;
	}
	.box-form > .col-inner{
		padding: 40px 16px;
	}
	.mobile-sidebar li a {
		color: var(--neutral-900, #1C1C1C);
		font-family: Open Sans;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
	}
	.header-list-post-store {
		display: none;
	}
	.item-post-store {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 12px;
		width: calc(50% - 8px);
		border: 1px solid #F3F3F3;
		padding: 20px;
	}
	.left-store{
		display: block;
		color: #000;
		font-family: Open Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		width: 100px;
	}
	.content-store{
		width: calc(100% - 100px - 20px);
		text-align: right;
	}
	.list-post-store .name , .list-post-store .stt, .list-post-store .quanhuyen, .list-post-store .tinhthanh, 
	.list-post-store .dinhvi, .list-post-store .address-store{
		width: 100%;
	}
	.body-list-post-store {
		display: flex;
		flex-direction: row;
		gap: 16px;
		padding-top: 16px;
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.item-post-store > div {
		display: flex;
		justify-content: space-between;
	}
	.box-item-filter-store{
		flex-wrap: wrap;
	}
	.list-city, .list-store{
		width: calc(50% - 12px);
	}
	.shop-container .products  > .product-small.type-product {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	a.filter-button.uppercase.plain {
		border-radius: 8px;
		border: 1px solid var(--neutral-100, #E8E8E8);
		padding: 10px;
		margin-left: 12px;
		display: flex;
		align-items: center;
		gap: 15px;
		color: var(--neutral-500, #8A8A8A);
		font-family: Open Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 20px;
		width: max-content;
	}
	.product-footer .woocommerce-tabs{
		margin-bottom: 40px;
		padding-bottom: 0;
	}
	.product-main{
		padding-bottom: 40px;
	}
	.product-info{
		margin-top: 24px;
	}
	.product-images.woocommerce-product-gallery.woocommerce-product-gallery--with-images{
		margin:auto;
	}
	.product-title.product_title.entry-title{
		font-size: 20px;
		line-height: 32px;
	}
	.quycach, .product-short-description {
		font-size: 14px;
		line-height: 20px;
	}
	p.price.product-page-price span.woocommerce-Price-amount.amount{
		font-size: 24px;
		line-height: 32px;
	}
	ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
		overflow: scroll;
		white-space: nowrap;
		display: block;
		width: 100%;
	}
	ul.tabs.wc-tabs.product-tabs li {
		width: max-content;
	}
	ul.tabs.wc-tabs.product-tabs::-webkit-scrollbar, ul.tabs.wc-tabs.product-tabs::-webkit-scrollbar {
		display: none;
	}
	.product-info.summary.col-fit.col.entry-summary.product-summary .detail-product, .tab-panels {
		padding: 24px 16px;
	}
	.blog-single .large-3.col, .blog-single .large-9.col{
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;

	}
	div#content.blog-single {
		padding: 40px 12px;
	}
	.bottom-content-post {
		margin-top: 40px;
		padding-top: 40px;
	}
	.share-content-post, .bottom-content-post{
		margin-bottom: 40px;

	}
	.right-post-siderbar{
		margin: 0 !important;
	}
	.right-post-siderbar > .col.small-12.large-12{
		padding-left: 4px;
		padding-right: 4px;
	}
	.widget_custom_html .col.post-item .box.box-vertical .box-image {
		width: 40% !important;
	}
	.widget_custom_html .col.post-item .box.box-vertical {
		display: flex;
		align-items: center;
	}
	h1.entry-title {
		font-size: 24px;
		line-height: 32px;
	}
	.homepage-banner:after{
		width: 130px;
		height: 130px;
	}
	.homepage-banner .ux-shape-divider svg{
		width: 150% !important	;
	}
	.bg-after-image:after{
		top: -50px;
	}
	.section-banner-top.section {
	    padding: 80px 0 0 !important;
	}
	.section-banner-top.section .bg-fill {
	    background-position: right;
	}
	.section-banner-top.section .col {
	    padding: 0;
	}
	.banner-slogan p {
		font-size: 60px;
		line-height: 120%
		letter-spacing: 4px;
	}
	.banner-img {
	    position: relative;
	    margin: 60px auto 0;
	    width: auto;
	    padding: 0 24px;
	}	
	.banner-logo {
		max-width: 200px;
		height: auto;
	}
	.banner-img p {
	    justify-content: center;
	}
	.products-highlight .section {
	    padding-left: 16px;
	}
	.row-follow .list-icon a {
		border-radius: 16px;
		background: #FFF;
		height: 84px;
		padding: 16px !important;
	}	
	.row-follow .box-list .col-inner .ux_logo {
		flex-basis: 84px !important;
	}
	.row-follow .box-list .col-inner {
		gap: 30px;
	}
}
/*END Medium devices (tablets, less than 992px) max-width: 991.98px*/
/*---------------------//------------------------*/

/*Small devices (landscape phones, less than 768px) max-width: 767.98px*/
@media (max-width:850px) {
	.section-professional:after{
		content: "";
		width: 100%;
		height: 303px;
		background: rgba(255, 255, 255, 0.60);
		position: absolute;
		right: 0;
		bottom: 0;
	}
	input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea{
		padding: 18px 12px;
	}
	div#masthead i.icon-menu {
		color: #292D32;
		font-size: 24px !important;
	}
	div#shop-sidebar{
		border-radius: 0;
	}
	.off-canvas-left.mfp-ready .mfp-content{
		max-width: 365px;
		width: 100%;
	}
	.mfp-ready .mfp-close{
		opacity: 1;
		mix-blend-mode: unset;
		color: black;
	}
	div#main-menu li a {
		text-transform: unset;
	}
	.list-city, .list-store{
		width: 100%;
	}
	.body-list-post-store{
		row-gap: 0;
	}
	.box-item-filter-store {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px 16px;
	}
	.search-store-btn{
		margin-left: 0;
	}
	.item-post-store{
		width: 100%;
		border: 0;
		border-bottom: 1px solid #F3F3F3;
		padding:  20px 0;
	}
	.list-post-store{
		padding: 12px;
	}
	.item-post-store:last-child{
		border-bottom: 0;
	}
	.dsdl-section .mb-80{
		margin-bottom: 48px	 !important;
	}
	.dsdl-section .mb-24{
		margin-bottom: 34px !important;
	}
	.dsdl-section.pb-95{
		padding-bottom: 40px !important;
	}
	.product-section-title.container-width.product-section-title-related{
		margin-bottom: 40px;
	}
	.product-footer {
		padding-bottom: 80px;
	}
	.page-title:not(.featured-title)+main .product-main{
		padding-top: 20px;
	}
	.shop-page-title.page-title{
		padding: 16px 0;
	}
	.bg-image-aboutus .box-image {
		width: 100%!important;
	}
	.bg-image-aboutus {
		display: flex;
		flex-direction: column;
	}
	#footer .fs-mb-16 h4.section-title.section-title-normal span.section-title-main{
		font-size: 16px;
	}
	.product.type-product.product-detail:before, .product.type-product.product-detail:after{
		content: unset;
	}
	.banner-slogan p {
		font-size: 44px;
		letter-spacing: 2px;
	}	
	.banner-logo {
		max-width: 120px;
	}
	.section-banner-top.section {
	    padding: 60px 0 0 !important;
	}
	.banner-img {
	    margin: 40px auto 0;
	}
}
/*Extra small devices (portrait phones, less than 576px) max-width: 575.98px*/
@media (max-width: 575.98px) {
	.ux-logo.has-hover.logo-footer img {
		margin: auto;
	}
	.product-small.product.type-product > .col-inner .box-image {
		background: rgba(220, 220, 220, 0.5);
		border-radius: 16px;
		padding: 12px;
	}
	/*.product-small.product.type-product > .col-inner{
		box-shadow: unset;
		padding: 0;
		border: 0;
	}*/
	.wpcf7-response-output{
		width: auto;
	}
	.mb-fs-12 p {
		font-size: 12px;
		line-height: 16px;
	}
	.mb-fs-14 span.section-title-main {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.mb-fs-16 p, .mb-fs-16 span.section-title-main, .mb-fs-16 {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.doi-tac .ux-logo-link img {
		height: 30px !important;
	}
	.off-canvas-left.mfp-ready .mfp-content{
	}
	.section-tintuc .slider-nav-reveal .flickity-prev-next-button{
		display: none;
	}
	input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea{
		margin-bottom: 24px;
	}
	.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button{
		display: none;
	}
	.shop-container .products  > .product-small.type-product {
		flex-basis: 50%;
		max-width: 50%;
	}
	body{
		font-size: 16px;
		line-height: 28px;
	}
	.section-product-home .flickity-button{
		display: none;
	}
	.homepage-banner:after{
		width: 130px;
		height: 130px;
	}
	.section-product-home .flickity-slider .col, .related-products-wrapper .flickity-slider .col {
		flex-basis: 50% !important;
		max-width: 50% !important;
		padding-bottom: 0 !important;
	}
	.content-homepage-section .mb-40{
		margin-bottom: 24px !important;
	}
	.section-professional .fs-36, .section-professional .fs-36 .section-title-main{
		font-size: 28px;
		line-height: 36px;
	}
	.section-professional h3 .section-title-main{
		font-size: 22px;
	}
	.section-professional .fs-20,  .section-professional .fs-20 .section-title-main{
		font-size: 18px;
		line-height: 28px;
	}
	p.name.product-title.woocommerce-loop-product__title a, span.woocommerce-Price-amount.amount{
		font-size: 16px;
		line-height: normal;
	}
	.post-title.is-large{
		font-size: 20px;
		line-height: 32px !important;
	}
	p.cat-label, .post-meta{
		font-size: 14px;
		line-height: 20px;
	}
	.section-doitac .box-text-inner.blog-post-inner{
		justify-content: space-between;
	}
	.homepage-banner {
		margin-bottom: -250px;
	}
	
	.box-vertical h5.post-title.is-large {
		margin-bottom: 15px;
	}


	.homepage-banner.pb-305 {
		padding-bottom: 255px !important;
	}
	.mb-text-center .section-title .section-title-main {
		text-align: center;
		width: 100%;
	}
	.section-doitac .flickity-slider .col{
		flex-basis: 66% !important;
		max-width: 66% !important;
		padding-bottom: 0 !important;
	}
	#footer .list-icon .col-inner.text-left {
		display: flex;
		align-items: center;
		justify-content: center;
		gap:16px;
	}
	#footer .list-icon .col-inner.text-left .ux-logo {
		flex-basis: max-content;
	}
	#footer .mb-text-center .col-inner .mb-24 {
		margin-bottom: 24px !important;
	}
	#footer .mb-text-center .col-inner {
		text-align: center;
	}
	.column-gtcl > .col-inner{
		padding: 16px 12px;
	}
	.column-gtcl .fs-20 .section-title-main{
		font-size: 20px;
		line-height: 28px;
	}
	.section-chuyennghiep .suport-col,
	.section-chuyennghiep .mb-40{
		margin-bottom: 80px !important;
	}
	.fs-20, .fs-20 .section-title-main {
		font-size: 20px;
		line-height: 32px;
	}
	.line-height-28, .line-height-28 p, .line-height-28 .section-title-main{
		line-height: 32px;
	}
	.fs-32, .fs-32 .section-title-main{
		font-size: 20px;
		line-height: 32px;
	}
	.section-doitac.pt-120 {
		padding-top: 60px !important;
	}
	.pb-80.section-hoptac{
		padding-top: 80px !important;
		padding-bottom: 60px !important;
	}
	.section-chuyennghiep:after{
		width: 80%;
	}
	.section-chuyennghiep .section-content:before{
		top: 80px;
		width: 100%;
	}
	.row.category-page-row span.woocommerce-Price-amount.amount{
		font-size: 16px;
		line-height: 24px;
	}
	.section-product-home .quy_cach{
		margin-bottom: 0;
	}
	.section-product-home  .product-small .box-text.text-left{
		gap: 8px;
		display: flex;
		flex-direction: column;
	}
	.section-product-home p.name.product-title.woocommerce-loop-product__title a{
		text-transform: unset;
	}
	.flickity-slider p.name.product-title.woocommerce-loop-product__title a{
		-webkit-line-clamp: 2;
	}
	.banner-slogan p {
		font-size: 40px;
		line-height: 40px;
	}	
	.banner-logo {
		max-width: 100px;
	}
	.section-banner-top.section {
	    padding: 40px 0 0 !important;
	}
	.banner-img {
	    margin: 30px auto 0;
	}
	.row-follow h4 .section-title-main {
	    font-size: 20px;
	    line-height: 32px;
	}
	.row-follow .list-icon a {
		border-radius: 10px;
		height: 48px;
		padding: 9px !important;
	}	
	.row-follow .box-list .col-inner .ux_logo {
		flex-basis: 48px !important;
	}
	.row-follow .box-list .col-inner {
		gap: 16px;
	}
}
/*END Extra small devices (portrait phones, less than 576px) max-width: 575.98px*/
/*---------------------//------------------------*/