/* 1199 */

@media screen and (max-width: 1199.5px) {
	.site-tieubieu .box-tieubieu .text{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.row-vt{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		margin: auto;
	}
	.col-vt{
		order: 2;
	}
	.header__logo img{
		max-width: 200px;
	}
	.header__menu{
		display: none;
	}
	.site-tieubieu .box-tieubieu .text{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 69%;
		flex: 0 0 69%;
		max-width: 69%;
	}
	.site-theme .items-theme .images{
		height: 300px;
	}
	.footer__content2{
		padding-left: 0;
	}
	.items-price .js-content ul li{
		text-align: left;
		display: flex;
	}
	.product-grid {
        grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 0;
    }
	.header{
		position:relative;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header-top span{
		display: none;
	}
	.block{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	h2{
		font-size: 1.41rem;
		line-height: 1.69rem;
	}
	#site-viewpost h4 a{
		font-size: 1rem;
		line-height: 1.2rem;
	}
	#taxo-home h4 a {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	#news h4 a {
		font-size: 1rem !important;
		line-height: 1.2rem !important;
	}
	#site-viewpost .grid-home .the_title{
		margin-top: 0 !important;
	}
	#site-viewpost .grid-home .grid-items {
		padding: 16px 0;
	}
	.header-top .btn-custom{
		position: relative;
		background: none;
		padding: 10px 0px;
		height: auto;
		width: 100%;
	}
	.header-top .btn-custom br{
		display: none;
	}
	#wpadminbar{
		position: fixed;
	}
	.header__logo img{
		max-width: 120px;
	}
	.pd-main{
		padding: 30px 0px;
	}
	.title-main .heading{
		font-size: 20px;
	}
	.title-main .heading1{
		font-size: 14px;
	}
	.title-main{
		margin-bottom: 20px;
	}
	.title-main .heading1{
		margin-bottom: 10px;
	}
	.content-area .items-news h3 a{
		font-size: 16px;
	}
	.content-area .items-news p{
		font-size: 14px;
	}
	.mbb-0{
		margin-bottom: 0 !important;
	}
	
	footer .item-footer {
		gap: 20px;
		margin-top: 20px;
	}
	footer {
		padding: 1.8rem 0;
	}
	footer .mb-45{
		margin-bottom: 10px;
	}
	footer .footer-local .content-left p:first-child {
		padding-right: 0;
		border-right: unset;
	}
	footer .footer-local .content-left p:last-child {
		padding-left: 0;
	}
	footer .footer-local .content-left {
		flex-direction: column;
	}
	footer #footer-nav{
		padding-top: 10px;
	}
	.cf-desk-top{
		display: none;
	}
	.cf-mobile{
		display: block !important;
	}
	footer .menu-cf ul li:nth-child(2n+2) {
		padding-left: 0;
		padding-right: 0;
		border-right: unset;
	}
	footer .menu-cf ul li:first-child {
		display: none;
	}
	footer .menu-cf ul {
		flex-direction: column;
	}
	footer .menu-cf ul li:last-child {
		padding-left: 0;
	}
	.header .header-mobile ul {
		display: flex;
	}
	.site-page ul {
		padding-left: 16px;
		padding-right: 16px;
	}
	.footer-menu, .footer-contact{
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
    }
	footer {
		flex-direction: column;
	}
	footer .footer-contact .container-form-mail{
		margin-left: unset;
	}
	.custom-formmail{
		flex-direction: column;
		margin-top: 40px;
		align-items: flex-start;
	}
	footer .footer-contact .container-form-mail {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.custom-formmail .btn-black {
		margin-top: 40px;
	}
	.custom-menu-nav{
		display: flex;
		margin-bottom: 15px;
	}
	.custom-menu-nav .menu-name, .custom-menu-nav #footer-nav{
		padding-top: unset;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.header-top-mb{
		display: flex !important;
		flex-wrap: wrap;
	}
	.header-top-pc{
		display: none !important;
	}
	.header-top-mb .logo img {
		height: auto;
		max-width: unset;
	}
	.site-banner .items img{
		max-height: 300px;
	}
	.header .header-desktop{
		display: none;
	}
	.site-archive .box-archi {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
	.grid-news {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 20px;
	}
	.site-danhgia .slick-danhgia .items .the_content {
		padding: 0;
	}
	.site-danhgia .slick-danhgia .items .the_content .btn-brown{
		margin-left:unset;
	}
	.site-intro .row-count .count-item span{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	ul.products li.product-item {
		width: calc((100% - 20px) / 2) !important;
		margin: 0 20px 20px 0 !important;
	}
	.custom-filter-bar{
		flex-wrap: wrap;
		gap: 20px;
	}
	.custom-filter-bar select{
		width: 150px;
	}
	.product-item .product-info .product-price {
		justify-content: flex-start;
		align-items: flex-start;
        gap: 5px;
        flex-direction: column;
		margin-bottom: 10px;
	}
	.product-item .product-info .btn-brown {
		font-size: 12px !important;
	}
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
		margin-right: 0 !important;
	}
	.woocommerce-breadcrumb, .page-breadcrumb {
		row-gap: 10px;
		flex-wrap: wrap;
		align-items: center;
	}
	#post-prc .box-content {
		row-gap: unset;
		flex-direction: column;
	}
	#post-prc .box-content .product-gallery, #post-prc .box-content .product-intro {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.slider-for img{
		width: 100% !important;
	}
	.slider-nav img {
	width: 85% !important;
	}
	.slider-nav .slick-list {
		max-height: 300px !important;
	}
	.product-gallery{
		margin-bottom: 20px;
	}
	#post-prc .info-post .proc-rating{
		flex-direction: column;
		gap: 5px;
		margin-bottom: 0;
	}
	
	.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 0 !important;
	}
	.variations_button {
		flex-wrap: wrap;
		gap: 20px;
	}
	.post-contact {
		flex-direction: column;
		align-items: center;
	}
	#post-prc .woocommerce-tabs .side-bar-product{
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	#post-prc .woocommerce-tabs .woocommerce-Tabs-panel{
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.made-in .grid-3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
	}
	.made-in .grid-3 .item figure{
		width: 60px;
	}
	#post-prc .woocommerce-tabs ul.tabs{
		margin: 0;
	}
	#post-prc .woocommerce-tabs ul.tabs li{
		padding: 5px;
	}
	#post-prc .woocommerce-tabs ul.tabs{
		justify-content: space-between;
	}
	#post-prc .woocommerce-tabs .side-bar-product .camket .item .box-content-sidebar figure img{
		width: 100%;
	}
	#post-prc .woocommerce-tabs .side-bar-product .camket .item .box-content-sidebar{
		flex-direction: column;
		align-items: center;
	}
	#post-prc .woocommerce-tabs .side-bar-product .camket .item .box-content-sidebar figure{
		width: 70px;
	}
	.bg-img .bg-hoatiet .ga-dactinh img {
	    height: 150px;
		width: 100% !important;
	}
	.bg-img .bg-hoatiet .ga-dactinh {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 20px;
	}
	.bg-img .bg-hoatiet .py-100{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	footer .f-info-contact{
		margin-top: 20px;
	}
	#contact .content-contact{
		flex-direction: column;
	}
	.contact--map iframe{
		height: 300px;
	}
	.custom-cart .cart_totals{
		width: 100% !important;
	}
	.custom-cart{
		flex-direction: column;
	}
	.custom-cart .quantity{
		margin-left: auto;
	}
	.custom-cart .shop_table .product-name{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.custom-cart .shop_table .product-name img{
		width: 60px !important;
		height: 60px !important;
	}
	.woocommerce-order .woocommerce-vietqr-qr-scan, .woocommerce-order .woocommerce-vietqr-bank-details, .woocommerce-order .woocommerce-order-details, .woocommerce-order .woocommerce-customer-details{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.site-intro .site-intro-container .site-intro-right{
		min-width: 100%;
	}
	.site-intro .site-intro-container {
		flex-direction: column;
		gap: 10px;
	}
	div.box-title .title-custom svg {
	    width: 36px;
    	height: 36px;
	}
	div.box-title .title-custom h2{
		font-size: 1rem;
	}
	div.box-title .title-custom {
	gap: 15px;
	}
	div.box-title{
		margin-top: 12px;
	}
	.product-item .product-info h3.product-title{
		font-size: 13px;
		font-weight: 500;
	}
	.icon_contact_show .box-icon-local {
		padding: 16px 3.52px 15px 5px;
	}
	.site-intro .intro-content {
		margin-top: 24px;
	}
	.f-container-content{
		flex-direction: column;
	}
	.f-container-content .item1, .f-container-content .item2, .f-container-content .item3, .f-container-content .item4, .f-container-content .item5 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.f-container-content .item1{
		margin-bottom: 15px;
	}
	.product-item .product-info .product-sku{
		font-size: 11px;
		margin-top: 6px;
    	margin-bottom: 6px !important;
	}
	ul.products li.product-item:nth-last-child(-n+5){
		margin-bottom: 20px !important;
	}
	ul.products li.product-item:nth-last-child(-n+2){
		margin-bottom: 0 !important;
	}
	#post-prc .info-post .title-prc {
		margin-bottom: 6px;
	}
	#post-prc .proc-price {
	margin-bottom: 8px;
	}
	#post-prc .proc-price .price-sale bdi, #post-prc .proc-price .price-regular bdi {
		font-size: 1.25rem;
	}
	#post-prc .info-post .prc-short_description {
		margin-bottom: 8px;
	}
	.label-baohanh .item span.title-baohanh {
	font-size: 0.6rem;
	}
	.label-baohanh .item {
		flex-direction: column;
	}
	.label-baohanh .item svg, .label-baohanh .item img {
		width: 30px;
		height: 30px;
	}
	.post-contact img {
		margin-bottom: 12px;
	}
	.post-contact .form-phone .wpcf7-form-control-wrap{
		margin-bottom: 12px;
	}
	#post-prc .woocommerce-tabs .woocommerce-Tabs-panel h3 {
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.bg-img .bg-hoatiet {
		padding-top: 0;
		padding-bottom: 0;
	}
	.social-row ul {
		flex-direction: column;
	}
	#page-intro .bg-camket .container-camket {
		flex-direction: column;
	}
	#page-intro .bg-camket .container-camket::after {
		display: none;
	}
	#page-intro .bg-camket .container-camket .camket-left, #page-intro .bg-camket .container-camket .camket-right {
		width: 100%;
	}
	#page-intro .bg-lienhe .container-lienhe .content-lienhe .custom-formlienhe .form-control {
		width: 300px;
	}
	#page-intro .bg-lienhe .container-lienhe .content-lienhe p {
		font-size: 12px;
		line-height: 190%;
	}
	#page-intro .bg-camket .container-camket .camket-left h3.title-left {
		font-size: 1.5rem;
		margin-bottom: 12px;
	}
	#page-intro .bg-camket .container-camket .camket-left p {
		font-size: 0.875rem;
	}
	#page-intro .intro-map {
		height: 300px;
	}
	.woocommerce a.remove {
		margin-left: auto;
		color: #fff !important;
		background: #CB0000;
	}
	form.checkout.woocommerce-checkout{
		margin-left: 0;
		margin-right: 0;
	}
	form.checkout.woocommerce-checkout .container-formcheckout .form-checkout--left, form.checkout.woocommerce-checkout .container-formcheckout .form-checkout--right{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	form.checkout.woocommerce-checkout .container-formcheckout{
		flex-direction: column;
	}
	.col-widget, .col-archi{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.list-post .box-post{
		gap: 10px;
	}
	.list-post .box-post__column {
		padding: 0;
	}
	.box-title{
		flex-wrap: wrap;
	}
	.site-gioithieu__left, .site-gioithieu__right{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.site-gioithieu__left {
		gap: 20px;
		margin-bottom: 20px;
	}
	.site-gioithieu__uudai {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
		padding: 10px;
	}
	.site-tuvan .logo-tuvan{
		width: 250px;
	}
	.site-tuvan {
		gap: 25px;
	}
	a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
		padding: 8px 0 !important;
		font-size: 0.75rem !important;
	}
	a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart::after{
		display: none;
	}
	.product-item .product-info{
		padding: 8px 10px;
	}
	.header .bg-gre{
		display: none;
	}
	footer li, footer p, footer a{
		font-size: 14px;
	}
	.btn-nhm{
		display: flex;
		align-items: center;
	}
	.btn-nhm span{
		display: block !important;
		padding-left: 5px;
		font-weight: 600;
	}
	.menu-mobile ul{
		padding-left: 0;
		padding-top: 10px;
	}
	.pb-100{
		padding-bottom: 50px;
	}
	footer .logo{
		text-align: center;
	}
	footer .text-mobile{
		text-align: center;
	}
	footer .text-mobile span{
		text-align: center;
		font-size: 120%;
		font-weight: bold;
		color: #fff;
		line-height: 1.5;
		margin-bottom: 20px;
		display: block;
	}
	footer .logo{
		margin-bottom: 10px;
	}
}