@charset "utf-8";

/*..............custom fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


/*..............embedded fonts..............*/
@font-face {
  font-family: 'BLACKHAWK';
  src: url('../fonts/BLACKHAWK.eot');
  src: url('../fonts/BLACKHAWK.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BLACKHAWK.woff2') format('woff2'),
      url('../fonts/BLACKHAWK.woff') format('woff'),
      url('../fonts/BLACKHAWK.ttf') format('truetype'),
      url('../fonts/BLACKHAWK.svg#BLACKHAWK') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}








/*..............common styles..............*/

:root {
    --common-transition: 0.3s; 
    --body-font:"IBM Plex Sans", sans-serif;
    --head-font: "IBM Plex Serif", serif;
    --light-color: #f4d6c6;
  }
  
html {scroll-behavior: smooth; overflow-x: hidden; }
body { background-color: var(--bs-black); margin: 0; padding: 0; line-height: 1.2; font-family: var(--body-font); font-size: 24px; font-weight: normal; color: var(--bs-white); overflow: hidden; }
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding: 0; font-family: var(--body-font); font-weight: 500; line-height: 1.2; }
h1 { font-size: 70px; font-family: var(--head-font); }
h2 { font-size: 60px; font-family: var(--head-font);  }
h3 { font-size: 30px; }
h4 { font-size: 24px;}
h5 { font-size:20px;}
h6 { font-size: 18px; }
p { font-family: var(--light-font); color: var(--body-color); margin:0 0 25px; }
p:last-child { margin-bottom: 0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--grey); outline: none; text-decoration: none; transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
a:hover{ text-decoration:none;}

input, textarea, select { font-family: var(--body-font); font-weight: normal; outline: none; border-radius: 5px !important; }
input[type="submit"]{ font-family: var(--body-font); font-weight: normal; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 38px !important; padding-left: 40px !important; background-image: url(../images/select-arw.svg); background-repeat: no-repeat; background-position: 4%;  }

/* --- for placeholder color --- */

::-moz-placeholder{ color:var(--bs-white); opacity:1; }
:-ms-input-placeholder{ color:var(--bs-white); }
::-webkit-input-placeholder{ color:var(--bs-white); }


/* --- Button Styles --- */
a.btn, .btn { display: inline-block; vertical-align: middle; background-color: var(--light-color) ; color: #3a3343 !important; font-family: var(--bold-font); padding: 14px 22px; font-size: 18px; line-height: 1; border-radius: 10px; transition: var(--common-transition); position: relative; z-index: 0; overflow: hidden; font-weight: bold; border: 2px solid var(--light-color); }
a.btn:hover, .btn:hover { color: var(--bs-white) !important; border: 2px solid var(--bs-white); }






@media only screen and ( min-width: 1500px ) {
	.container { max-width: 1440px;}    
}

/* --- Header CSS --- */

.header-wrapper { position: fixed; left: 0; right: 0; top: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.3); transition: var(--common-transition); backdrop-filter: blur(10px);}
.fixed-header .header-wrapper { background-color: rgba(0, 0, 0, 0.9);}
.header-wrapper .header-left { flex: 0 0 auto; width: 42%; }
.header-wrapper .header-logo { flex: 0 0 auto; width: 16%; position: relative; z-index: 2; margin-bottom: -30px; padding-top: 10px; }
.header-wrapper .header-right { flex: 0 0 auto; width: 42%; display: flex; align-items: center; justify-content: end; }
.navigation ul { display: flex; padding: 0; margin: 0; list-style: none; }
.navigation ul li { position: relative; }
.navigation ul li a { font-size: 17px; margin-right: 35px; font-weight: bold; padding: 38px 0; position: relative; display: block;}
.navigation ul li a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; width: 100%; background-color: var(--light-color); opacity: 0;  transition: var(--common-transition); }
.navigation ul li a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--light-color); margin: 0 auto; width: 10px; opacity: 0; transition: var(--common-transition);}
.navigation ul li:hover a:after { opacity: 1;}
.navigation ul li:hover a:before { opacity: 1; }
.navigation ul li:last-child a { margin-right: 0;}
.navigation ul li a svg.fa-angle-down { margin-left: 6px; }
.desktop-header-contact-info {display: flex; align-items: center; justify-content: end;  }
.header-wrapper .header-right span.head-contact-icon { margin-right: 24px;}
.header-wrapper .header-right span.head-contact-icon svg { color: var(--light-color); }
.header-wrapper .header-right h6 { margin: 0; font-family: var(--body-font); color: var(--light-color); font-weight: bold; font-size: 18px;}
.header-wrapper .header-right p { margin: 0; font-weight: bold; font-size: 18px;}
.header-wrapper .header-right span.head-contact { margin-right: 30px; padding-right: 30px; border-right: 1px solid #bdbdbd; }
.header-wrapper .header-right span.head-contact:last-child { margin-right: 0; padding-right: 0; border-right: 0;}

.navigation ul.submenu { position: absolute; transform: translateY(30px); left: 0; top: 100%; background: #a494b9; width: 250px; display: block; opacity: 0; visibility: hidden; transition: 0.3s all linear; z-index: 9; }
.navigation ul li:hover .submenu { opacity: 1; visibility: visible; transform: translateY(0);} 
.navigation ul.submenu li a { padding: 10px 20px; display: block;}
.navigation ul.submenu li a:before , .navigation ul.submenu li a:after { display: none; } 
.mobile-menu, .rt-toogle-button { display: none;}

/* --- Header --- */

/* --- Banner --- */
.banner-slider .carousel-item:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/home-banner-overlay.png) top center; background-size: cover; }
.banner-slider .carousel-item .carousel-image { padding-bottom: 45%; position: relative; overflow: hidden; }
.banner-slider .carousel-item .carousel-image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.banner-slider .carousel-item .carousel-text { position: absolute; left: 0; right: 0; top: calc(50% - 100px); text-align: center; z-index: 2;}
.banner-slider .carousel-item .carousel-text h1 { text-transform: uppercase; margin-bottom: 70px; }
.banner-slider .carousel-item .carousel-text ul li svg { height: 36px; color: #ffcf3c; margin: 0 2px 30px; }

/* --- Connect with us --- */

.light-pattern { background-color: #a494b9; background-image: url(../images/pattern-light.png); background-repeat: repeat; background-position: center; }
.connect-section .location-area-box { padding: 40px 0;}
.connect-section .location-area-box h2 { font-size: 48px; font-weight: 500; line-height: 1;}
.connect-section .location-area-box h2 span { color: var(--light-color); }
.location { padding: 0 0 50px;}
.location:last-child { padding-bottom: 0;}
.location svg { color: var(--light-color); height: 36px; margin-right: 30px; }
.middle-block { background-color: rgba(0, 0, 0, 0.2); padding-left: 50px; padding-right: 30px;}
.first-block .location-area-box .location p, .middle-block .location-area-box .location p  { max-width: 300px; }
.connect-section .last-block { background-color: rgba(0, 0, 0, 0.3); padding-left: 50px; padding-right: 30px; position: relative;}
.connect-section .last-block:after { content: ""; position: absolute; right: -350%; top: 0; width: 350%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

/* --- Welcome to Red Dog --- */

.welcome-section .img-block { position: relative; padding-bottom: 76%; overflow: hidden; }
.welcome-section .img-block img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.welcome-content-box { max-width: 900px; margin-left: -16%; position: relative; padding: 7% 10% 7% 130px; margin-bottom: -7%; }
.welcome-content-box .brand-light-logo { position: absolute; left: -10.5%; bottom: 22%; }


/* --- Discover Our Menu --- */
.black-pattern { background-image: url(../images/pattern-black.png); background-repeat: repeat; background-position: center; }
.discover-section { padding: 8% 0 3%; }
.discover-section h2 { margin-bottom: 7%;}
.discover-section ul { margin: 0; padding: 0; list-style: none; }
.discover-section ul li a { display: flex; align-items: center; gap: 35px; margin-bottom: 35px; }
.discover-section ul li a span.icon-box { width: 103px; height: 103px; background: #292929; border-radius: 50%; display: flex; align-items: center; transition: var(--common-transition); }
.discover-section .menu-item > p { margin-bottom: 57px; color: var(--light-color); text-transform: uppercase; letter-spacing: 4px; }
.discover-section .menu-item { padding: 0 7%; }
.discover-section ul li a:hover span.icon-box { background-color: var(--light-color); }
.discover-section ul li a:hover span.icon-box img { filter: invert(1); }

/* --- Contact Info --- */
.contact-info-v2 .logo { margin: -15px; }
.contact-info-v2 p a svg { color: var(--light-color); margin-right: 14px; }
.contact-info-v2 p { max-width: 288px; }
.contact-info-v2 p.text-end { max-width: 258px; margin-left: auto; }

/* --- Gallery --- */
.gallery-section { padding: 70px 0 50px; }
.gallery-section .row { margin-right: calc(-.3* var(--bs-gutter-x)); margin-left: calc(-.3* var(--bs-gutter-x)); }
.gallery-section .row>* { padding-right: calc(var(--bs-gutter-x)* .3); padding-left: calc(var(--bs-gutter-x)* .3); margin-bottom: 13px;  }
.gallery-section .image-box { position: relative; padding-bottom: 90%; overflow: hidden; }
.gallery-section .image-box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  transition: var(--common-transition);width: 100%; height: 100%; object-fit: cover; }
.gallery-section a:hover .image-box img { transform: translate(-50%, -50%) scale(1.1); }


/* --- Footer --- */
.footer-wrapper { margin-top: -5.5%; padding: 10% 0 30px; background-image: url(../images/pattern-black.png); background-repeat: repeat; background-position: center; }
.ftr-logo {  text-align: center; position: relative;}
.footer-wrapper h2 { text-align: center; color: var(--light-color); margin-bottom: 5%;}
.footer-wrapper .location { margin: 0 auto; max-width: 320px; }
.footer-wrapper hr { opacity: .15; margin-top: 6%; margin-bottom: 30px; }
.footer-wrapper .ftr-menu ul li a { color: #595959; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-right: 20px; }
.footer-wrapper .ftr-menu ul li:last-child a { margin-right: 0;}
.footer-wrapper ul.social-links li a { color: #595959; margin-left: 15px; font-size: 22px; }
.footer-wrapper ul.social-links li:first-child a { margin-left: 0;}

/* ------------------ West Jefferson Location Page css --------------- */

/* Banner */
.inner-banner:after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(247, 106, 6, 1) 0%, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 54%) 100%); }
.inner-banner-img { height: 280px; overflow: hidden;}
.inner-banner-img img { width: 100%; height: 100%; object-fit: cover;}


/* Banner */

/* west jefferson location */
.west-jefferson-location-details, .contact-info-details { padding: 0 4.8%; }
.west-jefferson-location-left { margin-right: 4%; padding-bottom: 8%; }
.west-jefferson-details { padding: 4% 10% 4% 12%; margin-top: -5%; position: relative; }
.west-jefferson-details h2 { font-weight: normal; text-transform: uppercase; }
.west-jefferson-details .btn-holder { margin-bottom: -8%; padding-top: 4%; display: flex; gap: 15px; }
.west-jefferson-full-review .west-jefferson-details .btn-holder { margin-bottom: -7%; }
.west-jefferson-details .btn-holder a.btn { width: 248px; }
.west-jefferson-details .btn-holder a.btn:hover {  background-color: var(--bs-white); color: #3a3343 !important; }
.dine-timing { padding: 120px 5% 30% 12%; }
.dine-timing > p, .contact-form-section p { text-transform: uppercase; color: var(--light-color); letter-spacing: 5px;}
.dine-timing h2 { margin-bottom: 6%; }
.dine-timing .timing h4 { color: var(--light-color); font-weight: bold; text-transform: uppercase; width: 190px;}
.dine-timing .timing p span { margin: 0 18px;}
.map-box { margin-left: 12%; margin-right: 8%; margin-top: -25%;}
.map-box iframe { width: 100%; height: 710px; }
.sidebar { max-width: 419px; padding: 75px 0 0; }
.sidebar h2 { font-size: 36px;}
.event-text { padding-top: 30px; padding-bottom: 9%; }
.event-text h6 { margin: 0 0 5px; color: var(--light-color); font-weight: normal; text-transform: uppercase; }
.event-text h4 { font-family: var(--head-font); }
.sidebar .event-img { padding-bottom: 53%; overflow: hidden; position: relative; }
.sidebar .event-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.perform-area { padding: 10% 0 20%; }
.events-box:last-child .event-text { padding-bottom: 0; }
.sidebar .perform-area h2 { font-family: 'BLACKHAWK'; font-size: 48px; text-transform: uppercase; background: -webkit-linear-gradient(45deg, #ff5a5a, #a090b5 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 20px 0 15px; }


/* ------------------ Contact Page css --------------- */

.contact-info-details .contact-page-info .location-area-box { padding: 40px 50px;}
.contact-info-details .contact-page-info .first-block .location-area-box { padding-left: 27%;}
.contact-info-details .contact-page-info { margin-top: -5%; position: relative;}
.contact-form-section { padding: 15% 5% 5% 12%;}
.contact-form-section .form-box { max-width: 630px;}
.contact-form-section .form-box .form-control { height: 70px; border: 1px solid #595959; color: var(--bs-white); background-color: var(--bs-black); border-radius: 0 !important; padding:0 70px 0 30px; font-size: 24px;}
.contact-form-section .form-box textarea.form-control { height: 201px; padding: 20px 30px; color: var(--bs-white); resize: none;}
.contact-form-section .form-box .form-control::-moz-placeholder { color: #787878; opacity: 1; font-weight: 400; }
.contact-form-section .form-box .form-control:-ms-input-placeholder { color: #787878; font-weight: 400; }
.contact-form-section .form-box .form-control::-webkit-input-placeholder { color: #787878; font-weight: 400; }
.contact-form-section .form-box #first-name, .contact-form-section .form-box #last-name { background-image: url(../images/user.png); background-repeat: no-repeat; background-position: 97%; }
.contact-form-section .form-box #email-address { background-image: url(../images/email.png); background-repeat: no-repeat; background-position: 96%; }
.contact-form-section .form-box #subject { background-image: url(../images/info.png); background-repeat: no-repeat; background-position: 96%; }
.contact-form-section .form-box .btn { max-width: 236px; width: 100%; font-size: 24px; font-weight: 500; margin-top: 8%; background-image: url(../images/send.png); background-repeat: no-repeat; background-position: 80%;  }
.contact-form-section .form-box .btn:hover { background-color: var(--bs-white); color: #3a3343 !important; }
.contact-form-section .form-box label { margin-bottom: 20px; }
.contact-form-section .form-box td.search-form-td { width: 300px; }
.contact-form-section .form-box td.search-form-td input.searchformitem { width: 100%; color: var(--bs-white); height: 70px; border: 1px solid #595959; background-color: var(--bs-black); border-radius: 0 !important; padding: 10px 20px; }



.WidgetTitle__Header-sc-ruy1gu-2 { color: var(--bs-white) !important;}
.west-jefferson-full-review .dine-timing { padding-bottom: 6%; }




@media only screen and ( max-width: 1600px ) {
  body, .contact-form-section .form-box .form-control { font-size: 20px; }
  h1 { font-size: 60px; }
  h2 { font-size: 50px; }
  h3 { font-size: 26px; }
  h4 { font-size: 22px; }
  h5 { font-size: 18px; }
  h6 { font-size: 16px; }

  .navigation ul li a { font-size: 16px; margin-right: 30px; }
  .header-wrapper .header-right h6 { font-size: 16px; }
  .banner-slider .carousel-item .carousel-image { padding-bottom: 50%;}
  .banner-slider .carousel-item .carousel-text ul li svg { height: 26px; }
  .connect-section .location-area-box h2 { font-size: 40px; }
  .welcome-section .img-block { padding-bottom: 90%; }
  .welcome-content-box { margin-left: -13%; max-width: 700px; }
  .welcome-content-box .brand-light-logo { left: -8.5%; width: 150px; }
  .discover-section ul li a { gap: 25px; }
  .discover-section ul li a span.icon-box { width: 90px; height: 90px; }
  .light-pattern .col-xl-2:nth-child(2), .light-pattern .col-xl-2:nth-child(4) { width: 20%; }
  .light-pattern .col-xl-2:nth-child(3) { width: 10%; }
  .location svg { height: 30px; }
  
  .footer-wrapper .location { max-width: 340px; }
  .footer-wrapper .ftr-menu ul li a { font-size: 15px; }
  .footer-wrapper ul.social-links li a { margin-left: 14px; font-size: 20px; }

  .contact-info-details .contact-page-info .first-block .location-area-box { padding-left: 8%; }
  .contact-info-details .contact-page-info .middle-block  { padding-left: 0; }

}

@media only screen and ( max-width: 1440px ) {
  .header-wrapper .header-logo { margin-bottom: -25px; }
  .navigation ul li a { font-size: 15px; margin-right: 20px; padding: 30px 0; }
  .header-wrapper .header-right h6 { font-size: 15px; }
  .contact-form-section .form-box { max-width: 530px; }


}
@media only screen and ( max-width: 1399px ) {
  .ftr-menu ul.nav { justify-content: center; margin-bottom: 20px; }
  .footer-wrapper .ftr-menu ul li a { font-size: 16px; margin: 0 12px; }
  .social-links.nav.justify-content-end { justify-content: center !important; }
  .footer-wrapper ul.social-links li:first-child a {margin-left: 0;}
}

@media only screen and ( max-width: 1199px ) {
  body, .contact-form-section .form-box .form-control { font-size: 18px; }
  h1 { font-size: 50px; }
  h2 { font-size: 40px; }
  h3 { font-size: 24px; }
  h4 { font-size: 21px; }

  .header-wrapper { padding: 0; }
  .header-wrapper .container { max-width: 100%; }
  .header-wrapper .header-logo { width: 14%; margin-bottom: -20px; padding: 0 10px; }
  .header-wrapper .header-left , .header-wrapper .header-right { width: 43%; } 
  .navigation ul li a { font-size: 14px; margin-right: 12px; padding: 25px 0;  }
  .navigation ul li a svg.fa-angle-down { margin-left: 4px; }
  .header-wrapper .header-right p { font-size: 16px; }
  .header-wrapper .header-right span.head-contact-icon { margin-right: 18px; }

  .banner-slider .carousel-item .carousel-image { padding-bottom: 58%; }
  .banner-slider .carousel-item .carousel-text { top: calc(55% - 100px); }
  .banner-slider .carousel-item .carousel-text ul li svg { height: 22px; margin: 0 2px 15px; }
  .banner-slider .carousel-item .carousel-text h1 { margin-bottom: 30px; }
  .banner-slider .carousel-item .carousel-text ul li svg { height: 20px; }
  .connect-section .location-area-box { padding: 30px 0; }
  .location { padding: 0 0 30px; }
  .location svg { height: 25px; margin-right: 20px; }
  .middle-block { padding-left: 20px; padding-right: 20px; }
  .connect-section .last-block { padding-left: 30px; }
  .connect-section .location-area-box h2 { font-size: 35px; }
  .welcome-content-box .brand-light-logo { width: 110px; }
  .welcome-section .img-block { padding-bottom: 100%; }
  .welcome-content-box { margin-left: -13%; max-width: 510px; padding: 30px 30px 10px 80px; }
  .discover-section { padding: 10% 0 3%; }
  .contact-info-v2 { padding: 40px 0; }
  .contact-info-v2 p { text-align: center; margin: 0 auto; max-width: 100%; }
  .light-pattern .col-xl-2:nth-child(2), .light-pattern .col-xl-2:nth-child(4) { width: 33.3%; }
  .light-pattern .col-xl-2:nth-child(3) { width: 33.33%; }
  .contact-info-v2 .logo { margin: 30px auto; width: 100px; }
  .contact-info-v2 p.text-end { max-width: 100%; margin-left: 0; text-align: center !important; }
  .footer-wrapper .ftr-menu ul li a { font-size: 16px;}

  .west-jefferson-location-details, .contact-info-details { padding: 0 4.8% 40px; }
  .contact-form-section { padding: 12% 8% 5% 8%; }
  .contact-form-section .form-box { max-width: 100%; }
  .contact-form-section .form-box button.btn { font-size: 21px; max-width: 200px; background-position: 80%; }
  .contact-info-details .contact-page-info .location-area-box { padding: 40px 20px 40px 30px; }
  .contact-form-section .form-box .form-control { height: 60px; padding: 0 50px 0 20px; }
  .contact-form-section .form-box #first-name, .contact-form-section .form-box #last-name { background-size: 27px; }
  .contact-form-section .form-box #email-address { background-size: 22px; }
  .contact-form-section .form-box #subject { background-size: 21px; }
  .contact-form-section .form-box textarea.form-control { height: 160px; padding: 20px; }
  .sidebar .perform-area h2 { font-size: 40px; }

  .west-jefferson-details {padding: 4% 5% 4% 8%;}
  .dine-timing { padding: 100px 5% 30% 8%; }
  .map-box { margin-left: 8%; margin-right: 8%; }
  .map-box iframe { height: 420px; }
  .west-jefferson-details .btn-holder a.btn { padding: 14px 18px; }
  

}
@media only screen and ( max-width: 991px ) {
  .header-wrapper { padding: 0 15px; }
  .desktop-header-contact-info, .header-wrapper .header-left { display: none;} 
  .rt-toogle-button { display: block; width: 35px; height: 35px; }
  .rt-toogle-button button.toogle-btn { width: 35px; height: 35px; border: 0; background-color: transparent; padding: 0; }
  .rt-toogle-button button.toogle-btn span { display: block; height: 3px; background: var(--bs-white); margin: 6px 0; transition: var(--common-transition); transition-duration: .6s !important; transition-property: all !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; }
  .is-menu-open button.toogle-btn.active, .is-menu-open .logo { position: relative; z-index: 9; }
  .is-menu-open button.toogle-btn.active span:nth-child(1) { transform: rotate(45deg) translate(7px, 1px); }
  .is-menu-open button.toogle-btn.active span:nth-child(2) { display: none; transform: translateX(-15px); transition: var(--common-transition);  }
  .is-menu-open button.toogle-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, 0px); }
  .header-wrapper .header-logo { width: 50%; padding: 10px 0 0; }
  .header-wrapper .header-logo img { max-width: 200px; }
  .header-wrapper .header-right { width: 50%; }
  .mobile-menu { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100dvh; background: var(--bs-black); transform: translateX(-100%); transition-duration: .6s !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; overflow: auto; padding: 140px 15px 50px; }
  .is-menu-open .mobile-menu.active { transform: translateX(0); }
  .navigation ul { display: block; text-align: center; }
  .navigation ul li a { font-size: 18px; margin-right: 0; padding: 20px 0; }
  .navigation ul li a svg.fa-angle-down { margin-left: 15px; }
  .mobile-header-contact-info { margin-bottom: 30px; border-top: 1px solid #686868; border-bottom: 1px solid #686868; padding-top: 25px; padding-bottom: 25px; }
  .header-wrapper .header-right h6 { font-size: 18px; } 
  .header-wrapper .header-right p { font-size: 20px; }
  .header-wrapper .header-right span.head-contact-icon svg { font-size: 32px; margin-top: 4px; }
  .navigation ul li ul.submenu { left: 0; right: 0; margin: 0 auto; }
  .navigation ul li.menu-has-children.active ul.submenu { position: relative; width: 100%; transform: inherit; opacity: 1; visibility: visible;  }
  .navigation ul li:hover .submenu { opacity: 0; visibility: hidden; transform: translateY(30px); }

  .banner-slider .carousel-item .carousel-image { padding-bottom: 80%; }
  .connect-section .container { max-width: 100%; }
  .connect-section .last-block:after { display: none;}
  .connect-section .location-area-box { padding: 30px; }
  .connect-section .last-block { padding: 0 15px; }
  .welcome-content-box { padding: 30px 30px 10px 120px; margin-bottom: 0; margin-left: 0; max-width: 100%; }
  .welcome-content-box .brand-light-logo { width: 83px; left: 20px; bottom: inherit; top: 40px; }
  .ftr-menu ul.nav li { flex: 0 0 50%; }
  .footer-wrapper .ftr-menu ul li a { margin: 0 0 10px; display: block; }

  .sidebar { max-width: 100%; padding: 20px 0 0; }
  .contact-form-section { padding: 10% 6% 4% 6%; }
  .contact-form-section .form-box button.btn { margin-top: 4%; }
  .event-text { padding-bottom: 30px; }
  .perform-area { padding: 40px 0; }
  .west-jefferson-location-left { margin-right: 0; padding-bottom: 30px; }

  .dine-timing { padding: 12% 6% 30% 6%; }
  .west-jefferson-details { padding: 4% 5% 4% 6%; }

}
@media only screen and ( max-width: 767px ) {
  body, .contact-form-section .form-box .form-control, a.btn, .btn { font-size: 17px; }
  h1 { font-size: 45px; }
  h2 { font-size: 35px; }
  h3 { font-size: 23px; }
  h4 { font-size: 20px; }
  a.btn, .btn { padding: 12px 20px; font-size: 16px; }
  .banner-slider .carousel-item .carousel-image { padding-bottom: 0; height: 70dvh; }
  .connect-section .last-block {padding-left: 20px; padding-right: 20px; margin-bottom: 0; margin-top: 0; }
  .connect-section .location-area-box { padding: 30px 15px; }
  .welcome-content-box { padding: 30px 30px 10px 30px; display: flex; flex-wrap: wrap; }
  .welcome-content-box .brand-light-logo { left: 0; bottom: inherit; top: 0; position: relative; order: 1; margin-bottom: 30px;}
  .welcome-content-box h2, .welcome-content-box p { order: 2; }
  .discover-section ul { display: flex; flex-wrap: wrap; margin: 0 -15px; }
  .discover-section ul li { width: 50%; padding: 0 15px;}
  .discover-section ul li a span.icon-box { flex: 0 0 auto; }
  .discover-section ul li a { gap: 10px; }
  .discover-section .menu-item > p { margin-bottom: 20px; margin-top: 15px; }
  .footer-wrapper .col-md-6 { margin-top: 40px; }
  .footer-wrapper .location { max-width: 100%; }
  
  .contact-form-section { padding: 40px 20px; }
  .contact-form-section h2.mb-5 { margin-bottom: 2rem !important; }
  .contact-form-section .form-box button.btn { margin-top: 20px; font-size: 19px; max-width: 180px; background-position: 75%; background-size: 18px; }
  .perform-area { padding: 0 0 20px; }
  .sidebar .perform-area h2 { font-size: 35px; margin: 10px 0 5px; }
  .west-jefferson-details .btn-holder { margin-bottom: 0; padding-top: 5px; display: block; }
  .west-jefferson-details .btn-holder a.btn { width: 100%; margin-bottom: 10px; }
  .west-jefferson-details .location.d-flex { margin-bottom: 15px; }
  .dine-timing h2 { margin-bottom: 40px; }
  .dine-timing .timing h4 { width: 154px; }
  .contact-info-details .contact-page-info .first-block { padding: 0;}
  .contact-info-details .contact-page-info .first-block .location-area-box { padding-left:30px; padding-right: 20px;}
  .contact-info-details .contact-page-info .middle-block { padding-right: 0;}
  .west-jefferson-full-review .dine-timing { padding-bottom: 50px; }
  .contact-form-section .form-box td.search-form-td { width: 230px;}
}
@media only screen and ( max-width: 479px ) {
  h1 { font-size: 40px; }
  h2 { font-size: 30px; }
  h3 { font-size: 22px; }
  .header-wrapper { padding: 0; }
  .header-wrapper .header-logo img { max-width: 160px; padding-left: 0; }
  .header-wrapper .header-right h6 { font-size: 16px; }
  .header-wrapper .header-right p { font-size: 18px; } 
  .header-wrapper .header-right span.head-contact-icon svg { font-size: 26px; }
  .header-wrapper .header-right span.head-contact { margin-right: 20px; padding-right: 20px; }
  .discover-section ul li a span.icon-box { width: 70px; height: 70px; padding: 5px; }
  .discover-section .menu-item { padding: 0 10px; }
  .light-pattern .col-xl-2:nth-child(2), .light-pattern .col-xl-2:nth-child(4) { width: 100%; margin: 15px 0; }
  .contact-info-v2 .logo { margin: 10px auto; }
  .light-pattern .col-xl-2:nth-child(3) { width: 100%; }
  .gallery-section { padding: 20px 0; }
  .footer-wrapper { padding: 50px 0 30px; }
  .footer-wrapper h2 { margin-bottom: 0; }
  .ftr-menu ul.nav li { flex: 0 0 100%; }
  .social-links.nav.justify-content-end { justify-content: start !important; }

  .inner-banner-img { height: 200px; }
  .dine-timing .timing .d-flex { display: block !important; }
  .dine-timing .timing h4 { margin: 30px 0 10px;}
  .contact-info-details .contact-page-info { margin-top: -40px; }
  .west-jefferson-details { margin-top: -40px; padding: 30px 30px 20px; }
  .map-box iframe { height: 280px; }
  .dine-timing { padding: 50px 25px 30%; }


}