@media(max-width: 1450px){
.header-bottom .flex-row .flex-left{
max-width: 23%;
}
.col-left-slide{
flex-basis: 23%;
max-width: 23%;
}
.header-nav.header-bottom-nav .menu-item{
margin: 0 6px;
}
.header-vertical-menu__opener{
font-size: 0.875rem;
}
}
@media(max-width: 1250px){
.product-small.box .button-wrapper a{
font-size: 0.75rem;
}
}
@media(max-width: 849px){
.mobile-sidebar .nav>li>a{
color: #000;
font-size: 1rem;
}
.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a{
color: #000;
font-size: 0.875rem;
}
.header-main .header-inner .flex-left,
.header-main .header-inner .flex-right{
width: 200px;
flex: unset;
}
.mobile-nav > li{
margin: 0;
}
.mobile-nav > li .icon.button,
.mobile-nav .nav-icon a{
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border: 0;
}
.category-filter-row{
padding: 0;
}
}	
@media(max-width: 549px){
input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
}
body{
font-size: 0.875rem;
}
.main-banner h3{
font-size: 1rem;
}
.main-banner h2{
font-size: 1.25rem;
}
.main-banner .button{
font-size: 0.75rem;
} .icon-info-footer{
flex-direction: column;
}
.icon-info-footer .icon-box-text{
text-align: center;
} .product-small.box .box-text{
padding: 0.5rem 0.5rem 0.5rem;
}
.product-small.box .box-text .product-title,
.product-small.box .box-text .product-title a{
font-size: 14px;
}
.product-small.box .button-wrapper a{
padding: 0.375rem 0.5rem;;
}
.fl-custom-filter-project .wrapper-start,
.fl-custom-filter-project .wrapper-end{
width: 100%;
}
}
@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-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;
}
.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}
}
}