@media only screen and (min-width: 320px) and (max-width: 575px) {
  
/*------- Common CSS Starts -------*/

.container-fluid { padding: 20px 15px; }
.section-heading-1 > div:first-child { font: 1.6rem/28px "Raleway-Medium"; }
.section-heading-1 > div:first-child > img { margin-bottom: 10px; }
.section-heading-1 > h2,
.section-heading-2 > h2 { font-size: 2.4rem; }
.section-heading-2 > h2::before { left: -60px; width: 40px; }
.section-heading-2 > h2::after { right: -60px; width: 40px; }
.section-heading-1 > h3 { font-size: 1.8rem; }
.btn-outline > a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 15px 38px 15px; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Start -------*/

  /*------- Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu { display: block; padding: 10px 15px; position: absolute; top: 0; width: 100%; z-index: 2; }
.header-logo-mob > a { display: inline-block; }
.header-logo-mob > a > img { height: 50px; }
.hamburger-menu { display: block; }
.burger-menu { background-color: transparent; cursor: pointer; height: 40px; position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 40px; z-index: 11; }
.burger-menu span { background-color: #ffffff; height: 1px; left: 50%; margin-top: -1px; position: absolute; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::before { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: -10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::after { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu.burger-menu-close span { background-color: transparent; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }
.burger-menu.burger-menu-close span::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.burger-menu.burger-menu-close span::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

  /*------- Logo and Hamburger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section CSS Start -------*/

.bg-navbar-menu-mobile { background: url("../images/about-1.jpeg") no-repeat top/cover; bottom: 0; display: none; height: 100%; left: 0; overflow-y: auto; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 3; }
.bg-navbar-menu-mobile::before { background-color: rgb(0 20 0 / 95%); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; }
.bg-navbar-menu-mobile.active { display: block; }
.menu-listing-mobile { margin: 30px 0; }
.menu-listing-mobile > li { margin-bottom: 10px; position: relative; z-index: 3; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a,
.menu-sub-listing-mobile > li > a { color: #FFFFFF; display: inline-block; font: 1.6rem/1.7 "Raleway-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i,
.menu-sub-listing-mobile > li > a:hover { color: #4dc48e; }
.menu-listing-mobile > li > i { color: #FFFFFF; font-size: 1.8rem; position: absolute; right: 0; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index: 3; }
.menu-listing-mobile > li > i.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-sub-listing-mobile { background-color: rgb(255 255 255 / 4%); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; display: none; margin-top: 10px; padding: 20px; }
.menu-sub-listing-mobile > li { border-bottom: 1px dashed rgb(255 255 255 / 40%); margin-bottom: 15px; padding-bottom: 15px; }
.menu-sub-listing-mobile > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }  
.menu-sub-listing-mobile > li > a { font-size: 1.4rem; }
.social-listing-mobile { display: flex; margin-bottom: 10px; }
.social-listing-mobile > li { margin-right: 25px; }
.social-listing-mobile > li:last-child { margin-right: 0; }
.social-listing-mobile > li > a { color: #FFFFFF; font-size: 1.8rem; }
.social-listing-mobile > li > a > svg path { fill: #FFFFFF; } 

  /*------- Mobile Navbar Menu Section CSS End -------*/

  /*------- Desktop Header Menu Section CSS Start -------*/

.bg-header-menu-desktop,
.bg-logo-navbar-menu-desktop { display: none; }

  /*------- Desktop Header Menu Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.bg-slider { height: auto; padding: 0; }
.slider-see-more { bottom: 400px; left: 20px; }
.banner-slider-info { padding: 20px 40px; }
.banner-slider-info > h2 { font-size: 3rem; margin-bottom: 20px; }
.banner-slider-info > p { font-size: 1.6rem; line-height: 24px; margin-bottom: 30px; }
.box-banner-info { margin: 0 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.box-banner-info-listing-icon-heading-para { background-color: #366635; }
.box-banner-info-listing > li { margin: 0 0 20px 0; width: 100%; }
.box-banner-info-listing { display: block; }
.slick-dotted.slick-slider { margin-bottom: 20px; }
.bg-slider .slick-prev { bottom: 10%; left: auto; right: 60px; }
.bg-slider .slick-next { bottom: 10%; left: auto; right: 30px; }
.slider-counter { bottom: 4%; left: auto; right: 25px; }
.bg-slider .slick-dots { right: -40px; }

  /*------- Slider Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-us-section-heading { margin-bottom: 20px; }
.about-info { padding: 20px 0 0; }
.about-desc > p { margin-bottom: 10px; text-align: justify; }
.about-desc > p:last-of-type { margin-bottom: 20px; }

  /*------- About Us Section CSS End -------*/

  /*------- Services Section CSS Start -------*/

.services-image-1 > img,
.services-image-2 > img { width: 50px; }
.our-services-section-heading > h2 { margin-bottom: 30px; }
.box-services { margin-bottom: 30px; }
.box-services-image { margin-bottom: 20px; min-height: auto; }
.box-services-info > h4 { font: 1.8rem/1.5 "Raleway-Medium"; }

  /*------- Services Section CSS End -------*/

  /*------- Sectors We Serve Section CSS Start -------*/

.bg-sectors-we-serve { padding-bottom: 0; }
.sectors-we-serve-image-1 > img { width: 50px; }
.sectors-we-serve-info { padding: 20px 0 0; }
.box-sectors-we-serve,
.box-sectors-we-serve:last-child { margin-bottom: 20px; }
.box-sectors-we-serve-info > h4 { font: 1.8rem/30px "Raleway-Medium"; }
.box-sectors-we-serve-info > h4 > span { display: inline; }
.sectors-we-serve-section-heading > p { margin-bottom: 30px; }

  /*------- Sectors We Serve Section CSS End -------*/

  /*------- Excellence Section CSS Start -------*/

.bg-excellence { padding-bottom: 0; }
.excellence-info { padding: 20px 0 0; }
.excellence-section-heading > p,
.box-excellence { margin-bottom: 20px; }
.box-excellence-image { margin-bottom: 20px; min-height: auto; }
.box-excellence-info > h3 { font-size: 2.4rem; }

  /*------- Excellence Section CSS End -------*/

  /*------- Brands Section CSS Start -------*/

.bg-brands { padding-bottom: 0; }
.brands-image-1 > img { width: 50px; }
.brands-section-heading > p:last-child { margin-bottom: 20px; }
.box-brands-col-1 { margin-top: 0; }
.box-brands-image { height: 140px; margin-bottom: 20px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Brands Section CSS End -------*/

  /*------- Certifications and Awards Section CSS Start -------*/

.certifications-awards-image-1 { z-index: 0; }
.certifications-awards-image-1 > img { width: 50px; }

  /*------- Certifications and Awards Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.get-in-touch-image-1 > img { width: 50px; }
.get-in-touch-section-heading > h2 { margin-bottom: 20px; }
.box-get-in-touch-form-info::before { display: none; }
.get-in-touch-desc > p { font-size: 1.6rem; line-height: 1.7; margin: 0 auto 20px; width: 100%; }
.get-in-touch-heading > h4 { text-align: center; }
.get-in-touch-heading > h4,
.get-in-touch-image > img,
.contact-information-heading > h4 { margin-bottom: 20px; }
.get-in-touch-image { text-align: center !important; }
.box-get-in-touch-form { padding: 20px 0; }
.box-get-in-touch-info { padding: 0; }
.form-group { margin-bottom: 20px; }
.btn-submit { width: 100%; }
.contact-information-listing { margin-bottom: 30px; }
.contact-information-listing > li,
.footer-contact-information-listing > li { padding-left: 30px; }
.contact-information-social-listing { padding: 0 20px 20px 0; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Footer Section CSS Start -------*/

.footer-logo-info { display: block; margin-bottom: 20px; }
.footer-logo-info > a { display: inline-block; }
.footer-logo-info > a > img,
.footer-heading > h4 { margin-bottom: 20px; }
.footer-logo-info > p { margin-left: 0; }
.footer-social-listing { justify-content: flex-start; margin-bottom: 20px; }
.quick-links-listing > li,
.quick-links-listing > li:last-child,
.footer-contact-information-listing > li:last-child { margin-bottom: 20px; }
.footer-copyright-line { margin-top: 20px; }
.copyright-info > p,
.designed-by-info > p { line-height: 25px; }
.copyright-info > p,
.designed-by-info > p { margin-top: 20px; text-align: center; }

  /*------- Footer Section CSS End -------*/

/*------- Home Page CSS End -------*/

/*------- About Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-ip { padding: 40px 15px; }
.box-banner-info-ip > h1 { font-size: 3rem; }

  /*------- Banner Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-desc-ap > p:last-child { margin-bottom: 0; }

  /*------- About Us Section CSS End -------*/

  /*------- About Us More Section CSS Start -------*/

.about-more-image-1 > img { width: 50px; }
.about-info-more { margin-top: 20px; padding-right: 0; }

  /*------- About Us More Section CSS End -------*/

  /*------- Team Info Section CSS Start -------*/

.team-info-image-1 > img { width: 50px; }

  /*------- Team Info Section CSS End -------*/

  /*------- Vision, Mission, and Goal Section CSS Start -------*/

.bg-vision-mission-goal { padding-bottom: 0; }
.box-vision-mission-goal { margin: 0 0 20px 0; padding: 20px; }
.box-vision-mission-goal-image { height: auto; }
.box-vision-mission-goal-image > img { margin-bottom: 20px; }
.box-vision-mission-goal-info > h3 { font: 2.2rem/normal "Raleway-Bold"; margin-bottom: 15px; }
.box-vision-mission-goal-info > p { min-height: auto; text-align: justify; }

  /*------- Vision, Mission, and Goal Section CSS End -------*/

  /*------- Why Choose Us Section CSS Start -------*/

.bg-why-choose-us { padding-bottom: 0; }
.why-choose-us-section-heading > h2,
.why-choose-us-desc > p { margin-bottom: 20px; }
.why-choose-us-desc > p { text-align: justify; }
.box-why-choose-us { padding: 30px; }
.box-why-choose-us-col-1 { padding: 20px 0 0; position: static; }
.box-why-choose-us-col-2 { padding: 0; position: static; }
.why-choose-us-image.reveal { height: auto; }                                                                                  

  /*------- Why Choose Us Section CSS End -------*/

  /*------- Our Journey Section CSS Start -------*/

.bg-our-journey { padding-bottom: 0; }
.our-journey-image-1 > img { width: 50px; }
.our-journey-image-2 > img { width: 50px; }
.our-journey-section-heading > h2,
.our-journey-img-year-desc-listing-1,
.our-journey-img-year-desc-listing-2 { margin-bottom: 20px; }
.our-journey-section-heading-2 > h3,
.our-journey-section-heading-3 > h3,
.our-journey-section-heading-4 > h3,
.our-journey-section-heading-5 > h3,
.our-journey-section-heading-6 > h3 { margin-bottom: 0; }
.our-journey-img-year-desc-listing { display: block; }
.our-journey-img-year-desc-listing > li { border-bottom: 1px dashed #666C7D; padding-right: 0; }
.our-journey-img-year-desc-listing > li:last-child { border-bottom: none; }
.our-journey-img-year-desc-listing > li::before { display: none; }
.our-journey-top-desc,
.our-journey-bottom-desc { margin: 0 auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
.our-journey-top-desc > p { margin-bottom: 20px; }
.our-journey-year { padding: 20px 0; }
.our-journey-year::before { display: none; }
.our-journey-year > p { margin: 0 auto 20px; }
.our-journey-top-img,
.our-journey-bottom-img { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

  /*------- Our Journey Section CSS End -------*/

  /*------- Key Message Owner Section Start -------*/

.box-key-message-owner-image-1 > img { width: 50px; }
.box-key-message-owner-image-2 > img { margin-bottom: 20px; }
.box-key-message-owner-info > .section-heading-1 > h2 { margin-bottom: 15px; }
.box-key-message-owner-info > p { text-align: justify; }
.box-key-message-owner-info > h5 { font-size: 1.8rem; }

  /*------- Key Message Owner Section End -------*/

/*------- About Us Page CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS Start -------*/

  /*------- Service Information Section CSS Start -------*/

.service-information-section-heading { margin-bottom: 20px; }
.service-information-info { padding: 20px 0 0; }
.service-information-desc > p { margin-bottom: 10px; text-align: justify; }

  /*------- Service Information Section CSS End -------*/

  /*------- Inside Services Section-1 CSS Start -------*/

.inner-services-1-2-top-right-image > img,
.inner-services-1-2-bottom-left-image > img { width: 50px; }
.inside-services-info-section-1 > .section-heading-1 > h2 { margin: 20px 0; }
.box-inside-services-1-icon-heading { margin-bottom: 25px; }
.inside-services-info-section-1 > p { margin-bottom: 20px; text-align: justify; }
.box-inside-services-1-icon-heading > h4 { font: 1.8rem/1.5 "Raleway-SemiBold"; }

  /*------- Inside Services Section-1 CSS End -------*/

  /*------- Inside Services Section-2 Start -------*/

.bg-inside-services-section-2 { padding-bottom: 0; }
.industrial-catering-solutions-image-1 > img { width: 70px; }
.industrial-catering-solutions-image { padding-bottom: 20px; }
.industrial-catering-solutions-info { padding-bottom: 0; }
.industrial-catering-solutions-info > .section-heading-1 > h2,
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-bottom: 20px; }
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-top: 20px; }
.industrial-catering-solutions-image-info { margin-bottom: 20px; }
.industrial-catering-solutions-heading-desc > h3 { font: 1.8rem/1.5 "Raleway-SemiBold"; }
.industrial-catering-solutions-heading-desc > p,
.corporate-meal-plans-desc > p,
.inside-services-desc-section-2 > p { text-align: justify; }
.corporate-meal-plans-desc > p { margin-bottom: 10px; }
.industrial-catering-solutions-info-listing > li:last-child { margin-bottom: 0; }
.industrial-catering-solutions-info-listing > li > span { font: 1.6rem/28px "Raleway-Medium"; }
.inside-services-info-listing-section-2 { margin-top: 20px; }
.inside-services-info-listing-section-2 > li > span { font: 1.6rem/28px "Raleway-SemiBold"; }
.inside-services-desc-section-2 > p:last-child { margin-bottom: 20px; }
.inside-services-desc-section-2 > p:first-child,
.inside-services-info-section-2 > .section-heading-1 > h2 { margin: 20px 0; }

  /*------- Inside Services Section-2 CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS End -------*/

/*------- How We Work Page CSS Start -------*/

  /*------- Step by Step Process Section CSS Start -------*/

.how-we-work-steps-section-heading > h2 { margin-bottom: 40px; }
.timeline-listing:after { left: 10px; }
.timeline-circle { left: 10px; }
.left-timeline-content,
.right-timeline-content { padding-left: 50px; width: 100%; }
.left-timeline-content > h3:after { left: 0; right: auto; }
.timeline-content > h3 { font-size: 2rem; margin-top: 10px; text-align: left; }
.timeline-content > p { text-align: justify; }

  /*------- Step by Step Process Section CSS End -------*/

/*------- How We Work Page CSS End -------*/

/*------- Careers Page CSS Start -------*/

.open-roles-listing { border-right: 0; margin-bottom: 20px; }
.open-roles-section-heading > h3 { font-size: 2rem; }
.open-roles-section-heading > h3,
.upload-cv-section-heading > h2 { margin-bottom: 20px; }
.open-roles-listing > li { margin-bottom: 15px; padding-bottom: 15px; }
.open-roles-listing > li > h2 { font-size: 1.8rem; }
.open-roles-listing > li > p { font-size: 1.6rem; }
.career-form { padding: 20px; }

/*------- Careers Page CSS End -------*/

/*------- Gallery Page CSS Start -------*/

.bg-gallery { padding-bottom: 0; }
.box-gallery { margin-bottom: 20px; }

/*------- Gallery Page CSS End -------*/

/*------- Blog Page Start -------*/

.bg-blog { padding: 20px 15px 0; }
.box-blog-img-info { margin-bottom: 20px; }

/*------- Blog Page End -------*/

/*------- Blog Details Page Starts -------*/

.bg-blog-details { padding: 20px 15px 0; }
.blog-content > p { margin-bottom: 10px; text-align: justify; }
.blog-content > p:last-child { margin-bottom: 20px; }
.related-blogs-section-heading > h3 { font-size: 2rem; margin-bottom: 20px; }

/*------- Blog Details Page Ends -------*/

/*------- Contact Us Page CSS Start -------*/

  /*------- Contact Person Information Section CSS Start -------*/

.bg-contact-person-info { padding-bottom: 0; }
.box-contact-person-info > h4 { font-size: 2rem; }
.box-contact-person-image-info,
.box-contact-person-info > h5 { margin-bottom: 20px; }
.box-contact-person-info > h5 {  font-size: 1.6rem; }
.box-contact-person-info > p > a { font: 1.6rem/1.2 "Raleway-Medium"; }
.box-contact-person-info { padding: 20px 20px 20px 0; }
.box-contact-person-info > p > a { word-break: break-all; }

  /*------- Contact Person Information Section CSS End -------*/

/*------- Contact Us Page CSS End -------*/

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  
/*------- Common CSS Starts -------*/

.container-fluid { padding: 20px 15px; }
.section-heading-1 > div:first-child { font: 1.6rem/28px "Raleway-Medium"; }
.section-heading-1 > div:first-child > img { margin-bottom: 10px; }
.section-heading-1 > h2,
.section-heading-2 > h2 { font-size: 2.4rem; }
.section-heading-2 > h2::before { left: -60px; width: 40px; }
.section-heading-2 > h2::after { right: -60px; width: 40px; }
.section-heading-1 > h3 { font-size: 1.8rem; }
.btn-outline > a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 15px 38px 15px; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Start -------*/

  /*------- Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu { display: block; padding: 10px 15px; position: absolute; top: 0; width: 100%; z-index: 2; }
.header-logo-mob > a { display: inline-block; }
.header-logo-mob > a > img { height: 50px; }
.hamburger-menu { display: block; }
.burger-menu { background-color: transparent; cursor: pointer; height: 40px; position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 40px; z-index: 11; }
.burger-menu span { background-color: #ffffff; height: 1px; left: 50%; margin-top: -1px; position: absolute; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::before { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: -10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::after { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu.burger-menu-close span { background-color: transparent; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }
.burger-menu.burger-menu-close span::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.burger-menu.burger-menu-close span::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

  /*------- Logo and Hamburger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section CSS Start -------*/

.bg-navbar-menu-mobile { background: url("../images/about-1.jpeg") no-repeat top/cover; bottom: 0; display: none; height: 100%; left: 0; overflow-y: auto; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 3; }
.bg-navbar-menu-mobile::before { background-color: rgb(0 20 0 / 95%); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; }
.bg-navbar-menu-mobile.active { display: block; }
.menu-listing-mobile { margin: 30px 0; }
.menu-listing-mobile > li { margin-bottom: 10px; position: relative; z-index: 3; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a,
.menu-sub-listing-mobile > li > a { color: #FFFFFF; display: inline-block; font: 1.6rem/1.7 "Raleway-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i,
.menu-sub-listing-mobile > li > a:hover { color: #4dc48e; }
.menu-listing-mobile > li > i { color: #FFFFFF; font-size: 1.8rem; position: absolute; right: 0; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index: 3; }
.menu-listing-mobile > li > i.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-sub-listing-mobile { background-color: rgb(255 255 255 / 4%); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; display: none; margin-top: 10px; padding: 20px; }
.menu-sub-listing-mobile > li { border-bottom: 1px dashed rgb(255 255 255 / 40%); margin-bottom: 15px; padding-bottom: 15px; }
.menu-sub-listing-mobile > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }  
.menu-sub-listing-mobile > li > a { font-size: 1.4rem; }
.social-listing-mobile { display: flex; margin-bottom: 10px; }
.social-listing-mobile > li { margin-right: 25px; }
.social-listing-mobile > li:last-child { margin-right: 0; }
.social-listing-mobile > li > a { color: #FFFFFF; font-size: 1.8rem; }
.social-listing-mobile > li > a > svg path { fill: #FFFFFF; } 

  /*------- Mobile Navbar Menu Section CSS End -------*/

  /*------- Desktop Header Menu Section CSS Start -------*/

.bg-header-menu-desktop,
.bg-logo-navbar-menu-desktop { display: none; }

  /*------- Desktop Header Menu Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.bg-slider { height: auto; padding: 0; }
.slider-see-more { bottom: 130px; left: 20px; }
.banner-slider-info { padding: 20px 40px; }
.banner-slider-info > h2 { font-size: 3.6rem; margin-bottom: 20px; }
.banner-slider-info > p { margin-bottom: 30px; }
.box-banner-info { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.box-banner-info-listing-icon-heading-para { background-color: #366635; padding: 20px; }
.box-banner-info-listing > li { margin: 0 10px 0px 0; width: 100%; }
.slick-dotted.slick-slider { margin-bottom: 20px; }
.bg-slider .slick-prev { bottom: 10%; left: auto; right: 60px; }
.bg-slider .slick-next { bottom: 10%; left: auto; right: 30px; }
.slider-counter { bottom: 4%; left: auto; right: 25px; }
.bg-slider .slick-dots { right: -40px; }

  /*------- Slider Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-us-section-heading { margin-bottom: 20px; }
.about-info { padding: 20px 0 0; }
.about-desc > p { margin-bottom: 10px; text-align: justify; }
.about-desc > p:last-of-type { margin-bottom: 20px; }

  /*------- About Us Section CSS End -------*/

  /*------- Services Section CSS Start -------*/

.services-image-1 > img,
.services-image-2 > img { width: 70px; }
.our-services-section-heading > h2 { margin-bottom: 30px; }
.box-services { margin-bottom: 30px; }
.box-services-image { margin-bottom: 20px; min-height: auto; }
.box-services-info > h4 { font: 1.8rem/1.5 "Raleway-Medium"; }

  /*------- Services Section CSS End -------*/

  /*------- Sectors We Serve Section CSS Start -------*/

.bg-sectors-we-serve { padding-bottom: 0; }
.sectors-we-serve-image-1 > img { width: 70px; }
.sectors-we-serve-info { padding: 20px 0 0; }
.box-sectors-we-serve,
.box-sectors-we-serve:last-child { margin-bottom: 20px; }
.box-sectors-we-serve-info > h4 { font: 1.8rem/30px "Raleway-Medium"; }
.box-sectors-we-serve-info > h4 > span { display: inline; }
.sectors-we-serve-section-heading > p { margin-bottom: 30px; }

  /*------- Sectors We Serve Section CSS End -------*/

  /*------- Excellence Section CSS Start -------*/

.bg-excellence { padding-bottom: 0; }
.excellence-info { padding: 20px 0 0; }
.excellence-section-heading > p,
.box-excellence { margin-bottom: 20px; }
.box-excellence-image { margin-bottom: 20px; min-height: auto; }
.box-excellence-info > h3 { font-size: 2.4rem; }

  /*------- Excellence Section CSS End -------*/

  /*------- Brands Section CSS Start -------*/

.bg-brands { padding-bottom: 0; }
.brands-image-1 > img { width: 70px; }
.brands-section-heading > p:last-child { margin-bottom: 20px; }
.box-brands-col-1 { margin-top: 0; }
.box-brands-image { height: 140px; margin-bottom: 20px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Brands Section CSS End -------*/

  /*------- Certifications and Awards Section CSS Start -------*/

.certifications-awards-image-1 { z-index: 0; }
.certifications-awards-image-1 > img { width: 70px; }

  /*------- Certifications and Awards Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.get-in-touch-image-1 > img { width: 70px; }
.get-in-touch-section-heading > h2 { margin-bottom: 20px; }
.box-get-in-touch-form-info::before { display: none; }
.get-in-touch-desc > p { font-size: 1.6rem; line-height: 1.7; margin: 0 auto 20px; width: 100%; }
.get-in-touch-heading > h4,
.get-in-touch-image > img,
.contact-information-heading > h4 { margin-bottom: 20px; }
.box-get-in-touch-form { padding: 20px 0; }
.box-get-in-touch-info { padding: 0; }
.form-group { margin-bottom: 20px; }
.btn-submit { width: 100%; }
.contact-information-listing { margin-bottom: 30px; }
.contact-information-listing > li,
.footer-contact-information-listing > li { margin-bottom: 20px; padding-left: 30px; }
.contact-information-social-listing { padding: 0 20px 20px 0; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Footer Section CSS Start -------*/

.footer-logo-info { margin-bottom: 20px; }
.footer-logo-info > a { display: inline-block; }
.footer-logo-info > a > img,
.footer-heading > h4 { margin-bottom: 20px; }
.footer-social-listing { justify-content: flex-start; margin-bottom: 20px; }
.quick-links-listing > li,
.quick-links-listing > li:last-child,
.footer-contact-information-listing > li:last-child { margin-bottom: 20px; }
.footer-copyright-line { margin-top: 20px; }
.copyright-info > p,
.designed-by-info > p { line-height: 25px; }
.copyright-info > p,
.designed-by-info > p { margin-top: 20px; text-align: center; }

  /*------- Footer Section CSS End -------*/

/*------- Home Page CSS End -------*/

/*------- About Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-ip { padding: 60px 15px; }
.box-banner-info-ip > h1 { font-size: 3.6rem; margin-bottom: 20px; }

  /*------- Banner Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-desc-ap > p:last-child { margin-bottom: 0; }

  /*------- About Us Section CSS End -------*/

  /*------- About Us More Section CSS Start -------*/

.about-more-image-1 > img { width: 70px; }
.about-info-more { margin-top: 20px; padding-right: 0; }

  /*------- About Us More Section CSS End -------*/

  /*------- Team Info Section CSS Start -------*/

.team-info-image-1 > img { width: 70px; }

  /*------- Team Info Section CSS End -------*/

  /*------- Vision, Mission, and Goal Section CSS Start -------*/

.bg-vision-mission-goal { padding-bottom: 0; }
.box-vision-mission-goal { margin: 0 0 20px 0; padding: 20px; }
.box-vision-mission-goal-image { height: auto; }
.box-vision-mission-goal-image > img { margin-bottom: 20px; }
.box-vision-mission-goal-info > h3 { font: 2.2rem/normal "Raleway-Bold"; margin-bottom: 15px; }
.box-vision-mission-goal-info > p { min-height: auto; text-align: justify; }

  /*------- Vision, Mission, and Goal Section CSS End -------*/

  /*------- Why Choose Us Section CSS Start -------*/

.bg-why-choose-us { padding-bottom: 0; }
.why-choose-us-section-heading > h2,
.why-choose-us-desc > p { margin-bottom: 20px; }
.why-choose-us-desc > p { text-align: justify; }
.box-why-choose-us { padding: 30px; }
.box-why-choose-us-col-1 { padding: 20px 0 0; position: static; }
.box-why-choose-us-col-2 { padding: 20px 0 0; position: static; }
.why-choose-us-image.reveal { height: auto; }

  /*------- Why Choose Us Section CSS End -------*/

  /*------- Our Journey Section CSS Start -------*/

.bg-our-journey { padding-bottom: 0; }
.our-journey-image-1 > img { width: 70px; }
.our-journey-image-2 > img { width: 70px; }
.our-journey-section-heading > h2,
.our-journey-img-year-desc-listing-1,
.our-journey-img-year-desc-listing-2 { margin-bottom: 20px; }
.our-journey-section-heading-2 > h3,
.our-journey-section-heading-3 > h3,
.our-journey-section-heading-4 > h3,
.our-journey-section-heading-5 > h3,
.our-journey-section-heading-6 > h3 { margin-bottom: 0; }
.our-journey-img-year-desc-listing { display: block; }
.our-journey-img-year-desc-listing > li { border-bottom: 1px dashed #666C7D; padding-right: 0; }
.our-journey-img-year-desc-listing > li:last-child { border-bottom: none; }
.our-journey-img-year-desc-listing > li::before { display: none; }
.our-journey-top-desc,
.our-journey-bottom-desc { margin: 0 auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
.our-journey-top-desc > p { margin-bottom: 20px; }
.our-journey-year { padding: 20px 0; }
.our-journey-year::before { display: none; }
.our-journey-year > p { margin: 0 auto 20px; }
.our-journey-top-img,
.our-journey-bottom-img { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

  /*------- Our Journey Section CSS End -------*/

  /*------- Key Message Owner Section Start -------*/

.box-key-message-owner-image-1 > img { width: 70px; }
.box-key-message-owner-image-2 > img { margin-bottom: 20px; }
.box-key-message-owner-info > .section-heading-1 > h2 { margin-bottom: 15px; }
.box-key-message-owner-info > p { text-align: justify; }
.box-key-message-owner-info > h5 { font-size: 1.8rem; }

  /*------- Key Message Owner Section End -------*/

/*------- About Us Page CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS Start -------*/

  /*------- Service Information Section CSS Start -------*/

.service-information-section-heading { margin-bottom: 20px; }
.service-information-info { padding: 20px 0 0; }
.service-information-desc > p { margin-bottom: 10px; text-align: justify; }

  /*------- Service Information Section CSS End -------*/

  /*------- Inside Services Section-1 CSS Start -------*/

.inner-services-1-2-top-right-image > img,
.inner-services-1-2-bottom-left-image > img { width: 50px; }
.inside-services-info-section-1 > .section-heading-1 > h2 { margin: 20px 0 10px; }
.box-inside-services-1-icon-heading { margin-bottom: 25px; }
.inside-services-info-section-1 > p { margin-bottom: 20px; text-align: justify; }
.box-inside-services-1-icon-heading > h4 { font: 1.8rem/1.5 "Raleway-SemiBold"; }

  /*------- Inside Services Section-1 CSS End -------*/

  /*------- Inside Services Section-2 Start -------*/

.bg-inside-services-section-2 { padding-bottom: 0; }
.industrial-catering-solutions-image-1 > img { width: 160px; }
.industrial-catering-solutions-image { padding-bottom: 20px; }
.industrial-catering-solutions-info { padding-bottom: 0; }
.industrial-catering-solutions-info > .section-heading-1 > h2,
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-bottom: 20px; }
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-top: 20px; }
.industrial-catering-solutions-image-info { margin-bottom: 20px; }
.industrial-catering-solutions-heading-desc > h3 { font: 1.8rem/1.5 "Raleway-SemiBold"; }
.industrial-catering-solutions-heading-desc > p,
.corporate-meal-plans-desc > p,
.inside-services-desc-section-2 > p { text-align: justify; }
.corporate-meal-plans-desc > p { margin-bottom: 10px; }
.industrial-catering-solutions-info-listing > li:last-child { margin-bottom: 0; }
.industrial-catering-solutions-info-listing > li > span { font: 1.6rem/28px "Raleway-Medium"; }
.inside-services-info-listing-section-2 { margin-top: 20px; }
.inside-services-info-listing-section-2 > li > span { font: 1.6rem/28px "Raleway-SemiBold"; }
.inside-services-desc-section-2 > p:last-child { margin-bottom: 20px; }
.inside-services-desc-section-2 > p:first-child,
.inside-services-info-section-2 > .section-heading-1 > h2 { margin: 20px 0; }

  /*------- Inside Services Section-2 CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS End -------*/

/*------- How We Work Page CSS Start -------*/

  /*------- Step by Step Process Section CSS Start -------*/

.how-we-work-steps-section-heading > h2 { margin-bottom: 40px; }
.timeline-listing:after { left: 10px; }
.timeline-circle { left: 10px; }
.left-timeline-content,
.right-timeline-content { padding-left: 50px; width: 100%; }
.left-timeline-content > h3:after { left: 0; right: auto; }
.timeline-content > h3 { font-size: 2rem; margin-top: 10px; text-align: left; }
.timeline-content > p { text-align: justify; }

  /*------- Step by Step Process Section CSS End -------*/

/*------- How We Work Page CSS End -------*/

/*------- Careers Page CSS Start -------*/

.open-roles-listing { border-right: 0; margin-bottom: 20px; }
.open-roles-section-heading > h3 { font-size: 2rem; }
.open-roles-section-heading > h3,
.upload-cv-section-heading > h2 { margin-bottom: 20px; }
.open-roles-listing > li { margin-bottom: 15px; padding-bottom: 15px; }
.open-roles-listing > li > h2 { font-size: 1.8rem; }
.open-roles-listing > li > p { font-size: 1.6rem; }
.career-form { padding: 20px; }

/*------- Careers Page CSS End -------*/

/*------- Gallery Page CSS Start -------*/

.bg-gallery { padding-bottom: 0; }
.box-gallery { margin-bottom: 30px; }

/*------- Gallery Page CSS Ends -------*/

/*------- Blog Page Start -------*/

.bg-blog { padding: 20px 15px 0; }

/*------- Blog Page End -------*/

/*------- Blog Details Page Starts -------*/

.bg-blog-details { padding: 20px 15px 0; }
.blog-content > p { text-align: justify; }
.related-blogs-section-heading > h3 { font-size: 2.2rem; }

/*------- Blog Details Page Ends -------*/

/*------- Contact Us Page CSS Start -------*/

  /*------- Contact Person Information Section CSS Start -------*/

.bg-contact-person-info { padding-bottom: 0; }
.box-contact-person-info > h4 { font-size: 2rem; }
.box-contact-person-image-info,
.box-contact-person-info > h5 { margin-bottom: 20px; }
.box-contact-person-info > h5 {  font-size: 1.6rem; }
.box-contact-person-info > p > a { font: 1.6rem/1.2 "Raleway-Medium"; }
.box-contact-person-info { padding: 20px 20px 20px 0; }
.box-contact-person-info > p > a { word-break: break-all; }

  /*------- Contact Person Information Section CSS End -------*/

/*------- Contact Us Page CSS End -------*/

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
/*------- Common CSS Starts -------*/

.container-fluid { padding: 40px 15px; }
.section-heading-1 > div:first-child { font: 1.6rem/28px "Raleway-Medium"; }
.section-heading-1 > div:first-child > img,
.section-heading-2 > div > img { margin-bottom: 20px; }
.section-heading-1 > h2,
.section-heading-2 > h2 { font-size: 3rem; }
.section-heading-2 > h2::before { left: -60px; width: 40px; }
.section-heading-2 > h2::after { right: -60px; width: 40px; }
.section-heading-1 > h3 { font-size: 2rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Start -------*/

  /*------- Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu { display: block; padding: 10px 15px; position: absolute; top: 0; width: 100%; z-index: 2; }
.header-logo-mob > a { display: inline-block; }
.header-logo-mob > a > img { height: 50px; }
.hamburger-menu { display: block; }
.burger-menu { background-color: transparent; cursor: pointer; height: 40px; position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 40px; z-index: 11; }
.burger-menu span { background-color: #ffffff; height: 1px; left: 50%; margin-top: -1px; position: absolute; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::before { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: -10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu span::after { background-color: #ffffff; content: ""; display: block; height: 1px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; z-index: 11; }
.burger-menu.burger-menu-close span { background-color: transparent; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }
.burger-menu.burger-menu-close span::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.burger-menu.burger-menu-close span::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

  /*------- Logo and Hamburger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section CSS Start -------*/

.bg-navbar-menu-mobile { background: url("../images/about-1.jpeg") no-repeat top/cover; bottom: 0; display: none; height: 100%; left: 0; overflow-y: auto; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 3; }
.bg-navbar-menu-mobile::before { background-color: rgb(0 20 0 / 95%); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; }
.bg-navbar-menu-mobile.active { display: block; }
.menu-listing-mobile { margin: 30px 0; }
.menu-listing-mobile > li { margin-bottom: 10px; position: relative; z-index: 3; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a,
.menu-sub-listing-mobile > li > a { color: #FFFFFF; display: inline-block; font: 1.6rem/1.7 "Raleway-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i,
.menu-sub-listing-mobile > li > a:hover { color: #4dc48e; }
.menu-listing-mobile > li > i { color: #FFFFFF; font-size: 1.8rem; position: absolute; right: 0; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index: 3; }
.menu-listing-mobile > li > i.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-sub-listing-mobile { background-color: rgb(255 255 255 / 4%); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; display: none; margin-top: 10px; padding: 20px; }
.menu-sub-listing-mobile > li { border-bottom: 1px dashed rgb(255 255 255 / 40%); margin-bottom: 15px; padding-bottom: 15px; }
.menu-sub-listing-mobile > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }  
.menu-sub-listing-mobile > li > a { font-size: 1.4rem; }
.social-listing-mobile { display: flex; margin-bottom: 10px; }
.social-listing-mobile > li { margin-right: 25px; }
.social-listing-mobile > li:last-child { margin-right: 0; }
.social-listing-mobile > li > a { color: #FFFFFF; font-size: 1.8rem; }
.social-listing-mobile > li > a > svg path { fill: #FFFFFF; } 

  /*------- Mobile Navbar Menu Section CSS End -------*/

  /*------- Desktop Header Menu Section CSS Start -------*/

.bg-header-menu-desktop,
.bg-logo-navbar-menu-desktop { display: none; }

  /*------- Desktop Header Menu Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.bg-slider { height: auto; padding: 0; }
.slider-see-more { bottom: 160px; }
.banner-slider-info { padding: 20px 40px; }
.banner-slider-info > h2 { font-size: 3.6rem; margin-bottom: 20px; }
.banner-slider-info > p { margin-bottom: 30px; }
.box-banner-info { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.box-banner-info-listing-icon-heading-para { background-color: #366635; padding: 20px; }
.box-banner-info-listing > li { margin: 0 30px 30px 0; width: 100%; }
.slick-dotted.slick-slider { margin-bottom: 20px; }
.bg-slider .slick-prev { bottom: 10%; left: auto; right: 60px; }
.bg-slider .slick-next { bottom: 10%; left: auto; right: 30px; }
.slider-counter { bottom: 4%; left: auto; right: 25px; }
.bg-slider .slick-dots { right: -40px; }

  /*------- Slider Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-us-section-heading { margin-bottom: 20px; }
.about-info { padding: 20px 0 0; }
.about-desc > p { margin-bottom: 10px; text-align: justify; }
.about-desc > p:last-of-type { margin-bottom: 20px; }

  /*------- About Us Section CSS End -------*/

  /*------- Services Section CSS Start -------*/

.services-image-1 > img,
.services-image-2 > img { width: 100px; }
.our-services-section-heading > h2 { margin-bottom: 50px; }
.box-services { margin-bottom: 30px; }
.box-services-image { margin-bottom: 20px; min-height: auto; }
.box-services-info > h4 { font: 1.8rem/1.5 "Raleway-Medium"; }
.box-services-info > h4 > span { display: inline; }

  /*------- Services Section CSS End -------*/

  /*------- Sectors We Serve Section CSS Start -------*/

.bg-sectors-we-serve { padding-bottom: 0; }
.sectors-we-serve-image-1 > img { width: 100px; }
.sectors-we-serve-info { padding: 20px 0 0; }
.box-sectors-we-serve,
.box-sectors-we-serve:last-child { margin-bottom: 20px; }
.box-sectors-we-serve-info > h4 { font: 1.8rem/30px "Raleway-Medium"; }
.box-sectors-we-serve-info > h4 > span { display: inline; }
.sectors-we-serve-section-heading > p { margin-bottom: 30px; }

  /*------- Sectors We Serve Section CSS End -------*/

  /*------- Excellence Section CSS Start -------*/

.bg-excellence { padding-bottom: 0; }
.excellence-info { padding: 20px 0 0; }
.excellence-section-heading > p,
.box-excellence { margin-bottom: 20px; }
.box-excellence-image { margin-bottom: 20px; min-height: auto; }
.box-excellence-info > h3 { font-size: 2.4rem; }

  /*------- Excellence Section CSS End -------*/

  /*------- Brands Section CSS Start -------*/

.bg-brands { padding-bottom: 0; }
.brands-image-1 > img { width: 100px; }
.brands-section-heading > p:last-child { margin-bottom: 20px; }
.box-brands-col-1 { margin-top: 0; }
.box-brands-image { height: 140px; margin-bottom: 20px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Brands Section CSS End -------*/

  /*------- Certifications and Awards Section CSS Start -------*/

.certifications-awards-image-1 { z-index: 0; }
.certifications-awards-image-1 > img { width: 100px; }

  /*------- Certifications and Awards Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.get-in-touch-image-1 > img { width: 100px; }
.get-in-touch-section-heading > h2 { margin-bottom: 20px; }
.box-get-in-touch-form-info::before { display: none; }
.get-in-touch-desc > p { margin: 0 auto 30px; width: 100%; }
.get-in-touch-heading > h4,
.get-in-touch-image > img,
.contact-information-heading > h4 { margin-bottom: 20px; }
.box-get-in-touch-form { padding: 20px 0; }
.box-get-in-touch-info { padding: 0; }
.form-group { margin-bottom: 20px; }
.btn-submit { width: 100%; }
.contact-information-listing { margin-bottom: 30px; }
.contact-information-listing > li,
.footer-contact-information-listing > li { margin-bottom: 20px; padding-left: 30px; }
.contact-information-social-listing { padding: 0 20px 20px 0; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Footer Section CSS Start -------*/

.footer-logo-info { margin-bottom: 30px; }
.footer-logo-info > a { display: inline-block; }
.footer-logo-info > a > img,
.footer-heading > h4 { margin-bottom: 30px; }
.footer-social-listing { margin-bottom: 30px; }
.quick-links-listing > li,
.quick-links-listing > li:last-child,
.footer-contact-information-listing > li:last-child { margin-bottom: 20px; }
.footer-copyright-line { margin-top: 20px; }
.copyright-info > p,
.designed-by-info > p { line-height: 25px; }
.copyright-info > p,
.designed-by-info > p { margin-top: 20px; }

  /*------- Footer Section CSS End -------*/

/*------- Home Page CSS End -------*/

/*------- About Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-ip { padding: 60px 15px; }
.box-banner-info-ip > h1 { font-size: 3.6rem; margin-bottom: 20px; }

  /*------- Banner Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-desc-ap > p:last-child { margin-bottom: 0; }

  /*------- About Us Section CSS End -------*/

  /*------- About Us More Section CSS Start -------*/

.about-more-image-1 > img { width: 100px; }
.about-info-more { margin-top: 20px; padding-right: 0; }

  /*------- About Us More Section CSS End -------*/

  /*------- Team Info Section CSS Start -------*/

.team-info-image-1 > img { width: 100px; }

  /*------- Team Info Section CSS End -------*/

  /*------- Vision, Mission, and Goal Section CSS Start -------*/

.bg-vision-mission-goal { padding-bottom: 0; }
.box-vision-mission-goal { margin: 0 0 30px 0; padding: 30px; }
.box-vision-mission-goal-image { height: auto; }
.box-vision-mission-goal-image > img { margin-bottom: 25px; }
.box-vision-mission-goal-info > h3 { font: 2.4rem/normal "Raleway-Bold"; margin-bottom: 15px; }
.box-vision-mission-goal-info > p { min-height: auto; text-align: justify; }

  /*------- Vision, Mission, and Goal Section CSS End -------*/

  /*------- Why Choose Us Section CSS Start -------*/

.bg-why-choose-us { padding-bottom: 0; }
.why-choose-us-section-heading > h2,
.why-choose-us-desc > p { margin-bottom: 20px; }
.why-choose-us-desc > p { text-align: justify; }
.box-why-choose-us { padding: 20px; }
.box-why-choose-us-col-1 { padding: 20px 0 0; position: static; }
.box-why-choose-us-col-2 { padding: 20px 0 0; position: static; }
.why-choose-us-image.reveal { height: auto; }

  /*------- Why Choose Us Section CSS End -------*/

  /*------- Our Journey Section CSS Start -------*/

.bg-our-journey { padding-bottom: 0; }
.our-journey-image-1 > img { width: 100px; }
.our-journey-image-2 > img { width: 100px; }
.our-journey-section-heading > h2,
.our-journey-img-year-desc-listing-1,
.our-journey-img-year-desc-listing-2 { margin-bottom: 20px; }
.our-journey-section-heading-2 > h3,
.our-journey-section-heading-3 > h3,
.our-journey-section-heading-4 > h3,
.our-journey-section-heading-5 > h3,
.our-journey-section-heading-6 > h3 { margin-bottom: 0; }
.our-journey-img-year-desc-listing { display: block; }
.our-journey-img-year-desc-listing > li { border-bottom: 1px dashed #666C7D; padding-right: 0; }
.our-journey-img-year-desc-listing > li:last-child { border-bottom: none; }
.our-journey-img-year-desc-listing > li::before { display: none; }
.our-journey-top-desc,
.our-journey-bottom-desc { margin: 0 auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
.our-journey-top-desc > p { margin-bottom: 20px; }
.our-journey-year { padding: 20px 0; }
.our-journey-year::before { display: none; }
.our-journey-year > p { margin: 0 auto 20px; }
.our-journey-top-img,
.our-journey-bottom-img { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

  /*------- Our Journey Section CSS End -------*/

  /*------- Key Message Owner Section Start -------*/

.box-key-message-owner-image-1 > img { width: 100px; }
.box-key-message-owner-image-2 > img { margin-bottom: 20px; }
.box-key-message-owner-info > .section-heading-1 > h2 { margin-bottom: 15px; }
.box-key-message-owner-info > p { text-align: justify; }
.box-key-message-owner-info > h5 { font-size: 1.8rem; }

  /*------- Key Message Owner Section End -------*/

/*------- About Us Page CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS Start -------*/

  /*------- Service Information Section CSS Start -------*/

.bg-service-information { padding: 0; }
.service-information-section-heading { margin-bottom: 20px; }
.service-information-info { padding: 30px; }
.service-information-desc > p { text-align: justify; }

  /*------- Service Information Section CSS End -------*/

  /*------- Inside Services Section-1 CSS Start -------*/

.inner-services-1-2-top-right-image > img,
.inner-services-1-2-bottom-left-image > img { width: 50px; }
.inside-services-info-section-1 > .section-heading-1 > h2 { margin: 20px 0 10px; }
.box-inside-services-1-icon-heading { margin-bottom: 30px; }
.inside-services-info-section-1 > p { margin-bottom: 30px; text-align: justify; }
.box-inside-services-1-icon-heading > h4 { font: 1.8rem/1.5 "Raleway-SemiBold"; }

  /*------- Inside Services Section-1 CSS End -------*/

  /*------- Inside Services Section-2 Start -------*/

.industrial-catering-solutions-image-1 > img { width: 400px; }
.industrial-catering-solutions-image { padding-bottom: 40px; }
.industrial-catering-solutions-info { padding-bottom: 20px; }
.industrial-catering-solutions-info > .section-heading-1 > h2,
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-bottom: 30px; }
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-top: 20px; }
.industrial-catering-solutions-image-info { margin-bottom: 20px; }
.industrial-catering-solutions-heading-desc > h3 { font: 2rem/1.5 "Raleway-SemiBold"; }
.industrial-catering-solutions-heading-desc > p,
.corporate-meal-plans-desc > p,
.inside-services-desc-section-2 > p { text-align: justify; }
.corporate-meal-plans-desc > p { margin-bottom: 10px; }
.industrial-catering-solutions-info-listing > li:last-child { margin-bottom: 0; }
.inside-services-info-listing-section-2 { margin-top: 20px; }
.inside-services-desc-section-2 > p:first-child,
.inside-services-info-section-2 > .section-heading-1 > h2 { margin: 30px 0; }

  /*------- Inside Services Section-2 CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS End -------*/

/*------- How We Work Page CSS Start -------*/

  /*------- Step by Step Process Section CSS Start -------*/

.how-we-work-steps-section-heading > h2 { margin-bottom: 50px; }
.timeline-content > p { text-align: justify; }

  /*------- Step by Step Process Section CSS End -------*/

/*------- How We Work Page CSS End -------*/

/*------- Careers Page CSS Start -------*/

.open-roles-section-heading > h3 { font-size: 3rem; }
.open-roles-listing > li > h2 { font-size: 2rem; }

/*------- Careers Page CSS End -------*/

/*------- Gallery Page CSS Start -------*/

.bg-gallery { padding-bottom: 0; }
.box-gallery { margin-bottom: 30px; }

/*------- Gallery Page CSS Ends -------*/

/*------- Blog Page Start -------*/

.bg-blog { padding: 30px 15px 0; }

/*------- Blog Page End -------*/

/*------- Contact Us Page CSS Start -------*/

  /*------- Contact Person Information Section CSS Start -------*/

.bg-contact-person-info { padding-bottom: 0; }
.box-contact-person-info > h4 { font-size: 2.2rem; }
.box-contact-person-image-info,
.box-contact-person-info > h5 { margin-bottom: 30px; }
.box-contact-person-info { padding: 20px 20px 20px 0; }
.box-contact-person-info > p > a { word-break: break-all; }

  /*------- Contact Person Information Section CSS End -------*/

/*------- Contact Us Page CSS End -------*/

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  
/*------- Common CSS Starts -------*/

.container-fluid { padding: 40px 15px; }
.section-heading-1 > div:first-child { font: 1.6rem/28px "Raleway-Medium"; }
.section-heading-1 > div:first-child > img,
.section-heading-2 > div > img { margin-bottom: 20px; }
.section-heading-1 > h2,
.section-heading-2 > h2 { font-size: 3rem; }
.section-heading-2 > h2::before { left: -60px; width: 40px; }
.section-heading-2 > h2::after { right: -60px; width: 40px; }
.section-heading-1 > h3 { font-size: 2rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Start -------*/

  /*------- Desktop Header Menu Section CSS Start -------*/

.bg-header-menu-desktop,
.bg-logo-navbar-menu-desktop { padding: 15px; }
.menu-listing-desktop > li { margin-right: 30px; }

  /*------- Desktop Header Menu Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.bg-slider { height: auto; padding: 0; }
.banner-slider-info { padding: 20px 40px; }
.banner-slider-info > h2 { font-size: 4rem; margin-bottom: 20px; }
.banner-slider-info > p { margin-bottom: 30px; }
.box-banner-info { bottom: 30px; width: 70%; }
.slick-dotted.slick-slider { margin-bottom: 20px; }
.bg-slider .slick-prev { bottom: 10%; left: auto; right: 60px; }
.bg-slider .slick-next { bottom: 10%; left: auto; right: 30px; }
.slider-counter { bottom: 4%; left: auto; right: 25px; }
.bg-slider .slick-dots { right: -40px; }

  /*------- Slider Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-us-section-heading { margin-bottom: 20px; }
.about-info { padding: 20px 0 0; }
.about-desc > p { margin-bottom: 10px; text-align: justify; }
.about-desc > p:last-of-type { margin-bottom: 20px; }

  /*------- About Us Section CSS End -------*/

  /*------- Services Section CSS Start -------*/

.services-image-1 > img,
.services-image-2 > img { width: 100px; }
.our-services-section-heading > h2 { margin-bottom: 50px; }
.box-services { margin-bottom: 30px; }
.box-services-image { margin-bottom: 20px; min-height: auto; }
.box-services-info > h4 { font: 1.8rem/1.5 "Raleway-Medium"; }
.box-services-info > h4 > span { display: inline; }

  /*------- Services Section CSS End -------*/

  /*------- Sectors We Serve Section CSS Start -------*/

.bg-sectors-we-serve { padding-bottom: 0; }
.sectors-we-serve-image-1 > img { width: 100px; }
.sectors-we-serve-info { padding: 20px 0 0; }
.box-sectors-we-serve,
.box-sectors-we-serve:last-child { margin-bottom: 20px; }
.box-sectors-we-serve-info > h4 { font: 1.8rem/30px "Raleway-Medium"; }
.box-sectors-we-serve-info > h4 > span { display: inline; }
.sectors-we-serve-section-heading > p { margin-bottom: 30px; }

  /*------- Sectors We Serve Section CSS End -------*/

  /*------- Excellence Section CSS Start -------*/

.bg-excellence { padding-bottom: 0; }
.excellence-info { padding: 20px 0 0; }
.excellence-section-heading > p,
.box-excellence { margin-bottom: 20px; }
.box-excellence-image { margin-bottom: 20px; min-height: auto; }
.box-excellence-info > h3 { font-size: 2.4rem; }

  /*------- Excellence Section CSS End -------*/

  /*------- Brands Section CSS Start -------*/

.bg-brands { padding-bottom: 0; }
.brands-image-1 > img { width: 100px; }
.brands-section-heading > p:last-child { margin-bottom: 20px; }
.box-brands-col-1 { margin-top: 0; }
.box-brands-image { height: 140px; margin-bottom: 20px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Brands Section CSS End -------*/

  /*------- Certifications and Awards Section CSS Start -------*/

.certifications-awards-image-1 { z-index: 0; }
.certifications-awards-image-1 > img { width: 100px; }

  /*------- Certifications and Awards Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.get-in-touch-image-1 > img { width: 100px; }
.get-in-touch-section-heading > h2 { margin-bottom: 20px; }
.box-get-in-touch-form-info::before { display: none; }
.get-in-touch-desc > p { margin: 0 auto 30px; width: 100%; }
.get-in-touch-heading > h4,
.get-in-touch-image > img,
.contact-information-heading > h4 { margin-bottom: 20px; }
.box-get-in-touch-form { padding: 20px 0; }
.box-get-in-touch-info { padding: 0; }
.form-group { margin-bottom: 20px; }
.btn-submit { width: 100%; }
.contact-information-listing { margin-bottom: 30px; }
.contact-information-listing > li,
.footer-contact-information-listing > li { margin-bottom: 20px; padding-left: 30px; }
.contact-information-social-listing { padding: 0 20px 20px 0; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Footer Section CSS Start -------*/

.footer-logo-info { margin-bottom: 30px; }
.footer-logo-info > a { display: inline-block; }
.footer-logo-info > a > img,
.footer-heading > h4 { margin-bottom: 30px; }
.footer-social-listing { margin-bottom: 30px; }
.quick-links-listing > li,
.quick-links-listing > li:last-child,
.footer-contact-information-listing > li:last-child { margin-bottom: 20px; }
.footer-copyright-line { margin-top: 20px; }
.copyright-info > p,
.designed-by-info > p { line-height: 25px; }
.copyright-info > p,
.designed-by-info > p { margin-top: 20px; }

  /*------- Footer Section CSS End -------*/

/*------- Home Page CSS End -------*/

/*------- About Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-ip { padding: 150px 15px 100px; }
.box-banner-info-ip > h1 { font-size: 3.6rem; margin-bottom: 20px; }

  /*------- Banner Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-desc-ap > p:last-child { margin-bottom: 0; }

  /*------- About Us Section CSS End -------*/

  /*------- About Us More Section CSS Start -------*/

.about-more-image-1 > img { width: 100px; }
.about-info-more { margin-top: 20px; padding-right: 0; }

  /*------- About Us More Section CSS End -------*/

  /*------- Team Info Section CSS Start -------*/

.team-info-image-1 > img { width: 100px; }

  /*------- Team Info Section CSS End -------*/

  /*------- Vision, Mission, and Goal Section CSS Start -------*/

.bg-vision-mission-goal { padding-bottom: 0; }
.box-vision-mission-goal { margin: 0 0 30px 0; padding: 30px; }
.box-vision-mission-goal-image { height: auto; }
.box-vision-mission-goal-image > img { margin-bottom: 25px; }
.box-vision-mission-goal-info > h3 { font: 2.4rem/normal "Raleway-Bold"; margin-bottom: 15px; }
.box-vision-mission-goal-info > p { min-height: auto; text-align: justify; }

  /*------- Vision, Mission, and Goal Section CSS End -------*/

  /*------- Why Choose Us Section CSS Start -------*/

.bg-why-choose-us { padding-bottom: 0; }
.why-choose-us-section-heading > h2,
.why-choose-us-desc > p { margin-bottom: 20px; }
.why-choose-us-desc > p { text-align: justify; }
.box-why-choose-us { padding: 20px; }
.box-why-choose-us-col-1 { padding: 20px 0 0; position: static; }
.box-why-choose-us-col-2 { padding: 20px 0 0; position: static; }
.why-choose-us-image.reveal { height: auto; }

  /*------- Why Choose Us Section CSS End -------*/

  /*------- Our Journey Section CSS Start -------*/

.bg-our-journey { padding-bottom: 0; }
.our-journey-image-1 > img { width: 100px; }
.our-journey-image-2 > img { width: 100px; }
.our-journey-section-heading > h2,
.our-journey-img-year-desc-listing-1,
.our-journey-img-year-desc-listing-2 { margin-bottom: 20px; }
.our-journey-section-heading-2 > h3,
.our-journey-section-heading-3 > h3,
.our-journey-section-heading-4 > h3,
.our-journey-section-heading-5 > h3,
.our-journey-section-heading-6 > h3 { margin-bottom: 0; }
.our-journey-img-year-desc-listing { display: block; }
.our-journey-img-year-desc-listing > li { border-bottom: 1px dashed #666C7D; padding-right: 0; }
.our-journey-img-year-desc-listing > li:last-child { border-bottom: none; }
.our-journey-img-year-desc-listing > li::before { display: none; }
.our-journey-top-desc,
.our-journey-bottom-desc { margin: 0 auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
.our-journey-top-desc > p { margin-bottom: 20px; }
.our-journey-year { padding: 20px 0; }
.our-journey-year::before { display: none; }
.our-journey-year > p { margin: 0 auto 20px; }
.our-journey-top-img,
.our-journey-bottom-img { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

  /*------- Our Journey Section CSS End -------*/

  /*------- Key Message Owner Section Start -------*/

.box-key-message-owner-image-1 > img { width: 100px; }
.box-key-message-owner-image-2 > img { margin-bottom: 20px; }
.box-key-message-owner-info > .section-heading-1 > h2 { margin-bottom: 15px; }
.box-key-message-owner-info > p { text-align: justify; }
.box-key-message-owner-info > h5 { font-size: 1.8rem; }

  /*------- Key Message Owner Section End -------*/

/*------- About Us Page CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS Start -------*/

  /*------- Service Information Section CSS Start -------*/

.bg-service-information { padding: 0; }
.service-information-section-heading { margin-bottom: 20px; }
.service-information-info { padding: 30px; }
.service-information-desc > p { text-align: justify; }

  /*------- Service Information Section CSS End -------*/

  /*------- Inside Services Section-1 CSS Start -------*/

.inner-services-1-2-top-right-image > img,
.inner-services-1-2-bottom-left-image > img { width: 50px; }
.inside-services-info-section-1 > .section-heading-1 > h2 { margin: 20px 0 10px; }
.box-inside-services-1-icon-heading { margin-bottom: 30px; }
.inside-services-info-section-1 > p { margin-bottom: 30px; text-align: justify; }
.box-inside-services-1-icon-heading > h4 { font: 1.8rem/1.5 "Raleway-SemiBold"; }

  /*------- Inside Services Section-1 CSS End -------*/

  /*------- Inside Services Section-2 Start -------*/

.industrial-catering-solutions-image-1 > img { width: 400px; }
.industrial-catering-solutions-image { padding-bottom: 40px; }
.industrial-catering-solutions-info { padding-bottom: 20px; }
.industrial-catering-solutions-info > .section-heading-1 > h2,
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-bottom: 30px; }
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-top: 20px; }
.industrial-catering-solutions-image-info { margin-bottom: 20px; }
.industrial-catering-solutions-heading-desc > h3 { font: 2rem/1.5 "Raleway-SemiBold"; }
.industrial-catering-solutions-heading-desc > p,
.corporate-meal-plans-desc > p,
.inside-services-desc-section-2 > p { text-align: justify; }
.corporate-meal-plans-desc > p { margin-bottom: 10px; }
.industrial-catering-solutions-info-listing > li:last-child { margin-bottom: 0; }
.inside-services-info-listing-section-2 { margin-top: 20px; }
.inside-services-desc-section-2 > p:first-child,
.inside-services-info-section-2 > .section-heading-1 > h2 { margin: 30px 0; }

  /*------- Inside Services Section-2 CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS End -------*/

/*------- How We Work Page CSS Start -------*/

  /*------- Step by Step Process Section CSS Start -------*/

.how-we-work-steps-section-heading > h2 { margin-bottom: 50px; }
.timeline-content > p { text-align: justify; }

  /*------- Step by Step Process Section CSS End -------*/

/*------- How We Work Page CSS End -------*/

/*------- Gallery Page CSS Start -------*/

.bg-gallery { padding-bottom: 0; }
.box-gallery { margin-bottom: 30px; }

/*------- Gallery Page CSS Ends -------*/

/*------- Blog Page Start -------*/

.bg-blog { padding: 30px 15px 0; }

/*------- Blog Page End -------*/

/*------- Contact Us Page CSS Start -------*/

  /*------- Contact Person Information Section CSS Start -------*/

.bg-contact-person-info { padding-bottom: 0; }
.box-contact-person-info > h4 { font-size: 2.2rem; }
.box-contact-person-image-info,
.box-contact-person-info > h5 { margin-bottom: 30px; }
.box-contact-person-info { padding: 20px 20px 20px 0; }
.box-contact-person-info > p > a { word-break: break-all; }

  /*------- Contact Person Information Section CSS End -------*/

/*------- Contact Us Page CSS End -------*/
  
}