@media(max-width: 849px){
    body{
		font-size: 0.875rem;
	}
	.nav-right.nav>li {
	    margin: 0 8px;
	}

	.mobile-nav.nav>li>a{
		color: #fff;
	}

	.header-search a{
		background-color: var(--fs-color-primary);
	}

	.nav-icon .header-button a.button{
		width: 2rem;
		height: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0 !important;
		box-shadow: rgba(255, 255, 255, 0.17) 0px -1px 2px 1px inset,
			rgba(255, 255, 255, 0.15) 0px 1px 2px 2px inset;
		border: 0;
		border-radius: 50%;
	}

	.html-custom-polylang i{
		color: #000;
	}

	.customer-support-layout{
		flex-wrap: wrap;
	}

	.customer-support-layout .customer-support-item{
		width: calc(50% - 1rem);
		flex: 0 0 calc(50% - 1rem);
		height: unset;
		.item-header{
			display: none;
		}
		.item-content{
			position: relative;
			flex-direction: column;
			gap: 0;
			transform: unset !important;
			opacity: 1 !important;
			pointer-events: auto !important;
		}

		.item-content .image{
			width: 100%;
		}

		.item-content .content{
			padding: 1rem;
			width: 100%;
		}
	}


	.custom-featured-post{
		flex-direction: column;
	}



}

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

	.box-counter{
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}

	.box-counter.icon-box-left .icon-box-img+.icon-box-text{
		padding-left: 0;
		text-align: center;
	}


	.customer-support-layout .customer-support-item{
		width: 100%;
	}


	/*===*/
	.custom-featured-post .featured-post-image{
		width: 100%;
	}


	/*===*/
	.investor-doc-item{
		flex-direction: column;
		align-items: flex-start;
	}

	.investor-doc-item .doc-download{
		text-align: left;
	}

}

@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;
	}

	/*menu*/
	/*.header-nav-main.nav li.menu-item.active > a,
	.header-nav-main.nav li.menu-item:hover > a{
		color: #e04742 !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;
		transition: all .4s var(--timing-function);
	}

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

	.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-main {
        position: unset;
    }
	
	#logo {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 50;
    }

    #logo:after {
        content: "";
        width: 400px;
        height: 95%;
        position: absolute;
        top: 0;
        right: -4rem;
        background-color: #fff;
        background-image: url(/wp-content/themes/flatsome-child/images/img-cover-header.svg);
        background-repeat: no-repeat;
        background-position: 100% bottom;
        background-size: contain;
        clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
        z-index: -1;
    }

    #logo a {
        height: 100%; 
    }

    .header-nav-main.nav-left {
        padding-left: 200px;
        justify-content: center;
    }
    .header-bg-container{
        z-index: -1;
    }
    .header-bg-container .header-bg-color {
        background: #0185D7;
    }


    /*=== Trang Giới  thiệu*/
    .row-team-5 > .col + .col .col-inner:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 30%;
		background-color: #D8D8D8;
	}

}