/*
 * Theme Name: Wokboyz Theme
 * Description: Custom Theme
 * Theme URI: http://www.wokboyz.com/
 * Author: Shiv Gulam Singh | Gaurav Maheshwari 
 * Version: 1.0
 */

@charset "utf-8";

:root {
--wb-blue:#2400a1;
--wb-indigo:#6610f2;
--wb-purple:#6f42c1;
--wb-pink:#d63384;
--wb-red:#dc3545;
--wb-orange:#FF7836;
--wb-yellow:#ffc107;
--wb-green:#63F79F;
--wb-teal:#20c997;
--wb-cyan:#0dcaf0;
--wb-white:#ffffff;
--wb-black:#000;
--wb-gray:#6c757d;
--wb-gray-dark:#494949;
--wb-primary:#0d6efd;
--wb-secondary:#6c757d;
--wb-success:#198754;
--wb-info:#0dcaf0;
--wb-warning:#ffc107;
--wb-danger:#dc3545;
--wb-light:#f8f9fa;
--wb-dark:#212529;
--wb-font-sans-serif:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--wb-font-monospace:"Montserrat", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--wb-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--wb-transition:.5s linear;
--wb-background:#fff;
--wb-font-size:1rem;
--wb-border-radius:30px;
--wb-box-shadow:0 0 10px #999;
}
html{scroll-padding-top:100px;}
body{background:url(../images/body-bg.png) repeat;font-family:var(--wb-font-sans-serif);font-size:var(--wb-font-size);font-weight:400;line-height:1.6;overflow-x:hidden;transition:var(--wb-transition);
color:var(--wb-black);}
.img-responsive{width:100%;height:auto}
a{color:var(--wb-gray-dark);transition:var(--wb-transition);outline:none;text-decoration:none}
a:hover{color:var(--wb-orange);}
body p{padding-bottom:1.5rem}
figure{margin:auto}


p:empty{display:none}
.br{display:none}
.dis-none{display:none}

.clear,.clr{clear:both;height:1px;overflow:auto}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;color:var(--wb-black);font-family:var(--wb-font-sans-serif);font-weight:700}
.dark-gray{color:#666;}
ul,ol{list-style:none}
ul,ol,p{margin:0;padding:0;}
ul li,ol li{margin:0;padding:0}
.align-center{text-align:center}
.relative{position:relative}


.navigation{position:fixed;width:100%;z-index:7;padding:0 0;background:rgba(255,255,255,.85);box-shadow:0px 1px 15px 0px rgba(153, 153, 153, 0.35);transition:var(--wb-transition);background-image: url(../images/gif_leaf.gif);background-repeat: no-repeat;background-size: cover;height: 110px;}
.navigation.sticky{background-color:rgba(255,255,255,.85);transition:var(--wb-transition);}

.navigation .logo,
.navigation #top-nav,
.navigation .order-now{display:inline-block;vertical-align: middle;}
.navigation .order-now{text-align:center}

/*.navigation .order-now{width:calc(100% - 200px)}*/

.navigation .logo{height:70px; width:auto;}


.menu-click{position:absolute;top:5px;right:10px;z-index:10;cursor:pointer;}
.menu-click .bar1, .menu-click .bar2, .menu-click .bar3{width:25px;height:2px;background-color:#000000;margin:6px 0;transition:var(--wb-transition);display:block}
.menu-click.on .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-4px, 6px);background-color:#ff3836;}
.menu-click.on .bar2{opacity:0;}
.menu-click.on .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-6px, -7px);background-color:#ff3836;}

.navigation #top-nav{display:none;position:fixed;left:0;top:0;padding-top:50px;width:100%;height:calc(100vh);background-color:rgba(0,0,0,.95);line-height:normal;animation:fadeIn 1s linear;z-index:9;}

.navigation #top-nav li{display:block;padding:30px 0 0 25px;text-align:center;position:relative}
.navigation #top-nav li a{font-size:16px;font-weight:500;color:var(--wb-white);text-transform:uppercase}
.navigation #top-nav li a.menu-active{color:var(--wb-orange);}

.navigation #top-nav li ul{}
.navigation #top-nav li ul li{margin:1.25rem auto 0 auto;padding:10px;width:200px;background:#fff;text-align:center;border-radius:var(--wb-border-radius);}
.navigation #top-nav li ul li a{color:var(--wb-orange);}


.order-now{padding:5px 0 0 10px}
.order-now li:first-child{padding-bottom:5px}
.now{background:#FF7836;padding:6px 30px;font-size:20px;letter-spacing:1px;text-align:center;font-weight:600;border-radius:var(--wb-border-radius);color:#fff;transition:var(--wb-transition);}
.now:hover,
.call:hover{color:#000}
.call:hover path{stroke:#000}
.call{font-weight:600;color:var(--wb-orange);font-size:1rem;letter-spacing:1px}
.social{padding:0 0 0 0;/*text-align:right;*/float:right;position:relative;z-index:2;  height: 110px;width: 200px;background-size:cover;display: table}
.social li{display: table-cell;vertical-align: middle;text-align: center}
.social a{margin:0 5px}
.social a img{width:auto;height:20px;}

.navigation .now{background:linear-gradient(90deg, #FF7836, #000000, #FF7836);background-size:1000% 1000%;animation:gradient 5s ease infinite;}
@keyframes gradient{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}


#hero-slider{min-height:300px;}
#hero-slider .flexslider{border:none;z-index:1;margin-bottom:0;background-color:transparent}
#hero-slider .flexslider .slides{position:relative;overflow:hidden;}
#hero-slider .flexslider .slides li img{width:100%;height:100%;object-fit:cover;position:absolute;}

#hero-slider .flexslider .slides li{background-repeat:no-repeat;background-size:cover !important;background-position:top center !important;position:relative}
#hero-slider .flexslider .slides li.home-slider1{background:url(../images/banner1.jpg);}
#hero-slider .flexslider .slides li.home-slider2{background:url(../images/banner2.jpg);}
#hero-slider .flexslider .slides li.home-slider3{background:url(../images/banner3.jpg);}
#hero-slider .flexslider .slides li.home-slider4{background:url(../images/banner4.jpg);}
#hero-slider .flexslider .slides li.home-slider5{background:url(../images/banner5.png);}
#hero-slider .flexslider .slides li.home-slider6{background:url(../images/banner6.jpg);}

#hero-slider .flexslider .slides li:after{background:#000;content:"";height:100%;width:100%;position:absolute;top:0;left:0;opacity:.15}

#hero-slider .flexslider .slider-text{opacity:1;background:rgba(0,0,0,.35);padding:.5rem;position:relative;text-align:left;margin:45% 3% 0 3%;width:calc(100% - 6%);
display:inline-block;z-index:2;color:var(--wb-white);border-radius:6px;}
#hero-slider .flexslider .slider-text h1,
#hero-slider .flexslider .slider-text h2,
#hero-slider .flexslider .slider-text h3,
#hero-slider .flexslider .slider-text h4,
#hero-slider .flexslider .slider-text h5,
#hero-slider .flexslider .slider-text h6{color:var(--wb-white);font-size:1.5rem;font-weight:900;text-transform:uppercase;}
#hero-slider .flexslider .slider-text p{font-size:1.15rem;line-height:1.5rem;font-weight:500;border-top:1px solid #999;padding-top:10px;margin-top:10px;}

#hero-slider .flexslider .flex-control-nav{bottom:20%;position:absolute;text-align:left;width:100%;z-index:3}
#hero-slider .flexslider .flex-direction-nav{display:none;}


/*#hero-slider .flexslider .slider-text2{height:230px;width:700px;}*/
#hero-slider .flexslider .slider-text p.bubble{text-align:center}
#hero-slider .flexslider .slider-text p.bubble span,
.outlets span{display:inline-block;margin-bottom:8px;padding:10px;background:#fff;text-align:center;border-radius:var(--wb-border-radius);border:1px solid #ccc;color: var(--wb-gray-dark);}

#hero-slider .flexslider .slider-text p.bubble span{margin-bottom:6px;padding:6px;font-size:1rem}


.flexslider{margin:0;border:none;border-radius:0px;}
.flex-direction-nav .flex-disabled{opacity:1 !important}
.flex-direction-nav a:before,
.flex-direction-nav a:after{display:none !important}

.flex-control-nav li{display:inline-block;margin:0 3px}
.flex-control-paging li a{border:none;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.flex-control-paging li a.flex-active{background:#f05929}

.owl-nav .owl-next,
.owl-nav .owl-prev{background:url(../images/icon-arrow-right.svg) center center no-repeat !important;width:17px;height:17px;margin:0;font-size:0;display:inline-block}
.owl-nav .owl-prev{transform:rotate(-180deg);margin-right:50px}
.owl-dots .owl-dot{background:#999 !important;height:12px;width:12px;border-radius:100%;display:inline-block;margin:0 3px;}
.owl-dots .owl-dot.active{background:#fff !important}

.menu-tab{background:url(../images/top-bg.png) left top no-repeat;position:relative;top:-4rem;padding:0;text-align:center;z-index:4;}
.menu-tab ul{margin:-5rem 0 0 0;padding:0;text-align:center}
.menu-tab ul li{display:inline}
.menu-tab span{display:inline-block;position:absolute;top:60%;left:50%;transform:translate(-50%, -60%);font-size:12px;line-height:16px;font-weight:500;width:80px}
.menu-tab a{display:inline-block;width:130px;height:140px;position:relative;background-size:cover !important;}
.menu-tab ul{width:60%;display: inline-block;padding: 3rem 0;}
.our-menu #tabs li.base a.inactive:hover, .our-menu #tabs li.other a.inactive:hover {
  background: #FFBFAC;
  color: #000;
}
#Your-WOK:hover .whiteleaf {
  display: none;
}
#Your-WOK:hover .orangeleaf {
  display: block;
}
#Your-WOK .orangeleaf {
  width: 25px;
  height: auto;
}

.title{font-size:2.5rem;color:var(--wb-gray-dark);padding-bottom:1.5rem}
.title .discover{font-weight:300;display: inherit;}
.title span{display:block;font-weight:300}
.title .logo , .title .discover-span{display:inline-block;font-weight: 700;}
.orangeleaf{display: none}
.menu-tab span img{padding-bottom:8px;}
.more:hover  .whiteleaf {
  display: none!important;
}
.more:hover  .orangeleaf{
  display: block;
  color: red;
}
.more:hover .image-leaf{
     border-right: 2px solid #FF7836;
}
.more{display: inline-block;padding: 8px 30px;color: #ffffff;background: #FF7836;font-weight: 500;text-transform: uppercase; border-radius: 30px;}
.more img{width:28px;height: auto}
.more .image-leaf,.base .image-leaf {border-right: 2px solid #ffffff;padding-right:10px;float: left;}
.button-text {
    float: left;
    padding-left: 10px;
    line-height: 28px;
}
.knowmore{padding-left:10px;line-height: 30px;}
.more:hover{background:#000;}
.our-story{padding:0 0 2rem 0;margin-top:-3rem}
.our-story .logo{height:65px;width:auto;margin:0;height: 75px;vertical-align: top;margin-top: 10px;}
.timeline-info h3{background-color: #ebebeb;border-radius: 10px 10px 0 0;padding: 1.5rem 0;}
.our-story .align-center{padding:1rem 0 0 1rem}
.our-story .bg-white{background:#fff;padding:1rem;line-height:1.7}
.popup{background:#fff;}
.popup video{width:100%;height:100%;}
.menu-content h5{padding:1rem 0;}
.our-food{background:url(../images/bg-our-food.jpg) center center no-repeat;background-size:cover;padding:10rem 0;/*animation:fadeInUp 2s linear;*/}
.our-food .title,
.our-food p{color:var(--wb-white)}
.our-food p{font-size:1.25rem}

.our-menu{padding:4rem 0 0 0;}
.our-menu .title{text-align:center}
.our-menu h3{text-align:center;font-size:1.15rem;width:275px;margin:1rem auto;background:#fff;border-radius:30px;padding:8px 0;text-align:center;border:1px solid #FFBFAC;text-transform:uppercase}
.our-menu .arrow{height:50px;width:auto}

.our-menu #tabs{width:100%;margin:auto;text-align:center;display:none}
.our-menu #tabs li{display:inline-block;list-style:none;}
.our-menu #tabs li.other{margin-top:1rem;}
.our-menu #tabs li:nth-of-type(3n){display:block;border-bottom:1px solid #ccc;padding-top:25px;margin-bottom:10px}

.our-menu #tabs li.other:nth-of-type(3n){display:inline-block;border-bottom:0px solid #ccc;padding-top:0;margin-bottom:0}

.our-menu #tabs li a{color:#fff;display:inline-block;background:#FF7836;border-radius:30px;padding:7px 14px;margin-bottom:5px;text-align:center;border:1px solid #FFBFAC;text-transform:uppercase;font-size:.9rem;}

.our-menu #tabs li.base a.inactive{background:#000;color:#fff;border-color:#000;cursor:pointer;}
.our-menu #tabs li.other a.inactive{background:#fff;color:#000;cursor:pointer;font-weight:500}

/*.our-menu #tabs li.base a.inactive:hover,
.our-menu #tabs li.other a.inactive:hover{background:#FFBFAC;color:#000}*/

.our-menu .tab-container{clear:both;width:100%;margin:25px auto;border:1px solid #ccc;background-color:#fff;box-shadow:var(--wb-box-shadow);background-image: url(../images/red-leaf.webp);background-repeat: no-repeat; background-position: bottom right;}
.our-franchise-bg .orange-leaf-bg{padding:10rem 0 6rem 0;background-size: cover;}
.timeline-info div{background-color: #ffffff; padding: 1.4rem;border-radius: 10px;box-shadow: var(--wb-box-shadow);}
.timeline-info p, .timeline-info h3{padding-bottom: 1rem}
.timeline-info h3{font-size: 1.5rem;color: var(--wb-orange);box-shadow: var(--wb-box-shadow);}
.timeline-title{color: var(--wb-orange);margin-bottom: 3rem; text-align: center}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
position: fixed;
  right: 10px;
  bottom: 2rem;
  background: #fff;
  margin-right: 0;
  box-shadow: 0 0px 15px rgba(102,102,102,.5);
  border-radius: 10px;
  transition: all .5s ease 0s;
  z-index: 9999999;
	width: 500px;
	display: none;
}
.contactnow-form h3 {
  background: #FF7B3A;
  color: #263746;
  font-weight: 500;
  font-size: 2rem;
  padding: 1rem;
  position: relative;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
.contactnow-form .form-group{padding: 1rem 1rem 0.5rem 1rem;}
.contactnow-form button{background: #FF7B3A !important;text-align: center !important;border-radius: 0 0 10px 10px !important;margin: 0 !important;padding: 8px 0 !important;
  width: 100% !important;text-transform: uppercase;border:none}
.close-button{display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
 color: #ffffff;
  height: 15px;
  width: 15px;
  cursor: pointer;
  z-index: 9999;}
.our-menu .tab-container .left-bg{background-size:cover !important;position:relative;text-transform:uppercase}
.ornishred-transperent{background-color: rgba(255,120,54,0.50);padding: 15rem 0 10rem 0;}
.our-menu .tab-container .left-bg.baseBG{background:url(../images/base.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.proteinBG{background:url(../images/protein.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.vegBG{background:url(../images/veg.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.sauceBG{background:url(../images/sauce.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.topBG{background:url(../images/top.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.soupBG{background:url(../images/soup.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.appetizerBG{background:url(../images/appetizers.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.signatureBG{background:url(../images/signature.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.drinkBG{background:url(../images/drinks.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.upgradeBG{background:url(../images/upgrade.jpg) left center no-repeat;}

.our-menu .tab-container .left-bg.comboBG{background:url(../images/combo1.jpg) left center no-repeat;}
.our-menu .tab-container .left-bg.bowlsBG{background:url(../images/bowls.jpg) left center no-repeat;}

.our-menu .tab-container .left-bg.teaBG{background:url(../images/teaBG.jpg) left center no-repeat;}

.our-menu .tab-container .left-bg h4{font-size:1.3rem;letter-spacing:1px;padding:2.15rem 0 2rem 0;color:var(--wb-white);word-break:break-word;}
.our-menu .accordion-BTN{display:block;width:100%;height:100%;background:url(../images/icon-plus-white.svg) 96% center no-repeat;position:absolute;top:0;right:0;cursor:pointer}
.our-menu .accordion-BTN.on{background:url(../images/icon-minus-white.svg) 96% center no-repeat;}

.our-menu .tab-container .left-bg h4.SI br{display:block}

.our-menu .accordion-content{display:none}

.our-menu .tab-container .menu-content{padding:1.25rem 1rem 10px 1rem;position:relative}
.our-menu .tab-container .menu-content .img-menu{position:absolute;right:-10px;bottom:0px;width:auto;height:50px;display:none}
.our-menu .tab-container .menu-content li{padding-bottom:1.25rem}
.our-menu .tab-container .menu-content li div{display:inline-block;vertical-align:middle}
.our-menu .tab-container .menu-content li div span{display:block}
.our-menu .tab-container .menu-content li div i{background:#fff;font-style:normal;padding-right:10px;display:inline-block;font-weight:500}
.our-menu .tab-container .menu-content li div strong{background:#fff;padding-left:10px;color:#FF7836;font-weight:600}
.our-menu .tab-container .menu-content li div:nth-of-type(1n){/*width:calc(100% - 105px);background:url(../images/sep.png) left 13px repeat-x;*/}
.our-menu .tab-container .menu-content li div:nth-of-type(2n){width:100px;text-align:right}
.our-menu .min-height{min-height:175px;}
.our-menu .tab-container .menu-content.li li{padding-bottom:1px}
.our-menu .tab-container .menu-content.img li img{width:150px;height:auto}

.our-menu .tab-container .menu-content.full li div:nth-of-type(1n){width:100%;} 

.our-menu .tab-container#SignatureC .menu-content  li{text-align:center}


.our-franchise{padding:2rem 0 0 0}
.our-franchise-bg{background:url(../images/bg-our-franchise.webp) center center no-repeat;background-size:cover;}
.our-franchise .white-bg{background:rgba(0,0,0,.35);margin:auto;padding:3rem;font-size:1.25rem;text-align:center;color:var(--wb-white);border-radius:6px;font-weight:500}
.our-franchise .white-bg .logo{height:65px;width:auto;}
.our-franchise .mail{display:inline-block;padding:8px 0;line-height:15px}
.our-franchise .mail a{color: var(--wb-orange);}
.our-franchise .mail a:hover{color:#000}
.our-franchise .mail:hover path{stroke:#000}
.our-franchise .more{margin-top:15px}

.our-gallery{padding:2rem 0}
.our-gallery img{width:100%;height:100%}
.our-gallery .item a{display:block;position:relative}
.our-gallery .item a i{display:inline-block;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
background:url(../images/icon-pluse.svg) center center no-repeat rgba(255,120,54,0.50);height:100%;width:100%;transition:var(--wb-transition);}
.our-gallery .item a:hover i{opacity:1}
.our-gallery .owl-nav{text-align:right;padding-top:10px;}

.our-testimonials{text-align:center;background:url(../images/bg-testimonials.jpg) center center no-repeat;background-size:cover;padding:2rem 0}
.our-testimonials .title{background:#FF7836;color:var(--wb-white);margin:auto auto 1.25rem auto;padding:1rem 0;}
.our-testimonials .title strong{color:var(--wb-black);font-weight:700}

.MOBILE{display:block}

.DESKTOP{display:none}
.testimonials-container ul{margin:0;padding:3rem 0}
.testimonials-container ul li{display:inline-block;vertical-align:top;padding:0 10px; }
.testimonials-container ul li .align-center{background:#fff;background:#fff;box-shadow:var(--wb-box-shadow);border-radius:10px;padding:1.5rem;margin-bottom:4rem;position:relative}

.testimonials-container .ul-first li.one{width:33%}
.testimonials-container .ul-first li.two{width:33%;}
.testimonials-container .ul-first li.three{width:33%;}
.testimonials-container .ul-first li.four{width:33%;}
.testimonials-container .ul-first li.five{width:33%;}
.testimonials-container .ul-first li.six{width:33%;}

.testimonials-container .ul-second li.one{width:35%}
.testimonials-container .ul-second li.two{width:28%;}
.testimonials-container .ul-second li.three{width:35%;}
.testimonials-container .ul-second li.four{width:35%;}
.testimonials-container .ul-second li.five{width:28%;}
.testimonials-container .ul-second li.six{width:35%;}

.testimonials-container .ul-third li.one{width:33%}
.testimonials-container .ul-third li.two{width:33%;}
.testimonials-container .ul-third li.three{width:33%;}
.testimonials-container .ul-third li.four{width:33%;}
.testimonials-container .ul-third li.five{width:33%;}
.testimonials-container .ul-third li.six{width:33%;}

.testimonials-container .ul-four li.one{width:32%}
.testimonials-container .ul-four li.two{width:32%;}
.testimonials-container .ul-four li.three{width:32%;}


.testimonials-container .align-center img.top{height:100px;width:auto;border-radius:50%;position:absolute;left:calc(50% - 50px);top:-50px;z-index:99;box-shadow:var(--wb-box-shadow);margin-top:10px}
.testimonials-container p{background:url(../images/icon-quote.svg) top left no-repeat;font-size:1.15rem;margin-top:4rem;}
.testimonials-container p span{display:block;font-weight:700;font-size:1.25rem;margin:10px 0 -5px 0}
.testimonials-container p i{font-style:normal;font-size:14px;}
.testimonials-container p img{width:auto !important;margin:auto;padding-top:5px}

.our-testimonials .owl-nav{text-align:right;padding-top:10px;}
.our-testimonials .owl-next,
.our-testimonials .owl-prev{background:url(../images/icon-arrow-right-W.svg) center center no-repeat !important;width:17px;height:17px;/*position:absolute;top:50%;z-index:5*/}
/*.our-testimonials .owl-prev{margin-right:0;left:-2rem}
.our-testimonials .owl-next{right:-2rem}*/

.our-location{padding:2rem 0}
.our-location iframe{width:100%;height:300px}
.our-location address{text-align:center;margin:auto;background:#fff;box-shadow:var(--wb-box-shadow);padding:1rem;font-size:1.09rem;position:relative;margin-bottom:1.5rem}
.our-location address:after{content:'';border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;position:absolute;top:-20px;left:calc(50% - 10px);z-index:9}
/*.our-location .call{font-size:1.5rem}*/

.our-location h3{padding:2rem 0}

.outlets{text-align:center}
.outlets span{padding:10px 25px;font-size:1.25rem;}

.our-location iframe.cloud{background:url(../images/cloud.png) top center no-repeat}

.our-location .first{box-shadow:var(--wb-box-shadow)}

.our-location .second{box-shadow:var(--wb-box-shadow)}

.our-location .owl-dots{text-align:center}

.our-location .owl-dots .owl-dot.active{background:#FF7836 !important;}

.our-instagram{}
.our-instagram img{width:100%;height:100%}
.instagram-container{padding:0 2rem 1rem 0;background:#ccc;margin:2rem 0 0 2rem;border-top:2rem solid transparent;box-shadow:var(--wb-box-shadow);}
.instagram-container .outer{margin:-4rem 0 0 -2rem}
.our-instagram .owl-nav{text-align:right;padding-top:10px;}

.right-order{position:fixed;right:0;bottom:125px;z-index:99;display:none;}
/*.right-call{position:fixed;right:0;top:375px;z-index:99;display:none;}*/

.right-order img,
.right-call img{width:auto;height:150px}

.chatfood-container iframe.chatfood-order-button-frame{width:165px !important}

.inner-container{padding:150px 0 0 0;}
.inner-container h1{padding-bottom:1.5rem;color:var(--wb-gray-dark);}
.thankyou{width:100%;height:100%}

.form-control,
.input-box,
.textarea{border:2px solid #ccc;outline:none;color:var(--wb-black);font-family:var(--wb-font-sans-serif);text-align:left;font-size:1rem;box-sizing:border-box;border-radius:10px;padding:10px;
transition:var(--wb-transition);}

.submit,
.back{background:#FF7836;border-radius:10px;border:none;padding:8px 50px;color:#fff;font-weight:600;letter-spacing:1px}

.form-control:hover,
.form-control:focus,
.input-box:hover,
.input-box:focus,
.textarea:hover,
.textarea:focus,
.submit:hover,
.back:hover{box-shadow:0px 0 10px #333;border-color:#FF7836;transition:var(--wb-transition);}

.form-group{padding-bottom:1rem;position:static}
.form-group label{display:block;padding-bottom:5px;font-weight:600}
.form-group label span{color:var(--wb-red);}

.form-group label.error{color:var(--wb-red);font-weight:500}


/*.form-group{padding-bottom:25px;}
.form-group label{display:block;padding-bottom:6px;color:#fff}
.form-group label span{color:#cc490a;}
.form-group .form-control{width:100%;padding:10px 2%;border:1px solid #fff;background:#ccc}
.form-group .form-control:hover,.form-group .form-control:focus{box-shadow:0px 0px 6px #f7f7f7;}
.form-group textarea.form-control{height:125px;}
.align-center{text-align:center}
.submit,
.back{color:#fff;background:#f26522;text-align:center;margin:auto;padding:10px 25px;border:none;cursor:pointer;font-family:'Susan';font-size:25px}
.submit:hover{background:#fff;color:#f26522;}*/

.loader{display:table;vertical-align:middle;position: absolute;background-color: rgba(0,0,0,0.5);
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  text-align: center;}
.loader span{display: table-cell;
  vertical-align: middle;}
.survey{margin:auto;border:5px solid #f06927;padding:20px;background:#fff;}
.survey label{display:block;padding:0 5px 10px 0}
.survey label b,
.survey ul li b{font-size:14px;color:#cc490a}
/*.survey label.name{width:115px;}
.survey label.other{width:115px;}*/
.survey p{padding:0px 0 15px 0;margin:0;clear:both}
/*.survey .input-box{background:#fde9e0;padding:5px;border:none;}*/
.survey .input-box-name{width:calc(100%)}
.survey .input-box-other{width:calc(100%)}
/*.survey .submit:hover{background:#534843;color:#fff}*/
.survey .error{font-size:14px;color:#cc490a}
.back{display:inline-block;background:#534843;margin-right:10px}

.disp-none{display:none}
.disp-block{display:block}
.survey ul{margin:0;padding:0;list-style:none}
.survey ul li{padding-bottom:15px;clear:both;font-weight:500}
.survey ul li:last-child{padding-bottom:5px}
.survey ul li label{display:block}
.div-relative{position:relative;float:right;vertical-align:middle;border: 1px solid #FF7836;}
.radio{position:absolute;opacity:0;width:25px;height:25px;cursor:pointer}
.radio + .icon-green{cursor:pointer;display:inline-block;background:url(../images/icon-green.png) left top no-repeat;height:25px;width:25px;vertical-align:middle}
.radio:checked + .icon-green,.radio:checked + .icon-yellow,.radio:checked + .icon-red{background-position:left -25px;}
.radio + .icon-yellow{cursor:pointer;display:inline-block;background:url(../images/icon-yellow.png) left top no-repeat;height:25px;width:25px;vertical-align:middle;margin:0 5px}
.radio + .icon-red{cursor:pointer;display:inline-block;background:url(../images/icon-red.png) left top no-repeat;height:25px;width:25px;vertical-align:middle}
.textarea{width:100%;margin:15px 0 0 0;height:100px}
.survey h4{border-bottom:10px solid #f26522;padding:20px 0;font-size:28px}
.survey h4 span{color:#f26522;}
.qr-code{position:fixed;left:10px;bottom:10px;z-index:999;height:auto;width:auto;display:inline-block}
.survey-img{position:fixed;right:2px;top:45%;z-index:999;height:auto;width:auto;display:inline-block}
.a-link{color:#fff;font-size:25px !important;text-decoration:none}
.footer-bg{background:#707070;padding:1rem 0;text-align:center;color:var(--wb-white);margin-top:4rem}
.social-container{/*background:#fff;border-radius:var(--wb-border-radius)*/}
.social-container ul{margin:0;padding:0}
.social-container ul li{list-style:none;display:inline-block;vertical-align:top;width:30%;margin:0 1%;}
.social-container ul li img{width:50px;height:auto}
.social-container ul li a{display:block;width:100%;padding:1rem 0;text-align:center;background:#f2f2f3;border-radius:var(--wb-border-radius);box-shadow:var(--wb-box-shadow);transition:var(--wb-transition);}
.social-container ul li span{display:block;font-size:.9rem;font-weight:bold;padding-top:1rem}
.social-container ul li a:hover{background:#fff}
.timeline-main .bg-white{padding: 1rem;}
.timeline-main .bg-white h4{text-align: center;padding-bottom: 2.5rem;}
 .timeline { 
      --timeline-color:#FF7836; position: relative; list-style: none;display: inline-flex;flex-wrap: nowrap;margin: 0; padding: 0;height: 420px;  }  
 .timeline:before {content:"";position: absolute;top: calc(50% - 1px);width: 100%;height: 40px;background-image: url('../images/timeline-line.webp');background-repeat: no-repeat;background-size: cover;display:none}   
.middleline{position: absolute;}   
.base .whiteleaf {width: 25px;height: auto;}

.knowmoremain{text-align: center;margin:2.5rem 0;}
.timeline li { margin: 0 20px;width: 220px;align-self: flex-start; }
.timeline li:nth-child(2n) { align-self: flex-end;}
    .timeline div {position: relative; min-height: 165px;border: 1px solid #FF7836;border-radius: 10px;}
	.timeline li:before {content: url('../images/canada.svg'); position: absolute;top: 48%;margin-left:95px;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 50%;}
	.timeline-eighteen div, .timeline-twentythree div{top:40px}
	.timeline li.timeline-seventeen::before, .timeline li.timeline-twentyfour::before {top: 54%;}
	/*.timeline li.timeline-twentyfour::before{content: url('../images/last-timeline.webp')!important;}*/
	.timeline li.timeline-seventeen::before{content: url('../images/dubai.svg')!important;}
	.timeline li.timeline-eighteen::before{content: url('../images/dubai.svg')!important;}
	.timeline li.timeline-twentytwo::before{content: url('../images/ghana.svg')!important;top: 46%;}
	.timeline li.timeline-twentythree::before{content: url('../images/oman.svg')!important;}
	.timeline li.timeline-twentythree::before{top:50%;}
	.timeline time{padding: 8px 10px;display: block;text-align: center}
	.timeline p{border-top: 1px solid #FF7836;padding: 10px; border-radius: 10px 10px 0 0;}
    /* style for the event arrow */
    .timeline div:before {content: "";position: absolute;left: 50%;top: 100%; width: 20px;height: 20px;transform: translate(-50%, -1px) rotateZ(45deg);background: #fff;}
    
    /* position of the event arrow in odd position */
    .timeline li:nth-child(2n - 1) div:before {top: 100%;margin-top: -8px;border-right: 1px var(--timeline-color) solid;border-bottom: 1px var(--timeline-color) solid; }
    
    /* position of the event arrow in even position */
    .timeline li:nth-child(2n) div:before {top: 0;margin-top: -10px;border-left: 1px var(--timeline-color) solid;border-top: 1px var(--timeline-color) solid; }


.time-wrapper {display: inline;line-height: 1em;font-size: 0.66666em;color: rgb(250,80,80);vertical-align: middle;}

.direction-l .time-wrapper {float: left;}

.direction-r .time-wrapper {float: right;}

.time {display: inline-block;padding: 4px 6px;background: rgb(248,248,248);}

.desc {
 border-top: 1px solid #FF7836;border-radius: 10px 10px 0 0;padding: 10px 10px;font-size: 0.77777em; line-height: 1.5em;}

.direction-r .desc {text-align: left;}
.harmonized-text{display:block !important;display: block !important;
  box-shadow: none !important;
  border: none !important;
  background-image: none !important;
  background-color: transparent !important;font-size: 0.90rem;margin-top:0!important;}
.square-holder img {

/*  filter: grayscale(100%);*/
  transition: all 0.3s;
}

.square-holder:hover img{
  filter:none;
}
.square-holder {
  padding:30px;
  align-items: center;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-bottom:20px;

}

.our-partner .col-lg-3{margin: 0 auto;}
.DeliveryPartners{padding-top: 2rem}

/* ================ Timeline Media Queries ================ */



@media only screen and (min-width: 600px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
	
}

@media only screen and (max-width: 600px) and (orientation : portrait) {
.our-menu .tab-container{display:block !important}
}







@media only screen and (min-width: 600px) and (orientation : landscape) {

.navigation .order-now{padding:5px 0 0 20px;/*width:calc(100% - 210px);text-align:right;*/}

.social a{margin:0}
.social a:nth-of-type(1n){margin-left:15px}
.social a img{height:25px;}

.menu-tab span{font-size:14px;line-height:18px;width:auto}
.menu-tab a{width:175px;height:175px;}
.menu-tab a.story{margin:0 0 0 -1rem}
.menu-tab a.menu{margin:0 -1rem 0 -1rem}
.menu-tab a.franchise{margin:0 -1rem 0 0}

.our-menu #tabs{display:block}

.our-menu .tab-container{margin:50px auto;display:none}
.our-menu .tab-container .left-bg{background-size:cover !important;}
.our-menu .tab-container .left-bg > div{position:relative;height:100%}

.our-menu .tab-container .left-bg.signatureBG{min-height:1000px}
.our-menu .tab-container .left-bg.proteinBG{min-height:375px}

.our-menu .tab-container .left-bg h4{display:inline-block;padding:0;/*font-size:2rem;letter-spacing:1px;*/position:absolute;top:45%;transform:rotate(-90deg);}
.our-menu .tab-container .left-bg h4.WO{left:-65px;width:325px}
.our-menu .tab-container .left-bg h4.PR{left:-65px;width:325px}
.our-menu .tab-container .left-bg h4.VE{left:-15px;width:215px}
.our-menu .tab-container .left-bg h4.SA{left:-20px;width:240px}
.our-menu .tab-container .left-bg h4.TO{left:-10px;width:215px}
.our-menu .tab-container .left-bg h4.SO{left:20px;width:150px}
.our-menu .tab-container .left-bg h4.AP{left:-20px;width:235px}
.our-menu .tab-container .left-bg h4.SI{left:-350px;width:900px;}
.our-menu .tab-container .left-bg h4.DR{left:25px;width:145px}
.our-menu .tab-container .left-bg h4.UP{left:-25px;width:225px;top:35%;text-align:center}
.our-menu .tab-container .left-bg h4.WB{left:-35px;width:275px}
.our-menu .tab-container .left-bg h4.WC{left:-45px;width:285px}
.our-menu .tab-container .left-bg h4.BT{left:-25px;width:250px}
.our-menu .tab-container .left-bg h4.SI br{display:none}

.our-menu .min-height{min-height:225px;}

.our-menu .accordion-BTN{display:none}
.our-menu .accordion-content{display:block}

.our-franchise .white-bg{padding:1rem;font-size:1.15rem;/*width:525px;*/}
/*.our-location address{width:500px;}*/
}

@media only screen and (min-width: 480px) and (max-width: 767.95px) and (orientation : landscape) {
.our-menu #tabs{display:none}
.our-menu .tab-container{display:block !important;margin:25px auto;}
.our-menu .tab-container .left-bg h4{/*font-size:1.5rem;letter-spacing:1px;*/padding:2.15rem 0 2rem 0;color:var(--wb-white);word-break:break-word;left:0 !important;width:auto !important;position:relative;
top:0;transform:rotate(0deg);display:block;}
.our-menu .accordion-BTN{display:block;width:100%;height:100%;background:url(../images/icon-plus-white.svg) 96% center no-repeat;position:absolute;top:0;right:0;cursor:pointer}
.our-menu .accordion-BTN.on{background:url(../images/icon-minus-white.svg) 96% center no-repeat;}

.our-menu .tab-container .left-bg.signatureBG{min-height:0}
.our-menu .tab-container .left-bg h4.SI br{display:block}

.our-menu .accordion-content{display:none}	


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
.menu-click{top:15px;}	
	
.navigation .order-now{padding:5px 0 0 20px;width:200px;/*text-align:right;*/}
.social{padding:10px 0 0 15px;display:inline-block;float:none;margin:0}
.social a{margin:0}
.social a:nth-of-type(1n){margin-left:15px}
.social a img{height:25px;}

#hero-slider .flexslider .slider-text{position:absolute;margin:auto;padding:1rem;height:200px;top:0;left:15%;right:auto;bottom:0;width:500px;}
#hero-slider .flexslider .flex-control-nav{bottom:25%;left:15%}

.menu-tab span{top:55%;left:50%;transform:translate(-50%, -55%);font-size:15px;line-height:20px;font-weight:500;width:auto}
.menu-tab a{width:225px;height:225px;}
.menu-tab a.story,
.menu-tab a.menu,
.menu-tab a.franchise{margin:0}

.our-menu #tabs{display:block}

.our-menu .tab-container{margin:50px auto;display:none}
.our-menu .tab-container .left-bg{background-size:cover !important;}
.our-menu .tab-container .left-bg > div{position:relative;height:100%}

.our-menu .tab-container .left-bg.signatureBG{min-height:1000px}
.our-menu .tab-container .left-bg.proteinBG{min-height:375px}

.our-menu .tab-container .left-bg h4{display:inline-block;padding:0;/*font-size:2rem;letter-spacing:1px;*/position:absolute;top:45%;transform:rotate(-90deg);}
.our-menu .tab-container .left-bg h4.WO{left:-85px;width:325px}
.our-menu .tab-container .left-bg h4.PR{left:-80px;width:325px}
.our-menu .tab-container .left-bg h4.VE{left:-25px;width:215px}
.our-menu .tab-container .left-bg h4.SA{left:-40px;width:240px}
.our-menu .tab-container .left-bg h4.TO{left:-30px;width:215px}
.our-menu .tab-container .left-bg h4.SO{left:20px;width:150px}
.our-menu .tab-container .left-bg h4.AP{left:-40px;width:235px}
.our-menu .tab-container .left-bg h4.SI{left:-375px;width:900px;}
.our-menu .tab-container .left-bg h4.DR{left:5px;width:145px}
.our-menu .tab-container .left-bg h4.UP{left:-25px;width:225px;top:35%;text-align:center}
.our-menu .tab-container .left-bg h4.SI br{display:none}
.our-menu .tab-container .menu-content .img-menu{right:-35px;height:75px}

.our-menu .min-height{min-height:250px;}

.our-menu .accordion-BTN{display:none}
.our-menu .accordion-content{display:block}

.our-franchise .white-bg{padding:1rem;font-size:1.15rem;/*width:525px;*/}
/*.our-location address{width:500px;}*/

.right-order,
.right-call{display:none}

.survey{width:600px;}

}



@media only screen and (min-width: 768px) and (max-width: 1366px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 992px) {
html{scroll-padding-top:110px;}
.br{display:block}

.menu-click{top:18px;}



.right-order,
.right-call{display:inline-block}

.order-now{padding:5px 0 0 20px;width:calc(100% - 210px);text-align:right;}
.now{padding:10px 35px;font-size:20px;}
.order-now li:first-child{padding-bottom:15px}
/*.call{font-size:1.15rem}*/


.social a{margin:0}
.social a:nth-of-type(1n){margin-left:15px}
.social a img{height:25px;}

#hero-slider{min-height:500px;}
#hero-slider .flexslider .slides li{}
#hero-slider .flexslider .slider-text{position:absolute;margin:auto;padding:1rem;height:175px;top:0;left:18%;right:auto;bottom:0;width:525px;}
#hero-slider .flexslider .slider-text h1,
#hero-slider .flexslider .slider-text h2,
#hero-slider .flexslider .slider-text h3,
#hero-slider .flexslider .slider-text h4,
#hero-slider .flexslider .slider-text h5,
#hero-slider .flexslider .slider-text h6{font-size:3rem;margin-bottom:15px;}

#hero-slider .flexslider .slider-text2{height:230px;width:700px;}

#hero-slider .flexslider .flex-control-nav{bottom:150px;left:18%}
#hero-slider .flexslider .slider-text p.bubble{text-align:center}

/*#hero-slider .flexslider .slider-text p.bubble span{margin-bottom:10px;padding:10px;}*/

.menu-tab span{top:55%;left:50%;transform:translate(-50%, -55%);font-size:15px;line-height:20px;font-weight:500;width:auto}
.menu-tab a{width:220px;height:220px;}
.menu-tab a.story,
.menu-tab a.menu,
.menu-tab a.franchise{margin:0}

.our-story{padding:0 0 4rem 0;margin-top:-3rem}
.our-story .logo{height:75px;}
.our-story .align-center{padding:2rem 0 0 1rem}
.our-story .bg-white{background:#fff;padding:1rem;line-height:1.7}
.popup{background:#fff;}
.popup video{width:100%;height:100%;}

.our-food{padding:0;}

.our-menu{padding:4rem 0 0 0;}
.our-menu h3{font-size:1.15rem;width:275px;margin:1rem auto;}

/*.our-menu #tabs{width:1010px;display:block}*/

.our-menu #tabs{width:850px;display:block}

.our-menu #tabs li a{margin-bottom:0}
/*.our-menu #tabs li{margin-bottom:1rem;}*/
.our-menu .tab-container{width:850px;margin:50px auto 20px auto;}
.our-menu .hide{display:none}
.our-menu .tab-container .left-bg{background-size:cover !important;}
.our-menu .tab-container .left-bg > div{position:relative;height:100%}

.our-menu .tab-container .left-bg.signatureBG{min-height:1000px}
.our-menu .tab-container .left-bg.proteinBG{min-height:375px}

.our-menu .tab-container .left-bg h4{display:inline-block;padding:0;/*font-size:2rem;letter-spacing:1px;*/position:absolute;top:45%;transform:rotate(-90deg);text-align:center}
.our-menu .tab-container .left-bg h4.WO{left:-65px;width:325px}
.our-menu .tab-container .left-bg h4.PR{left:-65px;width:325px}
.our-menu .tab-container .left-bg h4.VE{left:-15px;width:215px}
.our-menu .tab-container .left-bg h4.SA{left:-20px;width:240px}
.our-menu .tab-container .left-bg h4.TO{left:-10px;width:215px}
.our-menu .tab-container .left-bg h4.SO{left:20px;width:150px}
.our-menu .tab-container .left-bg h4.AP{left:-20px;width:235px}
.our-menu .tab-container .left-bg h4.SI{left:-350px;width:900px;}
.our-menu .tab-container .left-bg h4.DR{left:0;width:180px}
.our-menu .tab-container .left-bg h4.UP{left:-25px;width:225px;top:35%;text-align:center}

.our-menu .tab-container .left-bg.drinkBG{min-height:200px}

.our-menu .tab-container .left-bg h4.SI br{display:none}

.our-menu .min-height{min-height:200px;}

.our-menu .accordion-BTN{display:none}
.our-menu .accordion-content{display:block}

.our-menu .tab-container .menu-content .img-menu{right:-75px;bottom:-50px;height:175px}
.our-menu .tab-container .menu-content li div:nth-of-type(1n){width:calc(80% - 40px);}
.our-menu .tab-container .menu-content li div:nth-of-type(2n){width:100px;}

.our-menu .tab-container .menu-content.full li div:nth-of-type(1n){width:100%;} 

.our-menu .tab-container#SignatureC .menu-content  li{text-align:left}  

.our-franchise{padding:2rem 0 0 0}
.our-franchise-bg{padding:0}
.our-franchise .white-bg{padding:2rem;font-size:1.25rem;/*width:525px*/}
.our-franchise .white-bg .logo{height:75px;}

.our-gallery{padding:4rem 0}

.DESKTOP{display:block}
.MOBILE{display:none}
.our-testimonials .title{width:500px;}

.our-location{padding:4rem 0}
/*.our-location iframe{height:300px}*/
.our-location address{width:100%;padding:1.5rem;min-height:150px}

.inner-container .container{max-width:800px;}
.survey{width:600px;padding:30px;}
.survey label{display:inline-block;padding:0 5px 0 0}
.survey label.name{width:125px;}
.survey label.other{width:125px;}
.survey .input-box-name{width:calc(100% - 130px)}
.survey .input-box-other{width:calc(100% - 130px)}

.thankyou{width:auto;height:auto}

.social-container ul{margin-top:1rem}
.social-container ul li a{padding:3rem 0;}
.social-container ul li img{width:100px;}
.social-container ul li span{font-size:1.25rem;}

.timeline:before {display:block}


}


@media only screen and (min-width: 1100px) {
	
.menu-click,
.menu-close{display:none}
	

.navigation #top-nav{display:inline-block;position:relative;left:auto;top:auto;padding-top:0;width:auto;height:auto;background-color:transparent;line-height:normal;}
.navigation #top-nav li{display:inline-block;}
.navigation #top-nav li a{font-size:14px;color:var(--wb-gray-dark);}
.navigation #top-nav li a:hover{color:var(--wb-orange);}

.navigation .logo{height:85px;}
.navigation .order-now{padding:32px 0 0 40px;width:auto}

.navigation #top-nav li ul{display:none;position:absolute;left:0;animation:fadeIn .5s linear;}
.navigation #top-nav li ul li{margin:1.25rem 0 0 -.75rem;padding:10px;width:175px;background:#fff;text-align:center;border-radius:var(--wb-border-radius);border:1px solid #ccc}
.navigation #top-nav li ul li a{color:var(--wb-gray-dark);}
.navigation #top-nav li:hover ul{display:block}



.order-now{padding:15px 0 0 60px}
.order-now li:first-child{padding-bottom:15px}
.now{padding:10px 35px;font-size:20px;letter-spacing:1px;}


.social a{margin:0}
.social a:nth-of-type(1n){margin-left:15px}
.social a img{height:25px;}

.our-franchise .container{max-width:1100px}

}



@media (min-width: 1200px) {
.navigation #top-nav li{padding:20px 0 0 14px;}	
}

@media (min-width: 1400px) {
.navigation #top-nav li{padding:20px 0 0 20px;}	
}


/*@media only screen and (min-width: 1300px) {
.navigation #top-nav li{padding:20px 0 0 25px}
.order-now{padding:15px 0 0 75px}	
}*/


/*-- XR iOS 12 --*/
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

/*-- XS Max iOS 12 --*/
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (min-device-height : 768px){
.right-order,
.right-call{display:none}
}

@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : landscape) and (min-device-height : 810px){
.right-order,
.right-call{display:none}
}

@media (max-width:1400px) and (min-width:1201px){
	.timeline li{width: 180px;}
	.timeline li::before{margin-left:70px;}
	.timeline li.timeline-twentytwo::before{top: 53%;}
	.timeline{height: 465px;}
	.timeline li.timeline-twentyfour::before{top: 47%;}
	.social{width: auto}
}
@media (max-width:1200px) and (min-width:769px){
.our-story .col-md-7, .our-story .col-md-5{width: 100%!important;}
.direction-r, .direction-l{width: 46%}
.social{float: right}
	.menu-tab ul{width:100%}
	.menu-tab span img{width: 150px;}
	.timeline{display: inline-block;height: auto}
	.timeline li::before{position:relative;display:none;}
	.timeline li{width: 300px;}
	.timeline div{top:40px;margin-bottom: 2rem; min-height: auto}
	.knowmoremain{float: left;width: 100%;}
	.timeline-title{margin-bottom: 0;}
	.our-food{padding: 0;clear:left;}
	.instagram-container .outer{margin: 0}
	.instagram-container{padding:1rem;margin:0}
	.timeline li:nth-child(2n) div::before{top: 100%;margin-top: -8px;border-right: 1px var(--timeline-color) solid;border-bottom: 1px var(--timeline-color) solid;border-left: 0;border-top: 0;}
	.timeline-main .container{text-align: center}
	.timeline::before{display: none}

}
@media (max-width:768px) and (min-width:320px){
	.menu-tab ul{width:100%}
	.menu-tab a{width:30%}
	.menu-tab a img{width:100%}
	.social, .social li{text-align: right;height: auto}
	.menu-tab span{width: 100%!important;}
	.our-story .align-center{padding: 0;}
	.timeline{display: inline;height: auto}
	.timeline li::before{position:relative;display:none;}
	.timeline li{width: 90%;}
	.timeline div{top:40px;margin-bottom: 2rem; min-height: auto}
	.knowmoremain{float: left;width: 100%;}
	.timeline-title{margin-bottom: 0;}
	.our-food{padding: 0;clear:left;}
	.instagram-container .outer{margin: 0}
	.instagram-container{padding:1rem;margin:0}
	.timeline li:nth-child(2n) div::before{top: 100%;
  margin-top: -8px;
  border-right: 1px var(--timeline-color) solid;
  border-bottom: 1px var(--timeline-color) solid;border-left: 0;
  border-top: 0;}
	.square-holder img{margin-top:0;}
	.square-holder{min-height: 100px;}
}

@media only screen and (min-width: 1200px) {
.contactnow-form{height:calc(92vh - 100px)}
.contactnow-form.consultnow-active .gform-body{height:calc(100vh - 50px)}	
}
@media only screen and (min-width: 992px) {
.contactnow-form{width:500px;height:calc(68vh - 100px)}
.contactnow-form.contactnow-active .gform_body{height:calc(69vh - 193px);overflow:hidden;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#3c5899}
}