@media(max-width: 1024px){
	.container{
		margin: 0 auto;
		padding: 0 15px
	}
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
		flex: 100%;
		max-width: 100%;
	}
	.logo a{
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto
	}
	header.mobile-header{
		padding: 10px 0;
	}
	.mobile-top-bar .row{
		align-items: center;
	}
	.mobile-top-bar .col-3{
		flex: 25%;
		max-width: 25%;
	}
	.mobile-top-bar .col-3 a#open-menu,.mobile-top-bar .col-3 a#open-search{
		color: #2f854e
	}
	.mobile-top-bar .col-3 a#open-search{
		float: right;
	}
	.mobile-top-bar .col-3 a#open-menu i,.mobile-top-bar .col-3 a#open-search i{
		font-size: 25px
	}
	.mobile-top-bar .col-6{
		flex: 50%;
		max-width: 50%
	}
	.mobile-top-bar .logo{
		margin: 0 auto;
	}
	
	.mobile-main-header{
		padding: 10px 0;
	}
	.mobile-main-header .row{
		margin: 0 auto;
		width: 100%;
	}
	.menu-mobile{
		background: linear-gradient(to bottom,#11582f,#4d8a3d);
		opacity: 0;
		padding-top: 15px;
		position: fixed;
		visibility: hidden;
		top: 0;
		transform: scale(.3);
		z-index: 999;
		left: 0;
		transition: .3s;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
	}
	.menu-mobile a{
		color: #ffff;
		text-decoration: none;
	}
	.menu-mobile a#close-menu{
		position: fixed;
		right: 10px;
		
		z-index: 99999
	}
	.menu-mobile a#close-menu i{
		font-size: 25px;
	}
	nav.mobile-menu ul{
		margin: 0;
		padding: 0;
	}
	.menu-mobile nav.mobile-menu ul>li {
		border-bottom: 1px solid #fff;
		padding: 10px 15px;
		position: relative;
		list-style: none;
	}
	nav.mobile-menu ul>li i{
		position: absolute;
		left: 80%;
		color: #fff;
		font-size: 20px;
	}
	
	nav.mobile-menu ul li ul.sub-menu{
		display: none;
		top: 100%;

	}
	nav.mobile-menu ul li ul.sub-menu li{
		list-style: none;
		padding: 10px 15px;
	}
	#section_1 .col-3{
		padding-top: 15px;
	}
	h2.page_title{
		font-size: 1.3rem
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		flex:100%;
		max-width: 100%;
	}
	.zalo-container{
		bottom: 95px;
	}
}

	@media(max-width: 1024px) and (min-width: 961px){
		.container{
			max-width: 960px;
			width: 100%;
		}
		.row{
			display: flex;
		}
		.col-4{
			flex: 33.33%;
			max-width: 33.33%;
		}
		.col-6{
			display: block;
			flex: 50%;
			max-width: 50%;
		}
		.col-7{
			flex: 58.33%;
			max-width: 58.33%;
			padding: 0 15px;
		}
		.col-5{
			flex: 41.66%;
			max-width: 41.66%;
			padding: 0 15px;
		}
		.col-9{
			flex: 75%;
			max-width: 75%;
			padding: 0 15px;
		}
		.col-3{
			flex:25%;
			max-width: 25%;
			padding: 0 15px;
		}
		
		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
			flex:25%;
			max-width: 25%;
		}
	}
	@media(max-width: 960px) and (min-width: 801px){
		.container{
			max-width: 800px;
			width: 100%;
		}
		.row{
			display: flex;
		}
		.col-4{
			flex: 33.33%;
			max-width: 33.33%;
		}
		.col-6{
			display: block;
			flex: 50%;
			max-width: 50%;
		}
		.col-7{
			flex: 58.33%;
			max-width: 58.33%;
			padding: 0 15px;
		}
		.col-5{
			flex: 41.66%;
			max-width: 41.66%;
			padding: 0 15px;
		}
		.col-9{
			flex: 75%;
			max-width: 75%;
			padding: 0 15px;
		}
		.col-3{
			flex:25%;
			max-width: 25%;
			padding: 0 15px;
		}
		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
			flex:25%;
			max-width: 25%;
		}
	}
	@media(max-width: 800px) and (min-width: 668px){
		.container{
			max-width: 720px;
			width: 100%;
		}
		.row{
			display: flex;
		}
		.col-4{
			flex: 33.33%;
			max-width: 33.33%;
		}
		.col-6{
			display: block;
			flex: 50%;
			max-width: 50%;
		}
		.col-7{
			flex: 58.33%;
			max-width: 58.33%;
			padding: 0 15px;
		}
		.col-5{
			flex: 41.66%;
			max-width: 41.66%;
			padding: 0 15px;
		}
		.col-9{
			flex: 75%;
			max-width: 75%;
			padding: 0 15px;
		}
		.col-3{
			flex:25%;
			max-width: 25%;
			padding: 0 15px;
		}
		#section_1 .col-3 ,#section_1 .col-9{
			flex:100%;
			max-width: 100%
		}
		#section_2 .col-3{
			max-width: 50%;
			flex:50%;
			margin-bottom: 15px;
		}

		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
			flex:50%;
			max-width: 50%;
		}
	}
	@media(max-width: 667px){
		.container{
			max-width: 425px;
			width: 100%;
		}
		.footer_top{
			display: none;
		}

	}