@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;
}  .header-nav .sub-menu,
.header-nav .active>ul.children,
.header-nav .active>ul.sub-menu{
display: none !important;
padding: 0; 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(//demo07.phuongnam24h.net/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;
} .row-team-5 > .col + .col .col-inner:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 30%;
background-color: #D8D8D8;
}
}