@media(max-width: 1800px){
	:root{
        --px-content: 95% !important;
    }
}

@media(max-width: 1500px){
    .header-nav.header-nav-main .menu-item a{
    	font-size: 1rem;
    }
}


@media(max-width: 1300px){
	:root{
        --px-content: 97% !important;
    }

    .header-main .flex-col.flex-left, .header-top .flex-col.flex-left {
        margin-left: 215px !important;
    }

    .header-nav .menu-item{
    	margin: 0 8px;
    }

    .header-nav.header-nav-main .menu-item a{
    	font-size: 0.875rem;
    }

}

@media(max-width: 849px){
	:root{
        --px-content: 90% !important;
        --px-content-small: 80% !important;
    }

	.mobile-sidebar .nav>li>a{
		color: #000;
		font-size: 1rem;
	}

	.medium-logo-left .flex-left{
		flex: unset;
	}
}



@media(max-width: 549px){
	:root{
        --px-content: 105% !important;
        --px-content-small: 80% !important;
    }

    input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){
		font-size: 0.75rem;
		padding: 0.375rem 0.75rem;
	}

	body{
		font-size: 0.875rem;
	}

	.header-main .flex-col.flex-left, .header-top .flex-col.flex-left {
        margin-left: unset !important;
    }

    .header-search .header-button .button.icon{
    	min-width: 2em;
	    background-color: transparent !important;
	    color: #8f8a8a;
	    padding: 0;
	    border: 0;
    }


	.box-img-tong-quan{
		border-radius: 5px;
		overflow: hidden;
	}

	.box-img-tong-quan .box-text{
		padding: 0.5rem;
		background: linear-gradient(to top, #164172, rgba(22, 65, 114, 0));
	}

	.box-img-tong-quan .box-text .button{
		font-size: 8px;
		padding: 2px 8px;
		border-radius: 4px !important;
	}

}



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

	.col-md-auto{
		flex-basis: auto;
		max-width: fit-content;
	}
}

@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-main{
    	position: unset;
	}

	.header-bg-container{
	    z-index: -1;
	}

	.header-main .flex-col.logo{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    z-index: 100;
	    display: flex;
	    align-items: center;
	    padding: 0rem;
	}

	.header-main .flex-col.logo:after{
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    width: 1000px;
	    z-index: -1;
	    transform: translateX(70px);
	}

	.header-main .flex-col.flex-left,
	.header-top .flex-col.flex-left{
	    margin-left: 240px;
	}

	.header-top .flex-col.flex-left{
		flex: 1;
	}

	.header-top .flex-col.flex-left::after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		z-index: -1;
		clip-path: url('#clip-path-header');
		background: var(--bg-grd);
		transform: translateX(-60px);
	}

	.header-top .flex-col.flex-left .nav{
		justify-content: space-between;
	}

	.header-nav-main.nav li.menu-item{
		z-index: 1;
	}

	.header-nav-main.nav > li.menu-item> a:after{
		content: "";
		position: absolute;
		left: -13px;
		right: -13px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: var(--bg-grd);
		transition: all .3s ease-in-out;
		opacity: 0;
	}

	.header-nav-main.nav > li.menu-item.active > a,
	.header-nav-main.nav > li.menu-item:hover > a,
	.header-nav-main.nav > li.menu-item.current-dropdown > a{
		color: #fff !important;
	}

	.header-nav-main.nav > li.menu-item.active > a:after,
	.header-nav-main.nav > li.menu-item > a:hover:after,
	.header-nav-main.nav > li.menu-item.current-dropdown > a:after{
		opacity: 1;
	}


	.header-nav-main.nav .sub-menu .menu-item.menu-item-has-children > a{
		display: flex;
		gap: 0.5rem;
	}

	.header-nav-main.nav .sub-menu .menu-item.menu-item-has-children > a:after{
		content: "\f105";
		font-family: "Font Awesome 6 Pro";
		margin-left: auto;
	}

	.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,
	.header-nav .menu-item.current-dropdown > .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}
	}


	.row-advantage{
	    --space: 4rem;
	    flex-wrap: nowrap;
	    background-color: var(--fs-color-primary);
	}

	.row-advantage .col{
	    flex-basis: calc(100% / 3 + var(--space) * 2 / 3);
	    max-width: calc(100% / 3 + var(--space) * 2 / 3);
	}

	.row-advantage .col:nth-child(1){
	    clip-path: polygon(0 0, 88% 0%, 100% 100%, 0% 100%);
	}

	.row-advantage .col:nth-child(2){
	    margin-left: calc(-1 * var(--space));
	    margin-right: calc(-1 * var(--space));
	    clip-path: polygon(0 0, 91% 0%, 100% 100%, 9% 100%);
	    z-index: 1;
	}

	.row-advantage .col:nth-child(3){
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
	}


}