*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'botonregular';
  line-height: 1.6;
  padding: 0;
}

.cl{clear: both;}
.textCenter{text-align: center;}
a{text-decoration: none; transition: all 0.35s ease;}

/*==== Fonts ==== */
@font-face {
    font-family: 'BaseNeueBlackWide';
    src: url('../fonts/BaseNeue-WideBlack.woff') format('woff'),
         url('../fonts/BaseNeue-WideBlack.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'BaseNeueBlack';
    src: url('../fonts/BaseNeue-Black.woff') format('woff'),
         url('../fonts/BaseNeue-Black.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'botonregular';
    src: url('../fonts/boton_regular-webfont.woff2') format('woff2'),
         url('../fonts/boton_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'botonbold';
    src: url('../fonts/botonbold-webfont.woff2') format('woff2'),
         url('../fonts/botonbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BaseNeueWide';
    src: url('../fonts/BaseNeue-WideBold.woff') format('woff'),
         url('../fonts/BaseNeue-WideBold.woff2') format('woff2'),
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}


.containerRow {
    width: calc(100% - 50px);
    margin:0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}


.header .containerRow {
    width: calc(100% - 70px);
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* .containerRow:after {
    content: "";
    clear: both;
} */

.btnRed, .btnWhite {
    font-size: 26px;
    padding: 6px 54px 6px 25px;
    border-radius: 25px;
    font-family: 'BaseNeueBlackWide';
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease;
    line-height: 1;
}

.btnWhite {
    color: #ea1e23;
    background-color: #f1f1f2;
}

.btnRed {
    color: #ffffff;
    background-color: #ed1c24;
}
.btnWhite:hover{
    color: #ffffff;
    background-color: #ed1c24;
}
.btnRed:hover{
    color: #ea1e23;
    background-color: #f1f1f2;
}
.btnWhite::after, .btnRed::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 27px;
    height: 36px;
    background-size: 100% !important;
    transform: translate(0, -50%);
    transition: all 0.5s ease;
}
.btnWhite::after {
    background: url(../images/rightArrow-red.png) no-repeat center;
}

.btnRed::after {
    background: url(../images/rightArrow-White.png)  no-repeat center;
}
.btnWhite:hover::after{
    background: url(../images/rightArrow-White.png)  no-repeat center;
}
.btnRed:hover::after{
    background: url(../images/rightArrow-red.png) no-repeat center;
}


/* ==== Header css start ==== */
.header {
    width: 100%;
    background-image: url(../images/headerBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #282b68;
    padding: 12px 10px;
    transition: all 0.3s ease;
    z-index: 9999;
}

.header.fixed {
  position: fixed;
  top: 0;
}

.headerLeft {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:34%;
}
.headerLogo {
    width: 51.5%;
}
.headerLogo a{
    display: block;
}
.headerLogo img{
    width:100%;
    display: block;
}
.headerAddrDetails {
    color: #fff;
    font-size: 27px;
    line-height: 1;
    padding-left: 72px;
}
/* .headerAddrDetails p.headerLocation { font-size: 25px;} */
.headAddrName {
    position: relative;
    cursor: pointer;
    transition: all 0.35s ease-in;
    padding-right: 23px;
    font-family: 'botonbold';
    margin-bottom: 9px;
    transition: all 0.5s ease-in;
}
.headAddrName:hover{
    color:#ed1c24;
}
.headAddrName::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 52.3%;
    width: 20px;
    height: 20px;
    background:url(../images/downAngle.png) no-repeat center;
    background-size: 100%;
    transform: translate(0, -50%);
    transition: all 0.5s ease-in;
}
/*.headAddrName:hover::after {
    
}*/
.headerLocation {
    position: relative;
    padding-left: 25px;
    font-family: 'botonregular';
}
.headerLocation::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 20px;
    height: 23px;
    background:url(../images/pin.png) no-repeat center;
    background-size: 100%;
    transform: translate(0, -50%);
}



.headerRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:65%;
}

.mainNav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mainNav ul li {
    list-style: none;
    padding:0px 0;
}




.mainNav ul li .navLink {
    color:#fff;
    font-size: 27px;
    font-family: 'BaseNeueBlackWide';
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease;
    line-height: 1;
    letter-spacing: 2px;
}
.mainNav ul li .navLink:hover {
    color:#ea1e23;
}


/* ==== Banner section start ==== */
.bannerSection {
    width:100%;
    padding-bottom: 164px;
    position: relative;
    background-image: 
        url('../images/banner-bg.png'),
        linear-gradient(to top, #0e0535 50%, transparent 50%),
        linear-gradient(to bottom, #ee252b 50%, transparent 50%);
    background-size: 100%;
    background-position: center bottom 0px;
    background-repeat: no-repeat;
}
.bannerImgLarge {

}
.bannerImgmobile1, .bannerImgmobile2 {
    display: none;
}
.bannerContent {
    width: 45%;
    height: 100%;
    position: absolute;
    right:0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 1;
}

.bannerContent h1 {
    color:#fff;
    font-family: 'BaseNeueBlackWide';
    font-size:138px;
    line-height: 1;
    margin-bottom: 6%;
	margin-top: 0 !important;
}
.bannerContent .btnWhite {
    font-size: 41px;
    padding: 15px 90px 11px 35px;
    border-radius: 30px;
}
.bannerContent .btnWhite:hover {
    background-color: #0e0535;
}
.bannerContent .btnWhite::after {
    width: 37px;
    height: 48px;
    right: 22px;
}

/* ===== What's on section CSS ===== */
.whatOnSection {
    width: 100%;
    padding:15px 0px 535px;
    background-image: 
        url('../images/whats-on-bg.png'),
/*        linear-gradient(to top, #ffcf35 50%, transparent 50%),*/
        linear-gradient(to bottom, #0e0535 50%, transparent 50%);
    background-size: 100%;
    background-position: center bottom 0px;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    margin-top: -1px;
}
.whatOnSection .containerRow {
    margin-bottom: 40px;
}

.sectionTitle {
    font-family: 'BaseNeueBlackWide';
    font-size: 125px;
    line-height: 0.9;
    color:#fff;
    text-transform: uppercase;
	margin:0;
}



/* What's on Carousel */
.whatOnCarousel {margin-top: 45px;}

#whatsOnSlider{margin-top: 0px;}
#whatsOnSlider .item{border-radius: 15px;height:610px;}
.whatsOnCard{width:100%;overflow: hidden;border-radius: 15px; height: 100%;}
.whatsOnCard .postImg{position: relative; overflow: hidden;border-radius: 15px;  height: 100%;}
.whatsOnCard .postImg img{width: 100%; height:100%; border-radius: 15px; object-fit:cover;}
.whatsOnCard .postContent{background: #ffffffdd; padding: 32px 30px 35px; border-radius: 0px 0px 0px 15px; width: 80%; position: absolute; opacity: 1; bottom: 0;}
.whatsOnCard .postTitle{margin-bottom: 5px;}
.whatsOnCard .postContent h3 {  margin: 0;}
.whatsOnCard .postTitle a{line-height:1; text-transform: uppercase;font-size: 35px; font-family: 'BaseNeueWide'; color: #000; display: inline-block;text-transform: uppercase;transition: all 0.3s ease 0s; pointer-events:none}
.whatsOnCard .postTitle a:hover{color:#ef0000;}
.whatsOnCard .postDescription{color:#000000; font-size:25px; line-height:1; font-family: 'botonregular'; padding: 10px 0px 20px;}
.readMore{font-size: 18px; color: #ef0000; position: relative; padding-right: 30px; border-bottom: 2px solid #ef0000; line-height: 0.9;}
.readMore:hover{color:#000; border-color:#000;}
.readMore:after{content: "→"; position: absolute; font-size: 18px; right: 3px; top: 50%; line-height: 1; transform: translate(0px, -50%); transition: all 0.35s ease-in;}
.readMore:hover:after{right:0px;}

.customNav {width: 235px; display: flex; justify-content: space-between; margin-top: 10px; position: absolute;  right: 75px;}

.owl-prev,
.owl-next {
  color: #fff;
  width:100px;
  height: 100px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background-color: #ea1e23;
  opacity: 1 !important;
  transition: all 0.35s ease-in;
  background-color: #ea1e23;
  background-image: url(../images/nextArrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 53px 69px;
}

.owl-prev:hover,
.owl-next:hover {
  background-color: #fff;
  background-image: url(../images/rightArrow-red.png);
}

.owl-prev {
    transform: rotate(180deg);
}


/* ===== Fan Fav Section section CSS ===== */
.fanFavSection {
    background-image: url('../images/fanFaves-bg.png');
    background-color: #ffcf35;
    background-size: 100%;
    background-position: center bottom 0px;
    background-repeat: no-repeat;
    margin-top: -350px;
    padding-top: 165px;
    padding-bottom: 177px;
}
.fanFavSection .item {
	height:inherit !important;
}

.fanFavSection .containerRow {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fanFavSection .sectionTitle {
    color:#000;
}
.fanFavSubTitle {
    font-size: 45px;
    font-family: 'botonbold';
    line-height: 1;
    margin: 28px 0px 50px;
}
/* Fan favs slider css */
#fanFavSlider {}
.menuCard {
    background: #f1f1f2;
    text-align: center;
    padding-bottom: 22px;
}
.menuImg {
    width:100%;
    height: 306px;
    background-color:#fff;
    position: relative;
}
.menuImg img{
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}
.menuTitle {
    font-family: 'BaseNeueWide';
    text-transform: uppercase;
    font-size: 35px;
    line-height: 1.1;
    color:#000;
    margin-top: 22px;
    padding:0px 15px;
    height: 72px;
    overflow: hidden;
}
.menuDescription {
    font-family: 'botonregular';
    font-size: 20px;
    line-height: 1.3;
    color:#000;
    margin-top: 15px;
    padding:0px 15px;
    height: 126px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menuDescription span{font-size: 14px; display: inline-block; padding-top: 8px;}
.menuDescription span strong { font-family: 'botonbold';}

.viewFulMenu {
    margin: 90px 0px;
}
.viewFulMenu .btnWhite {
    font-size: 54px;
    padding: 7px 110px 5px 43px;
}
.viewFulMenu .btnWhite::after {
    width:48px;
    height: 63px;
    right: 26px;
}

.categorySection {
    width: 100%;
    background-color: #aa0000;
    padding-top: 40px;
    padding-bottom: 125px;
    background-image: url('../images/louiseCare-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}
.categorySection .containerRow {
    align-items: flex-start;
}

.itemCategory {width: 48%;}
.imageCategory {width:100%;}
.imageCategory img{width:100%;}
    .categorySection .headingCategory {
        width: 100%;
        font-size: 75px;
        font-family: 'BaseNeueBlackWide';
        color: #ffffff;
        line-height: 0.9em;
        text-align: left;
        padding-top: 32px;
    }
    .categorySection .textCategory {
        font-size: 30px;
        font-family: 'botonbold';
        color: #ffffff;
        line-height: 1.3em;
        padding: 34px 0px 33px;
    }
    .categorySection .btnCategory {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        text-align: left;
    }
    .categorySection .btnCategory .btnWhite {
        font-size: 41.67px;
        padding: 14.5px 77px 12.5px 21px;
        border-radius: 28px;
    }
    .categorySection .btnCategory .btnWhite::after {
        width: 37px;
        height: 48px;
        right: 21px;
    }
    .webFooter {
        background-image: url('../images/footer-bg.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center bottom;
        background-color: #0e0535;
    }
    .appSection {
        width: 100%;
        padding: 148px 0px 0px;
    }
    
    .appRow {
        width: calc(100% - 60px);
        margin: 0 auto;
        display: flex;
    }
    .appRow .appLeft {
        width: 50%;
    }
    .appLeft .sectionTitle {
        color: #ea1e23;
    }
    .appLeft .subHeadingApp {
        width: 87%;
        font-size: 45.8px;
        font-family: 'botonbold';
        color: #ffffff;
        line-height: 1.1em;
        padding-top: 43px;
    }
    .appLeft .appLearMore {
        width: 100%;
        display: flex;
    }
    .appLearMore .btnRed.learnMore {
        font-size: 54.4px;
        border-radius: 28px;
        padding: 20px 110px 16px 43px;
        margin-top: 63px;
    }
    .appLeft .btnRed::after {
        right: 31px;
        top: 44px;
        width: 48px;
        height: 63px;
    }
    .appRow .appRight {
        width: 50%;
        display: flex;
        justify-content: center;
    }
    .appRight img {
        margin-top: -84px;
    }
    .footer {
        width: 100%;
        padding-top: 96px;
        padding-bottom: 56px;
    }
    .footer .menu-footer {
        width: calc(100% - 140px);
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .footer .left-menu {
        width: 56%;
    }
    .footer .left-menu  .menu {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-right: 48px;
    }
    .menu-footer .menuHeading {
        font-size: 37.5px;
        font-family: 'BaseNeueBlack';
        color: #ea1e23;
        line-height: 1em;
        padding-bottom: 38px;
    }
    .menu .menuItem li {
        list-style: none;
        margin-bottom: 25px;
    }
    
    .menu .menuItem li a:hover {
        color: #ea1e23;
        transition: all 0.35s ease-in;
    }
    .menu .menuItem .footerMenuLink {
        font-size: 25px;
        font-family: 'botonregular';
        color: #ffffff;
        text-decoration: none;
        display: inline-block;
        line-height: 1;
    }
    
    .right-menu {
        width: 44%;
    }
    .right-menu .menuHeading {
        padding-bottom: 8px;
    }
    .right-menu .menuSubHeading {
        font-size: 25px;
        font-family: 'botonregular';
        color: #ffffff;
        line-height: 1em;
        padding-bottom: 16px;
    }
    
	.footerform {
		display: flex;
		flex-wrap: wrap;
/* 		gap: 8px; */
		padding:0 10px !important;
		margin: 0 !important;
	}

#forminator-module-87834.footerform .forminator-input {
    width: 100%;
    font-size: 22.48px !important;
    font-family: 'botonregular' !important;
    color: #ffffff !important;
    border: 1px solid #f1f1f2 !important;
    font-weight: 300 !important;
    border-radius: 30px !important;
    background-color: transparent !important;
    padding: 9px 12px;
    margin-bottom: 0;
    text-align: center;
}

    .footerform .detailsItem.bigText {
        width: 375px;
    }
    .footerform .detailsItem::placeholder {
        font-size: 22.48px;
        color: #ffffff; 
        opacity: 1; 
    }

.footerform .forminator-select-container {
	font-family:inherit !important
}
.footerform #select-1 .forminator-value {
    border-radius: 30px;
    padding: 14.3px 12px !important;
    border: 1px solid #fff !important;
    text-align: center;
    font-weight: normal !important;
    font-size: 22.48px;
	font-family:'botonregular' !important
}

div#checkbox-1 {
    width: 100%;
}
div#checkbox-1 .forminator-field {
    width: 100%;
}
div#checkbox-1 label.forminator-checkbox {
    display: block;
}
div#checkbox-1 input#forminator-field-checkbox-1-1-6745ffe773429 {
    float: left;
}

#checkbox-1 input + span {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
	
}

#checkbox-1 input + span:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 14px;
    top: 14px;
    background: red;
    border-radius: 50%;
}

.webFooter .forminator-custom-form-87834.forminator-design--default #submit {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    width: inherit !important;
    height: inherit !important;
	cursor: inherit;
}


#submit .submitRow {
    font-size: 27.8px !important;
    display: flex;
    align-items: center;
    padding: 12px 54px 10px 35px !important;
    cursor: pointer;
    letter-spacing: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    background: red !important;
    color: #fff !important;
    border-radius: 25px !important;
    font-family: 'BaseNeueBlackWide' !important;
    position: relative !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all 0.5s ease !important;
    line-height: 1 !important;
	background:#ed1c24 !important
}

#submit .submitRow::after {
	content: "";
    right: 13px;
    top: 23.4px;
	position: absolute;
    width: 27px;
    height: 36px;
	background: url(../images/rightArrow-White.png) no-repeat center;
	background-size: 100% !important;
    transform: translate(0, -50%);
    transition: all 0.5s ease;
}

#submit .submitRow:hover::after {
    background: url(../images/rightArrow-red.png) no-repeat center;
}

#submit .submitRow:hover {
	color:#ed1c24;
	background:#fff;
}




#checkbox-1 input + span + span {
    font-size: 17px !important;
    font-family: 'botonregular';
    color: #ffffff;
    line-height: 1.2em;
    cursor: pointer;
    padding: 0 !important;
    width: calc(100% - 70px);
    float: left;
    overflow: hidden;
    margin: 0;
	letter-spacing:0
}


@media(min-width:1911px) {
	#checkbox-1 input + span + span {  font-size: 17px !important;  font-family: 'botonregular';  color: #ffffff;  line-height: 1.2em;  cursor: pointer;  padding: 0 !important;  width: calc(100% - 62px);  float: left;  overflow: hidden;  margin: 0 0 20px 10px !important;  letter-spacing: 0;}
}




	.footerform .forminator-row:not(:last-child) {
   		 margin-bottom: 0!important;
	}
   
	.footerform span.forminator-icon-chevron-down:before {
		display: none !important;
	}
.footerform span.forminator-icon-chevron-down {
    background: url('../images/arrow.png') no-repeat right center;
    width: 40px;
    height: 40px;
}
    /*.footerform select {
        appearance: none;
        -webkit-appearance: none; 
        background: url('../images/arrow.png') no-repeat right center;
        background-position: right 10px center;
        background-size: 16px;
      }
      .footerform select option {
        padding-left: 58px;
      }  */
    .confirmCheck label,
    .confirmCheck {
        display: flex;
    }
   

     .confirmCheck input[type="radio"] {
        appearance: none;
        width: 30px;
        height: 30px;
        accent-color: red;
        border: 1px solid #f1f1f2;
        margin-right: 10px;
        background: none !important;
        border-radius: 50%;
        position: relative; 
    }
    
    .confirmCheck input[type="radio"]:checked::before {
        content: '';
        position: absolute;
        top: 50%; 
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        height: 12px;
        background-color: red;
        border-radius: 50%; 
    }
    

    .confirmCheck .textConfirm {
        font-size: 17px;
        font-family: 'botonregular';
        color: #ffffff;
        line-height: 1.2em;
        cursor: pointer;
        width: calc(100% - 114px);
        padding-top: 2px;
    }
    .footerLogoSocial {
        width: 100%;
        display: flex;
    }
    .footerLogoSocial .socialRow {
        width: 100%;
        display: flex;
        padding-top: 62px;
    }
    .footerLogoSocial .submitRow {
        width: 44%;
    }
    .logoFooter{
        width: 300px;
    	margin-right: 34px;
    }
    .logoFooter img{
        max-width: 100%;
    }
    .socialfooter {
        display: flex;
        flex-direction: column;
        margin-right: 33px;
    } 
    .socialfooter .socialIcons {
        display: flex;
        gap: 9px;
    }
    .socialfooter .menuHeading {
        font-size: 29.17px;
        padding-bottom: 10px;
    }
    .socialIcons img {
        width: 51px;
    }
    .footerLogoSocial .disclaimer {
        width: 330px;
        font-size: 16px;
        font-family: 'botonregular';
        color: #ffffff;
        line-height: 1.1em;
        margin-top: 12px;
    }
    .submitRow .btnRed {
        font-size: 27.8px;
        display: flex;
        align-items: center;
        padding: 12px 54px 10px 35px;
        margin-top: 19px;
        cursor: pointer;
        border: 0px;
        letter-spacing: 1px;
    }
    .submitRow .btnRed::after {
        right: 13px;
        top: 23.4px;
        width: 27px; 
        height: 36px;
    }
.bottomRowLogo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.footer .left-menu .menu .menuItem:nth-child(4) {  display: none;} 
.mobileDisclaimer {display: none;}
.mobile-toggle {display: none; cursor: pointer;}

.whatOnSection:after { content: ''; position: absolute; top: 45%;  height: 10%;  width: 100%;  background: #0e0535;}

@keyframes slideDown {
    0% {

        opacity: 0;
    }
    100% {

        opacity: 1;
    }
}



.hideInMobile {display: block;}
.hideOndesktop {display: none;} 



/*===========================Who We Are ====================================*/

.ourValue_wrapper {
    background-color: #ed1c24;
    color: #fff;
    display: none;
}

.ourValue_wrapper .containerRow {
    justify-content: center;
    padding: 38px 0 35px 0;
}

.ourValue_wrapper .sectionTitle {
    font-size: 55px; 
    text-align: center;
}

.whowearebanner_wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ourValue_wrapper .sectionTitle a {color: #fff !important;}




.left_section_banner {
    background: url('../images/whoWeAreBannerBg-desktop.png') no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    padding-left: 50px;
    padding-top: 0;
    position: absolute;
    width: 57%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.bannerLefttext {
    color: #fff;
    max-width: 80%;
}

.bannerLefttext  h1.sectionTitle {
    font-size: 91px;
}


.bannerLefttext  p {
    font-size: 33px;
    font-family: 'botonbold';
    color: #ffffff;
    line-height: 1.1em;
}

.right_section_banner {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.right_section_banner  img {
    max-width: 60%;
    display: block;
}

.ourvalueLogos_wrapper {
    background-color: ;
    padding-top: 60px;
    padding-bottom: 70px;
    background:url('../images/our-values-bg.jpg') no-repeat #ffcf35;
    background-position: bottom;
    background-size: 100%;
}
.ourvalueLogos_wrapper .containerRow {
   display: block;
}
.ourvalueLogos_wrapper .sectionTitle {
    color: #000000;
    text-align: center;
}

.ourvalueLogos_wrapper ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 60px 0 0 0;
}


.ourvalueLogos_wrapper ul li {
   width: 33.3%;
   text-align: center;
}
.ourvalueLogos_wrapper ul li img {
    display: block;
    margin: auto;
    max-width: 100%;
}

.ourvalueLogos_wrapper ul li span {
    display: block;
    text-align: center;
    font-size: 50px;
    font-family: 'botonbold';
    margin-top: 0;
	line-height: 1.1;
}

.ourResponsibility_wrapper{
    display: block;
    padding: 62px 0 120px 0;
    background: url('../images/our-resposnibilities-bg.jpg') no-repeat;
    background-position: bottom;
    background-size: 100%;
    background-color: #000000;
    color: #fff;
}
.ourResponsibility_wrapper .containerRow{
    display: block;
}

.ourResponsibility_wrapper .subtitleOR {
    display: block;
    font-size: 75px;
    font-family: 'botonbold';
	line-height: 1.6;
}
.ourResponsibility_wrapper .sectionTitle {
    font-size: 104px;
    color: #ed1d24;
    margin-bottom: 36px;
    margin-top: -10px;
}

.ourResponsibility_wrapper p {
    display: block;
    font-family: 'botonbold';
    margin-bottom: 30px;
    font-size: 33px;
    line-height: 1.2em;
    max-width: 95%;
}

.ourResponsibility_wrapper p span {
    color: #ed1d24;
}

.or_btns_wrapper {
    margin-top: 70px;
}
.or_btns_wrapper a:last-child {
    margin-left: 30px;
}

.yourSupport_wrapper {
    display: block;
    background-color: #0e0535;
    padding: 0 0 80px 0;
}
.yourSupport_wrapper .containerRow {
    display: block;
    text-align: center;
    color: #fff;
}

.ys_hero_img img {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.yourSupport_wrapper .sectionTitle {
    font-size: 91px;
    margin-bottom: 30px;
}
.yourSupport_wrapper p {
    font-family: 'botonbold';
    font-size: 33px;
    line-height: 1.1em;
    max-width: 90.5%;
    margin-left: auto;
    margin-right: auto;
    
}

.thankyouSlider {
    background-color: #fff;
    color: #000;
    overflow: hidden;
	width:100%;
}
.thankyouSlider .item{
	height: auto !important;
}

.sliderWrap {
    display: flex;
    align-items: center;
    padding-bottom: 0;
	width:100%;
}
.thanksText {
    font-size: 40px;
    line-height: 36px;
    font-family: 'botonbold';
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    padding-right: 20px;
	width:21%;
	
}
.slider_wrappp {
    padding: 15px 0 25px;
	width:80%;
}
#thankyousponsors .owl-dots.disabled {
    display: none !important;
}
#thankyousponsors .owl-dots {
    display: block !important;
    width: 100%;
    text-align: right;
    margin-top: 20px;
	padding-right: 6%;
}

#thankyousponsors .owl-dots button {
    display: inline-block !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color:#cccccc;
    margin-left:3px ;
    border:1px solid #b5b5b5 ;
}

#thankyousponsors .owl-dots button.active {
    background-color: #ff2828;
    border-color: #df2222;
}

#thankyousponsors .owl-nav {
    display: none;
}

.doYouKnow_Wrapper {
    background-image: url('../images/did-you-know-bg-pattern.jpg');
    background-repeat: no-repeat, no-repeat;
    background-size: 100%; 
    background-position: bottom; 
    background-color: #ffd700;
    padding: 0 0;
    position: relative;
    
}
.left_wrpapper_know {
    background-image: url('../images/did-you-know-bg-desktop.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    padding-left: 60px;
}

.youknow_text {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.insede_text_container {
    width: 48%;
    padding: 85px 0 105px;
}

.videos_wrapper {
    display: flex;
    justify-content: space-between;
} 
.videos_wrapper iframe {
    width: 48%;
    max-height: 250px;
}

.hastags {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.insede_text_container p {
    font-size: 37px;
    font-family: 'botonbold';
    line-height: 1.1em;
    padding: 0;
    margin: 0 0 40px;
}

.left_hastag {
    font-family: 'BaseNeueBlackWide';
    font-size: 45px;
    line-height: 0.9;
    color: #000000;
}

.text_left_know {
    color: #fff;
    max-width: 66%;
}

.text_left_know .sectionTitle{
    font-size: 58px;
}

.text_left_know ul {
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;

}

.redtitle {
    font-family: 'BaseNeueBlackWide';
    font-size: 58px;
    color: #ed1c24;
    line-height: 1em;
}
.whitetext {
    font-family: 'botonbold';
    font-size: 41px;
    line-height: 1.1em;
    margin-top: 10px;
}

span#ourvalues, span#ourresponsibility {cursor: pointer;}



/* ====================== Menu Page Css Start ====================== */
.menuSection{background:url(../images/menupage-top-bg.jpg) left top, url(../images/menupage-bottom-bg.jpg) left bottom; background-size: 100%; background-repeat: no-repeat; background-color:#ffcf35; padding:110px 0px 580px}
.menuSection .containerRow{display: block; padding-left: 30px;}
.menuSection h1{font-size: 147px; color:#ed1c24; margin-bottom: 32px;}
.menuSection .menuSubDesc{color:#000000; font-size: 54px; line-height: 1.4; font-family: 'botonbold';}

.menuTabSection{width:calc(100% - 60px); margin:100px auto 0px; overflow: hidden;}
.menuSidebar{width: 423px !important; float: left; background:url(../images/menuTabBg.jpg) no-repeat center bottom; background-size: 100%; background-color: #ed1c24; padding: 15px 0px; /*transition: top 0.3s ease, position 0.3s ease;*/}
/*.menuSidebar .menuTab{display: block; transition: all 0.35s ease-in; font-family: 'BaseNeueBlackWide'; font-size: 40px; cursor: pointer; background: none; border:0px; width: 100%; color:#fff; text-transform: uppercase; text-align: left; padding:5px 20px; margin:10px 0px;}*/

.menuSidebar .menuTab {
    display: block;
    transition: all 0.35s ease-in;
    font-family: 'BaseNeueBlackWide';
    font-size: 31px;
    cursor: pointer;
    background: none;
    border: 0px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 20px;
    margin: 7px 0px;
    line-height: 1.3;
}

.menuSidebar .menuTab:hover{background:#000;}
.menuContent{width:73.35%; float: right;}
.menuTabContent{display: none;}
.menuTabContent:not(.hidden) {display: block;}
.menuItemsWrapper{display: flex; justify-content: flex-start; align-items: center;  flex-wrap: wrap; gap: 2.75%;}
.menuTabSection .menuCard {width: 31.5%; margin-bottom: 45px; box-shadow: 0 0 20px  rgba(0,0,0,0.5);}



/* ====== Hungry Section Start ====== */
.hungrySection{width: 100%; background:url(../images/hungry-bg.png); background-size: 100% 100%; background-position: left bottom;  padding: 395px 0px 180px;margin-top: -490px; position: relative;}
.hungrySection .containerRow{display: block;}
.hungrySection .sectionTitle {font-size: 164px; margin-bottom: 55px;}
.hungrySection .btnWhite{font-size: 50px; margin-right: 32px; border-radius: 28px; padding: 21px 110px 18px 30px; display: inline-block; min-width: 712px;}
.hungrySection .btnWhite::after{
    right: 31px;
    width: 50px;
    height: 76px;
    background-image: url(../images/arrowRed-Big.png);
}
.hungrySection .btnWhite:hover::after{background-image: url(../images/arrowWhite-Big.png);}



.menuContent .sectionTitle {font-size: 121px; color: #ed1c24;}
.menuContent .sectionTitle + p { color: #000000; font-size: 33px;  line-height: 1.4; font-family: 'botonbold'; margin-top: 22px; margin-bottom: 44px;}
.menuContent .menuDescription {margin-top: 0;}
.taptosee  {display: none;}

.menuTabContent { min-height: 500px;}

form#forminator-module-87834 {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0;
}
form#forminator-module-87834 .forminator-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
div#name-2, div#name-3, div#date-1 {
    margin: 0 0 24px !important;
    padding: 0 !important;
    width: 32.5% !important;
    float: left;
    flex: none;
}

div#email-1, div#select-1 {
   margin: 0 0 20px !important;
    padding: 0;
    width: 49.5% !important;
	flex:none;
}

a.readMore {
    font-family: 'botonregular';
}

.ourResponsibility_wrapper .containerRow {
    width: calc(100% - 120px);    
}


@media(min-width:2000px) {
    .whatOnSection{padding-bottom:725px}
    .fanFavSection{ margin-top: -500px; padding-top: 265px;}
}



	nav.mainNav {  padding-left: 52px;}
	.mainNav ul li {  padding: 0px 38px 0 0;}
	.header .containerRow {  width: calc(100% - 100px) !important;}
	.headerLeft, .headerRight {width:auto !important}
	.headerLogo { width: 344px !important;} 
	.headerAddrDetails {   min-width: 272px; max-width: 292px;}
	.headAddrName::after {left:180px !important}
	.orderNowBtn .btnRed {  padding: 6px 57px 6px 32px;}
	.headerLocation::after  {top:13px !important}


@media (max-width: 1910px) {
    .menuSidebar {width: 366px !important;}
    .hungrySection .btnWhite {min-width: 460px;}
	.headAddrName::after { width: 15px;  height: 15px;    left: inherit !important;    right: 0 !important;}
	.header .containerRow {  width: calc(100% - 50px) !important;}
	nav.mainNav { padding-left: 0;}
	
	#forminator-module-87834.footerform .forminator-input { font-size: 15px !important;}
	.footerform #select-1 .forminator-value {   padding: 8.3px 12px !important;  font-size: 15px;}
	#checkbox-1 input + span + span { font-size: 11.5px !important;  padding-left: 0 !important;    margin-left: 7px !important;  line-height: 1.5em;  width: calc(100% - 30px);    padding-top: 2px !important;}
	#checkbox-1 input + span {width: 20px; height: 20px;}
	#checkbox-1 input + span:before { width: 9px;height: 9px;  left: 9px;  top: 9px;}
	#submit .submitRow { font-size: 19px !important;  padding: 9px 36px 7px 20px !important;}
	#submit .submitRow::after { width: 18px !important; height: 24px!important; top: 17px!important; right: 10px!important;}
	.forminator-row { justify-content: space-between;}
    
  .headerLeft {width:30%; justify-content: flex-start;}
  .headerRight {width: 70%;}
  .headerLogo {width: 229px !important;}
  .headerAddrDetails { width: inherit;  min-width: inherit;  margin: 0;  padding: 0 0 0 30px;}
	.headAddrName::after { left: inherit !important;  right: 8px;}
	.headerLocation::after { top: 10px !important;}
  .headAddrName, .headerLocation {font-size: 17.5px;}
	.headerAddrDetails p.headerLocation { font-size: 17.5px;}
  .btnElement {font-size: 17px;}
  .mainNav ul li .navLink {font-size: 21px;}
	.orderNowBtn { margin-left: 5px;}
  .bannerContent h1 {font-size: 92px;}
  .bannerImgLarge img { max-width:70%;}
  .bannerContent .btnWhite {font-size: 28px;}
  .bannerContent .btnWhite { font-size: 28px; padding: 15px 74px 11px 22px;}
  .bannerContent .btnWhite {background-size: 58% !important; }
  .sectionTitle {font-size: 84px;}
  .owl-prev, .owl-next {width: 67px; height: 67px; background-size: 35px; background-position: 19px;}
  .customNav {width:160px}
  .whatsOnCard .postTitle a {font-size: 24px;}
  .whatsOnCard .postDescription {font-size: 16px; padding-top: 0; padding-bottom: 10px;}
  .whatOnSection {padding: 15px 0px 455px;}
  .whatOnCarousel {margin-top: 30px;}
  .whatsOnCard .postContent {padding: 17px 15px 20px;}
  .fanFavSubTitle {font-size: 31px; margin-top: 18px; margin-bottom:40px}
  .menuTitle {font-size: 23px; margin-top: 25px;height: 51px;}
  .menuDescription {font-size: 14px;  height: 70px; }
  .viewFulMenu .btnWhite { font-size: 36px; padding: 7px 76px 5px 33px;}
  .viewFulMenu .btnWhite::after {width: 32px; height: 42px;}
  .viewFulMenu { margin: 60px 0px 0; }
  .fanFavSection {padding-bottom: 147px;}
  .categorySection {padding-top: 20px; padding-bottom: 90px;}
  .categorySection .headingCategory {font-size: 50px; padding-top: 17px; }
  .categorySection .textCategory {font-size: 19px; padding-top: 10px;}
  .menuDescription span { font-size: 11px;}
  .categorySection .btnCategory .btnWhite { font-size: 28px; padding: 10.5px 45px 9.5px 19px;  border-radius: 20px;}
  .appRight img {margin-top: -54px; max-width: 450px;}
  .appSection { width: 100%; padding: 100px 0px 0px;}
  .appLeft .subHeadingApp {font-size: 31px; padding-top:23px}
  .appLearMore .btnRed.learnMore { margin-top: 43px; font-size: 36px; padding: 14px 77px 11px 30px; border-radius: 20px;}
  .appLearMore .btnRed.learnMore::after { width: 32px; height: 42px; top: 31px;  right: 20px;}
  .menu-footer .menuHeading {font-size: 25px; padding-bottom: 18px;}
  .menu .menuItem .footerMenuLink, .right-menu .menuSubHeading {font-size: 16.5px;}
  .right-menu .menuSubHeading {margin-top: -13px;}
  .footerform {justify-content: space-between;}
  .footerform .detailsItem {font-size: 15px; width: 32%;}
  .footerform .detailsItem::placeholder { font-size: 15px;  }
  .footerform .detailsItem.bigText { width: 49%;}
  .menu .menuItem li {margin-bottom: 6px;}
  .confirmCheck .textConfirm {font-size: 11.5px; line-height: 1.5em;}
  .submitRow .btnRed {font-size: 19px;  padding: 9px 36px 7px 20px;}
  .submitRow .btnRed::after { width: 18px; height: 24px; top: 17px; right: 10px;}
  .logoFooter{ width: 260px;}
  .socialfooter .menuHeading {font-size: 20px; padding-bottom: 5px;}
/*   .socialIcons img { width: 34px;} */
  .footerLogoSocial .disclaimer { font-size: 14px;  margin-top: 12px;}
  .footerLogoSocial { padding-right: 50px; }
  .bottomRowLogo {padding-top: 35px;}
  .bottomRowLogo img {max-width: 475px;}
  .categorySection {    margin-top: -1px; }
  .categorySection .btnCategory .btnWhite:after { width: 25px; right: 14px;}
  .btnWhite::after, .btnRed::after {width:20px;}
  .bannerContent .btnWhite::after{width:25px;}
  .confirmCheck input[type="radio"] {  appearance: none;  width: 20px;  height: 20px;} 
  .mainNav ul li { list-style: none;   padding: 0 18px 0 0;}

    /*============= Our Value =========================*/
    .ourValue_wrapper .containerRow { padding: 28px 0 26px 0;  }
    .ourValue_wrapper .sectionTitle { font-size: 37px;   text-align: center; }

    .bannerLefttext  h1.sectionTitle { font-size: 61px; }
    .bannerLefttext  p { font-size: 30px; margin-top: 10px; }
    .bannerLefttext { max-width: 77%; }

    .ourvalueLogos_wrapper .sectionTitle { font-size: 92px;   }
    .ourvalueLogos_wrapper { padding-top: 40px;  padding-bottom: 50px; }
    .ourvalueLogos_wrapper ul {margin-top: 0;}
    .ourvalueLogos_wrapper ul li { margin-top: 20px; }
    .ourvalueLogos_wrapper ul li img {max-width: 310px;}
    .ourvalueLogos_wrapper ul li span {font-size: 33px;}
    .ourvalueLogos_wrapper ul li span {margin-top: -3px;}

    .ourResponsibility_wrapper { padding-top: 42px; padding-bottom: 90px; }
    .ourResponsibility_wrapper .containerRow {width: calc(100% - 70px);}
    .left_wrpapper_know {padding-left: 35px;  }
    .ourResponsibility_wrapper .subtitleOR {font-size: 50px; line-height: 1.6;}
    .ourResponsibility_wrapper .sectionTitle {   font-size: 70px; margin-bottom: 26px; }
    .ourResponsibility_wrapper p {font-size: 22px;  max-width: 92%;  margin-bottom: 15px; }
    .or_btns_wrapper {  margin-top: 50px;  }    
    .thankyouSlider .containerRow { width: calc(100% - 40px); }
    .yourSupport_wrapper .sectionTitle {  font-size: 61px;  }
    .yourSupport_wrapper p {font-size: 22px; max-width: 84.5%;}
    .yourSupport_wrapper .owl-item img {  max-width: 160px;    }
    .thanksText { font-size: 26px; line-height: 1.1em; padding: 10px 15px 0; text-align: left;}
    .insede_text_container {padding: 50px 10px 90px 0;}
    .insede_text_container p {font-size: 24px;}
    .videos_wrapper iframe {height: 230px;}
    .left_hastag_logo img { max-width: 174px; display: block;    }
    .left_hastag {font-size: 30px;}
    /* .text_left_know {  padding-top: 35px; } */
    .text_left_know .sectionTitle {  font-size: 40px; }
    .text_left_know ul {  margin: 30px 0 0 0;  }
    .redtitle { font-size: 38px;  }
    .whitetext {  font-size: 27px;  }
    .whitetext { font-size: 27px;  margin-top: 5px;  } 
    .hastags { padding-top: 10px;    }
    
    .menuSection h1 {font-size: 98px; margin-bottom: 5px;}
    .menuSection .menuSubDesc { font-size: 36px;    }
    .menuSection {padding: 70px 0px 580px;   }
    .menuTabSection {  margin: 60px auto 0px;   }
    .menuSidebar .menuTab {font-size: 23px; letter-spacing: 1px;}
    .menuContent .sectionTitle { font-size: 81px; }
    .menuContent .sectionTitle + p { font-size: 33px; margin-top: 17px;  margin-bottom: 34px;  }

    .hungrySection .sectionTitle {  font-size: 109px !important;   margin-bottom: 25px;    }
    .hungrySection .btnWhite {  font-size: 32px;    margin-right: 22px;      border-radius: 24px;  padding: 21px 70px 18px 30px;  display: inline-block;  }
    .hungrySection .btnWhite::after {  right: 19px;   width: 33px;    }
    .hungrySection { padding:295px 0px 114px; margin-top: -490px;    }
    .menuTabContent { min-height: 400px;}
    

}

@media(min-width:1700px) and (max-width:1910px) {
    .whatOnSection {padding: 15px 0px 485px;}
   
}
@media(min-width:1701px) and (max-width:1850px) {
    /* .text_left_know {margin-left: 120px; padding-top: 0;} */
    .left_wrpapper_know {display: flex; align-items: center; padding: 0;}
}
@media(min-width:1500px) and (max-width:1700px) {
    /* .text_left_know {margin-left: 80px; padding-top: 0;} */
}
@media(min-width:1301px) and (max-width:1910px) {
    .fanFavSection .containerRow { margin-top: 40px;  }

}
@media(max-width:1500px) {
    .bannerLefttext  p { font-size: 26px; margin-top: 10px; }
    .bannerLefttext { max-width: 77%; }
    .menuSidebar { width: 320px !important;}
	.footerLogoSocial .disclaimer{font-size:12px;}
	.footerLogoSocial{padding-right:20px;}.
	.logoFooter{width:300px;}
	
}

@media(min-width:1701px) and (max-width:1909px) {
	.mainNav ul li {  list-style: none;  padding: 0 38px 0 0;}
	
}

@media(min-width:1400px) and (max-width:1700px) {
    .left_wrpapper_know {  display: flex;  align-items: center;  }
    .text_left_know { padding-top: 0px; }
    .insede_text_container {  padding: 60px 0 90px; }
	.orderNowBtn {  margin-left: 0;}
	.mainNav ul li {  list-style: none;  padding: 0 38px 0 0;}
}

@media(max-width:1400px) {
    #whatsOnSlider .item { height: 410px; }
    .menuImg { height: 197px;  background-color: #fff;  position: relative; }
    .footer { padding-top: 50px; }
    .menu .menuItem li {margin-bottom: 19px;}
    .bannerLefttext  p { font-size: 23px; margin-top: 10px; }
    .bannerLefttext { max-width: 77%; }
    .insede_text_container p {font-size: 23px;}
    .videos_wrapper iframe {height: 200px;}
	.headerAddrDetails { min-width: inherit !important;  padding: 0;  margin-left: 30px;  max-width: 125px;}
    .menuSidebar { width: 300px !important;    }
   
}


@media (max-width: 1300px) {
    .containerRow {    width: calc(100% - 20px);}
    .fanFavSection {   padding-bottom: 147px;    padding-top: 200px;  }
    .menuTitle {font-size: 22px;height:50px;}
    .menuDescription {height: 90px;}
    .mainNav ul li { padding: 0px 10px; }
    .mainNav ul li .navLink {   font-size: 20px;    }
    .header .btnWhite, .header .btnRed { padding: 4.5px 34px 4.5px 20px; }
    .header .btnWhite::after, .header .btnRed::after {    width: 12px;     height: 18px;    }
    .headerLeft { width: 34%; }
    .headerRight { width: 66%; }
    .headAddrName::after { width: 15px;  height: 15px;  left: inherit !important;  right: 0 !important;}
    .headerAddrDetails { min-width: inherit !important;  padding: 0;  margin-left: 30px;  max-width: 141px;}
    .bannerSection {padding-bottom: 88px;}
	.bannerContent h1 { margin-bottom: 5.9%;}

    .bannerContent .btnWhite::after {width: 25px; height: 32px;}
    .bannerContent .btnWhite{padding: 15px 58px 11px 22px;}
    .customNav { right: 65px; }
    .whatOnSection { padding: 15px 0px 365px; }
    .fanFavSection {padding-bottom: 122px; padding-top: 228px; }
    .owl-carousel { width: 100%;  }
    .categorySection .containerRow { width: calc(100% - 60px);  }
    .categorySection {   padding-top: 27px;  }
    .whatOnSection:after { top: 40%;  height: 20%;  }
    .videos_wrapper iframe {height: 170px;}
    .confirmCheck .textConfirm {  font-size: 11.5px;    line-height: 1.5em;     width: calc(100% - 51px);  padding-top: 1px;   }
    .confirmCheck input[type="radio"] {  margin-right: 8px;}
    .menuSidebar { width: 280px !important;    }
}

@media(min-width:1251px) and (max-width:1400px) {
    .headAddrName, .headerLocation { font-size: 17px;  }
	.headerAddrDetails p.headerLocation { font-size: 15px;}
}


@media(max-width:1279px) {
	.mainNav ul li .navLink {   font-size: 19px;}
}

@media (max-width: 1250px) {
	
  .whatOnCarousel .owl-carousel { width: 100%;  }
  .headerLogo { width: 140px;}
  .headerAddrDetails { margin-left: 20px;}
  .bannerContent h1 {font-size: 70px !important;}
  .mainNav ul li .navLink {font-size: 18px;}
  .header .btnWhite, .header .btnRed {font-size: 12px;}
  .sectionTitle {font-size: 70px;}
  .menuTitle {font-size: 20px;}
  .footerLogoSocial .socialRow {flex-wrap: wrap;}
  .logoFooter {  width: 174px;}
  .owl-carousel { width: calc(100% - 40px);}
  .appRight img {  margin-top: 0;   max-width: 100%;   width: 100%;     height: inherit;  }
  .whatOnSection:after { top: 30%;  height: 40%;  }

  .left_section_banner {padding-left: 35px; padding-top: 50px;}
  .bannerLefttext  p { font-size: 20px; margin-top: 10px; }
  .bannerLefttext { max-width: 77%; }
  .menuSection h1 { font-size: 68px;}
  .menuSection .menuSubDesc { font-size: 26px;}
  .menuTabSection { margin: 30px auto 0px;}
  .menuContent .sectionTitle { font-size: 61px;}
  .menuContent .sectionTitle + p { font-size: 21px;  margin-top: 10px;}
  .hungrySection {padding: 255px 0px 94px; margin-top: -430px;}
  .hungrySection .btnWhite { font-size: 32px; padding: 21px 70px 18px 30px;  margin-right: 0;}
  .hungrySection .btnWhite::after { right: 20px; width: 28px;}
  .containerRow { width: calc(100% - 40px);}
  .menuSidebar .menuTab { font-size: 17px; letter-spacing: 1px;}
    .headerLogo {  width: 199px !important;}
    .menuSidebar { width: 240px !important;    }
}
@media(min-width:992px) and (max-width:1249px) {
	.mainNav ul li .navLink {   font-size: 14px;}
    .mainNav ul li {   padding: 0px 8px;    }
}
@media(min-width:992px) and (max-width:1250px) { 
    .bannerLefttext  h1.sectionTitle { font-size: 40px;  }
    .bannerLefttext p {font-size: 20px;}
    .ourvalueLogos_wrapper ul li img {  max-width: 85%;  }
    .left_hastag_logo img {max-width: 100px;}
    .left_hastag {font-size: 20px; }
    .or_btns_wrapper a {font-size: 18px; padding: 8px 44px 6px 25px; border-radius: 10px;}
    .or_btns_wrapper a:last-child {margin-left: 10px;}
    .left_section_banner {  padding-left: 30px;   padding-top: 0;   display: flex;   align-items: center;  }
    .bannerLefttext  h1.sectionTitle { font-size: 30px; line-height: 1.1em; }
    .ourvalueLogos_wrapper .sectionTitle { font-size: 40px;    }
    .ourvalueLogos_wrapper ul li span { font-size: 24px; margin-top: 0;  }
    .ourResponsibility_wrapper .subtitleOR {  font-size: 40px;  }
    .ourResponsibility_wrapper .sectionTitle {margin: 0 0 15px; font-size: 40px;}
    .ourResponsibility_wrapper p {font-size: 18px;max-width: 100%;}
    .ourResponsibility_wrapper {  padding-top: 22px; padding-bottom: 50px;}
    .yourSupport_wrapper .sectionTitle { font-size: 40px; margin-bottom: 15px;}
    .yourSupport_wrapper p { font-size: 16px; max-width: 100%; line-height: 1.2em;}
    .thanksText { padding-left: 0; font-size: 25px; padding-right: 20px; font-size: 20px; width:30%;}
	.slider_wrappp{width:70%;}
    .text_left_know .sectionTitle {font-size: 25px; }
    .redtitle { font-size: 22px;  }
    .whitetext { font-size: 17px;   }
    .insede_text_container { padding: 50px 10px 70px 0; }
    .insede_text_container p { font-size: 17px;     margin-bottom: 10px; }
    .videos_wrapper iframe {  height: 160px;  }
    /* .text_left_know { padding-top: 0; padding-left: 50px;    } */
    .text_left_know ul {  margin: 15px 0 0 0;  }

    .bannerLefttext {  max-width: 67%;    }

    .menuSidebar { width: 220px !important;    }
}



@media(min-width:992px) and (max-width:1050px) {
    .footer .left-menu, .footer .right-menu {width: 100%; }
    .footer .right-menu {margin-top: 30px;}
    .footerLogoSocial .socialRow {  padding-top: 30px;  }
    .logoFooter {width: 25% !important; margin: 0 !important;}
    .socialfooter {width: 40% !important; margin: 0 !important; padding-left: 50px;}
    .footerLogoSocial .disclaimer {width: 35% !important; margin: 0 !important;  font-size: 17px;}
    .socialIcons img { width: 44px; }
    .footer .menu-footer { width: calc(100% - 60px); }

    
    
}


@media(min-width:992px) and (max-width:1048px) {

    .headerLogo { width: 110px !important; }
    .mainNav ul li {padding: 0px 8px;  }
    .viewFulMenu {margin: 0px 0px 0;}
    .footerLogoSocial {    padding-right: 0;    }
    .bannerLefttext  h1.sectionTitle {   }
    .bannerLefttext p {font-size: 20px;}
    .whatsOnCard .postContent {padding: 17px 15px 20px;}
	.header .btnWhite, .header .btnRed {  padding: 11.5px 34px 11.5px 20px;}
   
    
    
}


@media(min-width:768px) and (max-width:991px) {
	div#wrapper {margin:0 !important}
	.footer .left-menu  .menu {  flex-wrap: wrap; margin: 0 !important;   padding: 0 !important;}
	.footer .left-menu .menu .menuItem { width: 48% !important;}
	.footer .left-menu  .menu .socialRow { flex-wrap: wrap;  margin: 0 !important;    padding: 0 !important;}
	.footer .left-menu .menu .socialRow .logoFooter {   width: 100% !important;    order: 2;}
	.footer .left-menu .menu .socialRow .logoFooter a img {    max-width: 205px;    margin-top: 20px;}
	.footer .left-menu .menu .socialRow .socialfooter {    width: 100% !important;    order: 1;    margin-left: 0 !important;    padding-left: 0 !important;}	
	.footer .left-menu .menu .socialRow .menuHeading {    font-size: 25px !important;    margin-bottom: 15px;}
	.footer .left-menu .menu .socialRow .disclaimer {   width: 100% !important;    order: 3;    font-size: 16px;    margin-top: 5px !important;    display: block;}
    .bannerContent h1 { font-size: 50px !important;  }
    .sectionTitle { font-size: 40px; }
    .whatOnSection {  padding: 15px 0px 255px;    }
    .fanFavSection {  padding-bottom: 92px; padding-top: 298px;}
    .fanFavSubTitle {    text-align: center;   }
    .categorySection .headingCategory {font-size: 36px; }
    .footerSocialWraper {display: none;}
    .footerLogoSocial {    padding-right: 0;    }
    
    .bannerLefttext  h1.sectionTitle { font-size: 40px;  }
    .bannerLefttext p {font-size: 16px; margin-top: 5px;}
    .ourvalueLogos_wrapper ul li img {  max-width: 90%;  }
    .left_hastag_logo img {max-width: 100px;}
    .left_hastag {font-size: 20px; }
    .or_btns_wrapper a {font-size: 18px; padding: 8px 44px 6px 25px; border-radius: 10px;}
    .or_btns_wrapper a:last-child {margin-left: 10px;}
    .left_section_banner {padding-left: 10px;  padding-top: 0; display: flex; align-items: center;    }
    .bannerLefttext  h1.sectionTitle { font-size: 27px; line-height: 1.1em; }
    .ourvalueLogos_wrapper .sectionTitle { font-size: 40px;    }
    .ourvalueLogos_wrapper ul li span { font-size: 24px; margin-top: 0;  }
    .ourResponsibility_wrapper .subtitleOR {  font-size: 40px;  }
    .ourResponsibility_wrapper .sectionTitle {margin: 0 0 15px; font-size: 40px;}
    .ourResponsibility_wrapper p {  font-size: 18px;    max-width: 100%;  }
    .ourResponsibility_wrapper {  padding-top: 22px; padding-bottom: 50px;    }
    .yourSupport_wrapper .sectionTitle { font-size: 40px; margin-bottom: 15px; }
    .yourSupport_wrapper p { font-size: 16px; max-width: 100%; line-height: 1.2em; }
    .thanksText { padding-left: 0;   font-size: 25px;    padding-right: 20px; font-size: 20px;    }
    #thankyousponsors  .owl-item img {max-width: 90%;}
    .text_left_know .sectionTitle { font-size: 25px;    }
    .redtitle { font-size: 22px;  }
    .whitetext { font-size: 17px;   }
    .insede_text_container { padding: 20px 0 20px; }
    .insede_text_container p { font-size: 17px;     margin-bottom: 10px; }
    .videos_wrapper iframe {  height: 140px;  }
    /* .text_left_know { padding-top: 25px;    } */
    .text_left_know ul {  margin: 15px 0 0 0;  }
    /* .ourResponsibility_wrapper .containerRow {   width: calc(100% - 20px); } */
    /* .text_left_know {margin-left: 30px;} */
    .menuTabSection .menuCard {width: 48%;}
    .menuTabSection {  width: 100%;   padding: 0 15px;    }
    .menuContent .sectionTitle + p {  font-size: 17px;    }
    .menuSidebar .menuTab {  font-size: 16px;   }
    .menuSection {padding-bottom: 520px;}
    .hungrySection .sectionTitle {font-size: 75px;}
    .hungrySection .btnWhite {  font-size: 21px;  padding: 16px 60px 13px 25px;  border-radius: 16px;   margin-right: 10px;   margin-top: 5px;  min-width: 325px;  }
    .hungrySection { padding: 185px 0px 74px; margin-top: -430px;  }
    .menuSection .menuSubDesc {  font-size: 23px;  }
    .menuSection .containerRow {  display: block;   padding-left: 0;    }
	
	.footer .left-menu .menu .menuItem:nth-child(4) {display:block}
	.whatsOnCard .postContent {padding: 17px 15px 20px;}	


	.menuSidebar { width: 180px !important;    }

}

@media (max-width: 991px) {
    .footer .left-menu, .footer .right-menu {width: 100%; }
    .footer .right-menu {margin-top: 30px;}
    .footerLogoSocial .socialRow {  padding-top: 30px;  }
    .logoFooter {width: 25% !important; margin: 0 !important;}
    .socialfooter {width: 40% !important; margin: 0 !important; padding-left: 50px;}
    .footerLogoSocial .disclaimer {width: 35% !important; margin: 0 !important;  font-size: 17px;}
    .socialIcons img { width: 44px; }
    .footer .menu-footer { width: calc(100% - 60px); }
        .owl-nav button {  position: absolute;  width: 32px;  height: 32px;  top: 50% !important;  margin-top: -16px !important;   background: url(../images/rightArrow-White.png)  no-repeat center red !important;    background-size: 11px !important;    background-position: center center !important;    border-radius: 50% !important;}
    .owl-nav button.owl-next {right: 0;}

    /* Mobile Header Start */
    
    .header .btnRed.orderNowBtn:after {width: 15px; height: 20px; }
    .headerAddrDetails { margin-left: 0; justify-content: flex-end; display: flex; flex-direction: column;  align-items: start; }
	.headerRight { width: 24% !important;  display: flex;  justify-content: flex-end;}    
    .orderNowBtn { display: flex; align-items: center;}
    .header .btnWhite, .header .btnRed {  padding: 11.5px 34px 11.5px 20px;}
    
    /**** Header Mobile Start ******/

    .headerLeft {  width: 75% !important;    justify-content: space-between;    }


    .mobile-toggle { width: 30px;   height: 4px;   background-color: #fff;   transition: all 0.3s ease;   position: absolute;    display: block;   left: 230px;  }
    .mobile-toggle::before,
    .mobile-toggle::after {  content: "";  position: absolute;  width: 30px; height: 4px;  background-color: #fff;  transition: all 0.3s ease;}
    .mobile-toggle::before { top: -8px;}
    .mobile-toggle::after { top: 8px;}
    .mobile-toggle.cross {background-color: transparent;}
    .mobile-toggle.cross::before { transform: rotate(45deg); top: 0;}
    .mobile-toggle.cross::after { transform: rotate(-45deg); top: 0;}


    .mainNav ul li {padding: 0 0 55px; }
	.mainNav ul li:first-child { padding-bottom: 35px;}
	.mainNav ul li:last-child { margin-top: 10px;}
    .mainNav {  display: none; position: fixed;  background: url('../images/menuBG.png') no-repeat #ee252b;  background-size: 100%;  background-position: bottom;        z-index: 999; top: 0; left: 0; height: 100%; width: 100%; }
    .mainNav.active{display: block;}
    .mainNav ul {padding: 35px 0 0 0;display: block; }
    .mainNav ul li .navLink {  display: block;   padding: 0 0 0 25px; font-size: 41px;  }
    .mainNav ul li:last-child { border: 0;  padding-top: 0;  padding-bottom: 0 !important;  margin-top: 10px;  }
    .mainNav ul li:last-child a {border: 0; padding: 10px 65px 10px 25px; font-size: 35px !important;  margin: 0; border-radius: 0 30px 30px 0; }
    .mainNav ul li:last-child a:after {width: 37px; height: 47px; }
    .mainNav.active {max-height: 100%;}      
    .mainNav.active { animation: slideDown 0.5s ease forwards;}
    .mainNav ul li .navLink:hover {   color:#333;  }
    .hideInMobile {display: none;}
    .hideOndesktop {display: block;} 
    #thankyousponsors .owl-dots {margin: 0;}
    .appLearMore .btnRed.learnMore {     font-size: 32px;     padding: 14px 63px 11px 30px;   }
	.menuDescription{height:80px;}
}

@media (max-width: 767px) {
    .menuTitle{height:inherit !important;}
	.header .containerRow {  width: calc(100% - 30px) !important;}
	.headerLocation::after { top: 4px !important;}
	.categorySection .headingCategory {  margin-top: 8px;}
	.categorySection {  padding-top: 17px;}
	#submit .submitRow {border-radius: 10px !important;	padding: 10px 40px 8px 30px !important;	font-size: 21px !important;	}
	.whatOnSection .containerRow { margin-bottom: 0;}
	.whatOnCarousel { margin-top: 40px;}
	.webFooter {padding-bottom:40px}
	.fusion-footer-widget-column { margin-bottom: 00 !important;}
	div#wrapper {  margin: 0;}
	div#name-2, div#name-3, div#date-1, div#email-1, div#select-1 {   width: 100% !important; flex:none; margin-bottom: 0 !important; padding: 0 !important;}
	#forminator-module-87834 .forminator-row { flex-wrap: wrap; margin: 0 !important;}
	#forminator-module-87834 {padding:0 !important; margin:0 !important}
	#forminator-module-87834.footerform .forminator-input, .footerform #select-1 .forminator-value { font-size: 13px!important;  width: 100%!important;  border-radius: 5px!important;    margin-bottom: 7px!important;   border-color: #4d4760!important;  outline: 0;  text-align: left;  padding: 9.6px 12px !important;}
	#checkbox-1 input + span {border-radius:4px}
	#checkbox-1 input + span + span {  width: calc(100% - 30px)!important; font-size:11px !important}
	h2.sectionTitle.fusion-responsive-typography-calculated {font-size:35px !important}
	
    .headerLocation::after { width:7px; height: 9px;}
    .headAddrName::after { width: 8px; height: 8px;}
    .headAddrName { padding-right: 12px; margin-bottom: 3px;}
    .headerLocation { padding-left: 10px;}


    .containerRow { width: calc(100% - 30px); }  
    .bannerImgLarge { display: none;}
    .bannerSection { display: flex; justify-content: center; align-items: flex-start;  flex-wrap: wrap; padding-bottom: 220px;}
    .bannerContent { width: 100%; position: inherit;  align-items: center; order: 1; padding-top: 30px;}
    .bannerContent h1 { font-size: 50px !important; text-align: center;}
    .bannerContent .btnWhite:after {width: 14px; height: 18px;}
    .bannerImgmobile1 {text-align: left; position: absolute; left: 0; bottom: 7px;}
    .bannerImgmobile2 {  text-align: right;  position: absolute; right: 0;  bottom: -11px;  z-index: 2;}
    .bannerImgmobile1, .bannerImgmobile2 {display: block;}
    .bannerImgmobile1 img {max-width: 132px;}
    .bannerImgmobile2 img {max-width: 188px;}
    .sectionTitle {font-size: 35px;}
    #whatsOnSlider .item { border-radius: 15px; height: 400px;}
    .whatOnSection {padding: 15px 0px 195px;}
    .customNav .owl-prev, .customNav .owl-next { width: 30px; height: 30px; background-position: 9px; background-size: 15px;}
    .customNav { right: 0; margin-top: 0;  width: 70px;}
    .whatsOnCard .postTitle a { font-size: 21px;}
    .whatsOnCard .postDescription, .readMore {  font-size: 15px;}
    .fanFavSection { padding-top: 331px; padding-bottom: 50px;}
    .fanFavSection .owl-carousel { width: 100%;}
    .fanFavSection .containerRow { width: 100%;}
    .fanFavSection .owl-nav button.owl-prev {  left: 30px;  margin-top: -21px !important;}
    .fanFavSection .owl-nav button.owl-next {  right: 30px !important;  margin-top: -21px !important;}
    .fanFavSection .owl-nav button.owl-next:hover, .fanFavSection .owl-nav button.owl-prev:hover{background-color:#000 !important;}
    .viewFulMenu .btnWhite { font-size: 22px; padding: 7px 42px 5px 13px; border-radius: 10px; width: 285px;}
    .viewFulMenu .btnWhite:after {width: 20px; height: 26px; right: 13px;}
    .fanFavSection .sectionTitle, .fanFavSubTitle {width: calc(100% - 30px); text-align: center;}
    .fanFavSubTitle {font-size: 16px; max-width: 220px; margin-top: 8px;}
    .categorySection .containerRow { width: calc(100% - 30px);  flex-wrap: wrap; margin-top:10px}
    .itemCategory { width: 100%;}
    .categorySection .headingCategory { font-size: 30px; }
    .categorySection .textCategory {  font-size: 16px; padding-bottom: 10px;}
    .categorySection .btnCategory .btnWhite { font-size: 17px;  width: auto;  padding: 5px 30px 5px 10px;  border-radius: 9px;}
    .categorySection .btnCategory .btnWhite:after {width: 15px; height: 19px; right: 10px;}
    .itemCategory:nth-child(2) {margin-top: 40px;}
    .categorySection { padding-bottom: 50px;}
    .appSection { width: 100%; padding: 40px 0 0;}
    .appRow {  width: calc(100% - 30px);  flex-wrap: wrap;}
    .appRow .appLeft { width: 100%;}
    .appRow .appRight { width: 100%; margin-top: 30px;}
    .appRight img {margin: 0; max-width: 100%;}
    .footer { padding-top: 20px;   padding-bottom: 43px;}
    .appLeft .sectionTitle { text-align: center; font-size: 47px;}
    .appLeft .subHeadingApp { font-size: 17px; padding-top: 15px; text-align: center; width: 100%;}
    .appLearMore .btnRed.learnMore {margin-top: 20px;font-size: 20px; width: auto; padding:7px 36px 5px 17px; border-radius: 9px;}
    .appLearMore .btnRed.learnMore:after { width: 17px; height: 22px; top: 16px; right: 10px;}
    .appLeft .appLearMore { justify-content: center;}
    .footer .left-menu {order: 2;}
    .footer .right-menu {order: 1; margin-bottom: 30px;}
    .customdiv { display: none;} 
    .footerform .detailsItem { font-size: 13px; width: 100%;  text-align: left;  border-radius: 5px;  margin-bottom: 0; border-color: #4d4760;  outline: 0}
    .footerform .detailsItem.bigText {width: 100%;}
    #checkbox-1.confirmCheck { margin-top: 10px !important;}
    .footerform .detailsItem::placeholder { font-size: 13px;  }
    .submitRow .btnRed {  width: auto;    border-radius: 9px; padding: 10px 40px 8px 30px; font-size: 21px;}
    .submitRow .btnRed::after { right: 10px;}
    .menu-footer .menuHeading { max-width: 80%; line-height: 1.3em;}
    .right-menu .menuSubHeading { margin-top: -10px;}
    .confirmCheck input[type="radio"] { border-radius: 4px !important;}
    .footer .left-menu .menu .menuItem .menuHeading + ul { margin-top: 10px;}
    .footer .menu-footer { width: calc(100% - 30px);}
    .footer .left-menu  .menu {  width: 100%; padding-right: 0; flex-wrap: wrap;}
    .footer .left-menu .menu .menuItem {width: 48%; margin-bottom: 20px;}
    .footer .left-menu .menu .menuItem li {margin-bottom: 0;}
    .footer .left-menu .menu .menuItem .menuHeading {width: 100%; font-size: 21px; margin: 0; padding: 0;}
    .footer .left-menu .menu .menuItem .footerMenuLink { font-size: 14px;}
    .footer .left-menu .menu .menuItem .disclaimer{ display: none;}
    .footer .left-menu .menu .menuItem .footerLogoSocial { padding-right: 0;}
    .footer .left-menu .menu .menuItem  .footerLogoSocial .socialRow { padding-top: 0;}
    .footer .left-menu .menu .menuItem  .footerLogoSocial .logoFooter { width: 100% !important;   margin: 0 !important; order: 2; margin-top: 20px !important;}
    .footer .left-menu .menu .menuItem  .footerLogoSocial .socialfooter { width: 100% !important;  margin: 0 !important;  padding-left: 0; order: 1;}
    .footer .left-menu .menu .menuItem  .footerLogoSocial .socialfooter .socialIcons { margin-top: 18px;}
    .footer .left-menu .menu .menuItem  .footerLogoSocial .socialfooter .socialIcons img {  width: 28px;}
    .footerSocialWraper { display: none;}
    .bottomRowLogo img { max-width: 314px;}
    .footer .left-menu .menu .menuItem:nth-child(4) { display: block;} 
    .mobileDisclaimer { display: block; font-size: 15px;  color: #fff; font-family:'botonregular'}
    .viewFulMenu { margin: 10px 0px 30px;}

    
	.orderNowBtn {  margin: 0;}
    .headerLocation::after { width: 14px;   height: 14px;    TOP: 7px !important;   }
    .headAddrName::after {   width: 12px;  height: 12px;    right: -11px !important; top: 7px;    }
    .headAddrName { padding-right: 12px; margin-bottom: 3px;}
    .headerLocation { padding-left: 18px;}

    .headerAddrDetails { margin-left: 0; justify-content: flex-end; display: flex; flex-direction: column;  align-items: start; max-width: 135px!important;}
    .headerLogo img {width: 100%; display: block;}
    .orderNowBtn { display: flex; align-items: center;}

    .whatOnSection:after {top: 35%;  height: 30%; }
    .menuImg { height: 280px;}
    .bannerContent .btnWhite {padding: 7px 32px 5px 16px;border-radius: 10px; font-size: 15.5px;}
    .bannerContent .btnWhite:after {width: 14px; height: 18px; right: 8px;}
    .categorySection .btnCategory {margin-top: 10px;}
    .whatsOnCard .postContent { padding: 20px 15px 20px; width: 100%;  border-radius: 0 0 15px 15px;}

    .ourValue_wrapper .containerRow {  padding: 15px 0 13px; }
    .ourValue_wrapper .sectionTitle {  font-size: 16px;   }

    .ourvalueLogos_wrapper .sectionTitle { font-size: 37px;  }
    .ourvalueLogos_wrapper ul li { margin-top: 7px;  width: 100%;    }
    .ourvalueLogos_wrapper ul li img {   max-width: 225px;  }
    .ourvalueLogos_wrapper ul li span {  margin-top: -7px; font-size: 24px;   }
    .ourvalueLogos_wrapper { 
        padding-top: 32px;  
        padding-bottom: 32px; 
        background: 
            url('../images/our-values-top-bg-mobile.jpg') no-repeat top, 
            url('../images/our-values-bg.jpg') no-repeat bottom; 
        background-color: #ffcf35; 
        background-size: 100%, 600%; 
    }
    .ourResponsibility_wrapper .containerRow { width: calc(100% - 50px); }
    .ourResponsibility_wrapper .subtitleOR { font-size: 22px; margin-bottom: 10px;    }
    .ourResponsibility_wrapper .sectionTitle { font-size: 31px;   margin-bottom: 16px;    }
    .ourResponsibility_wrapper p {  font-size: 15px; max-width: 100%; margin-bottom: 10px;   }
    .or_btns_wrapper a { font-size: 19px; padding: 15px 33px 15px 15px; max-width: 277px; border-radius: 18px; text-align: center;  }
    .or_btns_wrapper a:after { width: 12px;  }
    .or_btns_wrapper a:last-child {   margin-left: 0; margin-top: 10px;  }
    .or_btns_wrapper {margin-top: 25px; display: flex;  flex-wrap: wrap; max-width: 100%; justify-content: center;   }
    .ourResponsibility_wrapper { padding-top: 25px;  padding-bottom: 30px;  background-size: 500%;  }
    .ys_hero_img img { margin-bottom: 15px;   height: 210px;   object-fit: cover;    }
    .yourSupport_wrapper .sectionTitle {  font-size: 27px;   line-height: 1.1em;  margin: 7px;  }
    .yourSupport_wrapper p { font-size: 14px;  max-width: 100%; line-height: 1.2em;    }
    .sliderWrap { flex-wrap: wrap; justify-content: center; overflow: hidden;   }
	.thanksText { width: 100% }
    #thankyousponsors .owl-dots {  width: 100% !important; text-align: center; margin-top: 10px; padding-right:0px; }
    #thankyousponsors .owl-dots button {  width: 10px; height: 10px;  }
    .yourSupport_wrapper {    padding: 0 0 18px 0;    }
    .thankyouSlider .containerRow { width: 100%;  }
    .slider_wrappp { padding: 15px 0 25px;  overflow: hidden;       }
    #thankyousponsors {overflow: hidden; width: 100%; padding: 0 15px;}

    .right_section_banner { order: 1;  }
    .right_section_banner img { max-width: 100%;   min-height: 330px;   object-fit: cover;  }
    .whowearebanner_wrapper { flex-wrap: wrap; }
    .left_section_banner {
        position: static;
        order: 2;
        background: url('../images/whoWeAreBannerBg-mobile.png') no-repeat;
        background-size: 100% 100%;
        width: 100%;
        padding: 135px 15px 20px;
        margin-top: -120px;
    }
    .bannerLefttext {   max-width: 100%;  }
    .bannerLefttext  h1.sectionTitle {font-size: 37px !important; line-height: 1.2em; }
    .bannerLefttext  p {font-size: 14px; margin-top: 10px; }

    .doYouKnow_Wrapper {  display: flex;   flex-wrap: wrap; background-image: none;  }
    .doYouKnow_Wrapper .containerRow {order: 1; background-image: url('../images/did-you-know-bg-pattern.jpg') ; background-repeat: no-repeat; background-position: bottom; width: 100%; padding: 0 15px;}
    .insede_text_container {width: 100%; padding-top: 25px;}
    .videos_wrapper {flex-wrap: wrap;}
    .videos_wrapper iframe {   height: 220px;   width: 100%;    margin-bottom: 20px;    }
    .hastags {flex-wrap: wrap; padding-top: 15px;   } 
    .left_hastag { font-size: 16px; width: 100%; }
    .left_hastag_logo img { max-width: 98px; display: block;  margin-top: 15px;  }
    .insede_text_container p { font-size: 17px; margin-bottom: 17px; }

    .left_wrpapper_know {padding: 106px 0 40px 30px; order: 2; position: static; background: url('../images/did-you-know-bg-mobile.png') no-repeat top;  background-position: top; background-size: 100%; width: 100%; z-index: 1; margin-top: -130px;    }    
    .text_left_know .sectionTitle {font-size: 29px; width: 100%;  }
    .text_left_know { max-width: 100%;  margin-left: 0; padding: 60px 15px 0 15px;  display: flex;  flex-wrap: wrap; justify-content: space-between;  }
    .text_left_know ul {  margin: 10px 0 0 0; width: 49%;  }
    .text_left_know ul:last-child {width: 100%;}
    .redtitle {font-size: 20px;  }
    .whitetext { font-size: 14px; margin-top: 3px; }
    .thanksText {text-align: center;}
    /* .thanksText br {display: none;} */

    .menuTabSection {width: 100%;}

    div#menuSidebar {  display: none; width: 100%; position: static !important;  width: 100% !important;  }
    .menuContent {  width: 100%;    }
    .menuSection .containerRow { padding-left: 0; }
    .menuTabSection .menuCard {   width: 100%; margin-bottom: 25px;   box-shadow: 0 0 10px  rgba(0,0,0,0.5);  }
    .menuSection h1 {  font-size: 74px !important; text-align: center;    } 
    .menuSection .menuSubDesc { font-size: 16px; text-align: center; }
    .menuSection .menuSubDesc br { display: none;}
    .menuContent .sectionTitle { font-size: 36px; text-align: center; padding: 0 20px; margin-top: 25px; }
    .menuContent .sectionTitle + p {font-size: 18px; margin-top: 5px; text-align: center; padding: 0 20px;  }
    .menuItemsWrapper {padding: 0 45px;}
    .menuSection {  padding:30px 0px 160px;  }

    .hungrySection { display: block; padding:126px 0px 18px;  margin-top: -130px; background: url('../images/hungry-bg-mobile.png') no-repeat; background-size:100% 101% ;  }
    .hungrySection .sectionTitle { font-size: 51px !important;   margin-bottom: 15px;   }
    .hungrySection .btnWhite { font-size: 24px;  padding: 12px 27px 12px 14px;  margin-bottom: 10px;  border-radius: 10px;  margin-right: 10px;   min-width: 90% !important;  }
    .hungrySection .btnWhite::after {   right: 7px;   width: 15px;    }
    .hungrySection .containerRow {  margin: 15px;   }
    .taptosee {display: block;}
    .taptosee .btnRed { font-size: 21px;  display: block;  border-radius: 8px;  margin-bottom: 3px;  padding: 8px 0 7px;  text-align: center;  }
    .taptosee .btnRed:after { right: 20px;  transform: rotate(90deg);   top: 0;    }
    .taptosee .btnRed.active:after { right: 20px;  transform: rotate(270deg);   top: 0;    }
    .menuTabSection {  margin: 20px auto 0px;  }
    button.menuTab br {    display: none;    }
    .logoFooter img { max-width: 141px;    }
    .confirmCheck .textConfirm {width: 100%; font-size: 11px;}
    .menuTabContent { min-height: inherit;}
	.noneOnDesktop {display:block;}
   

    /**** Mobile Header 767px ****/
    .header {padding: 30px 10px;}
    .headerLeft { width: 74% !important;  justify-content: space-between;      }
    .headerRight {width: 25% !important; }
    /* .headerLogo {position: absolute; left: 0;} */
    .mobile-toggle { position: relative;  left: inherit;  margin-right: 0 !important;  }
    .header .btnWhite, .header .btnRed {  padding: 9.5px 34px 8px 20px;   }
    .header .btnRed.orderNowBtn:after {  width: 13px;   height: 18px;  }
    .menuDescription{height:inherit !important}
    
}


@media(max-width:684px) {
    .hungrySection .btnWhite { min-width: 100%;}
}

@media(max-width:620px) {
    .left_wrpapper_know {padding: 80px 0 40px; margin-top: -130px;    }  
    .hungrySection { display: block; padding:106px 0px 18px; }  
    .headerLogo { width: 169px !important;  }

    
}

@media(max-width:600px) {
    .left_wrpapper_know {padding: 80px 0 40px; margin-top: -130px;    }  
    .hungrySection { display: block; padding:106px 0px 18px; }  
    .headerLogo { width: 149px !important;  }
	

}

@media(max-width:580px) {    

    .headerLogo {width: 125px !important;  }

    .headAddrName, .headerAddrDetails p.headerLocation {font-size: 15px;}
    .header {padding: 15px 10px;}
}



@media(max-width:550px) {
    #whatsOnSlider .item { border-radius: 15px;  height: 400px !important; font-family: 'botonregular' !important; margin:0 !important; padding:0 !important }
    .whatOnSection {padding: 15px 0px 150px;}
    .whatOnSection:after {top: 25%;  height: 50%; }

    .hungrySection {    padding: 66px 0px 18px;   }
    .bannerLefttext { max-width: 100%; }
    .bannerLefttext  p {  font-size: 16px; margin-top: 5px;    }
    .left_section_banner {padding-top: 95px;}
    .left_section_banner {margin-top: -90px;  }  
	.webFooter {background-size: 100% 210px;}
    .header .containerRow {    width: 100% !important;    }
    .headerAddrDetails {max-width:120px !important;}
}

@media(max-width:511px) {
    .headAddrName, .headerAddrDetails p.headerLocation {font-size: 14px;}
    .headerAddrDetails {  max-width: 103px !important;    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {   
    .whatOnSection {  padding: 15px 0px 200px; }
}
@media(max-width:450px) {
    .menuImg { height: 200px;}
    .fanFavSubTitle {margin-bottom: 22px;   }
    .left_section_banner {padding-top: 90px;}
    .hungrySection { display: block; padding: 70px 0px 18px; background-size: 100% 101%;  }
    .headAddrName::after {   width: 12px;   height: 12px;    right: -4px !important;   top: 5px;    }
    .header .btnWhite, .header .btnRed {  padding: 7.5px 31px 6px 17px;   }
    .header .btnWhite, .header .btnRed {  padding: 7.5px 31px 6px 17px;    }
	
}

@media(max-width:430px) {
    .left_wrpapper_know {padding: 50px 0 40px; margin-top: -120px;    }    
    .headerLogo {  width: 110px !important; }
    

    .headAddrName, .headerAddrDetails p.headerLocation {font-size: 12px;}
    .mobile-toggle {width: 25px; height: 3px;}
    .mobile-toggle::before, .mobile-toggle::after {width: 25px; height: 3px;}
}
@media(max-width:391px) {
    .left_wrpapper_know {padding: 40px 0 35px; margin-top: -120px;    }  
    .hungrySection {  padding: 50px 0px 10px;  }
    .header .btnWhite, .header .btnRed {   padding: 6.5px 27px 6px 13px;   font-size: 9px;  }
    .header .btnRed.orderNowBtn:after { width: 9px;  height: 14px;  right: 10px;  }
    .headerAddrDetails {width: 98px;}


      
}

@media (max-width: 374px) {
	.headerLogo { width: 90px !important;}
    .bannerContent { padding-top: 20px; }
    .bannerImgmobile2 { bottom: -14px; }

    .ourResponsibility_wrapper .sectionTitle{font-size:30px}
    .bannerLefttext h1.sectionTitle {margin-top: 0;}
    .left_section_banner {  margin-top: -60px;    }
    .left_wrpapper_know {padding: 30px 0 35px; margin-top: -120px;    } 
    .hungrySection {  padding: 50px 0px 5px;  }
    .taptosee .btnRed {font-size: 19px;}
    .hungrySection .btnWhite {  font-size: 22px;   }

}

@media (max-width: 350px) {
    .bannerContent h1 {font-size: 40px; }

}








@media(max-width:450px) {
    .menuImg { height: 200px;}
    .fanFavSubTitle {margin-bottom: 2px;   }
}


@media (max-width: 374px) {
    .bannerContent { padding-top: 20px; }
    .bannerImgmobile2 { bottom: -14px; }
    .whatOnSection:after {top: 15%;  height: 60%; }
}

@media (max-width: 350px) {
    .bannerContent h1 {font-size: 40px; }

}


	.pureCanada { text-align: center;  width: 100%; margin-top: -180px; margin-bottom:40px;}
	.pureCanada img { max-width: 180px;  display: block;  margin-left: auto;margin-right: auto;}
	.bannerContent { width: 41%;   right: 4%;}
	
	@media(max-width:1910px) {
		.bannerContent { width: 28%;    right: 17%;}
	}
	@media(max-width:1700px) {
		.bannerContent { width: 31%;    right: 14%;}
	}
	@media(max-width:1300px) {
		.bannerContent {width: 41%; right: 4%;}
		.pureCanada{margin-bottom:30px; margin-top:-130px;}
	}
	@media (max-width: 1250px) {
    .bannerContent{width: 32%; right: 13%;}
	.pureCanada{margin-top: -70px;}
	.pureCanada img { max-width: 120px;}
	}
	@media (max-width: 990px) {
 	.bannerContent .btnWhite { display: block;}
	}
	@media (max-width: 900px) {
    .bannerContent {   width: 32%;    right: 13%;    }	
	.bannerContent .btnWhite { display: block;}
	}
	@media (max-width: 767px) {
    .bannerContent {   width: 100%;    right: 0;    }	
	.bannerContent .btnWhite { display: inline;}
	.pureCanadaText { text-align: center;}
	.pureCanada { margin-top: 0;  position: absolute;  bottom: -200px;}
	.pureCanada img { max-width: 140px;}
	.bannerImgmobile2 {right:-60px; bottom:-10px; transform:rotate(-20deg);}
	.bannerImgmobile1 {left: -30px; bottom: 7px;}
	.bannerSection{background-size:110%; overflow:hidden;}
	}
	@media (max-width: 360px) {
		.bannerImgmobile2 {right: -70px; }
		.bannerImgmobile1 {left: -40px;}
	}