header {
    background: #000000 !important;
}

/* ===== MOBILE LAYOUT ===== */
@media (max-width: 991px) {

    /* Black background for mobile header */
    header,
    header .navbar,
    .top-info-con {
        background: #000000 !important;
    }

    /* Full-width container, stacked layout */
    header > .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px 15px 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Logo top, centred */
    .logo, header .logo {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 0 12px 0 !important;
        text-align: center !important;
    }
    header .logo img {
        height: 80px !important;
        width: auto !important;
        display: inline-block !important;
        float: none !important;
    }

    /* Top info full width below logo */
    .top-info-con {
        width: 100% !important;
    }

    /* Top info — always visible, vertical column below logo row */
    .top-info-con {
        display: block !important;
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        padding: 5px 15px 10px !important;
    }
    .top-info-con ul {
        display: block !important;
        width: 100% !important;
    }
    .top-info-con ul li,
    .top-info-con ul li.opening-hours,
    .top-info-con ul li.header-email {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        float: none !important;
        margin: 0 0 8px 0 !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(0,0,0,0.08) !important;
        padding-bottom: 8px !important;
        box-sizing: border-box !important;
    }
    .top-info-con ul li:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    /* Icons — white on black background */
    .top-info-con .icon {
        border: 1px solid #ffffff !important;
        color: #ffffff !important;
        flex-shrink: 0 !important;
    }

    /* Text — white on black */
    .top-info-con h6 {
        color: #ffffff !important;
    }
    .top-info-con p,
    .top-info-con li a {
        color: #ffffff !important;
    }

    /* Nav: full width, hamburger centered at bottom of header */
    header nav.navbar {
        position: static !important;
        width: 100% !important;
        background: #000000 !important;
        padding: 0 !important;
    }
    header nav.navbar {
        display: block !important;
        float: none !important;
    }
    header nav.navbar .container-fluid {
        padding: 0 !important;
        width: 100% !important;
        display: block !important;
    }
    header nav.navbar .container-fluid ul.ownmenu,
    header .ownmenu {
        width: 100% !important;
        display: block !important;
        float: none !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Hamburger button — centered, yellow icon */
    .ownmenu > li.showhide {
        display: block !important;
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        background: #000000 !important;
        color: #fff74f !important;
        cursor: pointer !important;
        border-top: 1px solid rgba(255,255,255,0.1) !important;
        margin-top: 15px !important;
    }
    .ownmenu > li.showhide span.icon {
        color: #fff74f !important;
        font-size: 26px !important;
        line-height: 1 !important;
    }

    /* Expanded nav items */
    .ownmenu > li:not(.showhide) {
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        box-sizing: border-box !important;
    }
    header .navbar li a {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        color: #ffffff !important;
        background: #111111 !important;
        border-left: 4px solid #fff74f !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }
    header .navbar li a:hover {
        background: #fe0000 !important;
        color: #ffffff !important;
    }

    /* Announcement bar */
    .header-tagline {
        white-space: normal !important;
        padding: 10px 15px !important;
    }
    .header-tagline-text {
        animation: none !important;
        display: block !important;
        text-align: center !important;
        white-space: normal !important;
        transform: none !important;
    }
}

/* Announcement / tagline bar */
.header-tagline {
    background: #fff74f;
    width: 100%;
    text-align: center;
    padding: 8px 15px;
    overflow: hidden;
    white-space: nowrap;
}
.header-tagline-text {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    animation: marquee-scroll 18s linear infinite;
}
@keyframes marquee-scroll {
    0%   { transform: translateX(60vw); }
    100% { transform: translateX(-100%); }
}
@media (max-width: 768px) {
    .header-tagline-text {
        font-size: 12px;
    }
    @keyframes marquee-scroll {
        0%   { transform: translateX(100vw); }
        100% { transform: translateX(-100%); }
    }
}
header .navbar {
    background: #000000 !important;
}
.top-info-con {
    background: #000000 !important;
}
header .navbar li a {
    font-size: 16px !important;
    color: white !important;
    padding: 19px 10px !important;
    letter-spacing: 0.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}
.top-info-con h6 {
    color: white !important;
}
.top-info-con p {
    color: white !important;
}
.top-info-con li a {
    color: white !important;
}
.top-info-con .icon {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}




.logo-title {
    color: #fe0000 !important;
    font-weight: 900 ;
    font-size: 2vw;
    position: relative;
    top: 9px;
    left: -7px;
    z-index: +16000;
}














.rights {
    background: #fff74f;
    padding: 20px 0;
    text-align: left;
    color: white !important;
    font-weight: 300 !important;
}

@media screen and (max-width: 736px) and (min-width: 320px) {
	.rights {
    background: lightgray;
	}
	.fcontainer{
		background-color: lightgray;
	}
	.footercon{
		padding-bottom:0px;
	}
}


























@media screen and (max-width: 480px) {
    	 	  
.logo-title { position: relative;
    top: 20px;
    left: -10px;
    font-weight: 900 ;
    font-size:5vw !important;
    
   
}
  
}	  

	  
#footer_menu {
	margin: 0px !important;
	padding: 0px !important;
}
#footer_menu li {
	padding: 5px !important;
}
#footer_menu li a { font-size:2rem !important;
	font-weight: 300!important;
	color: #black !important;;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px !important;
	border-bottom-style: dashed !important;;
	border-bottom-color: #FFFFFF !important;;
}

@media screen and (max-width: 699px) and (min-width: 320px) {
	.ffooter a{
		text-align: center;
		color: white;
	}
	.ffooter li a{
		text-align: center;
	}
}