@media(max-width: 1450px){
	.header-main .nav > li > a{
		font-size: 1rem;
	}
}

@media(max-width: 849px){
  
	.header-button a{
        width: 2rem;
        height: 2rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        padding: 0;
        border-radius: 0.25rem;
    }

    .header-button a i{
        font-size: 1.25rem !important;
        top: unset;
        line-height: normal !important;
    }

    .header-search{
    	height: auto;
    }

    .header-search-lightbox a{
    	width: 2rem;
    	height: 2rem;
    	background-color: var(--fs-color-primary);
    	border-radius: 0.25rem;
    }

    .off-canvas .nav-vertical>li>a{
        color: #000;
        font-size: 1rem;
    }


    .heading-h2+*,
    .line-title+*{
    	margin-top: 0;
    }


    .button-contact-fixed{
    	bottom: 3rem;
    	top: unset;
    	transform: unset;
    }


	/*=== Trang tin tức*/

    .grid-blog-featured .grid-blog-item{
	    grid-row: span 1;
	    grid-column: span 2 !important;
	}


	/*=== Trang sản phẩm*/
	.product-main{
		padding-bottom: 0;
	}


}

@media(max-width: 549px){
    input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){
		font-size: 0.75rem;
	}

	body{
		font-size: 0.875rem !important;
	}

	/*==== Trang Liên hệ*/
	.form-contact .form-control .wpcf7-list-item{
	    width: calc((100% - 1rem ) / 2);
	}


	/*=== Trang tin tức*/
	.box-blog-item.horizontal {
	    flex-direction: column;
	}

	.box-blog-item.horizontal .box-image{
		width: 100%;
	}

}

@media (min-width: 550px){
	.justify-content-md-between{
		justify-content: space-between;
	}

	.flex-md-row-reverse{
		flex-direction: row-reverse;
	}
}

@media (min-width: 850px){
	.row-col-lg-5 .col{
		flex-basis: 20%;
        max-width: 20%;
	}

	.flex-lg-row-reverse{
		flex-direction: row-reverse;
	}

	.justify-content-lg-between{
		justify-content: space-between;
	}
	
	.col-lg-auto{
		flex-basis: auto;
		max-width: fit-content;
	}	

	.header-nav-main.nav-left{
		padding-left: 160px;
	    justify-content: center;
	}

	/*menu*/
	.header-nav-main.nav li.menu-item.active > a,
	.header-nav-main.nav li.menu-item:hover > a{
		color: var(--fs-color-secondary) !important;
	}

	.header-nav .sub-menu,
	.header-nav .active>ul.children,
	.header-nav .active>ul.sub-menu{
		display: none !important;
		padding: 0;
		/*min-width: unset;*/
		border: 0;
		border-radius: 0.25rem;
		background-color: #fff;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}

	.header-nav .menu-item{
		width: unset !important;
		min-width: unset !important;
		position: relative;
	}

	.header-nav .sub-menu>.menu-item>a{
		padding: 0.75rem 0;
		font-size: 15px;
		font-weight: 500;
		color: #000;
		text-transform: capitalize;
	}

	.header-nav .sub-menu > .menu-item:hover > a{
		color: var(--primary-color);
	}

	.header-nav .menu-item:hover > .sub-menu{
		display: block !important;
		animation: menu 0.3s;
		height: min-content;
	}

	.header-nav .sub-menu .menu-item>.sub-menu{
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 10;
	}

	.header-nav .sub-menu li{
		display: block;
	}

	@keyframes menu {
	    0% { transform: translateY(20px); opacity: 0}
	    100% { transform: translateY(0px); opacity: 1}
	}


	.header-wrapper{
		background-color: #fff;
	}

	.header-main{
		position: unset;
	}

	.header-bg-container{
		height: 44px;
		top: auto;
		z-index: -1;
		/*clip-path: url('#clip-path-header');*/
	}

	.header-bg-container .header-bg-color{
		background: linear-gradient(to top, #07854F, #399939);
	}

	#logo{
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 50;
	}
	#logo a{
		height: 100%;
	}

	#logo:after{
		content: "";
		width: 200%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #fff;
		background-image: url('/wp-content/themes/flatsome-child/images/img-cover-header.svg');
		background-repeat: no-repeat;
		background-position: 101% bottom;
		background-size: auto 44px;
		z-index: -1;
	}


	.shop-page-title.category-page-title{
		display: none;
	}

}