#sp-header {
    background-color: #0000004a !important;
    font-size: clamp(16px, 1.5vw + 0.7rem, 1.5rem); /* Improved responsive font size */
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

#sp-header.header-sticky {
    background-color: #0000004a !important;
}

#sp-header .sp-contact-info a {
    color: rgb(255 255 255) !important;
}

.slide.custom-slider.seasonal-slider{
    background-color: black;
}
.burger-icon>span {
    background-color: #ffffff;
    margin: 10px 0;
    
}

.burger-icon { width: 40px; } 
.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 14px) rotate(-45deg);
}
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -10px) rotate(45deg);
}

.offcanvas-active .burger-icon>span:nth-child(3) {
    transform: translate(0, -15px) rotate(45deg);
}

#modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}

#sp-logo span.logo a {
    font-size: clamp(18px, 1.5vw + 0.8rem, 1.8rem);
    font-family: 'Inter', sans-serif;
    color: white;
}

#modal-menu {
    display: grid !important;
}
.menu-logo img {
 	max-height: 350px;
 	width: auto;
 }

#modal-menu ul.sp-megamenu-parent>li>a, #modal-menu ul.sp-megamenu-parent>li>span {
    font-size: 65px;
    font-weight: 100;

}

#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span, #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: black;
}

.offcanvas-menu.border-menu.center-alignment.text-center {
    opacity: 0.9;
}

div#modal-menu {
    opacity: 0.9;
}


	
.modules-wrapper.header-modules {
    display: none !important;
}
.header-icons {
	font-size: 20px;
	border: 1px solid #FFF;
	padding: 5px;
	color: #b59032;
}


.mod-languages select.inputbox {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  padding: 5px 8px;
  padding-right: 28px;
}

.mod-languages select.inputbox option {
  background-color: #333;
  color: white;
}

.mod-languages select.inputbox:focus {
  outline: none; 
  border-color: rgba(255, 255, 255, 0.7);
}

	.logo-image {
        height: 100px !important;
    }

    
.slogan-desc .logo-in-slider {
    width: 400px;
    margin: 0 auto;
}

    
@media (max-width: 1200px) {
    #sp-header {
        font-size: clamp(15px, 1.4vw + 0.6rem, 1.3rem);
    }
    #sp-logo span.logo a {
        font-size: clamp(17px, 1.4vw + 0.7rem, 1.6rem);
    }
}

section#sp-custom-slider {
    margin-top: 0;
}

@media (max-width: 992px) {
    #sp-header {
        font-size: clamp(14px, 1.2vw + 0.6rem, 1.2rem);
    }
    #sp-logo span.logo a {
        font-size: clamp(16px, 1.3vw + 0.6rem, 1.5rem);
    }
    
    .beil-logo img {
	    max-height: 50px;
	    width: auto;
	    margin:5px;
	    
	}
	
	section#sp-custom-slider {
	    margin-top: 0;
	}
	
	
	.logo-image {
        height: 45px !important;
    }

}

@media (max-width: 768px) {
    #sp-header {
        font-size: clamp(14px, 1vw + 0.7rem, 1.1rem);
    }
    #sp-logo span.logo a {
        font-size: clamp(30px, 1.1vw + 0.7rem, 1.4rem);
        display: none;
    }    
}

@media (max-width: 576px) {
    #sp-header {
        font-size: clamp(14px, 0.8vw + 0.8rem, 1rem);
    }
    #sp-logo span.logo a {
        font-size: clamp(25px, 0.9vw + 0.8rem, 1.3rem);
    }
        
    .beil-logo img {
	    max-height: 45px;
	    width: auto;
	    
	}
	
	section#sp-custom-slider {
        margin-top: 0;
    }
}

@media (max-height:500px) and (orientation:landscape) {
    .slogan-desc .logo-in-slider {
        width: 250px;
        margin: 0 auto;
    }
    .carousel-caption.caption-top {
        top: 60%;
    }
}