@media (min-width: 1201px) and (max-width: 1600px) {
html { font-size: 80%; }
.approach .container { width: 1100px; }
.approach .flex-container { gap: 0em; }
.services .flex-container { width: 100%; }
.flip-box { background-color: transparent; height: 300px; }
.flip-box-front h2,
.flip-box-back h2 { margin-bottom: 5px; font-size: 1.3em; }
.experts li { width: 140px; height: 140px; }
.experts li:nth-child(2) { right: -7%; }
.experts li:nth-child(3) { right: -5%; bottom: -5%; width: 110px; height: 110px; }
.choose-us { padding: 6em 0; }
.hero .slick-slide img { height: 580px; object-fit: cover; }
}
@media (min-width: 993px) and (max-width: 1200px) {
html { font-size: 80%; }
.logo img { width: 130px; }
.header { padding: 1em 1em; }
.sticky .header { padding: 1em 2em; }
.container,
.approach .container { width: 90%; }
.banner-title h2 { font-size: 4em; }
.flip-box { background-color: transparent; height: 210px; }
.flip-box-front h2,
.flip-box-back h2 { margin-bottom: 5px; font-size: 1.3em; }
.flex-container.services-title p { flex: 0 1 calc((60% / 1) - 2rem); }
.experts li { width: 140px; height: 140px; }
.experts li:nth-child(2) { right: -4%; }
.services .flex-container { width: 100%; }
.hero .slick-slide img { height: 500px; object-fit: cover; }
}
@media (min-width: 768px) and (max-width: 992px) {
html { font-size: 80%; }
.flex-container { flex-wrap: wrap; }
.logo img { width: 130px; }
.header { padding: 2em 1em; }
.sticky .header { padding: 1em 2em; }
.container,
.approach .container { width: 90%; }
.hero-banner .slick-slide img { height: 480px; object-fit: cover; }
.banner-title h2 { font-size: 4em; }
.about .flex-container { gap: 2em; }
.services .flex-container { width: 100%; }
.services { padding: 5em 2em; }
.flip-box { flex: 1 1 calc((100% / 2) - 2rem); }
.footer .container > div:first-child { flex: 1 1 calc((100% / 1) - 1em); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.choose-us { padding: 5em 0; }
.experts li { width: 110px; height: 110px; }
.experts li h3 { font-size: 20px; }
.experts li span { font-size: 12px !important; }
.experts li:nth-child(1),
.experts li:nth-child(3) { width: 90px; height: 90px; }
.cta h2 { font-size: 3em; }
.why-choose p {
    line-height: 24px;
}
}
@media only screen and (max-width: 992px) {
nav { position: fixed; background: #ffabff; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.5s; }
.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 { cursor: pointer; background: #4e2a52; width: 40px; height: 40px; padding: 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.hamburger-menu img { width: 20px; }
.close-menu { display: block; position: absolute; top: 15px; right: 15px; }
.close-menu img { width: 20px; }
}
@media only screen and (max-width: 767px) {
html { font-size: 80%; }
p { line-height: 26px !important; }
.flex-container { flex-wrap: wrap; }
.logo img { width: 100px; }
.header,
.sticky .header { padding: 0.5em 1em; }
.container,
.approach .container { width: 90%; }
.hero-banner .slick-slide img { height: 70vh; object-fit: cover; }
.banner-title { width: 100%; }
.banner-title h2 { font-size: 2em; line-height: 38px; font-weight: 700; }
.about .flex-container { gap: 0; }
.about { padding: 4em 0; background: #1a1a1a; }
.angels-title { font-size: 2em; }
.about .about-content,
.about .about-slider,
 .why-choose ul li { flex: 0 1 calc((100% / 1) - 1em); }
.why-choose ul li feimage { width: 60px; height: 60px; }
.about .about-slider { margin-top: 3em; }
.services { padding: 3em 1em; }
.services .flex-container { width: 100%; }
.flex-container.services-title { flex-flow: column; margin-bottom: 2em; }
.services .flex-container { gap: 1.5em; }
.flip-box-front h2 { font-size: 1.3em; bottom: 25px; }
.flip-box { flex: 1 1 calc((100% / 1) - 2rem); }
.cta h2 { font-size: 2em; width: 100%; }
.experts li { width: 120px; height: 120px; }
.experts li:nth-child(1) { width: 100px; height: 100px; left: -3%; }
.experts li:nth-child(2) { right: -4%; }
.experts li:nth-child(3) { right: -4%; bottom: -3%; width: 100px; height: 100px; }
.experts li h3 { font-size: 18px; }
.why-choose h3 { font-size: 1.5em; }
.experts li span { font-size: 14px !important; }
.footer .flex-container { gap: 2em; }
.footer .container > div { flex: 1 1 calc((100% / 1) - 1em); }
.footer-left p,
.timeing ul li { margin-top: 0px; }
.footer-left img { margin-bottom: 20px; }
.general-enquiries ul li { padding: 0; }
.general-enquiries h2,
.timeing h2 { margin-bottom: 15px; }
}