@media only screen and (max-width: 1320px) {
  .container {
    max-width: 980px;
  }
  header .container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  footer {
    padding: 80px 0 48px 0;
  }
  footer .container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  .introduction,
  .about-us,
  .our-services,
  .our-case-studies,
  .why-choose-us,
  .call-to-action,
  .our-blogs,
  .recent-posts,
  .contact-info,
  .case-study-stats,
  .case-study-content,
  .case-study-summary,
  .case-study-contact {
    padding: 80px 0;
  }
  .about-us .top,
  .our-services .top,
  .our-case-studies .top,
  .why-choose-us .top,
  .case-study-stats .top,
  .case-study-content .top {
    margin-bottom: 32px;
  }
  .introduction .txt .title {
    font-size: 86px;
  }
  .introduction .txt .description {
    margin-bottom: 32px;
  }
  .introduction .txt .description p {
    font-size: 24px;
  }
  .about-us .col,
  .case-study-content .col {
    gap: 60px;
  }
  .about-us .all {
    margin-top: 32px;
  }
  .about-us .all .one .inner {
    height: 180px;
  }
  .services {
    grid-row-gap: 24px;
    grid-column-gap: 24px;
  }
  .case-studies .one {
    margin-bottom: 48px;
  }
  .why-choose-us .reasons {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
  }
  .call-to-action .row {
    padding: 60px;
  }
  .common-landing,
  .contact-page {
    padding: 160px 0 80px 0;
  }
  .common-landing .main-img {
    margin-top: 32px;
  }
  .our-blogs .blogs {
    grid-row-gap: 48px;
    grid-column-gap: 32px;
  }
  .pagination:has(span) {
    padding-top: 48px;
  }
  .recent-posts .all {
    margin-top: 24px;
    grid-row-gap: 24px;
    grid-column-gap: 24px;
  }
  .contact-page .left,
  .case-study-contact .left {
    padding-right: 80px;
  }
  .contact-page .left .top,
  .case-study-contact .left .top {
    margin-bottom: 32px;
  }
  .blog-content {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 1024px) {
  body {
    padding-top: 72px;
  }
  .menu-btn {
    display: block;
  }
  header {
    padding: 12px 0;
  }
  header .row {
    gap: 0;
    padding: 0 0 0 44px;
  }
  header nav {
    display: none;
  }
  header nav.open {
    display: block;
    position: absolute;
    background-color: #1a1a1a;
    width: 268px;
    left: 0;
    top: 72px;
    height: 100vh;
    overflow-y: scroll;
    padding: 120px 0 280px 0;
    -ms-box-shadow: 0px 6px 20px rgba(0,0,0,.16);
    -o-box-shadow: 0px 6px 20px rgba(0,0,0,.16);
    box-shadow: 0px 6px 20px rgba(0,0,0,.16);
    transition-timing-function: ease-in;
    animation: slide-from-left 0.4s;
    animation-fill-mode: both;
  }
  header nav.open ul {
    display: block;
    padding: 0;
  }
  header nav.open ul li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.04);
    margin: 0;
  }
  header nav.open ul li a {
    padding: 0 20px;
    line-height: 48px;
    height: 48px;
    display: block;
    color: rgba(255, 255, 255, 0.68);
  }
  header nav.open ul li ul {
    position: relative;
    animation: none;
    top: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 100%;
    border-radius: 0px;
  }
  header nav.open ul li ul::after {
    display: none;
  }
  header nav.open ul li ul li:last-child {
    border-bottom: none;
  }
  header nav.open ul li ul li a {
    padding: 0 0 0 28px;
    color: rgba(255, 255, 255, 0.68);
  }
  header nav.open ul li ul li:hover {
    background-color: transparent;
  }
  header nav.open ul li ul li.current-menu-item a {
    color: var(--color-accent);
  }
  header.fixed {
    padding: 12px 0;
  }
  .container {
    max-width: 680px;
  }
  footer {
    padding: 60px 0 40px 0;
  }
  footer .bottom {
    display: block;
  }
  footer .bottom ._l,
  footer .bottom ._r {
    text-align: center;
  }
  footer .bottom ._m {
    margin: 16px 0;
    justify-content: center;
  }
  footer .bottom ._r {
    justify-content: center;
  }
  .introduction,
  .about-us,
  .our-services,
  .our-case-studies,
  .why-choose-us,
  .call-to-action,
  .our-blogs,
  .recent-posts,
  .contact-info,
  .case-study-stats,
  .case-study-content,
  .case-study-summary,
  .case-study-contact,
  .common-landing,
  .contact-page {
    padding: 68px 0;
  }
  .about-us .top,
  .our-services .top,
  .our-case-studies .top,
  .why-choose-us .top,
  .case-study-stats .top,
  .case-study-contact .left .top,
  .case-study-content .top,
  .contact-page .left .top {
    margin-bottom: 24px;
  }
  .about-us .col {
    display: block;
  }
  .about-us .left,
  .about-us .right {
    width: 100%;
  }
  .about-us .left {
    margin-bottom: 48px;
  }
  .services {
    display: block;
  }
  .services .one {
    margin-bottom: 24px;
  }
  .services .one:last-child {
    margin-bottom: 0;
  }
  .case-studies .one {
    margin-bottom: 32px;
  }
  .case-studies .one .row {
    display: block;
  }
  .case-studies .one .row .img,
  .case-studies .one .row .desc {
    width: 100%;
  }
  .case-studies .one .desc {
    padding: 32px;
  }
  .case-studies .one .desc .m-t-auto {
    margin-top: 32px;
  }
  .why-choose-us .reasons {
    display: block;
  }
  .why-choose-us .reasons .one {
    margin-bottom: 12px;
  }
  .why-choose-us .reasons .one:last-child {
    margin-bottom: 0;
  }
  .call-to-action .row {
    display: block;
  }
  .call-to-action .row .left,
  .call-to-action .row .right {
    width: 100%;
    display: block;
  }
  .call-to-action .row .left h1 {
    font-size: 80px;
  }
  .call-to-action .row .left h1 br {
    display: none;
  }
  .call-to-action .row .right .m-t-auto {
    margin-top: 32px;
  }
  .case-study-content .col {
    display: block;
  }
  .case-study-content .col .left,
  .case-study-content .col .right {
    width: 100%;
  }
  .case-study-content .col .left {
    margin-bottom: 48px;
  }
  .case-study-stats .all {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 6px;
    grid-column-gap: 6px;
  }
  .case-study-contact .col {
    display: block;
  }
  .case-study-contact .col .left,
  .case-study-contact .col .right {
    padding: 0;
    width: 100%;
  }
  .case-study-contact .left .icon {
    display: none;
  }
  .contact-page .col {
    display: block;
  }
  .contact-page .col .left,
  .contact-page .col .right {
    padding: 0;
    width: 100%;
  }
  .contact-page .left .icon {
    display: none;
  }
  .common-landing .share-row {
    display: block;
  }
  .common-landing .share-row .mar-l-a {
    margin: 16px 0 0 0;
  }
  .common-landing .share-row .mar-l-a .center-right {
    justify-content: flex-start;
  }
  .common-landing .main-img {
    margin-top: 24px;
  }
  .our-blogs .blogs {
    display: block;
  }
  .our-blogs .blogs .blog {
    margin-bottom: 48px;
  }
  .our-blogs .blogs .blog:last-child {
    margin-bottom: 0;
  }
  .blog-content {
    padding: 48px 0;
  }
  .recent-posts .all {
    display: block;
  }
  .recent-posts .all .one {
    margin-bottom: 32px;
  }
  .recent-posts .all .one:last-child {
    margin-bottom: 0;
  }
  .contact-info .all {
    display: block;
  }
  .contact-info .all .one {
    margin-bottom: 24px;
  }
  .contact-info .all .one:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 720px) {
  .container {
    max-width: 480px;
  }
  footer .top {
    display: block;
  }
  footer .top .left,
  footer .top .right {
    width: 100%;
  }
  footer .top .left {
    margin-bottom: 32px;
  }
  .introduction .txt .title {
    font-size: 68px;
  }
  .introduction .txt .description p {
    font-size: 20px;
  }
  .introduction .txt .btns button {
    height: 48px;
    line-height: 52px;
    font-size: 20px;
    padding: 0 32px;
  }
  .about-us .all {
    display: block;
  }
  .about-us .all .one {
    margin-bottom: 16px;
  }
  .about-us .all .one .inner {
    height: 148px;
  }
  .about-us .all .one:last-child {
    margin-bottom: 0;
  }
  .call-to-action .row {
    padding: 48px;
  }
  .case-study-content .left .description p {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .common-landing .container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  .recent-posts .all .one h3 {
    font-size: 22px;
  }
  .recent-posts .all .one h4 {
    font-size: 18px;
  }
  .form form {
    display: block;
  }
}
@media only screen and (max-width: 512px) {
  .container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  header:after {
    position: absolute;
    content: "";
    height: 1px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1d1d1d;
  }
  header .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  header .row {
    padding: 0 0 0 56px;
  }
  header .logo img {
    height: 20px;
  }
  header .btns button {
    padding: 0 24px;
  }
  footer {
    padding: 48px 0 32px 0;
  }
  footer .logo {
    margin-bottom: 12px;
  }
  footer .logo img {
    height: 32px;
  }
  footer .top .tr {
    display: block;
  }
  footer .top .tr .right-right {
    margin-top: 32px;
  }
  .hero-banner .display-block {
    display: none;
  }
  .hero-banner .display-none {
    display: block;
  }
  .introduction,
  .about-us,
  .our-services,
  .our-case-studies,
  .why-choose-us,
  .call-to-action,
  .our-blogs,
  .recent-posts,
  .contact-info,
  .case-study-stats,
  .case-study-content,
  .case-study-summary,
  .case-study-contact,
  .common-landing,
  .contact-page {
    padding: 48px 0;
  }
  .introduction {
    padding-bottom: 24px;
  }
  .introduction .txt .title {
    font-size: 52px;
  }
  .introduction .txt .description {
    margin-bottom: 24px;
  }
  .introduction .txt .description p {
    font-size: 16px;
  }
  .about-us {
    padding-top: 24px;
  }
  .about-us .left .display-block {
    display: none;
  }
  .about-us .left .display-none {
    display: block;
  }
  .about-us .right .top h1,
  .our-services .top h1,
  .our-case-studies .top h1,
  .why-choose-us .top h1,
  .common-landing h1.title,
  .case-study-content .left h1,
  .case-study-stats .top h1,
  .case-study-summary h1,
  .case-study-contact .top h1,
  .contact-page .left h1 {
    font-size: 44px;
  }
  .case-studies .one .img .display-block {
    display: none;
  }
  .case-studies .one .img .display-none {
    display: block;
  }
  .case-studies .one .desc {
    padding: 24px;
  }
  .case-studies .one .desc h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .case-studies .one .desc .m-t-auto {
    margin-top: 20px;
  }
  .why-choose-us .reasons .one {
    border-radius: 0 8px 8px 0;
    padding: 16px;
  }
  .why-choose-us .reasons .one .row {
    gap: 16px;
  }
  .call-to-action .row {
    padding: 40px 28px 32px 28px;
  }
  .call-to-action .row .left h1 {
    font-size: 48px;
  }
  .call-to-action .row .right h3 {
    font-size: 20px;
  }
  .call-to-action .row hr {
    margin: 24px 0;
  }
  .case-study-stats .all .one .inner {
    height: 176px;
  }
  .case-study-stats .all .one h1 {
    font-size: 36px;
  }
  .blog-content {
    padding: 36px 0;
  }
  .recent-posts .all .one .col-has-image {
    display: block;
  }
  .recent-posts .all .one .col-has-image .img,
  .recent-posts .all .one .col-has-image .desc {
    width: 100%;
  }
  .recent-posts .all .one .col-has-image .img .display-block {
    display: none;
  }
  .recent-posts .all .one .col-has-image .img .display-none {
    display: block;
  }
  .recent-posts .all .one .col-has-image .desc {
    padding: 20px 16px 24px 16px;
  }
  .recent-posts .all .one .col-has-image .desc .m-t-auto {
    margin-top: 12px;
  }
  .form .check-options {
    margin-top: 8px;
  }
  .form .check-options span.wpcf7-checkbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-info .all .one .gap-24 {
    gap: 12px;
  }
  .contact-info .all .one h5,
  .contact-info .all .one p.large {
    font-size: 16px;
  }
  .contact-info .all .one p.large {
    margin-top: 4px;
  }
}/*# sourceMappingURL=responsive.css.map */