@media (min-width:768px) {
.container {
max-width:750px;
margin:0 auto
}
}
@media (min-width:1024px) {
.container {
max-width:960px
}
}
@media (min-width:1200px) {
.container {
max-width:1140px
}
}
@media (max-width:768px) {
.nav-links {
display:none;
flex-direction:column;
background:#444;
width:100%;
position:absolute;
top:5.3rem!important;
left:0;
text-align:center;
z-index:9;
color:#fff
}
.nav-links.active {
display:flex
}
.nav-links li {
padding:15px 0
}
.menu-toggle {
display:block
}
.nav-links a {
color:#fff!important
}
.hero {
height:400px
}
.hero h1 {
font-size:2rem
}
.hero p {
font-size:1rem
}
}
@media (max-width:480px) {
.hero {
height:300px
}
.hero h1 {
font-size:1.5rem
}
.hero p {
font-size:.9rem
}
}
@media (max-width:575.98px) {
.future-ready, .future-ready-inner, .headline1, .industry-inner, .left-wrapper .title, .solution-ready-inner {
font-size:1.5rem!important
}
.hero {
min-height:300px!important
}
.hero-overlay {
width:100%!important;
height:100%!important;
border-radius:0!important;
backdrop-filter:0!important;
background:rgba(255, 255, 255, .6)!important
}
.headline2 {
font-size:1rem!important;
padding:1rem 0!important
}
.counter, .hero-content, .industry, .industry .industry-content, .solution-provide-content, .solution-we-provide, footer {
padding:1rem!important
}
button {
border:none;
padding:.2rem 1rem
}
.future-ready-inner {
padding:1rem 1em .2em!important
}
.future-ready, .left-wrapper .content {
padding:1rem 0!important
}
.info-banner {
padding:2rem 0!important
}
.left-wrapper .title {
padding:1rem 0 0
}
.left-wrapper {
margin:0 0 1rem
}
.what-we-do {
flex-direction:column-reverse!important
}
.counter-box {
padding:0 0 2rem
}
.counter-box .number {
font-size:2rem!important;
line-height:1.7rem!important
}
.counter-box .title {
font-size:.8rem!important
}
.next-one-sim img {
display:none
}
.next-one-sim .wrapper {
width:100%!important;
padding:1rem!important;
margin:0!important
}
.next-one-sim {
margin:1rem auto!important
}
.industry .industry-wrapper {
padding:0!important
}
.industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3 {
margin:0 0 3rem!important;
padding:1rem!important
}
.industry-cta .industry-wrapper {
padding:1.375rem!important
}
.future-ready .arrow-img .img-fluid img {
width:100%
}
footer .copyrights {
font-size:.7rem!important
}
}
@media only screen and (max-width:800px) and (max-height:360px) and (orientation:landscape) {
.headline1, .left-wrapper .title {
font-size:1.5rem!important
}
.hero {
min-height:238px!important
}
.hero-overlay {
width:100%!important;
height:100%!important;
border-radius:0!important;
backdrop-filter:0!important;
background:rgba(255, 255, 255, .6)!important
}
.headline2 {
font-size:1rem!important;
padding:1rem 0!important
}
.counter, .hero-content, .industry, .industry .industry-content, .solution-provide-content, .solution-we-provide, footer {
padding:1rem!important
}
button {
border:none;
padding:.2rem 1rem
}
.future-ready-inner, .industry .industry-wrapper {
padding:0!important
}
.future-ready, .left-wrapper .content {
padding:1rem 0!important
}
.future-ready, .future-ready-inner, .industry-inner, .solution-ready-inner {
font-size:2rem!important
}
.info-banner {
padding:2rem 0!important
}
.left-wrapper .title {
padding:1rem 0 0
}
.left-wrapper {
margin:0 0 1rem
}
.what-we-do {
flex-direction:column-reverse!important
}
.counter-box {
padding:0 0 2rem
}
.counter-box .number {
font-size:2rem!important;
line-height:1.7rem!important
}
.counter-box .title {
font-size:.8rem!important
}
.next-one-sim img {
display:none
}
.next-one-sim .wrapper {
width:100%!important;
padding:1rem!important;
margin:0!important
}
.next-one-sim {
margin:1rem auto!important
}
.industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3 {
margin:0 0 3rem!important;
padding:1rem!important
}
.industry-cta .industry-wrapper {
padding:1.375rem!important
}
.future-ready .arrow-img .img-fluid img {
width:100%
}
footer .copyrights {
font-size:.7rem!important
}
}
@media (min-width:768px) and (max-width:991.98px) {
.counter, .left-wrapper {
margin:0 0 2rem
}
.info-banner {
padding:1rem 0!important
}
.left-wrapper .content {
font-size:1.5rem!important;
padding:1.5rem 0!important
}
.counter {
padding:1rem!important
}
.solution-we-provide {
padding:0 1rem!important
}
.solution-provide-content {
font-size:1.2rem;
padding:0 1rem 1rem!important
}
.future-ready-inner, .industry {
padding:1rem!important
}
.industry .industry-content {
font-size:1.2rem;
padding:0 1rem!important
}
.counter-box {
padding:0 0 2rem
}
.industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3 {
margin:0 0 2rem;
padding:1rem!important
}
.industry .industry-icon {
margin-top:2rem!important
}
.headline1 {
font-size:2.15rem!important
}
}