.homepage-header {
padding: 0 !important;
}
.homepage-header {
position: relative;
width: 100%;
}
.home .homepage-header {
padding: 0 !important;
position: absolute;
width: 90%;
left: 0px;
right: 0px;
z-index: 999;
margin: 0 auto;
background: #fff;
border-radius: 0;
}
.header-box{
padding: 0 !important;
}
.header-main-box {
margin-bottom: 0;
}
.menu-box{
margin-top: 0 !important;
padding: 12px 0;
}
.slider-area{
margin: 0;
}
.wp-site-blocks{
padding: 0 !important;
}
svg.wc-block-customer-account__account-icon,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{
display: none;
}
.wp-block-woocommerce-customer-account{
display: none;
}
@media screen and (min-width: 320px) and (max-width: 800px) {
.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
justify-content: center;
}
.homepage-header{
position: static;
width: 100%;
text-align: center;
}
.homepage-header .wp-header-search-social{
justify-content: center;
}
.single-image figure{
width: 100% !important;
}
}
@media (max-width: 1024px){
.home .homepage-header{
position: relative;
width: 100%;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.wp-block-woocommerce-customer-account{
display: none;
}
.slider-area{
min-height: 650px !important;
}
h2.is-slide-heading{
font-size: 26px !important;
}
} .news-section .news-box .wp-block-post-excerpt__excerpt{
color: #000000;
}
.news-heading-box .news-small-title{
width: max-content;
}
.news-section .news-heading-box{
gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
gap: 0;
}
.recent-btn a {
background: var(--wp--preset--color--primary);
padding: 10px 12px;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.recent-btn a:hover{
background: #000;
}
@media screen and (min-width: 850px) and (max-width: 1240px) {
.header-section ul {
gap: 10px !important;
}
}
.menu-upsell-nav > a {
background-color: var(--wp--preset--color--primary) !important; 
color: #ffffff !important;
padding: 6px 12px;
border-radius: 12px;
}
.menu-upsell-nav > a:hover {
background-color: #000 !important;
color: #fff !important;
}