@media (min-width: 1201px) and (max-width: 1600px) {
html { font-size: 90%; }
.flex-container { flex-wrap: wrap; }
.container { width: 1100px !important; }
.approach .flex-container { gap: 0em; }
.hero-slider .slick-slide img { height: 700px; }
.banner-title { left: 6%; width: 60%; }
.banner-title p { font-size: 24px; margin-top: 30px; }
.approach-box feimage:after { height: 28px; }
.banner-title h2 { font-size: 4.5em; }
}
@media (min-width: 993px) and (max-width: 1200px) {
html { font-size: 80%; }
.flex-container { flex-wrap: wrap; }
.logo img { width: 130px; }
.header { padding: 2em 1em; }
.sticky .header { padding: 1em 2em; }
.foster-title { font-size: 2.5em; padding-bottom: 0; }
.container,
.approach .container { width: 90%; }
.hero-slider { height: auto; padding: 4em 0; }
.banner-title h2 { font-size: 4.1em; }
.text1 { animation-name: text; animation-duration: 4s; animation-iteration-count: 1; }
.banner-title { left: 7%; }
.banner-title p { margin-top: 1em; }
.about { overflow: hidden; }
.approach .flex-container { gap: 0em; }
.approach-box:nth-child(even) div feimage:after { height: 26px; }
.approach-box feimage { width: 60px; padding: 10px; height: 60px; }
.approach-box aside { text-align: center; }
.about p { line-height: 30px; }
.our-services .flex-container { gap: 1em; }
.service-box { flex: 1 1 calc((100% / 3) - 2rem); height: 405px; text-align: center; }
.service-box h3 { font-size: 1.7em; }
.back { padding: 4em 2em; height: 100%; }
.back ul { margin-top: 10px; display: inline-block; }
.our-services,
.approach,
.gallery,
.about { padding-bottom: 10em; }
.grid-wrapper { grid-gap: 14px; grid-template-columns: auto; grid-auto-rows: 250px; }
.foster-title:before { height: 60px; top: -10px; }
.form-map { padding: 3em 0; }
.left-form,
.right-map { flex: 1 1 calc((50% / 1) - 3rem); }
.left-form .foster-title { font-size: 2.5em; margin-bottom: 30px; }
.general-enquiries { margin-top: 30px; flex: 0 1 calc((50% / 1) - 2rem); }
.general-enquiries ul li { padding: 10px 0 0 0; }
.service-box img { height: 276px; }
.gallery .container { width: 800px; }
.approach-box aside p { line-height: 18px; }
.gallery .gallery-slider:before,
.gallery .gallery-slider:after { width: 90px; height: 90px; }
}
@media (min-width: 768px) and (max-width: 992px) {
html { font-size: 90%; }
.flex-container { flex-wrap: wrap; }
.header { padding: 2em 1em; }
.sticky .header { padding: 1em 2em; }
.foster-title { font-size: 2.5em; padding-bottom: 0; }
.container,
.approach .container { width: 90%; }
.gallery .container { width: 80%; }
.header .foster-but { font-size: 2em; }
.banner-title { position: absolute; left: 5%; height: auto; top: 34%; width: 100%; }
.service-box img { height: 310px; }
.banner-title h2 { font-size: 4em; }
.text1 { animation-name: text; animation-duration: 4s; animation-iteration-count: 1; }
 @keyframes text { 0% {
 margin-bottom: -80px;
}
 30% {
 letter-spacing: 4px;
 margin-bottom: -80px;
}
 85% {
 letter-spacing: 2px;
 margin-bottom: -40px;
}
 100% {
 margin-bottom: 0px;
}
}
.about { overflow: hidden; }
.approach .flex-container:before { display: none; }
.approach-box { flex: 1 1 calc((100% / 2) - 0rem); }
.approach-box:nth-child(even) div { order: 0; padding-bottom: 4em; padding-top: 0; }
.approach-box:nth-child(even) div feimage:after { top: 100%; bottom: auto; }
.approach-box { flex: 1 1 calc((100% / 3) - 2rem); }
.approach-box aside { text-align: center; }
.about p { font-size: 1em; line-height: 24px; }
.our-services .flex-container { gap: 1em; }
.service-box { flex: 1 1 calc((100% / 2) - 2rem); height: 443px; text-align: center; }
.back { padding: 4em 2em; height: 100%; }
.back ul { margin-top: 10px; display: inline-block; }
.our-services,
.approach,
.gallery,
.about { padding-bottom: 5em; }
.grid-wrapper { grid-gap: 14px; grid-template-columns: auto; grid-auto-rows: 250px; }
.foster-title:before { height: 60px; top: -32px; }
.form-map { padding: 3em 0; }
.left-form,
.right-map { flex: 1 1 calc((50% / 1) - 3rem); }
.left-form .foster-title { font-size: 2.5em; margin-bottom: 30px; }
.general-enquiries { margin-top: 30px; flex: 0 1 calc((50% / 1) - 2rem); }
.general-enquiries ul li { padding: 10px 0 0 0; }
.gallery .slick-next:before,
.gallery .slick-prev:before { font-size: 30px; }
.hero-slider .slick-slide { height: 830px; }
.hero-slider .slick-slide img { width: 80%; }
.banner-title { width: 100%; left: 0; padding: 0 40px; position: relative; margin-top: 0; top: 16%; transform: none; }
.banner-title p { font-size: 24px; display: inline-block; margin-top: 24px; line-height: normal; }
.hero-slider feimage { position: absolute; bottom: 0; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
.mobile-banner { display: block !important; }
.desktop-banner { display: none !important; }
}
@media only screen and (max-width: 992px) {
nav { position: fixed; background: #e74045; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.5s; padding-top: 5em; }
.open-menu nav { left: 0%; transition: 0.5s; }
.header nav ul li { display: inline-block; padding: 0px 0px; width: 100%; font-size: 1.5em; font-weight: 600; }
.header nav ul li a { color: #fff; padding: 10px 20px; }
.header nav ul li a:hover { background: #fff; }
.hamburger-menu { display: block; cursor: pointer; }
.hamburger-menu img { width: 38px; background: #e74045; padding: 6px; border-radius: 0px; }
.close-menu { display: block; position: absolute; top: 15px; right: 15px; cursor: pointer; }
.close-menu img { width: 24px; }
.approach-desktop { display: none !important; }
.our-approach-mobile { display: block !important; margin-top: 2em; }
}
@media only screen and (max-width: 767px) {
html { font-size: 80%; }
.flex-container { flex-wrap: wrap; }
.logo img,
.sticky .logo img { width: 170px; }
.header { padding: 2em 1em; }
.sticky .header { padding: 1em 1em; }
.header .foster-but { display: none; }
.foster-title { font-size: 2.5em; padding-bottom: 0; }
.container,
.gallery .container { width: 90%; }
.approach .container { width: 100%; }
.mobile-banner { display: block !important; }
.desktop-banner { display: none !important; }
.hero-slider { height: 100vh; position: relative; }
.hero-slider .slick-slide img { height: auto; }
.banner-title { width: 100%; left: 0; padding: 0 13px; position: relative; margin-top: 0; top: 20%; transform: none; }
.hero-slider feimage { position: absolute; bottom: 14%; }
.hero-slider .slick-slide { height: 100vh; }
.banner-title p { font-size: 18px; margin-top: 12px; }
.growth { margin-right: 4px; }
.banner-title h2 { font-size: 2.3em; }
.approach .flex-container:before { display: none; }
.approach-box { flex: 1 1 calc((100% / 2) - 2em); position: relative; }
.approach-box:nth-child(even) div { order: 0; padding-bottom: 4em; padding-top: 0; }
.approach-box:nth-child(even) div span:after { height: 35px; top: 100%; margin-top: 7px; bottom: 100%; margin-bottom: 0; }
.approach-box aside { text-align: center; }
.about p { font-size: 1.2em; line-height: 26px; }
.approach-box:first-child:before { content: ""; width: 241px; background: #fff; height: 2px; position: absolute; left: 65%; top: 25px; }
.approach-box:nth-child(2):before { content: ""; width: 2px; background: #fff; height: 176px; position: absolute; left: 100%; top: 26px; }
.approach-box:nth-child(3):before { content: ""; width: 339px; background: #fff; height: 2px; position: absolute; left: 0%; top: 25px; }
.approach-box:nth-child(3):after { content: ""; width: 2px; background: #fff; height: 176px; position: absolute; left: 0%; top: 26px; }
.approach-box:nth-child(5):before { content: ""; width: 241px; background: #fff; height: 2px; position: absolute; left: 0%; top: 25px; }
.approach-box feimage:after { display: none; }
.our-services .flex-container { gap: 1em; }
.service-box { flex: 1 1 calc((100% / 1) - 2rem); height: 393px; text-align: center; }
.service-box h3 { font-size: 1.8em; }
.back { padding: 4em 2em; height: 100%; }
.back ul { margin-top: 10px; display: inline-block; }
.our-services,
.approach,
.gallery,
.about { padding-bottom: 5em; }
.grid-wrapper { grid-gap: 14px; grid-template-columns: auto; grid-auto-rows: 130px; }
.foster-title:before { height: 60px; top: -10px; }
.form-map { padding: 3em 0; }
.left-form,
.right-map { flex: 1 1 calc((100% / 1) - 2rem); text-align: center; }
.left-form .foster-title { font-size: 2.5em; margin-bottom: 30px; }
.back ul li { padding: 4px 0; font-size: 1.4em; }
.footer-left,
.general-enquiries { flex: 1 1 calc((100% / 1) - 2rem); text-align: center; }
.general-enquiries { margin-top: 30px; }
.general-enquiries ul li { padding: 10px 0 0 0; }
.service-box img { height: 254px; }
.approach-box feimage { width: 50px; padding: 6px; display: flex; height: 50px; }
.approach-box:nth-child(even) div feimage:after { top: 100%; bottom: auto; }
.approach-box > div { padding-bottom: 2em !important; }
.approach-box aside p { line-height: 16px; }
.gallery-slider { padding: 10px; }
.gallery .gallery-slider:before { width: 40px; height: 40px; border-width: 4px 0 0 4px; }
.gallery .gallery-slider:after { width: 40px; height: 40px; border-width: 0px 4px 4px 0; }
.left-form ul li:last-child { flex: 0 1 calc((150px / 1) - 0em); }
.right-map iframe { height: 270px; }
.footer { padding: 6em 0 2em 0; }
.cta p { font-size: 2em; }
.cta { padding: 3em 0 4em 0; }
.cta h2 { font-size: 3em; }
}
@media only screen and (max-width: 320px) {
.banner-title h2 { font-size: 2.4em; }
.approach-box:first-child:before { content: ""; width: 208px; background: #fff; height: 2px; position: absolute; left: 65%; top: 25px; }
.approach-box:nth-child(2):before { content: ""; width: 2px; background: #fff; height: 193px; position: absolute; left: 100%; top: 26px; }
.approach-box:nth-child(3):before { content: ""; width: 289px; background: #fff; height: 2px; position: absolute; left: 0%; top: 25px; }
.approach-box:nth-child(3):after { content: ""; width: 2px; background: #fff; height: 193px; position: absolute; left: 0%; top: 26px; }
.approach-box:nth-child(5):before { content: ""; width: 208px; background: #fff; height: 2px; position: absolute; left: 0%; top: 25px; }
}