@import 'web-font.css';
@import 'font-awesome.min.css';

html *:focus, body *:focus, body .dev-slider-row:focus, body .slider-for:focus, .testimonials_div:focus, .slick-slide{
  outline: none!important;
  box-shadow: none!important;
  border-color: transparent!important;
}
html {
  scroll-behavior: smooth;
}
.hide_what_new {
  display: none;
}
p.subscribe_sec {
    display: none;
}
/* #sb_instagram,  */
.s_quote_div{
    display: none;
}

body .contact-section1 {
  margin-top: 20px;
}



.pdf_viewer {
    min-height: 700px;
    margin: 30px 0 0;
    position: relative;
}
.pdf_viewer > iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


.pdf_viewer_sec > div:before {
    content: "";
    position: absolute;
    width: 225px;
    height: 25px;
    background-color: #484848;
    right: 5px;
    top: 5px;
}
.pdf_viewer_sec > div {
    position: relative;
}
video#popup_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/************** font-size ***********************/
body .full_section .padding_left_right h6, body h6{
  font-size: 18px;
  color: #000;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 5px!important;
  display: block;
}
body .full_section .padding_left_right h2, body h2{
  font-size: 36px;
  color: #000;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 20px!important;
}
body .full_section .padding_left_right p, body p{
  color: #464645;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px!important;
  text-align: justify;
}
body li {
    font-size: 14px;
    color: #464645;
}

/************** banner video ***********************/
video#myVideo {
  background-color: black;
  object-fit: cover;
  position: relative;
  background-size: 100% 100%;
  min-width: 100%;
  max-height: 100%;
  width: 100%;
  height: calc(100vh - 75px);
  display: block;
}
div.video-container{
  position: relative;
  height: 100%;
}
.scrollDown{
  color: white;
  position: absolute;
  bottom: 20px;
  width: 50px;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  border: 1px solid white;
  display: flex;
  border-radius: 25px;
}
.scrollDown:focus{
  color: white;
}
.scrollDown:before{
  background-image: url('https://api.iconify.design/ant-design:down-outline.svg?color=%23fff&width=17px&height=10px');
  content: "";
  background-size: 20px 27px;
  background-repeat: no-repeat;
  width: 20px;
  height: 27px;
  margin: auto;
  display: block;
}

/************** header ***********************/
.mailing{
  /* display: none; */
  position: relative;
}
div.mailchimp_form_div .email_label_div input[type="email"] {
    padding: 9px 25px 9px 16px;
    line-height: 1.2;
    background-color: transparent;
    border: 0px solid white;
    border-radius: 25px;
    color: white!important;
    transition: all .2s ease-in-out;
}
div.mailchimp_form_div .email_label_div input[type="email"]::placeholder {
    color: white!important;
}
div.mailchimp_form_div .email_label_div input[type="email"]:focus::placeholder {
    color: black!important;
}
div.mailchimp_form_div .email_label_div input[type="email"]:focus {
    border: 0px solid white;
    color: black!important;
    border-radius: 25px;
    background-color: #ffffff80;
}
.mailchimp_form_div .submit_button_div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 34px;
    height: 100%;
}
.mailchimp_form_div .submit_button_div:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 9px solid #ffffff;
    transition: all .2s ease-in-out;
}
.mailchimp_form_div .submit_button_div input[type="submit"] {
    font-size: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #ffffff00!important;
    border-radius: none!important;
    opacity: 0;
}
.mailchimp_form_div {
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid white;
    position: relative;
}
.submit_button_div:hover:before {
    opacity: 0.8;
}
.mc4wp-alert.mc4wp-success {
    position: absolute!important;
    width: 300px;
    right: 0;
    left: auto;
    top: 50px!important;
}



p.subscribe_sec {
  margin-bottom: 0!important;
}
p.subscribe_sec input[type="email"]:focus {
    border: 1px solid white!important;
}
p.subscribe_sec input[type="submit"]{
  position: absolute;
  display: block;
  background-image: url('https://api.iconify.design/entypo:triangle-right.svg?color=%23fff&width=20px&height=20px');
  vertical-align: -0.125em;
  right: 6px;
  top: 8px;
  background-color: transparent;
  border: none;
  color: transparent;
  /* font-size: 0; */
  background-repeat: no-repeat;
  line-height: 1;
  width: 20px;
}
p.subscribe_sec {
  width: 200px;
    position: relative;
}
.hide_div{
  display: none;
}
p.subscribe_sec input[type="email"]::placeholder {
  color: white;
}
p.subscribe_sec input[type="email"]{
  position: relative;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 25px;
  padding: 7px 16px;
  color: white;
  font-size: 14px;
  width: 200px;
}
.mc4wp-response {
    position: absolute;
    z-index: 2;
    /* top: 45px; */
}
.mc4wp-response p {
    padding: 5px;
    margin-bottom: 0!important;
}
.mc4wp-response p a:hover {
  color: white;
}
.mc4wp-response * {
    color: white;
    background-color: #760a14;
}
#mailing_chimp::-webkit-input-placeholder{
  color: white;
}
ul#main-menu > li > a:hover, .navbar-dark .navbar-nav .active>.nav-link {
    /* background-color: #a50915; */
    background-color: #cb1c21;
    border-radius: 50px;
}
.navbar-dark .navbar-nav .active>.nav-link{
  font-weight: 700;
}
ul#main-menu li a {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
}
ul#main-menu li{
  padding: 0 10px;
}
body .bg-primary{
  /* background-color: #ce161a!important; */
  background-color: #760b14!important;
  padding: 0 15px;;
}
nav.navbar.navbar-expand-md.navbar-dark.bg-primary > a[href="https://project7.iconceptdigital.com/din-tai-fung/"]{
  padding: 0 15px;
}
div#wrapper-navbar img{
  width: auto;
  height: 75px;
}

/************** home ***********************/
.ads_popup_sec {
    position: fixed;
    z-index: 9999;
    background-color: rgb(0 0 0 / 0.4);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.ads_popup_div {
    position: absolute;
    max-width: 600px;
    width: calc(100% - 20px);
    margin: 0 10px;
    background-color: white;
}
.ads_container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.ads_div_top, .ads_div_top > div {
    height: 350px;
    width: 100%;
}
.ads_div_top > div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ads_content br {
    display: none;
}
.ads_content * {
    font-size: 16px;
    line-height: 1.9;
}
.ads_content {
    padding: 30px 65px;
}
.ads_button > a {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #760A14;
    min-width: 200px;
    transition: all .2s ease-in-out;
    margin-bottom: 10px;
}
.ads_button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}
.ads_button > a:first-child {
  margin-right: 20px;
}
.ads_content *:last-child {
    margin-bottom: 0!important;
}
a.ads_full_color {
    background-color: #760A14;
    color: white;
}
a.ads_half_color {
    color: #760A14;
}
a.ads_full_color:hover {
    background-color: white;
    color: #760A14;
    text-decoration: none;
}
a.ads_half_color:hover {
  background-color: #760A14;
  color: white;
  text-decoration: none;
}

span.ads_pu_close {
    position: absolute;
    width: 30px;
    background: #CB1B21;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    cursor: pointer;
    top: -15px;
    right: -15px;
    transition: all .2s ease-in-out;
}
span.ads_pu_close:hover {
    background-color: #760a14;
}




/* .banner_fullscreen_link {
    position: absolute!important;
    height: 100%;
    width: 100%!important;
    margin-left: -10px!important;
}
.banner_fullscreen_link * {
    height: 100%!important;
}
.banner_fullscreen_link p {
    margin-bottom: 0!important;
    display: flex;
}
.banner_fullscreen_link a {
    flex-grow: 1;
    color: transparent!important;
} */
.read_more_button > div > a {
      padding-top: 15px;
    text-decoration: none!important;
}
.read_more_button{
  /* position: absolute!important; */
  right: 5%;

  /* right: 20%;
  bottom: 20px;
  width: 300px!important; */
}
.video_cover{
  background-color: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
}
body div#page-wrapper{
  padding: 0;
}
body.home .wpb_text_column.wpb_content_element{
  margin-bottom: 0;
}
div#n2-ss-2 .n2-ss-control-bullet .n2-bullet {
    background-color: white;
    padding: 3.5px;
}
div#n2-ss-2 .n2-ss-control-bullet .n2-bullet.n2-active {
    background-color: #ce161a;
    border-color: #ce161a;
}
.newsSec{
  padding: 118px 100px;
  background: url(../png/newsbackground.png)no-repeat center bottom/100% auto;
}
.newsAboutSec{
  padding: 118px 0px;
  background: url(../png/newsbackground.png)no-repeat center bottom/100% auto;
}
.slick-container.slick-slide > .container > .row > div {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
body .full_section{
  width: 100%;
  margin: 0 5%;
  max-width: 1400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .padding_left_right{
  padding: 0 15px;
}
body .margin_center{
  /* margin: 0 auto!important; */
}

/************** about ***********************/
.slick-container > div > div > div {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.slick_sec {
  display: flex;
}
.slick-container > div > div > div {
    width: 50%;
}
body.page-template-template-about button.slick-next.slick-arrow, body.page-template-template-about button.slick-prev.slick-arrow{
  background-color: #c61727;
  color: #fff;
  width: 58px;
  height: 58px;
  z-index: 9;
  position: absolute;
  top: unset;
  bottom: 0px;
  margin: auto;

}
body.page-template-template-about button.slick-next.slick-arrow{
  right: unset;
  left: 78px;
}
body.page-template-template-about button.slick-prev.slick-arrow{
  left: 20px;
  /* right: 0; */
}
body.page-template-template-about .slick-prev:before{
  content: url('https://api.iconify.design/ic:twotone-navigate-before.svg?color=%23fff&width=30px&height=50px');
  vertical-align: -0.125em;

}
body.page-template-template-about .slick-next:before{
  content: url(https://api.iconify.design/ic:outline-navigate-next.svg?color=%23fff&width=30px&height=50px);
    vertical-align: -0.125em;
}
body.page-template-template-about .slick-dotted.slick-slider, body.page-template-template-about .dev-slider-row{
  position: relative;
}
.padding_bottom{
  padding-bottom: 90px;
}

/************** about // counter ***********************/
.mapSection {
    min-height: 850px;
    background: url("../map1.html")no-repeat center right 0px/100% auto;
    position: relative;
}
.mapTxt {
    width: 510px;
    position: absolute;
    top: 262px;
    right: 0px;
    z-index: 999;
}
.mapDIV {
    overflow: hidden;
    margin-bottom: 28px;
}
.mapIn {
    padding-left: 30px;
}
.mapDIV {
    overflow: hidden;
    margin-bottom: 28px;
}
.mapSection .boldTxt {
    display: inline-block;
    padding-right: 10px;
    float: left;
}
.mapSection .numTxt {
    display: inline-block;
    float: left;
}
.mapDIV p {
    color: #030303;
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    margin: 0px;
    line-height: 1;
    margin-top: 15px;
    margin-left: 32px;
    text-transform: uppercase;
}
.mapDIV h3 {
    font-size: 130px;
    color: #d7000f;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    margin: 0px;
    line-height: 0.78;
}

/************** about // quote ***********************/
.quoteCnt {
    width: 55%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.quoteSection{
  height: 760px;
  position: relative;
  display: flex;
  background-repeat: no-repeat;
}
.quoteSection:before {
    content: "";
    position: absolute;
    top: 108px;
    left: 28px;
    bottom: 108px;
    height: auto;
    width: 7px;
    background: url(../png/line-vertical-left.png) repeat-y center center/auto;
}
.quoteSection .quoteDivTop {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
.quoteSection .quoteDivTop:before {
    content: "";
    position: absolute;
    top: 28px;
    left: 28px;
    width: 80px;
    height: 80px;
    background: url(../png/lefttop.png)no-repeat center center/cover;
}
.quoteSection .quoteDivTop:after {
    content: "";
    position: absolute;
    top: 28px;
    right: 28px;
    width: 80px;
    height: 80px;
    background: url(../png/righttop.png)no-repeat center center/cover;
}
.quoteSection .quoteDivBottom {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
.quoteSection .quoteDivBottom:before {
    content: "";
    position: absolute;
    bottom: 28px;
    left: 28px;
    width: 80px;
    height: 80px;
    background: url(../png/leftbottom.png)no-repeat center center/cover;
}
.quoteSection .quoteDivBottom:after {
    content: "";
    position: absolute;
    bottom: 28px;
    right: 28px;
    width: 80px;
    height: 80px;
    background: url(../png/rightbottom.png)no-repeat center center/cover;
}
.quoteTopBottom {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.quoteTopBottom:before {
    content: "";
    position: absolute;
    top: 28px;
    left: 108px;
    right: 108px;
    height: 7px;
    background: url(../png/line-horizontal-top.png) repeat-x center center/auto;
}
.quoteTopBottom:after {
    content: "";
    position: absolute;
    bottom: 28px;
    left: 108px;
    right: 108px;
    height: 7px;
    background: url(../png/line-horizontal-bottom.png) repeat-x center center/auto;
}
.quoteCnt h5 {
    font-size: 30px;
    color: #fff;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin: 0px;
    margin-top: 50px;
    text-align: center;
}
body .quoteCnt p {
    font-size: 24px;
    color: #fff;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin: 0px;
    display: inline-block;
    position: relative;
    padding: 30px;
    margin-bottom: 0!important;
}
.quoteCnt p:before {
    content: "";
    width: 24px;
    height: 17px;
    background: url(../png/quoteicon.png)no-repeat center center/cover;
    position: absolute;
    top: 12px;
    left: 12px;
}
.quoteCnt p:after {
    content: "";
    width: 24px;
    height: 17px;
    background: url(../png/quoteicon.png)no-repeat center center/cover;
    transform: rotate(180deg);
    position: absolute;
    bottom: 12px;
    right: 12px;
}
.quoteSection:after {
    content: "";
    position: absolute;
    top: 108px;
    right: 28px;
    bottom: 108px;
    height: auto;
    width: 7px;
    background: url(../png/line-vertical-right.png) repeat-y center center/auto;
}

/************** Recognitions ***********************/
div#n2-ss-3 .n2-ss-control-bullet, div#n2-ss-2 .n2-ss-control-bullet {
  bottom: 25px!important;
}
@media (max-width:3000px) and (min-width:991px) {
  body div#n2-ss-3-align, body div#n2-ss-3 .n2-ss-slider-3, body div#n2-ss-3-align .n2-ss-slide-background .n2-ss-slide-background-image, div#n2-ss-3 .n2-ss-slider-2, div#n2-ss-3 .n2-ss-slider-1 {
      height: calc(100vh - 75px)!important;
  }
}

.page-template-template-recognitions .slick-list.draggable {
    padding: 0!important;
    margin: 0 50px;
}
body .slider_full_width{
    /* padding:0!important; */
}
.slider_full_width > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column, .testimonials_section > .dev-slider-row > .slider-testimonials, .awards_section .dev-slider-row .slider_awards, .awards_section .awards_text_slider{
  margin-bottom: 0;
}
.testimonials_div{
  padding: 0 25px;
}
.testimonials_div p{
  text-align: center;
  font-size: 18px;
}
.slider_full_width > .wpb_column > .vc_column-inner{
  padding: 0;
}

.testimonials_section{
  background: url("../png/newsbackground.png")no-repeat center bottom/100% auto;
}
#page-wrapper {overflow-x:hidden;}
/************** testimonials slider ***********************/
.slider-testimonials button.slick-next.slick-arrow{
  right: 0;
}
.testimonials_div img{
  width: 25px;
  height: auto;
  margin: 30px auto;
}
body .testimonials_section .slick-dots{
  position: unset;
      margin-top: 50px;
}
.testimonials_section > .dev-slider-row > .slider-testimonials{
  padding: 0 0 60px 0;
}
.testimonials_section .dev-slider-row.container h2 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
}
.testimonials_section .slick-dots li.slick-active button:before{
  color: #ce161a!important;
  opacity: 1;
}
.testimonials_section .slick-dots li button:before{
  color: #d7d7d7!important;
  opacity: 1;
  font-size: 10px;
}
.testimonials_section .slick-dots li{
  margin: 0;
}
.testimonials_section .slick-next:before {
    content: url(https://api.iconify.design/ic:outline-navigate-next.svg?width=50px&height=70px);
    vertical-align: -0.125em;
    color: black;
}
.testimonials_section .slick-prev:before {
    content: url(https://api.iconify.design/ic:twotone-navigate-before.svg?width=50px&height=70px);
    vertical-align: -0.125em;
    color: black;
}
/************** Recognitions Awards slider ***********************/
.awards_section{
  position: relative;
  background: url(../jpg/awards_bg.jpg)no-repeat center bottom/100% auto;
  background-size: cover;
  padding-top: 260px;
}
.awards_text_slider{
  padding-top: 110px;
}
.awards_text_slider .slick-list .slick-track .slick-slide p{
  color: white;
  text-align: center;
  font-size: 18px;
}
.slick-container.awards_div.slick-current.slick-active.slick-center img{
  width: 160px;
}
.slick-container.awards_div.slick-current.slick-active.slick-center{
  max-height: 180px;
  min-height: 180px;
  display: flex;
}
.slick-container.awards_div.slick-current.slick-active.slick-center p{
  display: block;
}
.slick-container.awards_div.slick-current.slick-active.slick-center{

}
/* .slick-container.awards_div.slick-slide{ */
  /* width: 120px!important; */
  /* margin: 0 15px; */
/* } */
.slick-container.awards_div.slick-slide img{
  width:120px;
  margin: auto;
  transition: all .2s ease-in-out;
 }
.slider_awards > .slick-list{
  margin-top: 50px;
}
.slider_awards > .slick-list > .slick-track{
   display: flex;
   align-items: center;
}
.awards_section:before{
  background-image: url("../png/logo_awards_cover1.png");
  content: "";
  position: absolute;
  background-size: 260px 300px;
  width: 260px;
  height: 300px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;

}
.slider_awards .slick-prev {
    left: -50px;
}
.awards_section .slick-next:before {
    content: url(https://api.iconify.design/ic:outline-navigate-next.svg?color=%23fff&width=50px&height=70px);
    vertical-align: -0.125em;
}
.awards_section .slick-prev:before {
    content: url(https://api.iconify.design/ic:twotone-navigate-before.svg?color=%23fff&width=50px&height=70px);
    vertical-align: -0.125em;
}
.awards_section h2{
  position: absolute;
  color: white;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto;
  /* width: fit-content; */
  width: 100%;
  text-align: center;
}
body .awards_section .slick-dots{
  position: unset;
  padding: 30px 0 50px 0;
}
.awards_section .slick-dots li.slick-active button:before{
  color: #ce161a!important;
  opacity: 1;
}
.awards_section .slick-dots li button:before{
  color: #d7d7d7!important;
  opacity: 1;
  font-size: 10px;
}
.awards_section .slick-dots li{
  margin: 0;
}
/************** Signatures ***********************/
.signature_food_category {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.grid-post #video-container {
    height: 100%;
}
.box_shadow p {
  color: #f0c374;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0!important;
}
.box_shadow {
    background-color: rgba(0,0,0,0.5);
    padding: 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -102%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.grid-item a:hover .box_shadow{
  /* opacity: 1; */
  bottom: 0;
}
.grid-post:hover .box_shadow_signature_post{
  opacity: 1;
}
.s_quote_div{
  margin-top: auto;
  margin-bottom: 50px;
}
.quote_logo{
  overflow: hidden;
  /* height: 90px; */
  width: fit-content;
  display: flex;
  align-items: center;
  margin-top: auto;
  margin-bottom: 20px;
  margin-right: 30px;
  margin-left: auto;
  z-index: 9;
}
.quote_logo img{
  width: 90px;
  height: 90px;
  margin-left: auto;
  /* margin-right: -25px; */
  z-index: 1;
}
.quote_text:hover,
.quote_logo img:hover,
.quote_logo:hover img{
  margin-left: unset;
  /* margin-right: -25px; */
  z-index: 9;
}
.quote_logo img:hover,
.quote_text:hover,
.quote_logo:hover .quote_text{
  /* display: block; */
  margin-right: 0;
  opacity: 1;
  transition: all 0.2s ease-in;
  /* animation-duration: 1s;
  animation-name: quote_text_animation; */
}
@keyframes quote_text_animation {
  0%{
    margin-right: -200px;
  }
  100%{
      margin-right: 0;
  }
}
.quote_text p{
  margin-bottom: 0!important;
  color: white;
  text-align: left;
}
.quote_text p a{
  color: white;
}
.quote_logo .quote_text {
    background-color: #760c15;
}
.quote_logo .quote_text{
  z-index: 1;
  max-width: 270px;
  /* position: absolute; */
  display: block;
  bottom: 80px;
  right: 60px;
  padding: 10px 15px 10px 40px;
  height: fit-content;
  margin-left: -25px;
  margin-right: -200px;
  opacity: 0;
}
body .no_padding{
  padding: 0;
}
/************** isotope acf ***********************/
.grid {
  /* display: flex;
  flex-direction: row; */
}

.grid-item {
  width: 33.333%;
  /* width: 100%; */
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-div:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item img {
  display: block;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* ---- .grid-item ---- */

.grid-item {
  float: left;
  border: 3px solid white;
  height: 200px;
}
.grid-post{
  float: left;
  width: 50%;
  height: 500px;
  border: 3px solid white;
}
.column_grid{
  position: relative;
}
.box_shadow_signature_post {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    bottom: 0;
    z-index: 9;
}
.box_shadow_signature_post p {
    color: #f0c374;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0!important;
    padding: 25px 15px;
    text-align: center;
}
body .signature_image_grid {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.signature_image_number1 {
    width: 100%;
    height: 500px;
    position: relative;
}
.grid-sizer{
  width: 33.33%;
}
.signature_image_number1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signature_image_number1:hover .box_shadow_signature_post{
  opacity: 1;
}




.grid_number1 {
    /* height: 400px; */
    height: 545px;
}
.grid_number3 {
  height: 562px;
}
.grid_number2{
  /* height: 300px; */
  height: 375px;
}
.grid_number8 {
  /* height: 250px; */
  height: 290px;
}
.grid_number5{
  /* height: 250px; */
  height: 290px;
}
.grid_number4{
  /* height: 300px; */
  height: 375px;
}
.grid_number7{
  /* height: 300px; */
  height: 375px;
}
.grid_number6{
  /* height: 500px; */
  height: 563px;
}

.signature_image_number2 {
    height: 400px;
}
.signature_image_number3 {
    height: 800px;
}
.signature_image_number4 {
    height: 900px;
}
.signature_image_number5 {
    height: 500px;
}



/************** career ***********************/
body .career-tab1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{
  height: 54px!important;
}
#career-manager .modal{
  z-index: 9999;
}
button.close{
  position: absolute;
  padding: 0!important;
  right: 80px;
  top: 80px;
  z-index: 9;
}
.career-employee-benefit {
    height: 450px;
}
body .slider-person img.slick-arrow.slider-right {
    right: 37.9%;
}
.slider-person img.slick-arrow {
    bottom: 0;
    top: unset;
}
.cph-position button:focus{
  box-shadow: none;
  outline: none;
}
.apply a:hover {
    color: #ce161a;
}
.slider-employee > .slick-dots li button:before{
  content: "";
  background-image: url(../png/unactive_dots.png);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}
.slider-employee > .slick-dots li.slick-active button:before{
  content: "";
  background-image: url(../png/active_dots.png);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}
.slider-employee > .slick-dots li button, .slider-employee > .slick-dots li{
  height: 10px;
  width: 10px;
}
body .employee-icon {
    padding: 0 0 0 10px;
}
section.section-employee.container {
    padding-top: 35px;
}
body .career-employee-benefit .slick-dots {
    position: relative;
}
.career_employee_benefit{
  margin-bottom: 30px;
}
.career-nav:before{
  z-index: -1;
}

/************** contact us ***********************/
body div.contact-info .contact-text {
    padding-right: 100px;
}
.cf_ef_tab > .vc_tta-panel-body {
  position: relative;
}
.cf_ef_tab_message {
    height: 100%;
    width: 100%;
    padding: 15px;
    background-color: #f7f7f7;
}
.accordion .card .card-body {
    padding-left: 35px;
    padding-right: 35px;
}
body div.contact-info {
  max-width: unset;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
  background-color: #ce161a!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a{
  color: white!important;
}
div#accordionExample > div.card:nth-child(1) > #collapseOneChris > .card-body > .row:nth-child(1) > .col-md-4:nth-child(1) h6 a:after{
  content: "";
  background-image: url("../png/xlb_paragon.png");
  background-size: 27px 22px;
  width: 32px;
  height: 22px;
  display: inline-block;
  margin-right: 5px;
}
div#accordionExample > div.card:nth-child(1) > #collapseOneChris > .card-body > .row:nth-child(1) > .col-md-4:nth-child(1) h6 a{
  display: flex;
}
.block_cover {
    background-color: transparent;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
}
body.page-template.page-template-template-subpage .card-header{
  padding: 0;
}
body.page-template.page-template-template-subpage h2.mb-0 {
  padding-top: 0;
  margin-top: 0;
  border-radius: 0;
}
.video-container.subpage-banner-box {
    height: calc(100vh - 72px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}
.contact-text h6 a, .contact-text a, .contact-text h6 a:hover, .contact-text a:hover {
    color: black;
}
.accordion-box .card-header h2 button {
    padding: 15px;
    width: 100%;
    text-align: left;
}
.banner_cover{
  height: calc(100vh - 72px);
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  /* height: 100%; */
  z-index: 1;
}
.subpage-detail, .scrollDown{
  z-index: 2;
}
/************** tab with slicks ***********************/
#culinary .vc_tta-panel-body{
  display: block!important;
}
#restaurantoperations .vc_tta-panel-body{
  display: block!important;
  padding: 14px 20px!important;
}
#customercare .vc_tta-panel-body{
  display: block!important;
}
#corporate .vc_tta-panel-body{
  display: block!important;
}
.page-template-template-career .vc_tta-panel.vc_active{
  position: relative;
  opacity: 1;
  z-index: 9;
}
.page-template-template-career .vc_tta-panel{
  top: 0;
  left: 0;
  right:0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.career-nav > .slider-list {
    transform: rotate(3deg);
}
.page-template-template-career .vc_tta-panel .vc_tta-panel-body {
  height: auto !important;
  max-height: 10000px !important;
}
.career-tab-row .vc_tta-container {
  overflow-y: hidden;
}
.career-tab-row .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; }
.career-tab-row .vc_tta.vc_general .vc_tta-panel-heading { display: none !important; }

/************** what new ***********************/
/******* new design what new **********/
/* .whatsnew-template-default div#wrapper-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.help .slick-list {
    margin-bottom: 180px;
} */
body div.help .slick-next {
    right: unset;
    left: 44%;
    top: 50%;
    height:75px;
    background-color: transparent;
}
div.help .slick-next:before{
    content: url(https://api.iconify.design/ic:outline-navigate-next.svg?color=%23000000&width=50px&height=80px);
    vertical-align: -0.125em;
}
div.help .slick-arrow.slick-disabled {
  background-color: transparent;
}
body div.help .slick-prev {
  height:75px;
  left: 20px;
  background-color: transparent;
  z-index: 1;
  top: 50%;
}
div.help .slick-prev:before {
    content: url(https://api.iconify.design/ic:twotone-navigate-before.svg?color=%23000000&width=50px&height=80px);
    vertical-align: -0.125em;
}

.wn_vm_empty_div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wn_vm_empty_div > div {
    min-width: 1280px;
    max-width: 1280px;
    height: 100%;
    /* background-color: #fbfbfb; */
}
.wn_vm_empty_div, .wn_ts_empty_div{
  height: 100px;
}
.wn_center_sec {
    min-width: 1280px;
    max-width: 1280px;
    padding: 50px 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fbfbfb;
    position: relative;
}
.wn_center_sec:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
}
.vm_inner_div {
    z-index: 2;
    position: relative;
}
.wn_center_sec .vm_top_div {
    width: 80%;
    margin: auto;
}
.vm_bottom_div {
  text-align: center;
  padding-top: 30px;
}
.wn_center_sec .vm_top_div * {
    color: white;
}
.vm_bottom_div a {
    border: 1px solid white;
    padding: 10px 20px;
    color: white;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.vm_bottom_div a:hover {
    border: 1px solid #cb1a21;
    background-color: #cb1a21;
    text-decoration: none;
    color: white;
}
.wn_center_sec.ts_wn {
    padding: 120px 50px;
    min-width: 100%;
    max-width: 100%;
}
#sb_instagram div#sbi_images:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
  transform: translateX(-100%);
  position: absolute;
  top: 0;
}
#sb_instagram div#sbi_images:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
  /* transform: translateX(10%); */
  position: absolute;
  top: 0;
}
#sb_instagram div#sbi_images {
    position: relative;

}
.slick_sec > div {
    animation-duration: 3s;
}
#sb_instagram {
  /* width: 1140px!important; */
  min-width: 1280px;
  max-width: 1280px;
  /* padding: 0 15px!important; */
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item:first-child > div > a{

}
#sb_instagram #sbi_images .ig_first_custom {
  min-height:145px;
}
#sb_instagram #sbi_images .ig_first_custom > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
#sb_instagram #sbi_images .ig_first_custom > div p {
    color: white;
    margin-bottom: 0!important;
    font-size: 20px;
    /* background-color: rgba(0,0,0,0.5); */
    padding: 5px 11px;
}
.artikel-grid-wrapper, .wn_big_sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wn_big_sec {

}
.artikel-grid {
    position: relative;
    min-width: 1280px;
    max-width: 1280px;
    height: 640px;
    /* margin: 100px 0 150px; */
    /* margin: 100px 0 0; */
}
.artikel-grid .grid-75 {
    overflow: hidden;
    max-width: 45%;
    margin: 0;
    padding: 0;
}
.artikel-grid .grid-75 > div {
    height: 100%;
}
.artikel-grid .grid-75 > div > .what-right {
    position: relative;
}
.artikel-grid .grid-75 > div > .what-left{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.artikel-grid .right_ag > .grid-25 > div:nth-child(3), .artikel-grid .grid-75 > div > .what-left{
    background-color: rgba(0,0,0,0.5);
}
.artikel-grid .right_ag {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
}
.artikel-grid .right_ag .grid-25 {
    overflow: hidden;
    max-width: 50%;
    min-width: 50%;
    min-height: unset;
    padding: 0;
    height: 320px;
}
.artikel-grid .right_ag .grid-25 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artikel-grid .right_ag > .grid-25 > div:nth-child(2) {
    position: relative;
}
.artikel-grid .right_ag > .grid-25 > div:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
}
.artikel-grid .right_ag > .grid-25 > div {
    height: 100%;
}
.what-right img{
  object-fit: cover;
}
.artikel-grid .right_ag > .grid-25 > div > *, .artikel-grid .right_ag > .grid-25 > div h6{
    color: white;
}
.artikel-grid .right_ag > .grid-25 > div h5 {
    font-weight: bold;
    font-size: 18px;
}
.artikel-grid .right_ag > .grid-25 > div h6{
  margin-bottom: 10px!important;
}
.artikel-grid .ag_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 2;
}
.artikel-grid .ag_link a{
  width: 100%;
  height: 100%;
}
.artikel-grid .ag_link a:hover{
  color: transparent;
  text-decoration: none;
}
.artikel-grid .ag_link a p {
    color: transparent;
}
.artikel-grid .ag_link a:hover .what-right > a > img{
  transform: scale(1.5);
}

/******* new design what new end **********/
body .help .slick-arrow{
  background-color: #ce161a;
}
body .help-title {
  padding-top: 20px;
}
body .what-title{
  padding-right: unset;
}
body .grid-25 .grey-box{
  height: 100%;
}
.no-break {
  white-space: nowrap;
}
body .what-left{
  padding: 55px 25px 45px 35px;
}
.what-title a {
    color: white;
}
.what-title a:hover {
    color: white;
}
.grey-box img {
    width: 100%;
    height: 175px;
}
.back_to_update{
  margin: 50px 0;
  display: flex;
  justify-content: center;
}
.back_to_update img{
  width: 100px;
  height: auto;
}
.whatsnew-template-default{
  background: url(../png/newsbackground.png)no-repeat center bottom/100% auto;
}

.help img.slick-arrow.slider-right{
  z-index: 9;
  cursor: pointer;
}
.help img.slick-arrow.slider-left{
  z-index: 99;
  cursor: pointer;
}
body .grid-25{
  padding: 15px;
}
body .grid-75{
  padding: 15px;
  max-width: 72%;
  margin-right: 15px;
  margin-left: 15px;
}
body .grey-box > .grey-text{
  padding: 15px 15px;
}
.section-grow:first-child {
  transform: rotate(-3deg);
}
.section-grow{
  position: relative;

}
.help .slick-track {
  display: flex;
  align-items: center;
}
.help .slick-dots {
    /* top: 55%; */
    bottom: 20%;
    right: 150px;
    left: auto;
    width: auto;
}
.help .slick-dots li.slick-active button:before {
    color: #ce151a!important;
    font-size: 15px!important;
    top: 1px;
    left: 1px;
}
.help .slick-dots li button:before {
    color: #21252a!important;
}
.help .slick-dots li {
    margin: 0 2px;
}
body .help img.slick-arrow.slider-left {
    left: -20px;
    top: 50%;
    background-color: transparent;
    width: 18px;
    height: 30px;
    z-index: 1;
}
body .help img.slick-arrow.slider-right {
  background-color: transparent;
  width: 18px;
  height: 30px;
  top: 50%;
  right: -20px;
  left: auto;
}
.help-left img {
    margin: auto;
}
/************** recaptcha ***********************/
/* .grecaptcha-badge {
    display: none!important;
} */
div#enquiryform textarea {
  height: 430px;
}
/************** preloader ***********************/
.preloader_div_d img {
    max-width: 250px;
    width: 250px;

}
.preloader_div_d {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #760b14;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preloader_div_d > div:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.preloader_div_d > div a{
  position: relative;
  margin: auto;
}
.preloader_div_d > div a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    background-color: #760b14;
    animation-name: preloader_animation;
    animation-duration: 1.5s;
    /* animation-iteration-count: infinite; */

}
.preloader_hide{
  display: none;
}
@keyframes preloader_animation {
  0%{
    left: 0;
  }
  100%{
    left: 100%;
  }
}
.preloader_animation_hide{
  /* transition: all .2s ease-in-out; */
  animation-name: preloader_animation_hider;
  animation-duration: 1s;
  opacity: 0;
}
@keyframes preloader_animation_hider {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
/************** preloader end ***********************/
/************** error 404 page and search page ***********************/
.error404 .widget.widget_recent_entries, .error404 .widget.widget_archive, span.edit-link {
    display: none;
}
section.error-404.not-found * {
  text-align: center;
}
.error404 input#s:focus {
    border: 1px solid #ced4da!important;
}
a.btn.btn-secondary.understrap-read-more-link:hover, a.btn.btn-secondary.understrap-read-more-link:focus, .error404 .btn-primary:focus, .error404 .btn-primary:hover{
  border-color: #760a13!important;
  color: #760a13!important;
  background-color: white!important;
}
a.btn.btn-secondary.understrap-read-more-link {
    background-color: #760a13!important;
    border-color: #760a13!important;
}
.search .entry-summary > p:nth-child(2) {
    display: none;
}
.search .page-item.active .page-link {
    background-color: #760a13;
    border-color: #760a13;
}
.search .page-link {
    color: black;
}
.search header.entry-header, .search footer.entry-footer {
    display: none;
}
.search div#search-wrapper {
    min-height: calc(100vh - 170px);
}
section.error-404.not-found {
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 230px);

}
.error404 .btn-primary {
    background-color: #760a13;
    border-color: #760a13;
}
/************** error 404 page and search page end ***********************/
/************** footer ***********************/
.grabfood_footer p {
    border: 1px solid white;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    background-color: white;
    padding: 5px 30px;
}
.footer_sm .grabfood_footer > p > a {
    color: #760a14;
}
.grabfood_footer:hover p {
    background-color: #760a14;
}
.grabfood_footer:hover p a{
  color: white;
  text-decoration: none;
}
footer .site-info p{
  text-align: center;
      margin-bottom: 0!important;
      color: white;
}
div#wrapper-footer{
  background-color: #760b14;
}
footer#colophon {
    display: flex;
}
footer#colophon > div {
    display: flex;
    align-items: center;
}
.footer_sm {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.footer_sm > div.grabfood_footer {
    margin: 0 10px;
}
.footer_sm > div {
    display: flex;
    align-items: center;
    margin: 0 3px;
}
.footer_sm > div img {
    height: 25px;
}
.footer_sm > div p {
    margin-bottom: 0!important;

}
.footer_sm > div p a{
  color: white;
}
.footer_sm > div a {
    margin: 0 3px;
}
/*************** chris **********************/
div.career-nav:after {
    background-image: url(../png/yellow_icon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0!important;
    background-color: transparent!important;
    cursor: pointer;
}
div.career-nav.slick-current:after {
    background-color: transparent!important;
    background-image: url(../png/red_icon.png);
}
a.career_pu_button {
    color: #ce171a;
    font-weight: 600;
    text-decoration: underline;
    transition: all .2s ease-in-out;
}
a.career_pu_button:hover {
    color: #760a14;
}
.new_position_hired {
    padding: 0!important;
}
/* .page-template-template-career .fade:not(.show) {
  opacity: 1;
} */
.page-template-template-career .modal.my-modal {
    z-index: 9999;
    overflow-y: auto;
    overflow-x: hidden;
}
.page-template-template-career .modal.my-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}
div.white-left {
  padding-bottom: 15px;
}
div.red-left {
  padding-bottom: 15px;
}


/*************** chris end **********************/

/*************** special case**********************/
@media (min-width:1024px) {
  .slider-culinary-position .slick-track, .slider-grow-position .slick-track, .slider-customer-care-position .slick-track, .slider-corporate-position .slick-track{
    transform: none !important;
  }
}
@media(max-width: 1900px){
.mapTxt {
    width: 360px;
    top: 200px;
  }
}
@media(min-width:1400px){
  body .newsSec .full_section{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width:1300px){
  .wn_sec {
    padding: 0;
  }
  .wn_sec > #content {
    max-width: unset;
    width: 100%;
    padding: 0;
  }
  .artikel-grid-wrapper, .wn_vm_empty_div > div {
    width: 100%;
  }
  .artikel-grid, #sb_instagram, .wn_center_sec {
    min-width: 100%;
    max-width: 100%;
  }
  .mapSection {
      min-height: 600px;
  }
  div#wrapper-navbar img{
    height: 77px;
  }
  .video-container.subpage-banner-box , .banner_cover{
    height: calc(100vh - 72px);
  }
}
@media(max-width:1024px){
  body .newsSec .full_section{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/*************** special case end**********************/
@media(max-width:1199px) and (min-width:991px){
  div#wrapper-navbar {
    height: 77px;
  }
}
@media(max-width:1199px){
    
#navbarNavDropdown{
    height:100%;
}
    
  div.mc4wp-alert.mc4wp-success {
      position: relative!important;
      width: 100%;
      top: 0!important;
  }
  .career_spacing {
    display: none!important;
  }
  .slider-culinary .slider-list, .slider-culinary .career-bf {
    max-width: 45%;
    min-width: 45%;
  }
  .search div#search-wrapper {
    min-height: calc(100vh - 201px);
  }
  section.error-404.not-found {
    height: calc(100vh - 261px);
  }
  body div.contact-info .contact-text {
    padding-right: 20px;
  }
  #sb_instagram div#sbi_images:after, #sb_instagram div#sbi_images:before{
    display: none;
  }
  #sb_instagram {
    width: 100%!important;
    padding: 0!important;
  }
  .slick_sec {
    display: block;
  }
  .slider-image {
    padding-bottom: 20px;
  }
  .slick-container > div > div > div {
    width: 100%;
  }
  .mailing{
    margin-bottom: 20px;
    margin-left: 18px;
  }
  .artikel-grid{
    height: auto;
  }
  .artikel-grid .right_ag .grid-25{
    height: 250px;
    /* width: 100%; */
  }
  .artikel-grid .grid-75{
    height: 500px;
    min-width: 45%;
    /* max-width: 100%;
    flex: 0 0 100%; */
  }
  body .read_more_button{
    max-width: 250px!important;
  }
  body .grid-75 {
    padding: 15px;
    min-width: 96.7%;
    max-width: 100%;
    margin-right: 15px;
    margin-left: 15px;
  }

  .my-modal .modal-body {
    /* margin: 60px 0; */
  }
  div.red-left {
    padding: 15px;
  }
  div.white-left {
    max-width: 100%;
    padding: 15px;
  }
  .my-modal .modal-body > .row > div.col-md-7, .my-modal .modal-body > .row > div.col-md-5 {
    display: flex;

    align-items: center;
  }
  div.red-left h4{
    padding-top: 20px;
  }
  .help img.slick-arrow.slider-right {
    right: 36%;
  }
  body .what-left{
    padding: 55px 25px 60px 25px;
  }
  .what-title{
    font-size: 20px;
  }
  .navbar-collapse.collapse.show .mailing{
    display: block;
  }
  .navbar-collapse.show .mailing{
    display: none;
  }
  body .navbar-expand-md{
    z-index: 9999;
    position: fixed;
    width: 100%;
    flex-wrap: wrap!important;
    justify-content: space-between;
  }
  body .navbar-expand-md .navbar-collapse{
    margin: 5px 0;
    flex-basis: 100%;
    border-top: 1px solid #ededed38;
    flex-direction: column;
    align-items: flex-start;
  }
  body .navbar-expand-md .navbar-nav{
    flex-direction: column;
    margin-left: 0!important;
    width: fit-content;
    margin-bottom: 10px;
  }
  body .navbar-expand-md .navbar-toggler{
    display: block!important;
  }
  body div#navbarNavDropdown:not(.show){
        display: none!important;
  }
  body .slider-person img.slick-arrow.slider-right {
    right: 36.5%;
  }
  .position-list {
    width: 33.33%!important;
  }
  body section.quoteSection.animatedParent {
    background-position: 70% bottom!important;
    background-size: cover!important;
  }
  body.single-whatsnew #wrapper-footer {
      /* position: absolute; */
      width: 100%;
      bottom: 0;
  }
  footer#colophon{
    flex-direction: column-reverse;
  }
  footer#colophon > div {
    max-width: 100%;
  }
  .footer_sm{
    justify-content: unset;
    margin-left: -10px;
  }
  footer#colophon > div .site-info p {
    text-align: unset;
  }
  footer#colophon > div:last-child {
    margin-bottom: 10px;
  }
}
@media(max-width:991px){
  .pdf_viewer_sec > div:before {
    width: 150px;
  }
  div#accordionExample > div.card:nth-child(1) > #collapseOneChris > .card-body > .row:nth-child(1) > .col-md-4:nth-child(1) h6 a:after {
    width: 42px;
  }
  body div.help .slick-next {
    left: 40%;
  }
  body div.contact-info .contact-text {
    padding-right: 0px;
  }
  .artikel-grid .right_ag .grid-25 {
    height: 320px;
  }
  .artikel-grid .right_ag, .artikel-grid .grid-75 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }
  .box_shadow {
    /* min-height: 55px; */
    height: auto;
    bottom: 0;
    padding: 10px;
    background-color: rgba(0,0,0,0.7);
  }
  .box_shadow_signature_post {
    background-color: rgba(0,0,0,0.7);
  }
  .box_shadow p{
    font-size: 13px;
  }
  .box_shadow_signature_post p {
    font-size: 13px;
    padding: 10px;
  }
  .box_shadow_signature_post {
    opacity: 1;
  }
  .help .slick-dots {
    right: 50px;
    top: 60%;
  }
  .video-container.subpage-banner-box, .banner_cover {
    height: 450px!important;
  }
  .wn_vm_empty_div, .wn_ts_empty_div{
    height: 70px;
  }
  #sb_instagram #sbi_images .ig_first_custom > div p {
    font-size: 16px;
  }
  body .career-tab1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{
    height: 78px!important;
  }
  body .read_more_button {
    /* right: 100px;
    bottom: 50px; */
    max-width: 200px!important;
    font-size: 12px!important;
  }
  .career-tab1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{
    /* height: 80px; */
  }
  body .what_new_h2 {
    padding: 30px 0!important;
    margin-bottom: 0!important;
  }
  body .testimonials_section .slick-dots{
    margin-top: 0px;
  }
  .testimonials_section .dev-slider-row.container h2{
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .back_to_update img {
    width: 80px;
    height: auto;
  }
  .back_to_update{
    margin: 30px 0;
  }
  body .grey-box > .grey-text{
    padding: 15px;
  }
  .help .slick-arrow {
    top: unset;
    bottom: 100px;
  }

  .help img.slick-arrow.slider-right {
    right: 32.5%;
  }
  .help-right {
    padding: 15px;
  }
  .help h5{
    font-size: 26px;
  }
  body .grid-75{
    min-width: 95.8%;
  }
  body .grid-25 {
    min-width: 50%;
    width: 50%;
  }
  .grey-box img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  .career-bfg{
    padding-top: unset;
    padding-left: unset;
  }
  .slider-person img.slick-arrow{
    bottom: -40px;
  }
  .slider-person img.slick-arrow.slider-left{
    left: 0;
  }
  body .slider-person img.slick-arrow.slider-right{
    right: unset;
    left: 40px;
  }
  .person-controller {
    display: flex;
    flex-direction: column;
  }
  .person-controller > div{
    width: 100%;
    min-width: 100%;
  }
  .person-controller > div .person-right{
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
  }
  .position-list {
    width: 50%!important;
  }
  body .awards_section .slick-dots{
    padding: 10px 0 20px 0;
  }
  .awards_section{
    padding-top: 200px;
  }
  section.mapSection {
    min-height: 710px;
    background-position: center top;
    background: url(../map1.html)no-repeat center top 0px/150% auto;
  }
  .mapTxt{
    width: auto;
    display: flex;
    bottom: 0;
    top: unset;
    left: 0;
  }
  .mapDIV p{
    font-size: 14px;
  }
  .mapDIV h3{
    font-size: 70px;
  }
  div#wrapper-navbar {
    height: 75px;
  }
  html body .full_section .padding_left_right h2, html body h2{
    font-size: 30px;
  }

  body .full_section{
    flex-direction: column;
  }
  body .full_section > div{
    width: 100%;
    padding-top: 20px;
  }
  .newsSec {
    padding: 50px 80px;
  }
  .grid-post{
    width: 100%;
    height: 350px;
  }
  .grid-item{
    width: 50%;
  }
  .grid_number1, .grid_number3, .grid_number2, .grid_number4, .grid_number5, .grid_number6, .grid_number7, .grid_number8{
    height: 350px;
  }
  .signature_food_category{
    /* background-position: 50% 50%!important; */
    background-size: cover!important;
  }
}
@media (max-width:991px) and (min-width:767px) {
  video#myVideo, body div#n2-ss-3-align, body div#n2-ss-3 .n2-ss-slider-3, body div#n2-ss-3-align .n2-ss-slide-background, div#n2-ss-3 .n2-ss-slider-2, div#n2-ss-3 .n2-ss-slider-1, body div#n2-ss-3-align .n2-ss-slide-background .n2-ss-slide-background-image {
    height: 450px!important;
  }
}
@media(max-width:799px){
  .grid-item{
    width: 100%;
  }
  body .read_more_button{
    max-width: 100%!important;
    right: 0;
  }
  body.home div#n2-ss-2 .nextend-arrow{
    display: none!important;
  }
  body .read_more_button > div {
    /* padding: 30px 15px 45px!important; */
  }
  body .read_more_button > div > a {
    text-decoration: none!important;
  }
  body.home .n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
    padding: 0!important;
    flex-grow: 1!important;
  }
  body.home .n2-ss-section-main-content.n2-ss-layer-content.n2-ow .read_more_button {
    flex-grow: 1!important;
  }
  body.home .n2-ss-section-main-content.n2-ss-layer-content.n2-ow .read_more_button *{
    height: 100%!important;
  }
  body.home div#n2-ss-2 .n2-ss-control-bullet {
    bottom: 15px!important;
  }
  .banner_mobile_home{

  }
  .banner_mobile_home > div {
    height: 100%;
  }
  .banner_mobile_home > div > img {
    height: 100%!important;
  }

}
@media(max-width:767px){

  .ads_content {
      padding: 20px 40px;
  }
  .ads_button > a:first-child {
      margin-right: 0;
  }
  .ads_div_top, .ads_div_top > div {
      height: 250px;
      width: 100%;
  }
  .ads_content br {
      display: block;
  }
  .ads_content * {
      font-size: 15px;
      line-height: 1.7;
  }
  .ads_button {
    padding-bottom: 20px;
  }
  span.ads_pu_close {
      top: -10px;
      right: -5px;
  }
  .ads_container {
      padding-top: 20px;
      padding-bottom: 20px;
  }



  .slider-culinary .slider-list, .slider-culinary .career-bf {
    max-width: 100%;
    min-width: 100%;
  }
  .pdf_viewer_sec > div:before {
    width: 35px;
    right: 2px;
    /* display: none; */
  }

  section.error-404.not-found {
    height: calc(100vh - 278px);
  }
  div#accordionExample > div.card:nth-child(1) > #collapseOneChris > .card-body > .row:nth-child(1) > .col-md-4:nth-child(1) h6 a:after {
    width: 26px;
    margin-left: 5px;
  }
  video#myVideo {
    height: 100%!important;
  }
  .help .slick-track {
    display: block;
  }
  body div.help .slick-prev {
    top: 40%;
  }
  body div.help .slick-next {
    top: 40%;
    left: auto;
    right: 20px;
  }
  .mc4wp-response {
    position: relative;
  }
  div#enquiryform textarea {
    height: 100px;
  }
  .wpcf7 .wpcf7-recaptcha iframe {
    transform: scale(0.8);
    transform-origin: top left;
  }
  body .help img.slick-arrow.slider-left {
    top: 25%;
    left: 20px;
    background-color: white;
    padding: 10px;
    width: 38px;
    height: 50px;
    border-radius: 5px;
  }
  body .help img.slick-arrow.slider-right {
    top: 25%;
    right: 20px;
    background-color: white;
    padding: 10px;
    width: 38px;
    height: 50px;
    border-radius: 5px;
  }
  .help .slick-dots {
    top: auto;
    bottom: 20px;
    right: 0;
    left: 0;
  }
  /* .wn_vm_empty_div, .wn_ts_empty_div{
    height: 0px;
  } */
  .wn_center_sec.ts_wn {
    padding: 60px 20px;
  }
  .wn_center_sec .vm_top_div {
    width: 100%;
  }
  .wn_center_sec {
    padding: 50px 15px;
  }
  /* .video-container.subpage-banner-box {
    height: calc(100vh - 58px);
  } */
  #sb_instagram #sbi_images .ig_first_custom > div p {
    font-size: 12px;
    padding: 5px 7px;
  }
  .s_quote_div{
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .quote_logo{
    margin-right: 40px;
  }
  .artikel-grid .right_ag .grid-25 .show-read-more {
    display: none;
  }
  .artikel-grid {
    /* margin: 30px 0; */
  }
  .mailing{
    margin-left: 0;
  }
  #mailing_chimp{
    width: 100%;
  }
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item:first-child > div > a:before {
    width: 100%;
    font-size: 14px;
    height: 27px;
  }
  /* #sb_instagram.sbi_col_5 #sbi_images:before{
    opacity: 1;
    z-index: 2;
  }
  #sb_instagram #sbi_images{
    position: relative;
  } */
  .artikel-grid .grid-75{
    /* height: 300px; */
    min-height: auto;
  }
  .artikel-grid .right_ag .grid-25 {
    max-width: 100%;
    min-width: 50%;
    height: 200px;
  }
  body .career-tab1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{
    height: 54px!important;
  }
  .career-grow p, .career-grow h4 {
    padding: 0 15px;
  }
  .testimonials_section .dev-slider-row.container h2{
    padding-top: 20px;
  }
  .awards_section h2{
    top: 80px;
  }
  .testimonials_div img{
    margin: 10px auto;
  }
  .testimonials_section > .dev-slider-row > .slider-testimonials {
    padding: 0 0 20px 0;
  }
  .testimonials_div{
    padding: 0 5px;
  }
  body .grid-75 {
    min-width: 100%;
    margin: 0;
  }
  button.close{
    right: 30px;
    top: 10px;
    color: white;
  }
  .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container{
    margin: 0!important;
  }
  body .contact-tab1 .vc_tta-tabs-list{
    display: block!important;
  }
  body .vc_tta-tabs-container > .vc_tta-tabs-list > li {
    /* max-width: 50%;
    width: 50%!important; */
    margin: 0!important;
  }
  .subpage-detail1{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 26px;
  }
  .subpage-detail2{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  /* #culinary.vc_active .vc_tta-panel-body{
    display: block!important;
  }
  #culinary .vc_tta-panel-body{
    display: none!important;
  }
  #restaurantoperations.vc_active .vc_tta-panel-body{
    display: block!important;
  }
  #restaurantoperations .vc_tta-panel-body{
    display: none!important;
  }
  #customercare.vc_active .vc_tta-panel-body{
    display: block!important;
  }
  #customercare .vc_tta-panel-body{
    display: none!important;
  }
  #corporate.vc_active .vc_tta-panel-body{
    display: block!important;
  }
  #corporate .vc_tta-panel-body{
    display: none!important;
  } */
  /* .page-template-template-career .vc_tta-panel{
    position: unset!important;
    opacity: 1;
  } */
  .read_more_button > div > a{
    padding-top: 0;
  }
  .read_more_button {
    /* right: 50px;
    bottom: 10px; */
    /* background-color: rgba(0,0,0,0.5); */
    /* padding: 10px; */
  }
  .video-container.subpage-banner-box, .banner_cover{
    height: 350px!important;
  }
  /* video#myVideo, body div#n2-ss-3-align, body div#n2-ss-3 .n2-ss-slider-3, body div#n2-ss-3-align .n2-ss-slide-background, div#n2-ss-3 .n2-ss-slider-2, div#n2-ss-3 .n2-ss-slider-1, body div#n2-ss-3-align .n2-ss-slide-background .n2-ss-slide-background-image {
    height: 100%!important;
  } */
  .whatsnew-template-default{
    background-position: center 96%;
    background-size: cover;
  }
  body.single-whatsnew #wrapper-footer{
    position: unset;
  }
  .help .slick-arrow{
    bottom: 50px;
  }
  .help img.slick-arrow.slider-left {
    left: 50px;
  }
  .help img.slick-arrow.slider-right{
    right: unset;
    left: 95px;
  }
  body .grid-75 > .row{
    padding:15px;
    display: flex;
    flex-direction: column-reverse;
  }
  body .what-left {
    padding: 15px;
  }
  body .grid-25 {
    min-width: 100%;
    width: 100%;
  }
  .grey-box img{
    height: auto;
  }
  section.section-employee.container{
    padding-top: 0;
  }
  body.page-template.page-template-template-subpage h2 {
    padding-top: 20px;
  }
  .page-template-template-career .career-bf {
    text-align: left;
    padding: 15px 15px;
  }
  .page-template-template-career .career-thing .career-bf {
    text-align: center;
  }
  body .subpage-detail{
    top: unset;
  }
  .contact-section1{
    margin-top: 20px;
  }
  body.page-template.page-template-template-subpage .vc_empty_space {
    display: none;
  }
  .career-employee-benefit .slick-dots {
    bottom: -15px !important;
  }
  .employee-icon img {
    margin: auto;
    width: 100px;
    height: 100px;
    margin-bottom: 5px!important;
  }
  .career-bf {
    text-align: center;
  }
  .position-list {
    width: 100%!important;
  }
  .slick-container.awards_div.slick-current.slick-active.slick-center img {
    width: 140px;
    padding-top: 20px;
  }
  div#wrapper-navbar {
    height: 58px;
  }
  .quote_logo {
    /* position: absolute; */
    bottom: 0;
    right: 0;
  }

  .signature_image_number1, .signature_image_number2, .signature_image_number3, .signature_image_number4, .signature_image_number5{
    height: 350px;
  }


  .quoteCnt{
    width: 75%;
  }
  .quoteCnt h5{
    font-size: 23px;
    margin-top: 10px;
  }
  body .quoteCnt p{
    font-size: 18px;
  }
  .slick-container.slick-slide > .container > .row > div:nth-child(2) {
    padding-top: 15px;
  }
  body section.quoteSection.animatedParent {
    /* background-position: center!important;
    background-size: cover!important; */
  }
  .newsAboutSec{
    padding: 20px 0;
  }
  body.page-template-template-about button.slick-next.slick-arrow{
    left: 77px;
    margin-left: 0;
  }
  body.page-template-template-about button.slick-prev.slick-arrow{
    left: 20px;
    right: unset;
  }
  div#wrapper-navbar img{
    height: 58px;
  }
  .navbar-dark .navbar-toggler {
    margin-right: 15px;
  }
  div#navbarNavDropdown {
    padding:15px 0;
  }
  ul#main-menu li{
    padding: 0;
  }
  ul#main-menu li a{
    padding: 8px;
  }

  body .nextend-bullet-bar > .n2-ow > div.n2-bullet{
    padding: 2px 2px 2px 2px!important;
  }
  .newsSec {
    padding: 20px 15px;
  }
  .scrollDown:before{
    width: 10px;
    height: 17px;
    background-size: 10px 17px;
  }
  .scrollDown{
    height: 30px;
    width: 30px;
  }
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item:last-child {
    display: none;
  }
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
    width: 33.33%!important;
    height: 230px;
  }
  body #sb_instagram.sbi_col_5 #sbi_images .sbi_item div {
    height: 230px;
  }
  .artikel-grid .right_ag > .grid-25 > div h5{
    font-size: 14px;
  }
  .footer_sm > div.footer_fb{

  }
  .footer_sm {
    /* flex-direction: column; */
    flex-wrap: wrap;
  }
  .footer_sm > div.footer_fb.grabfood_footer {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer_sm > div {
    margin: 0 5px;
  }
  /* .footer_sm > div.footer_fb.grabfood_footer > p {
    padding: 5px 30px;
  } */
  .quoteSection {
    height: 500px;
  }
}
@media(max-width:575px){
  .search h1.page-title {
    font-size: 20px;
  }
  .quote_logo .quote_text{
    margin-left: unset;
    max-width: 200px;
  }
  body div.help .slick-next, body div.help .slick-prev {
    top: 33%;
  }

  body #sb_instagram.sbi_col_5 #sbi_images .sbi_item div {
    height: 150px;
  }
  body #sb_instagram.sbi_col_5 #sbi_images .sbi_item div a {
    height: 150px!important;
  }
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
    width: 33.33%!important;
    height: 150px;
  }

  .artikel-grid .right_ag > .grid-25 > div:nth-child(3){
    padding: 15px 10px;
  }
  .artikel-grid .right_ag .grid-25{
        height: 150px;
  }
  .read_more_button {
    /* display: none!important; */
    /* right: 20px; */
    /* font-size: 10px!important; */
  }
  .career-employee-benefit {
    height: unset;
  }
  .awards_text_slider .slick-list .slick-track .slick-slide p:nth-child(1) {
    margin-bottom: 0!important;
  }
  .awards_section:before{
    /* background-size: 290px 310px;
    width: 290px;
    height: 310px; */
  }
  .quote_text p{
    font-size: 10px;
  }
  .quote_logo img:hover{
    margin-right: -30px;
  }
  .quote_logo img {
    width: 70px;
    height: 70px;
  }
  section.mapSection {
    background: url(../map1.html)no-repeat center top 0px/180% auto;
  }
  section.mapSection{
    min-height: 430px;
  }
  .mapSection .boldTxt {
    display: none;
  }
  .mapDIV p {
    margin: 8px 0;
    text-align: center;
  }
  .mapSection .numTxt {
    padding: 0 10px;
  }
  .mapIn{
    padding: 0 10px;
  }
}

@media (max-width:486px){
  .awards_text_slider {
    padding-top: 90px;
  }
  .awards_text_slider .slick-list .slick-track .slick-slide p{
    font-size: 16px;
  }
}