ul.mob-top_right {
    list-style: none;
    display: inline-flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.mob-top_right li.pt_10 {
    padding: 10px 15px !important;
}
.mob-top_right li.support_li a{color:#333;font-weight:600 !important;}
.mob-top_right li.pt_10 a:hover, li.pt_10:hover>a, li.pt_10:hover {
    background: none!important;
    font-weight: 600!important;
    color: #6ab3f8 !important;
}
.mob-top_right li.pt_10:hover{background:none !important;}
.mob-top_right li.email_us_li a img {
    margin-bottom: -10px;
}
.mob-top_right li.support_li{display:flex;align-items:flex-end;}
#site-navigation li.menu-item span.mobilesubmenu {
	display:none;
}
.homepage-banner {
    width: 100%; 
    margin-top: 10px;
     padding: 40px 0 50px; 
    width: 100%;
    background: #6ab3f8;
}
.booking-box { background:#63bcd4;padding:25px 15px 20px}.booking-box h2{text-align:center;color:#fff;font-size:24px;font-family:montserrat-semibold;text-transform:uppercase;margin:0 0 15px}.booking-box ul{list-style:none;padding:0;margin:0;display:inline-block;width:100%}.booking-box ul li{float:left;width:33.33%;text-align:center;box-sizing:border-box;padding:0 5px}.booking-box ul li div{background:#0089cf;display:block;padding:7px 7px;opacity:.8}.booking-box ul li label{width:100%;cursor:pointer}.booking-box ul li img{height:35px;width:auto}.booking-box ul li span{text-transform:uppercase;font-size:11px;display:block;margin:5px 0 0;color:#fff;letter-spacing:.5px;word-break:break-all}.booking-box ul li:first-child img.hotel-img{margin-right:12px}.booking-box form{margin-top:10px}.booking-box form .form-group{position:relative}.booking-box form .form-group.dest-select select{width:100%;padding:20px 4px 7px;border:0;border-radius:0}.booking-box form input.form-control{width:100%;padding:20px 4px 7px 10px;border:0;border-radius:0}.booking-box form .form-group label{position:absolute;font-size:11px;color:#0089cf;top:6px;left:8px;text-transform:uppercase;font-weight:700}.booking-box form .col-md-6.left_col{padding-right:5px}.booking-box form .col-md-6.right_col{padding-left:6px}.booking-box form input.search_btn{background:#f53240;border:0;color:#fff;width:100%;padding:12px 20px;font-weight:500;letter-spacing:1px;cursor:pointer}.time-input i.fa.fa-calendar{position:absolute;top:24px;left:10px}.time-input input{padding-left:30px!important}.ui-datepicker-next span,.ui-datepicker-prev span{color:rgba(255,255,255,0)}a.ui-datepicker-next.ui-corner-all,a.ui-datepicker-prev.ui-corner-all{cursor:pointer;width:50px}.ui-datepicker-prev span:before{content:"\f100";font-family:FontAwesome;position:absolute;color:#333;left:20px}.ui-datepicker-next span:before{content:"\f101";font-family:FontAwesome;position:absolute;color:#333;right:20px}.page-template-homepage1-php .homepage-header .homepage-banner{padding:100px 15px 0 15px}.input-hidden{position:absolute;left:-9999px}input[type=radio]:checked+label>div{opacity:1}

@media screen and (max-width:1200px){.col-lg-3.col-md-3.col-sm-6.package_box{margin:0 7px}}@media screen and (max-width:1024px){#formsec .col-md-4{-ms-flex:0 0 40.666667%;flex:0 0 40.666667%;max-width:40.666667%}#formsec .col-md-8{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.page-template-homepage1-php .homepage-header .homepage-banner{padding:50px 15px 0 15px}}@media screen and (max-width:830px){#formsec .col-md-8{-ms-flex:0 0 48.666667%;flex:0 0 48.666667%;max-width:48.666667%}#formsec .col-md-4{-ms-flex:0 0 50.333333%;flex:0 0 50.333333%;max-width:50.333333%}.page-template-homepage1-php .homepage-header .homepage-banner{padding:50px 15px 0 15px}}@media screen and (max-width:768px){#formsec .col-md-8{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#formsec .col-md-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#formsec>.row{flex-direction:column-reverse}.page-template-homepage1-php .homepage-header .homepage-banner{padding:0 15px 0 15px}.page-template-homepage1-php .homepage-header .homepage-banner .homepage-search h1{padding-top:0}}@media screen and (max-width:740px){.booking-box form .col-md-6.left_col,.booking-box form .col-md-6.right_col{width:50%}.col-lg-3.col-md-3.col-sm-6.package_box{margin:0 auto 20px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:95%}}@media screen and (max-width:420px){.booking-box ul li span{font-size:10px}}@media screen and (max-width:360px){.booking-box ul li span{font-size:8px}}
.header_blog_content {
    padding-top: 35px;
}
.site-header .headerbg-border {
    margin-top: 3px !important;
}
.home_heder_cls{
    background: white;
    padding: 0 50px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.site-header .outerDivv .container:first-child .site-logo{ display:flex; }
.outerDivv{ background:#fff; }

/* top bar css */
.site-logo {
	display: flex;
    align-items: center;
}
.site-logo > a {
	max-width: 216px;
    width: 100%;
}
.site-logo img {
    width: 100%;
}
.site-header .headerbg-border {
	margin-top: 0;
}
.top-bar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.top-bar-menu ul .pt_10 {
    display: inline-block;
    margin-left: 0px;
	transition:all ease 0.5s;
	padding:10px 15px !important;
	position:relative;
}
ul.submenu {
    position: absolute;
    background: #fff;
    margin-top:10px;
    padding: 20px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 19%);
	display:none;
	z-index: 2;
}
.top-bar-menu ul li:first-child:hover .submenu1,.top-bar-menu ul li:last-child:hover .submenu3,.top-bar-menu ul li:nth-child(2):hover .submenu2{ display:block; }
.top-bar-menu ul li:first-child .submenu1 li:first-child img {
    display: inline-block;
    width: 24px;
    vertical-align: top;
}
.top-bar-menu ul li:first-child .header-phone {
    display: inline-block;
}
.top-bar-menu ul li:first-child .header-phone h5 {
    font-size: 14px;
    margin-bottom: 4px;
}
.top-bar-menu ul li:first-child .header-phone a {
    color: #000;
    font-weight: 600;
}
ul.submenu li {
    margin: 0;
}
ul.submenu1.submenu {
    width: 310px;
    text-align: center;
}
.top-bar-menu ul li:first-child .submenu1 li:last-child a {
    color: #000;
    font-weight: 500;
}
.top-bar-menu ul li:first-child .submenu1 li:first-child {
    margin-right: 20px;
}
.top-bar-menu ul li:first-child .submenu1 li:last-child a img{margin-right:5px;}
.top-bar-menu ul li:last-child:hover .submenu3 {
    display: block;
    width: 350px;
    right: 0;
    text-align: center;
}

ul.submenu3.submenu li {
    display: inline-block;
}
ul.submenu3.submenu li a {
    display: block;
    background: transparent;
    border-radius: 3px;
    color: #1493d0;
    text-decoration: underline !important;
    font-family: montserrat-medium;
	font-size:14px;
}
.top-bar-menu ul.submenu2.submenu {
    width: 452px;
    right: 0px;
}
.top-bar-menu ul.submenu2.submenu {
    font-family: montserrat-medium;
    margin-bottom: 13px !important;
}
.top-bar-menu ul.submenu2.submenu h4 {
    font-family: montserrat-medium;
    margin-bottom: 7px!important;
    font-weight: 700;
    font-size: 16px!important;
    text-align: left;
}
.top-bar-menu ul.submenu2.submenu h4 a {
    float: right;
    color: #0077b3;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 7px;
}
ul.submenu2.submenu p {
    text-align: left;
    font-size: 17px;
    padding: 0;
    margin: 0 0 30px 0;
    line-height: 1.3;
}
ul.submenu2.submenu p a {
    color: #333;
    text-align: left;
}
.top-bar-menu ul.submenu1.submenu {
    width: 400px;
    text-align: left;
    left: -104px;
	font-family: montserrat-medium;	
}
span.phone_icon_img a {
    font-weight: 400 !important;
}
ul.submenu2.submenu p a, .email_us span a {
    font-size: 15px !important;
}
ul.submenu2.submenu p a:hover {
    text-decoration: underline !important;
}
span.phone_icon_img a {
    font-weight: 400!important;
    font-size: 15px !important;
}
.top-bar-menu ul.submenu1.submenu h5 {
    font-size: 16px !important;
    font-weight: 700;
    font-family: montserrat-medium;
    margin-bottom: 13px !important;
	font-weight: 700;
}
ul#primary-menu li:last-child {
    margin-right: 0px;
}
ul#primary-menu li:last-child .sub-menu {
    left: -100px;
}
.top-bar-menu span.phone_icon_img img {
    width: 18px !important;
    position: relative;
    top: -3px;
    margin-right: 7px;
}
.top-bar-menu ul.submenu1.submenu li:first-child {
    border-right: 1px solid #ddd;
    padding-right: 34px;
}
header.site-header.homepage-header {
    overflow: hidden;
}
ul#primary-menu {
    width: 100%;
    text-align: right !important;
}
ul.submenu1.submenu h5 {
    text-align: center !important;
}
ul.submenu1.submenu li {
    display: inline-block;
    width: 46%;
}
.tex_right{ text-align:right; }
span.phone_icon_img a {
    font-size: 14px !important;
}
span.email_us a {
    font-size: 14px !important;
}
span.email_us img {
    width: 18px;
    position: relative;
    top: -5px;
}
li.call_us:before {
    position: absolute;
    left: 186px;
    width: 1px;
    height: 28px;
    background: #ddd;
    content: "";
    top: 1px;
}
li.call_us {
    position: relative;
}
.arrow_down {
	     width: 9px;
    position: relative;
    top: -7px;
    left: 2px;
}
li.pt_10 {
    padding: 10px 7px!important;
}
/* li.pt_10:hover>a {
    color: #ffcc33 !important;
} */
li.pt_10:hover {
background-color: #1e6297;
}
ul.submenu3.submenu {
    text-align: right !important;
}
ul.submenu2.submenu p a {
    text-decoration: underline !important;
	    font-size: 13px!important;
}
ul.submenu3.submenu {
    text-align: center !important;
    width: 190px !important;
}

img.mobile_view_img {
    display: none;
}
#primary-menu {
	display: flex;
}
#primary-menu li {
    list-style: none;
    text-align:center;
	margin: 0 auto;
	transition: 0.4s; 
    line-height: 1.2 !important;
    font-size: 14px;
}
#primary-menu > li:hover a {
	color: #6ab3f8;
}
#primary-menu li a {
	padding: 0;
}
#primary-menu .sub-menu li a {
    padding: 7px 15px 7px 15px;
    font-size: 13px !important;
    line-height: 18px;
}
.arrow_down {
	filter: brightness(2) contrast(2);
}
.pos-rel {
	position: relative;
}
.homepage-header {
    margin-bottom: 0;
    background: #6ab3f8;
    background: -moz-linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;
    background: -webkit-linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;
    background: linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#6ab3f8',GradientType=0);
}
ul.submenu3.submenu {
	min-width: 190px !important;
	width: auto !important;
}
.col-c {
	column-count: 2;
}
.col-c::before {
    position: absolute;
    top: 9px;
    left: 47%;
    width: 2px;
    height: 70%;
    background: #dddddd;
    content: '';
}
ul.submenu3.submenu li {
    display: block;
    width: max-content;
}
/* new header css */
.logo_img_li_cls .desk_view_img {
    max-width: 140px !important;
	width:100%;
    padding: 5px !important;
}
header .nav-bar {
    display: block;
    width: 100% !important;
    float: left;
    padding: 20px 0px !important;
}
li.submenu_li_cls {
    width: auto;
    min-width: 100px;
    text-align: left;
}
li.submenu_li_cls a {
    color: #333 !important;
}

ul.top_right {
    padding-top: 10px !important;
}
.header_blog_content_new {
    padding: 10px;
    background: #6ab3f8;
    color: #fff;
    margin-top: 2px;
}
.header_blog_content_new h1 {    font-size: 23px;    text-align: center;    color: #fff;    margin: 0px;    line-height: 1.2;}
.header_contentnew {
    padding: 20px 0px 0px 0px;
    color: #333;
}
.header_contentnew h1 {
    font-size: 26px;
    text-align: center;
}
.outerDivv.main_menu_cls {
    background: #6ab3f8;
}
#newnavbar-id #primary-menu li a {
	color: #fff;
}
.top-bar-menu {
    background: #fff;
}
.top-bar-menu ul.top_left {/* 
    float: left;
    text-align: left;
    display: flex;
    width: 20%; */
    list-style: none;
	margin: 0px;
	min-height: 80px !important;
}
.top-bar-menu ul.top_right {
    padding-top: 10px!important;
    /* display: flex;
    list-style: none;
	width:80%;
	justify-content:flex-end; */
	margin: 0px;
}
.top_cart img { width:20px; }
.top_cart .top_cart_a {
	font-size: 12px;
	position: relative;
}
span.cart_count_txt {
    position: absolute;
    top: 18px;
    right: -11px;
    background: #ffd202;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 15px;
    padding: 0;
    color: #005d92;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.top-bar-menu ul li:hover .submenu {
	display: block !important;
}
.submenu {
	z-index: 100;
}
.submenu3 {
	right: 0 !important;
}

/* New Css Nov */
body{overflow-x:hidden;}
header.site-header.homepage-header .top-bar-menu .container {
    max-width: 100%!important;
    padding: 0;
}
.top-bar-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (min-width:1680px) and (max-width:2600px){
	
	.top-bar-div {justify-content: space-around;}
	
}

.top-bar-menu ul .user_icon img {
    height: 20px;
    width: 22px;
}
.top_cart {
    position: relative;
    background-color: #005d92 ;
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 28px;
}
.top-bar-menu ul .pt_10 {
    padding: 0 15px!important;
    position: relative;
}
.top-bar-menu ul .pt_10:last-child {
    padding: 0 !important;
}
.top-bar-menu ul.top_right {
    padding-top: 0px!important;
}
.top-bar-menu ul .pt_10 a {
    padding: 28px 0;
    display: inline-block;
}
.top_cart a.top_cart_a img {
    width: 28px;
}
span.cart_count_txt {
    position: absolute;
    top: 18px;
    right: -7px;
    background: #ffd202;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 15px;
    padding: 0;
    color: #005d92;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.top-bar-menu ul.top_right li.pt_10:hover {
    background: transparent !important;
}
header.site-header.homepage-header div#newnavbar-id .container {
    max-width: 100% !important;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar {
    padding: 0 !important;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu{
	justify-content:center !important;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li {
    padding: 0;
    margin: 0;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
    padding: 15px 7px;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a {
    background: #005d92;
    position: relative;
    height: 100%;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li a {text-align:left !important;
    padding: 10px 8px;
    background: transparent;
    min-width: 150px;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu {
    left: 0;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li:hover a {
    color: #ffd202 !important;
}
.logo_img_li_cls .desk_view_img {
    max-width: 150px!important;
    padding: 12px 10px !important;
}
.top-bar-menu ul.top_right li a {
    color: #333;
    font-weight: 500;
}
.top-bar-menu ul .pt_10.email_us_li img {
    width: 32px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}
.top-bar-menu ul .pt_10.support_li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 32px;
}
ul.top_right ul.submenu.submenu {
    padding: 12px 12px;
    width: 150px;
    margin: -15px 0 0;
}
ul.top_right ul.submenu.submenu.faq-submenu{width:320px;
padding: 20px 20px;}
ul.top_right ul.submenu.submenu li {
	min-width:inherit;
}
ul.top_right ul.submenu.submenu li a {
    padding: 6px 15px;
}
ul.top_right ul.submenu {
    margin: -20px 0 0;
    padding: 12px 12px 20px;
    z-index: 9;
    position: absolute;
    right: 0;
    width: 320px;
}
ul.top_right ul.submenu2.submenu h4 {
    font-size: 15px!important;
}
ul.top_right ul.submenu.faq-submenu a {
    padding: 8px 0;
}
.top-bar-menu ul.top_right li a:hover {
    color: #005d92 !important;
}
ul.top_right ul.submenu.faq-submenu a.view_all_faq {
    position: absolute;
    width: auto;
    bottom: 15px;
	color:#6ab3f8;
    top: auto;
    float: none;
    right: 10px;
    left: auto;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 0;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child {
    position: relative;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child ul.sub-menu {
    position: absolute;
    right: 0;
    width: 170px;
    left: auto;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child ul.sub-menu li a {
    text-align: right;
    width: 170px;
}
.mob-new-header{display:none;}
.homepage-header { background: #6ab3f8; }



/* media query start */
@media only screen and (max-width:1440px){
	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
	text-align:center;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul.nav-menu li a .sub-menu li a{text-align:left !important;}

}
@media screen and (max-width:1280px){
.top-bar-menu ul.submenu2.submenu {
    width: 452px;
    right: 0px;
}
.top-bar-menu ul.submenu1.submenu {
    right: -111px;
    left: auto;
}
ul#primary-menu li:last-child .sub-menu {
    left: auto;
    right: 2px;
}
.site-header .headerbg-border{
	margin-top:0px;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
    padding: 15px 12px;
}
}
@media only screen and (max-width:1200px){
	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {font-size:14px !important;
    padding: 15px 7px;
}

.top-bar-menu ul.top_left {
    width: 20%;
}	
}
@media screen and (max-width:1140px){
.nav-menu li {
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
}
.nav-menu li a{font-size:14px;}
.site-header .headerbg-border{
	margin-top:0px;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
    
    padding: 15px 7px;
}
}
@media only screen and (max-width:992px){	
	.top-bar-menu ul.top_left {
    width: 20%;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
    padding: 15px 15px;
}	
}

@media only screen and (max-width: 991px){
	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {
    text-align: left;
    font-size: 14px !important;
}
.mob-new-header .col-md-12{display:inline-block;}
	.mob-new-header{ display:block; }
.desktop-new-header{ display:none; }
.outerDivv.main_menu_cls {
    background: transparent;
}
.active_mob_menu a:hover {
    background: #005d92;
    color: #fff;
}
.mob-new-header .site-logo{ width:100%;align-items: inherit; }
.mob-new-header .site-logo img.mobile_view_img {
    width: 100%;
    max-width: 120px;
    padding: 0px 0px;
    margin: 0 auto;
	height:inherit !important;
}
.homepage-header {
    background: #fff!important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
}
.menuToggle.open_menu_sec {
    top: 25px !important;
}
.mob-new-header .site-logo .moblie_cart_cls a img{display:block;width:100%;height:100% !important;}
span.cart_count_txt {
    top: 10px;
    right: 18px;
}
ul#primary-menu {
    padding-top: 50px;
}
header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a{ width:100%; text-align:left; }
.container.homepage-banner {
    margin-top: 0;padding:0px;
}
#menuToggle span {
    margin-bottom: 6px;
}
	.site-header #navbar ul{
		display: block;
	}
	.site-header #navbar ul li{
		padding: 15px;
	}
	div#menuToggle {
		top: 40%;
			margin-top:0px;
	}
	.nav-menu li a{
		color: #fff;
	}
	.site-header .headerbg-border{
	margin-top:0px;
}
img.mobile_view_img {
    display: block !important;
}
.site-logo img{display:none;}
.site-header .container:first-child .site-logo {
    height: auto!important;
}
.site-header.homepage-header .headerbg-border {
    margin-top: 0px!important;
	display:none;
}
#primary-menu .sub-menu li a {
    padding: 15px 15px;
	display: block;
    width: 100%;
}
#primary-menu .sub-menu li{padding:0 !important;}
.nav-menu li a{color:#fff !important;}
.nav-menu li a{max-width:100%;}
ul.sub-menu li:hover , ul.sub-menu li a:hover , ul.sub-menu li:hover a{
    background:#0089cf !important;
}
.header-account-list{width:100%;
display:inline-block;
border-top: 1px solid #717171;
}
.header-account-list a{font-size:14px;
color:#fff;
padding:15px 8px;
width:100%;
display:inline-block;}
}
@media screen and (max-width:768px){
	.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 100%;
}
	.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
    margin-top: 20px;
}
div#menuToggle {
    top: 40%;
}
header .nav-bar{width:100% !important; }

img.desk_view_img {
    display: none;
}
li#menu-item-960 {
    text-align: left !important;
}
ul.submenu3.submenu {
    z-index: 999999999;
}
.top-bar-menu ul.submenu2.submenu {
    width: 452px;
    right: 0px;
    z-index: 99999999;
}
.top-bar-menu ul.submenu1.submenu {
    right: -189px;
    left: auto;
    z-index: 9999999999999;
}
.site-header .headerbg-border{
	margin-top:0px;
}
ul.sub-menu li a:before {
    display: none;
}
li.menu-item-has-children a {
    position: relative;
    width: 100%;
    text-align: left;
}
li.menu-item-has-children a:before {
    position: absolute;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    top: 12px;
    right: 15px;
    width: 16px;
    height: 16px;
    z-index: 1;
    color: #fff;
}
.top-bar-menu ul.top_right {
    flex-wrap: wrap;
    float: none !important;
    width: 100%;
	justify-content:center;
}
.top-bar-menu ul.top_right li.pt_10{text-align:left;}
.top-bar-menu ul.top_right li.pt_10 a {
    font-size: 14px;
	padding:10px 0;
}

}
@media only screen and (max-width:767px){	
	.menuToggle {
    right: 0px !important;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    width: 100%;
}
.moblie_cart_cls {
    float: right;
}
#menuToggle span {
    width: 30px;
}
.menuToggle.open_menu_sec{width:auto;}	
.mob-new-header .site-logo .col-md-1 {
    padding-right: 0px !important;
}
.moblie_cart_cls .top_cart {
    right: -15px;
}
}

@media only screen and (max-width:500px){	
	span.cart_count_txt {
    top: 15px;
    right: 4px;
}
	.mob-new-header .site-logo .moblie_cart_cls a img{padding:20px 0 15px;}
}
@media screen and (max-width:480px){
.top-bar-menu ul.submenu1.submenu {
    right: -184px;
    width: 317px;
}
ul.submenu2.submenu h4{
	display:flex;
}
ul.submenu2.submenu h4 a{
	width: 38%;
}
li.call_us:before {
    left: 161px;
}
.top-bar-menu ul.submenu2.submenu {
    width: 303px;
    right: 0px;
    z-index: 99999999;
}
ul.submenu1.submenu li {
    display: inline-block;
    width: 49%;
}
.site-header .headerbg-border{
	margin-top:0px;
}
.col-c{
	column-count: 1;
}
.col-c::before{
	display: none;
}
.site-logo img.mobile_view_img {
    padding: 10px 0 !important;
    max-width: 100px !important;
}
.top-bar-menu ul .user_icon img {
    height: 20px;
}
.top-bar-menu ul .pt_10.email_us_li img {
    width: 28px;
    margin-right: 3px;
}
.top-bar-menu ul .pt_10.support_li img {
    margin-right: 3px;
    width: 28px;
}
.top-bar-menu ul.top_right li.pt_10.faq_li img {
    display: none;
}
span.cart_count_txt {
    top: 8px;
}
}

@media screen and (max-width:360px){
.top-bar-menu ul .pt_10 {
    margin-left: 0px;
}
.site-header .headerbg-border{
	margin-top:0px;
}
ul.submenu1.submenu li{
	width: 100%;
}
ul.submenu1.submenu li .tex_right{
	text-align: right;
}
li.call_us:before{
	display: none;
}
}

/* ======================================
   FIX: Force hamburger vertically centered
   in mobile logo bar (override old top:40%)
   ====================================== */
@media only screen and (max-width: 991px) {
  .mob-new-header .site-logo .col-md-1:first-child div#menuToggle,
  .mob-new-header .site-logo .col-md-1:first-child .menuToggle,
  div#menuToggle,
  #menuToggle {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto !important;
  }
}












/* ===========================
   LAYER 1 — ANNOUNCEMENT BAR
   =========================== */
.tpp-announce-bar {
  background: #2B7DC9;
  color: #ffffff;
  padding: 9px 40px 9px 16px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  width: 100%;
  z-index: 9999;
}
.tpp-announce-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tpp-announce-btn {
  display: inline-block;
  background: #F5A623;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 14px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-left: 6px;
  transition: background-color 0.2s ease;
}
.tpp-announce-btn:hover {
  background: #e0941a;
  color: #fff;
}
.tpp-announce-close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
  background: none;
  border: none;
}
.tpp-announce-close:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .tpp-announce-bar {
    font-size: 14px;
    padding: 10px 44px 10px 12px;
  }
  .tpp-announce-inner {
    gap: 6px;
  }
}
@media (max-width: 480px) {
  .tpp-announce-bar {
    flex-direction: column;
    padding: 12px 44px 12px 12px;
  }
  .tpp-announce-inner {
    flex-direction: column;
    text-align: center;
  }
  .tpp-announce-close {
    top: 10px;
    transform: none;
  }
}

/* ===========================
   LAYER 2 — UTILITY BAR (Desktop)
   =========================== */
.tpp-utility-bar {
  background: #f8f9fa;
  border-bottom: 1px solid #e2e6ea;
  padding: 7px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12.5px;
  color: #444;
}
.tpp-util-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.tpp-util-left a {
  color: #555;
  text-decoration: none;
  font-size: 13px;
  transition: color 0.2s;
}
.tpp-util-left a:hover {
  color: #2B7DC9;
}
.tpp-util-divider {
  width: 1px;
  height: 14px;
  background: #ddd;
}
.tpp-util-trust {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: bold;
  color: #2B7DC9;
  border-left: 1px solid #ddd;
  padding-left: 16px;
  margin-left: 4px;
  font-family: Tahoma, sans-serif;
}
.tpp-util-stars {
  color: #F5A623;
  font-size: 11px;
  letter-spacing: 1px;
}
.tpp-util-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.tpp-login-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2B7DC9;
  font-weight: bold;
  text-decoration: none;
  font-size: 12.5px;
  font-family: Tahoma, sans-serif;
  border: 1px solid #2B7DC9;
  padding: 3px 10px;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
}
.tpp-login-btn:hover {
  background: #2B7DC9;
  color: #fff;
}
.tpp-login-btn:hover svg {
  stroke: #fff;
}
.tpp-login-btn svg {
  flex-shrink: 0;
}
.tpp-util-account {
  position: relative;
}
.tpp-account-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 4px 0;
  margin: 0;
  min-width: 150px;
  z-index: 1000;
  padding-top: 8px;
}
.tpp-account-dropdown::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 8px;
  background: transparent;
}
.tpp-util-account:hover .tpp-account-dropdown {
  display: block;
}
.tpp-account-dropdown li a {
  display: block;
  padding: 8px 16px;
  color: #333;
  font-size: 12.5px;
  font-family: Tahoma, sans-serif;
  text-decoration: none;
  transition: background 0.2s;
}
.tpp-account-dropdown li a:hover {
  background: #f5f5f5;
  color: #2B7DC9;
}
/* Shopping Cart in desktop utility bar */
.tpp-util-cart {
  display: flex;
  align-items: center;
}
.tpp-util-cart .top_cart {
  background: #2B7DC9 !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  position: relative !important;
  transition: background 0.2s !important;
}
.tpp-util-cart .top_cart:hover {
  background: #1a5a94 !important;
}
.tpp-util-cart .top_cart a.top_cart_a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.tpp-util-cart .top_cart a.top_cart_a img {
  width: 22px !important;
  height: 22px !important;
  filter: brightness(0) invert(1) !important;
}
.tpp-util-cart .top_cart span.cart_count_txt {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  background: #F5A623 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: bold !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border: 2px solid #fff !important;
}

/* ===========================
   LAYER 3 — NAV BAR (shared)
   =========================== */
.tpp-nav-logo {
  float: left;
  display: flex;
  align-items: center;
  padding: 5px 15px 5px 0;
}
.tpp-nav-logo img {
  height: 50px;
  width: auto;
}

/* Shop Tickets CTA — add CSS class "tpp-nav-shop-btn" to menu item in WP Admin */
.tpp-nav-shop-btn > a {
  background-color: #F5A623 !important;
  color: #ffffff !important;
  padding: 7px 15px !important;
  border-radius: 6px !important;
  font-family: Tahoma, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin-left: 8px !important;
  transition: background-color 0.2s ease !important;
}
.tpp-nav-shop-btn > a:hover {
  background-color: #e0941a !important;
  color: #ffffff !important;
}

/* ===========================================
   DESKTOP ONLY (min-width: 992px)
   All dropdown/nav styles scoped to desktop
   =========================================== */
@media only screen and (min-width: 992px) {

  /* Nav bar background */
  .outerDivv.main_menu_cls,
  #newnavbar-id {
    background: #6AB3F8 !important;
  }

  /* When JS adds .tpp-nav-fixed, nav becomes fixed at top */
  .header_cls.tpp-nav-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  }

  /* Nav container — logo + menu side by side */
  #newnavbar-id .container {
    display: flex;
    align-items: center;
  }
  #newnavbar-id .nav-bar {
    flex: 1;
  }

  .nav-menu li a:hover,
  #primary-menu li a:hover {
    color: rgba(255, 255, 255, 0.75) !important;
  }

  /* Parent items need position for dropdown */
  .nav-menu > li,
  #primary-menu > li {
    position: relative !important;
  }

  /* Dropdown styling */
  .nav-menu li ul,
  #primary-menu li ul,
  .nav-menu .sub-menu,
  #primary-menu .sub-menu {
    background: #2B7DC9 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: auto !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 9999 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    border-top: 3px solid #F5A623 !important;
    display: none;
  }
  .nav-menu li:hover > ul,
  #primary-menu li:hover > ul,
  .nav-menu li:hover > .sub-menu,
  #primary-menu li:hover > .sub-menu {
    display: block !important;
  }

  /* Dropdown items */
  .nav-menu li ul li,
  #primary-menu li ul li,
  .nav-menu .sub-menu li,
  #primary-menu .sub-menu li {
    position: relative !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }
  .nav-menu li ul li:last-child,
  #primary-menu li ul li:last-child,
  .nav-menu .sub-menu li:last-child,
  #primary-menu .sub-menu li:last-child {
    border-bottom: none !important;
  }
  .nav-menu li ul li a,
  #primary-menu li ul li a,
  .nav-menu .sub-menu li a,
  #primary-menu .sub-menu li a {
    color: #ffffff !important;
    font-weight: normal !important;
    font-size: 13px !important;
    padding: 10px 18px !important;
    display: block !important;
    white-space: normal !important;
    transition: background 0.2s !important;
  }
  .nav-menu li ul li a:hover,
  #primary-menu li ul li a:hover,
  .nav-menu .sub-menu li a:hover,
  #primary-menu .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
  }

  /* Third-level sub-menu flies out right */
  .nav-menu li ul li ul,
  #primary-menu li ul li ul,
  .nav-menu .sub-menu .sub-menu,
  #primary-menu .sub-menu .sub-menu {
    top: 0 !important;
    left: 100% !important;
    border-radius: 0 6px 6px 6px !important;
    border-top: none !important;
  }

  /* Active parent highlight */
  .nav-menu > li:hover > a,
  #primary-menu > li:hover > a {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px 4px 0 0 !important;
  }
}

/* ===========================================
   DESKTOP — Hide mobile-only drawer elements
   =========================================== */
.tpp-drawer-header {
  display: none;
}
.tpp-drawer-shop {
  display: none;
}
.tpp-drawer-utility {
  display: none;
}
.tpp-mob-utility-bar {
  display: none;
}

/* ===========================================
   MOBILE ONLY (max-width: 991px)
   Premium mobile menu UI — Full Rewrite
   =========================================== */
@media only screen and (max-width: 991px) {

  /* Hide desktop logo in nav bar */
  .tpp-nav-logo {
    display: none !important;
  }

  /* Hide Shop Tickets button next to nav on mobile */
  .header_cls .container > .tpp-announce-btn {
    display: none !important;
  }

  /* ======================================
     STICKY MOBILE HEADER
     ====================================== */
  header.site-header.homepage-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    overflow: visible !important;
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10) !important;
  }

  /* ======================================
     OLD MOBILE TOP BAR — Hide
     ====================================== */
  .mob-new-header .col-md-12 {
    display: none !important;
  }
  ul.mob-top_right {
    display: none !important;
  }

  /* ======================================
     NEW MOBILE UTILITY BAR — Above logo
     ====================================== */
  .tpp-mob-utility-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: linear-gradient(135deg, #1a5fa8 0%, #2B7DC9 100%) !important;
    padding: 8px 12px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .tpp-mob-util-link {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 8px !important;
    transition: opacity 0.2s ease !important;
    letter-spacing: 0.2px !important;
  }
  .tpp-mob-util-link:hover,
  .tpp-mob-util-link:active {
    opacity: 0.85 !important;
    color: #fff !important;
  }
  .tpp-mob-util-link i {
    font-size: 11px !important;
    color: #F5A623 !important;
    flex-shrink: 0 !important;
  }
  .tpp-mob-util-sep {
    width: 1px !important;
    height: 14px !important;
    background: rgba(255,255,255,0.3) !important;
    flex-shrink: 0 !important;
  }
  .tpp-mob-util-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding-left: 8px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }
  .tpp-mob-stars-icons {
    color: #F5A623 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
  }

  /* ======================================
     HAMBURGER ICON — Refined & Force Centered
     ====================================== */
  .mob-new-header .site-logo .col-md-1:first-child .menuToggle,
  .mob-new-header .site-logo .col-md-1:first-child div#menuToggle,
  .menuToggle,
  div#menuToggle,
  div.menuToggle #menuToggle,
  #menuToggle {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 100000 !important;
    cursor: pointer !important;
    padding: 6px !important;
    gap: 5px !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
  }
  #menuToggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #333 !important;
    border-radius: 2px !important;
    transition: all 0.35s cubic-bezier(0.77, 0.2, 0.05, 1) !important;
    transform-origin: center !important;
    margin-bottom: 0 !important;
    position: relative !important;
  }
  #menuToggle input {
    width: 36px !important;
    height: 36px !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    cursor: pointer !important;
    opacity: 0 !important;
    z-index: 2 !important;
  }

  /* Hamburger → X animation */
  #menuToggle input:checked ~ span:first-of-type {
    transform: rotate(45deg) translate(5px, 5px) !important;
    background: #fff !important;
  }
  #menuToggle input:checked ~ span:nth-of-type(2) {
    opacity: 0 !important;
    transform: scale(0) !important;
  }
  #menuToggle input:checked ~ span:nth-of-type(3) {
    transform: rotate(-45deg) translate(5px, -5px) !important;
    background: #fff !important;
  }

  /* When menu is open — fix hamburger/close icon position */
  .menuToggle.open_menu_sec {
    position: fixed !important;
    top: 20px !important;
    left: auto !important;
    right: 18px !important;
    transform: none !important;
    z-index: 1000001 !important;
    width: auto !important;
  }
  .menuToggle.open_menu_sec #menuToggle {
    background: rgba(255,255,255,0.15) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  /* ======================================
     MOBILE LOGO BAR — Hamburger | Logo | Cart
     All vertically centered with flexbox
     ====================================== */
  .mob-new-header {
    padding: 0 !important;
    background: #fff !important;
  }
  .mob-new-header .site-logo {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    min-height: 56px !important;
    height: 56px !important;
    width: 100% !important;
    position: relative !important;
  }

  /* Left — Hamburger column */
  .mob-new-header .site-logo .col-md-1:first-child {
    position: relative !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }

  /* Center — Logo column */
  .mob-new-header .site-logo .col-md-10 {
    flex: 1 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 56px !important;
    padding: 0 !important;
  }

  /* Right — Cart column */
  .mob-new-header .site-logo .col-md-1:last-child {
    position: relative !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }

  img.mobile_view_img {
    display: block !important;
    max-width: 130px !important;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
  }

  /* ======================================
     MOBILE CART ICON — Matches desktop style
     ====================================== */
  .moblie_cart_cls.tpp-mobile-cart {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }
  .moblie_cart_cls.tpp-mobile-cart .top_cart {
    background: #2B7DC9 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    position: relative !important;
    right: auto !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
  }
  .moblie_cart_cls.tpp-mobile-cart .top_cart:active {
    background: #1a5fa8 !important;
  }
  .moblie_cart_cls.tpp-mobile-cart .top_cart a.top_cart_a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .moblie_cart_cls.tpp-mobile-cart .top_cart a.top_cart_a img {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
  }
  .moblie_cart_cls.tpp-mobile-cart .top_cart span.cart_count_txt {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #F5A623 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    left: auto !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15) !important;
    padding: 0 !important;
  }

  /* ======================================
     NAV DRAWER — Full-screen overlay
     ====================================== */
  .nav-bar,
  div#navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 85% !important;
    max-width: 380px !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: linear-gradient(180deg, #1a5fa8 0%, #2B7DC9 40%, #3a8fd4 100%) !important;
    z-index: 1000000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    padding-top: 0 !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transform: translateX(-100%) !important;
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.3) !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .nav-bar.open,
  .nav-bar.active_mob_menu,
  div#navbar.open,
  div#navbar.active_mob_menu {
    transform: translateX(0) !important;
    right: auto !important;
  }

  /* ======================================
     MENU LIST — Primary Menu
     ====================================== */
  ul#primary-menu,
  ul.nav-menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: block !important;
    width: 100% !important;
  }

  /* Remove the old "Menu" text pseudo-element */
  ul#primary-menu::before {
    display: none !important;
  }

  /* ======================================
     DRAWER HEADER — Close button
     ====================================== */
  .tpp-drawer-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background: inherit !important;
  }
  .tpp-drawer-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: none !important;
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    outline: none !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }
  .tpp-drawer-close:hover,
  .tpp-drawer-close:active {
    background: rgba(255,255,255,0.25) !important;
    transform: scale(1.05) !important;
  }
  .tpp-drawer-close svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #fff !important;
  }

  /* (Desktop hide rule is outside this media query block) */

  /* ---- Top-level menu items ---- */
  #primary-menu > li,
  .nav-menu > li {
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    margin: 0 !important;
    overflow: visible !important;
    float: none !important;
    width: 100% !important;
    position: relative !important;
  }
  #primary-menu > li:last-child,
  .nav-menu > li:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  }

  /* ---- Top-level links ---- */
  .nav-menu > li > a,
  #primary-menu > li > a,
  #newnavbar-id #primary-menu > li > a,
  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li > a {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 15px 20px !important;
    display: block !important;
    text-align: left !important;
    transition: all 0.25s ease !important;
    border-radius: 0 !important;
    background: transparent !important;
    line-height: 1.4 !important;
    width: 100% !important;
    float: none !important;
    position: relative !important;
  }
  #primary-menu > li > a:hover,
  .nav-menu > li > a:hover,
  #primary-menu > li > a:active,
  .nav-menu > li > a:active,
  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover > a {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
  }

  /* ---- Down arrow for parent items ---- */
  li.menu-item-has-children > a {
    padding-right: 50px !important;
    position: relative !important;
  }
  li.menu-item-has-children > a:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    content: "\f054" !important;
    position: absolute !important;
    right: 20px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.5) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    height: auto !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
  }
  li.menu-item-has-children.open > a:before {
    transform: translateY(-50%) rotate(90deg) !important;
    color: rgba(255,255,255,0.8) !important;
  }

  /* ---- Hide mobilesubmenu toggle spans (the ugly checkboxes) ---- */
  #site-navigation li.menu-item span.mobilesubmenu,
  .mobilesubmenu {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
  }

  /* ======================================
     SUBMENU — Collapsible sections
     ====================================== */
  .site-header #navbar ul.sub-menu,
  #primary-menu .sub-menu,
  #primary-menu li ul,
  .nav-menu .sub-menu,
  .nav-menu li ul {
    display: none !important;
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,0.15) !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    float: none !important;
    left: 0 !important;
    top: auto !important;
  }

  /* Show submenu when parent has .open class */
  ul.nav-menu li.open > ul.sub-menu,
  ul.nav-menu li.open:hover > ul.sub-menu,
  ul.sub-menu.open-submenu,
  #primary-menu li.open > .sub-menu {
    display: block !important;
    position: static !important;
    top: auto !important;
    background: rgba(0,0,0,0.15) !important;
  }

  /* ---- Submenu items ---- */
  #primary-menu .sub-menu li,
  .nav-menu .sub-menu li {
    padding: 0 !important;
    border-bottom: none !important;
    position: static !important;
    margin: 0 !important;
    overflow: visible !important;
    float: none !important;
    width: 100% !important;
  }

  /* ---- Submenu links ---- */
  #primary-menu .sub-menu li a,
  .nav-menu .sub-menu li a,
  #newnavbar-id #primary-menu .sub-menu li a,
  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li a {
    padding: 13px 20px 13px 36px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.85) !important;
    text-align: left !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
    line-height: 1.35 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    background: transparent !important;
    min-width: auto !important;
    float: none !important;
  }
  #primary-menu .sub-menu li:last-child a,
  .nav-menu .sub-menu li:last-child a {
    border-bottom: none !important;
  }

  /* Bullet dot before submenu items */
  #primary-menu .sub-menu li a:before,
  .nav-menu .sub-menu li a:before {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    background: #F5A623 !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    position: static !important;
    font-family: inherit !important;
    font-size: 0 !important;
  }

  /* Submenu hover */
  #primary-menu .sub-menu li a:hover,
  .nav-menu .sub-menu li a:hover,
  #primary-menu .sub-menu li a:active,
  .nav-menu .sub-menu li a:active,
  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li:hover a {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
  }

  /* ---- Third-level submenu ---- */
  #primary-menu .sub-menu .sub-menu,
  .nav-menu .sub-menu .sub-menu {
    background: rgba(0,0,0,0.10) !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #primary-menu .sub-menu .sub-menu li a,
  .nav-menu .sub-menu .sub-menu li a {
    padding-left: 52px !important;
  }
  #primary-menu .sub-menu .sub-menu li a:before,
  .nav-menu .sub-menu .sub-menu li a:before {
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
    background: rgba(255,255,255,0.4) !important;
  }

  /* ======================================
     SHOP TICKETS CTA — In mobile drawer
     ====================================== */
  .tpp-drawer-shop {
    display: block !important;
    padding: 16px 20px 8px !important;
  }
  .tpp-drawer-shop-btn {
    display: block !important;
    background: #F5A623 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 4px 15px rgba(245, 166, 35, 0.35) !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
  }
  .tpp-drawer-shop-btn:hover,
  .tpp-drawer-shop-btn:active {
    background: #e0941a !important;
    color: #fff !important;
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(245, 166, 35, 0.25) !important;
  }

  /* ======================================
     UTILITY BAR — Inside mobile drawer
     ====================================== */
  .tpp-drawer-utility {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 !important;
    margin: 8px 20px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
  }
  .tpp-drawer-util-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }
  .tpp-drawer-util-item:last-child {
    border-bottom: none !important;
  }
  .tpp-drawer-util-item:hover,
  .tpp-drawer-util-item:active {
    color: #fff !important;
  }
  .tpp-drawer-util-item i {
    font-size: 15px !important;
    width: 20px !important;
    text-align: center !important;
    color: rgba(255,255,255,0.5) !important;
    flex-shrink: 0 !important;
  }
  .tpp-drawer-util-item:hover i {
    color: #F5A623 !important;
  }

  /* ======================================
     LOGIN / ACCOUNT — In mobile drawer
     ====================================== */
  .header-account-list {
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
  }
  .header-account-list a {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 0 !important;
    width: 100% !important;
  }
  .header-account-list a:before {
    content: "\f007" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.5) !important;
    margin-right: 4px !important;
  }
  .header-account-list a:hover,
  .header-account-list a:active {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
  }

  /* ======================================
     OVERLAY — Behind the drawer
     ====================================== */
  .nav-bar.open::after,
  .nav-bar.active_mob_menu::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 100% !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.45) !important;
    z-index: -1 !important;
    pointer-events: auto !important;
  }

  /* ======================================
     NAV DRAWER FOOTER — Contact info
     ====================================== */
  #site-navigation::after {
    content: "" !important;
    display: block !important;
    padding: 18px 20px !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin-top: 10px !important;
  }

  /* ======================================
     OVERRIDES — Kill old conflicting styles
     ====================================== */

  /* Override old dark nav-bar from style.css */
  .nav-bar {
    background-color: transparent !important;
  }

  /* Override old all_header.css nav-bar styles */
  .outerDivv.main_menu_cls,
  #newnavbar-id {
    background: transparent !important;
    padding: 0 !important;
  }
  #newnavbar-id .container {
    padding: 0 !important;
  }

  /* Kill old sub-menu absolute positioning */
  ul.sub-menu {
    top: auto !important;
  }

  /* Remove old active/hover backgrounds */
  .active_mob_menu a:hover {
    background: transparent !important;
  }
  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a {
    width: auto !important;
  }

  /* Fix nav-bar list display */
  .site-header #navbar ul {
    display: block !important;
    width: 100% !important;
  }
  .site-header #navbar ul li {
    padding: 0 !important;
    float: none !important;
  }

  /* Remove old overflow hidden that clips dropdowns */
  header.site-header.homepage-header {
    overflow: visible !important;
  }

  /* Hide desktop nav features on mobile */
  .desktop-new-header {
    display: none !important;
  }

  /* Announcement bar adjustments for mobile */
  .tpp-announce-bar {
    font-size: 15px !important;
    padding: 8px 36px 8px 10px !important;
  }
  .tpp-announce-inner {
    gap: 4px !important;
  }
  .tpp-announce-btn {
    font-size: 15px !important;
    padding: 3px 10px !important;
    margin-left: 4px !important;
  }
}