@media only screen and (max-width: 767px) {
html { font-size: 80%; }
p { font-size: 1.3em; }
.container { width: 90% !important; }
.container-flex { display: block; }
.phoenixeng-title { font-size: 2em; }
.logo img { width: 140px; }
.home .header { padding: 1em 1em; }
.header { padding: 1em 1em; }
.header .black-but { padding: 15px 4px; margin: 0; position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 0; background: #093048; text-align: center; border-color: #093048; color: #fff; font-size: 1.4em; }
.banner-content-left { margin: 20px 0 40px 0; }
.hero-banner .slick-slide img { width: 100%; height: 900px; object-fit: cover; }
.banner-content { width: 90%; }
.banner-content .phoenixeng-title { font-size: 2.2em; margin-top: 3em; }
.banner-form ul li input,
.banner-form ul li textarea { padding: 6px 10px; }
.solutions { padding: 0 1em; }
.solutions-grid { margin-bottom: 20px; display: flex; flex-wrap: wrap; flex-direction: column; background: #000; }
.industries { padding: 4em 1em; }
.injection-left,
.injection-right { margin-top: 2em; }
.services-grid { margin-bottom: 30px; }
.footer-grid { margin-bottom: 30px; }
.offer h3 { margin-bottom: 20px; }
.offer { padding: 3em 0; }
.industries-left,
.industries-right { flex: 1 1 calc((100% / 2) - 4em); margin-bottom: 30px; }
.services-min { padding: 3em 0; margin: 3em 0; }
.services-grid aside h3 { padding: 12px 18px; }
.footer ul li { padding: 5px 0 5px 15px; }
.footer ul li a { font-size: 1.2em; }
.solutions-grid img { height: 400px; }
.right-overlay { order: 3; position: relative; left: 0; bottom: 0; width: 100%; border-radius: 0; }
.left-overlay { position: relative; color: #fff; left: 0; top: 0; width: 100%; z-index: 1; padding: 15px; background: #cb2c21; order: 2; }
.left-overlay p { margin-top: 10px; position: relative; display: block; }
.solutions-grid figure:before { display: none; }
.industries-right ul li { padding: 10px 0; }
.footer { padding: 3em 0 5em 0; }
.copyright { flex-wrap: wrap; justify-content: center; }
.footer .copyright ul li { padding: 10px 10px; }
.solutions-grid .black-but { position: relative; bottom: 0; left: 0; order: 4; border-radius: 0px; font-size: 16px; }
.services-min-grid { padding: 0 1em; text-align: center; }
.service-grid { padding-left: 0em; }
.service-banner img { height: 160px !important; object-fit: cover; }
.service-banner h2 { font-size: 1.5em; left: 10%; }
.services-menu { gap: 1em; }
.services-menu li { flex: 1 1 calc((100% / 1) - 4em); }
.contect-left h2 { font-size: 3em; line-height: 1.2; }
}
 @media only screen and (max-width: 992px) {
.menu { display: flex !important; }
.nav { margin-left: 0; background: #093048; position: fixed; left: -100%; top: 0; height: 100%; border-top: solid 3px #f8cf27; width: 100%; transition: 0.1s; }
.open-menu .nav { left: 0; z-index: 99; transition: 0.1s; }
.nav ul { margin-right: 0; margin-top: 3em; }
.nav ul li { display: inline-block; width: 100%; padding: 15px; border-bottom: solid 1px #eee; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.toggle-menu { display: inline-block; margin-left: auto; z-index: 99; width: 30px; height: 20px; position: relative; order: 3; }
.toggle-menu:before { content: ""; width: 100%; height: 20px; border: solid #fff; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 20px; top: 30px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #fff; transform: rotate(-45deg); transition: 0.1s; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.container-flex { flex-wrap: wrap; }
.container { width: 90% !important; }
.header .black-but { margin: 0 auto; }
.hero-banner .slick-slide img { height: 600px; }
.banner-content { width: 90%; margin-top: 2em; }
.solutions-grid { flex: 1 1 calc((100% / 2) - 4em); }
.services-grid { flex: 1 1 calc((100% / 3) - 4em); }
.footer-grid { flex: 1 1 calc((100% / 2) - 4em); }
.banner-content .container-flex { gap: 2em; }
.banner-form { flex: 1 1 calc((38% / 1) - 4em); }
.phoenixeng-title { font-size: 2.6em; }
.banner-form ul li input,
.banner-form ul li textarea { padding: 5px 10px; }
.banner-form ul li { margin-bottom: 10px; }
.right-overlay { width: 40%; }
.services-min-grid { padding: 0 1em; text-align: center; }
.service-grid { padding-left: 0em; }
.service-banner img { height: 240px !important; object-fit: cover; }
.service-banner h2 { left: 10%; }
.contect-left h2 { font-size: 4em; line-height: 1.2; }
}
 @media (min-width: 1024px) and (max-width: 1365px) {
html { font-size: 90%; }
.container-flex { flex-wrap: wrap; }
.container { width: 90% !important; }
.phoenixeng-title { font-size: 2.5em; }
.logo img { width: 160px; }
.header { padding: 1em 1em; }
.nav ul li { display: inline-block; padding: 0 10px; }
.hero-banner .slick-slide img { height: 600px; }
.solutions-grid img { height: 330px; }
.banner-content { width: 900px; margin-top: 2em; }
.footer-grid img { margin-bottom: 20px; width: 200px; }
.banner-form { flex: 1 1 calc((47% / 1) - 4em); }
.black-but { padding: 9px 10px; }
.banner-content .phoenixeng-title { font-size: 3em; }
.nav ul { margin-right: 0; }
.solutions .container-flex { gap: 1em; }
.solutions-grid h3 { font-size: 1.4em; left: 6%; top: 5%; width: 90%; }
.industries-left strong { font-size: 2em; margin-bottom: 30px; }
.footer .container-flex { gap: 3em; }
.left-overlay { width: 40%; }
.contect-left h2 { font-size: 3.5em; }
.footer-grid:nth-child(3) { flex: 1 1 calc((25% / 1) - 4em); }
.footer-grid { flex: 1 1 calc((86% / 4) - 4em); }
}
 @media (min-width: 1366px) and (max-width: 1600px) {
.container-flex { flex-wrap: wrap; }
.container { width: 90% !important; }
.logo img { width: 160px; }
.header { padding: 1em 1em; }
.nav ul li { display: inline-block; padding: 0 10px; }
.hero-banner .slick-slide img { height: 600px; }
.solutions-grid img { height: 400px; }
.banner-content { margin-top: 2em; width: 80%; }
.footer-grid img { margin-bottom: 20px; width: 200px; }
.banner-form { flex: 1 1 calc((40% / 1) - 4em); }
.banner-content-left { flex: 1 1 calc((55% / 1) - 4em); }
.black-but { padding: 9px 10px; }
.banner-content .phoenixeng-title { font-size: 3em; }
.nav ul { margin-right: 0; }
.solutions .container-flex { gap: 1em; }
.solutions-grid h3 { font-size: 1.4em; left: 6%; top: 5%; width: 90%; }
.industries-left strong { font-size: 2em; margin-bottom: 30px; }
.footer .container-flex { gap: 3em; }
.cta .container { width: 767px !important; }
.contect-left h2 { font-size: 5em; }
}