@media screen and (max-width: 767px) {
  h4, h5 {
    font-size: 22px;
    line-height: 30px;
  }

  .navbar-outer, .home-02-container {
    margin-left: 24px;
    margin-right: 24px;
  }

  .anchor-position {
    padding-top: 110px;
  }

  .hidden-mobile {
    display: none;
  }

  .footer-btn-wrap {
    display: flex;
    flex-direction: column;
  }

  .btn-group-stores {
    justify-content: space-between;
  }

  .responsive-show {
    flex-flow: column;
    margin-top: 10px;
  }

  .nav-dropdown-toggle {
    display: block;
  }

  .nav-dropdown-toggle.w--open {
    margin-left: 0;
  }

  .navbar-outer {
    max-width: 100%;
  }

  .nav-list-item {
    margin-bottom: 10px;
  }

  .nav-dropdown {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .sign-button._01 {
    margin-top: 20px;
  }

  .dropdown-list {
    position: static;
  }

  .dropdown-list.w--open {
    position: relative;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 30px;
  }

  .login-button {
    margin-bottom: 10px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .large-heading {
    font-size: 70px;
    line-height: 75px;
  }

  .heading-03 {
    font-size: 36px;
    line-height: 42px;
  }

  .sub-heading-02 {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-04 {
    font-size: 32px;
    line-height: 40px;
  }

  .sub-heading-04 {
    font-size: 20px;
    line-height: 24px;
  }

  .sub-heading-05 {
    font-size: 16px;
    line-height: 30px;
  }

  .sub-heading-01 {
    font-size: 30px;
    line-height: 38px;
  }

  .sub-heading-03 {
    font-size: 22px;
    line-height: 30px;
  }

  .sub-heading-03.white {
    white-space: normal;
  }

  .testimonial-text-02 {
    font-size: 20px;
    line-height: 24px;
  }

  .testimonial-text-03 {
    font-size: 16px;
    line-height: 30px;
  }

  .home-01-container {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .home-01-hero-content {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-01-img-wrap {
    margin-top: -150px;
  }

  .tag-section {
    padding-bottom: 110px;
  }

  .service-01-inner {
    margin-top: 60px;
  }

  .service-01-card-list {
    width: 100%;
  }

  .service-01-card {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .content-01-img-box {
    padding: 40px;
  }

  .content-01 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .content-03-inner {
    margin-top: 40px;
  }

  .features-01-img-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .heading-02, .heading-01 {
    font-size: 50px;
    line-height: 58px;
  }

  .title {
    font-size: 45px;
    line-height: 52px;
  }

  .workflow-card-wrapper {
    margin-top: 40px;
  }

  .workflow-text {
    max-width: 90%;
  }

  .state {
    padding-top: 120px;
  }

  .header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
  }

  .blogs-01 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .blogs-01-wrapper {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .blog-container {
    height: 250px;
  }

  .blog-details {
    margin-top: -90px;
  }

  .blog-details-container {
    padding: 40px;
  }

  .blog-single-bottom {
    flex-flow: column;
    align-items: flex-start;
  }

  .social {
    margin-top: 20px;
  }

  .blog-divider._01 {
    border-top: 1px dashed #e2e2e2;
    border-right-style: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .cta-container {
    margin-top: -220px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .footer-form-block {
    background-color: #fff0;
    border-style: none;
    flex-direction: column;
    height: auto;
    padding-left: 0;
    overflow: visible;
  }

  .footer-form-field {
    background-color: #6994f2;
    background-position: 19px 52%;
    border-radius: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 54px;
  }

  .footer-form-submit {
    margin-top: 20px;
    padding: 12px 24px;
  }

  .footer-divider {
    margin-top: 100px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-container {
    padding-top: 100px;
  }

  .nav-item-white.w--open {
    margin-left: 0;
  }

  .login-btn-white {
    margin-bottom: 10px;
  }

  .home-02-hero {
    margin-bottom: 80px;
  }

  .home-02-text {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 0;
  }

  .home-02-img-wrap-02 {
    flex: 1;
    overflow: hidden;
    display: none;
  }

  .logos-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .logos-wrapper-2 {
    grid-template-columns: 1fr 1fr;
  }

  .content-02 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .content-02-card-wrap {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .features-01 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .features-01-img-box {
    padding: 40px;
  }

  .service-02-card-wrap {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .service-02 {
    padding-top: 110px;
  }

  .testimonial-02 {
    padding-bottom: 110px;
  }

  .testimonial-content {
    padding: 32px;
  }

  .testimonial-bottom {
    margin-top: 60px;
  }

  .testimonial-tabs-content {
    margin-top: 40px;
  }

  .integrration-01 {
    background-position: 110%, -10%;
    background-size: 35%, 35%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blogs-02 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .blogs-02-wrapper {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .blog-card-03-img-box {
    height: 350px;
  }

  .home-03-img-box {
    margin-bottom: 40px;
  }

  .state-02 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .state-card-wrapper {
    margin-top: 40px;
  }

  .service-03 {
    padding-bottom: 110px;
  }

  .service-03-inner {
    margin-top: 40px;
  }

  .testimonial-03 {
    padding-bottom: 110px;
  }

  .testimonial-02-menu {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-card-02 {
    flex-flow: column;
  }

  .testmonial-card-02-img-box {
    justify-content: center;
    align-items: center;
    max-width: none;
    max-height: 500px;
    display: flex;
    overflow: hidden;
  }

  .blogs-03 {
    padding-bottom: 110px;
  }

  .blogs-tabs-content {
    margin-top: 40px;
  }

  .blogs-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq {
    padding-bottom: 120px;
  }

  .logos-02-container-white {
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-hero-img {
    margin-top: 40px;
  }

  .state-03 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .team {
    padding-bottom: 110px;
  }

  .team-wrap {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .team-wrap._02 {
    grid-template-columns: 1fr;
  }

  .team-card {
    width: 100%;
    max-width: 300px;
    height: 300px;
  }

  .map {
    padding-bottom: 110px;
  }

  .map-inner {
    margin-top: 40px;
  }

  .faq-02 {
    padding-bottom: 110px;
  }

  .faq-inner, .faq-list-wrap {
    margin-top: 40px;
  }

  .pricing-01 {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .pricing-grid, .pricing-grid-year {
    grid-template-columns: 1fr;
  }

  .heading-05 {
    font-size: 36px;
    line-height: 42px;
  }

  .pricing-card-bottom {
    padding: 20px;
  }

  .prcing-card-content {
    padding-right: 0;
  }

  .compare-01 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .compare-table {
    margin-top: 40px;
  }

  .compare-row-header {
    grid-column-gap: 0px;
  }

  .compare-title-box.subtitle, .compare-title-box._02, .compare-title-box.last, .compare-title-box.first, .compare-title-box.bottom, .compare-title-box.mobile {
    padding-left: 20px;
  }

  .pricing-card-grid {
    grid-template-columns: 1fr;
  }

  .pricing-02-tabs {
    margin-top: 40px;
  }

  .compare-02 {
    padding-bottom: 110px;
  }

  .pricing-03-card-wrap {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .logos-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .blogs-04 {
    padding-bottom: 110px;
  }

  .blog-01, .blog-02 {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .blogs-03-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .newsletter {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .tabs-wrap, .blogs-06 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .contact-01 {
    padding-bottom: 110px;
  }

  .contact-details-grid {
    margin-top: 40px;
  }

  .contact-field-grid {
    grid-template-columns: 1fr;
  }

  .contact-form {
    padding: 32px;
  }

  .location {
    padding-bottom: 110px;
  }

  .contact-02-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .contact-02-hero {
    margin-bottom: 110px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .contact-03 {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .integration-wrapper {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .download {
    padding-bottom: 120px;
  }

  .download-card-wrap {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .careers {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .career-card {
    grid-template-columns: 1fr;
  }

  .career-short-info {
    padding-left: 20px;
  }

  .career-collection {
    margin-top: 40px;
  }

  .career-single {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .career-body {
    margin-top: 40px;
    padding: 32px;
  }

  .career-top {
    grid-template-columns: 1fr;
  }

  .reference-hero {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .typography-container {
    margin-top: 110px;
  }

  .color-grid {
    grid-template-columns: 1fr 1fr;
  }

  .colors-headers {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .buttons {
    margin-top: 100px;
  }

  .text-for-color-box {
    font-size: 17px;
    line-height: 24px;
  }

  .licences {
    padding-top: 100px;
    padding-bottom: 110px;
  }

  .licences-card {
    flex-flow: column;
    align-items: flex-start;
  }

  .licences-link-wrap {
    justify-content: flex-start;
  }

  .licences-link {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 32px;
  }

  .licences-img {
    margin-bottom: 40px;
  }

  .home-02-flaot-img {
    width: 50%;
  }

  .cart-button {
    width: 32px;
    height: 32px;
  }

  .pricing-single {
    margin-top: 40px;
  }

  .faq-wrap {
    margin-top: 110px;
  }

  .changelog {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .changelog-card {
    margin-top: 40px;
    padding: 32px;
  }

  .page-grid {
    grid-template-columns: 1fr;
  }

  .page-image-box {
    height: 360px;
  }

  .all-pages {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .templete-features {
    padding-top: 120px;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .features-card-learge {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .show-img-wrap {
    width: 350px;
  }

  .pattarn-wrapper {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .pattarn-wrapper.home-01 {
    padding-bottom: 220px;
  }

  .pattarn-wrapper.home-03 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pattarn-wrapper.about {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pattarn-wrapper.auth {
    padding-top: 100px;
  }

  .showcase-container {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .showcase-content {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-01-img {
    padding-bottom: 60px;
  }

  .checkut-heading {
    font-size: 30px;
    line-height: 38px;
  }

  .test-slide {
    height: 100%;
  }

  .testimonials-01-list {
    flex-flow: column;
  }

  .testimonials-01-list-short-details {
    margin-top: 24px;
  }

  .testimonials-01-image-box {
    height: 300px;
  }

  .testimonials-01-image-box._03 {
    width: 100%;
    height: 300px;
  }

  .testimonials-01-image-box._01 {
    height: 300px;
  }

  .testimonials-01-image-box._02 {
    width: 100%;
    height: 300px;
  }

  .testimonials-01-list-details {
    width: 100%;
    padding: 32px;
  }

  .features {
    padding-bottom: 110px;
  }

  .features-tab {
    margin-top: 40px;
  }

  #w-node-a621971b-19fb-0c41-faeb-6bdf356e4ab5-356e4a97, #w-node-a621971b-19fb-0c41-faeb-6bdf356e4ac8-356e4a97, #w-node-_9f869a65-57bc-b45f-9c24-e6a42757d293-051c6173, #w-node-_2e66607d-4ef1-74b5-16d3-38a5adb8eaa9-051c6173, #w-node-_6cec1559-7748-c6cb-9856-88f0253696f5-253696d1, #field-7.w-node-_8932c5d8-e7ea-a490-5c5c-29a13c7f3cbc-843fd0c2, #w-node-ac3b4d01-68ec-1edd-bbe4-e789e0ccecae-9178f14b, #w-node-_09b6df39-d2ad-aba6-6348-17f2394a8be0-4a9d52bb, #w-node-_09b6df39-d2ad-aba6-6348-17f2394a8bf1-4a9d52bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0e7ef2e8-9dd4-a71c-04cb-e84ca1b9e7ac-4a9d52bb {
    justify-self: center;
  }

  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }

  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 0.75fr;
  }
}

@media screen and (max-width: 479px) {
  .navbar-container {
    max-width: none;
  }

  .navbar-outer {
    margin-left: 20px;
    margin-right: 20px;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .anchor-position {
    padding-top: 80px;
  }

  .large-heading {
    letter-spacing: -2px;
    font-size: 60px;
    line-height: 65px;
  }

  .heading-03 {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-04 {
    font-size: 28px;
    line-height: 34px;
  }

  .sub-heading-04, .testimonial-text-02 {
    margin-bottom: 0;
  }

  .home-01-img-wrap {
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .logos-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .logos-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .tag-section {
    padding-bottom: 80px;
  }

  .container-02 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .service-01-inner {
    margin-top: 40px;
  }

  .service-01-card {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .service-01-card-img {
    width: 90%;
  }

  .workflow-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .content-01-img-box {
    margin-bottom: 32px;
    padding: 28px;
  }

  .content-01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .q-a-item {
    padding-left: 20px;
  }

  .content-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-02, .heading-01 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -2px;
  }

  .title {
    font-size: 38px;
    line-height: 42px;
  }

  .workflow-card-wrapper {
    grid-template-columns: 1fr;
  }

  .workflow-text {
    max-width: 100%;
  }

  .testimonial {
    padding-bottom: 80px;
  }

  .testimonial-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .state {
    padding-top: 100px;
  }

  .state-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .state-grid {
    grid-template-columns: 1fr;
  }

  .state-card {
    min-height: 200px;
  }

  .blogs-01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blogs-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-container {
    height: 320px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-details {
    margin-top: -110px;
  }

  .blog-details-container {
    flex: 1;
    max-width: 80%;
    margin-left: 20px;
    margin-right: 20px;
    padding: 24px;
  }

  .blog-rich-text {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .blog-card-01-img-box {
    height: 250px;
  }

  .cta-container {
    padding: 80px 20px;
  }

  .cta-bottom {
    flex-flow: column;
    align-items: center;
  }

  .cta-rating {
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .cta-form {
    width: 100%;
    max-width: none;
  }

  .footer-form-block {
    background-color: #fff0;
    border-style: none;
    flex-direction: column;
    max-width: none;
    height: auto;
    padding-left: 4px;
    overflow: visible;
  }

  .footer-form-field {
    background-position: 10px 56%;
    border-radius: 12px;
    padding-left: 42px;
  }

  .footer-form-submit {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block {
    margin-top: 32px;
  }

  .footer-divider {
    margin-top: 80px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-link:hover {
    color: var(--white);
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-social-link {
    transition: transform .2s, background-color .2s;
  }

  .footer-social-link:hover {
    background-color: #414141;
    transform: translate(0, -5px);
  }

  .footer-container {
    padding-top: 90px;
    padding-bottom: 20px;
    overflow: hidden;
  }

  .links {
    color: #ffffffe0;
  }

  .links:hover {
    color: var(--blue);
  }

  .cta-footer-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .button-wrap {
    margin-top: 40px;
  }

  .home-02-hero {
    margin-bottom: 60px;
  }

  .home-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-02-text {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-02-btn-wrap {
    grid-template-columns: auto;
    justify-items: start;
  }

  .home-02-bottom {
    flex-flow: column;
    align-items: flex-start;
  }

  .logos-02-container {
    padding: 30px;
  }

  .logos-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .content-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .content-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .content-02-card {
    padding: 24px;
  }

  .features-01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .features-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .features-01-img-box {
    padding: 32px;
  }

  .service-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .service-02-card-wrap {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .service-02 {
    padding-top: 80px;
  }

  .testimonial-02 {
    padding-bottom: 80px;
  }

  .testimonial-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .testimonial-tab-link {
    margin-bottom: 8px;
  }

  .testimonial-img-box {
    margin-bottom: 20px;
  }

  .testimonial-content {
    padding: 24px;
  }

  .testimonial-bottom {
    flex-flow: column;
    align-items: center;
    margin-top: 40px;
  }

  .profile-03 {
    margin-bottom: 20px;
  }

  .integrration-01 {
    background-position: 190%, -70%;
    background-size: auto 100%, auto 100%;
  }

  .integration-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blogs-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blogs-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-card-02-img-box, .blog-card-03-img-box {
    height: 220px;
  }

  .home-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .state-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container, .state-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .state-card-wrapper {
    grid-template-columns: 1fr;
  }

  .service-03 {
    padding-bottom: 80px;
  }

  .service-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .service-03-img-box {
    margin-bottom: 20px;
  }

  .testimonial-03 {
    padding-bottom: 80px;
  }

  .testimonial-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .testimonial-card-02-text {
    padding: 32px;
  }

  .blogs-03 {
    padding-bottom: 80px;
  }

  .blogs-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blgos-tab-link {
    margin-bottom: 8px;
  }

  .blogs-tabs-content {
    margin-top: 0;
  }

  .blog-card-04 {
    flex-flow: column;
    align-items: flex-start;
  }

  .blog-card-04-img-box {
    max-width: none;
    margin-right: 0;
  }

  .blog-card-04-content {
    max-width: none;
  }

  .faq {
    padding-bottom: 90px;
  }

  .faq-container, .about-us-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .logos-02-container-white {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px;
  }

  .state-03 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .state-03-wrap {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .state-03-container {
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
  }

  .team {
    padding-bottom: 80px;
  }

  .team-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .map {
    padding-bottom: 80px;
  }

  .map-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .faq-02 {
    padding-bottom: 80px;
  }

  .faq-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .faq-img-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-img {
    width: 60%;
  }

  .pricing-01 {
    padding-bottom: 80px;
  }

  .pricing-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .custom-switch {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pricing-offer-switch-text {
    position: relative;
  }

  .heading-05 {
    font-size: 30px;
    line-height: 35px;
  }

  .prcing-card-center {
    padding: 30px 24px 24px;
  }

  .compare-01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .compare-table {
    text-align: center;
    border-radius: 16px;
    overflow: hidden;
  }

  .compare-row-header {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .compare-title-box {
    border-radius: 16px;
    padding-left: 0;
  }

  .compare-title-box.subtitle {
    border-top-style: dashed;
    border-bottom-style: dashed;
  }

  .compare-title-box.last {
    border-top-style: dashed;
    border-bottom-style: dashed;
    padding-bottom: 16px;
  }

  .compare-title-box.first {
    border-bottom-style: dashed;
  }

  .compare-title-box.bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .compare-title-box.mobile {
    margin-bottom: 10px;
  }

  .compare-header-value {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .compare-value {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .compare-value.last {
    padding-bottom: 16px;
  }

  .compare-value.first {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .compare-value.bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .pricing-card-02 {
    padding: 20px;
  }

  .pricing-content {
    width: 100%;
  }

  .list-item {
    text-align: left;
  }

  .pricing-02-menu {
    display: flex;
  }

  .pricing-header-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pricing-02-tabs {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .compare-02 {
    padding-bottom: 80px;
  }

  .pricing-card-03 {
    padding: 32px 24px;
  }

  .logos-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blogs-04 {
    padding-bottom: 80px;
  }

  .tabs-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blogs-link {
    margin-bottom: 8px;
  }

  .blog-01 {
    padding-bottom: 80px;
  }

  .blogs-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-02 {
    padding-bottom: 80px;
  }

  .newsletter {
    padding: 80px 20px;
  }

  .tabs-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-card-06-img-box {
    height: 250px;
  }

  .blog-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blogs-06 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .contact-01-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .form-submit {
    margin-top: 10px;
  }

  .form-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .contact-01 {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .contact-form {
    margin-top: 32px;
    padding: 24px;
  }

  .location {
    padding-bottom: 80px;
  }

  .location-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .location-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .contact-02-icon-box {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .contact-02-hero {
    margin-bottom: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .form-bottom-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .contact-form-wrapper {
    padding: 30px 20px;
  }

  .contact-02-card {
    flex-flow: column;
    align-items: flex-start;
    padding: 20px;
  }

  .contact-03 {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .contact-03-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .integration-wrapper {
    grid-template-columns: 1fr;
  }

  .integration-card {
    padding: 24px;
  }

  .download {
    padding-bottom: 100px;
  }

  .download-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .download-card {
    text-align: center;
    flex-flow: column;
  }

  .download-icon-box {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .career-hero {
    padding-top: 80px;
  }

  .career-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .careers {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .careers-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .career-single {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .career-single-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .form-wrapper {
    padding: 24px;
  }

  .forget-password-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .input-box-02 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .auth-btn {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .input-grid {
    grid-template-columns: 1fr;
  }

  .reference-hero {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .reference-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .button-container {
    margin-top: 40px;
  }

  .typography-container {
    margin-top: 60px;
  }

  .color-grid {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .colors-headers {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .color-card {
    width: 160px;
  }

  .d-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .buttons {
    margin-top: 60px;
  }

  .colors-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-for-color-box {
    font-size: 16px;
    line-height: 24px;
  }

  .licences {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .licences-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .licences-card {
    padding: 24px;
  }

  .licences-link-wrap {
    flex-flow: column;
    align-items: flex-start;
  }

  .home-02-flaot-img {
    bottom: 5%;
    left: 5%;
  }

  .faq-wrap {
    margin-top: 80px;
  }

  .changelog-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .changelog {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .contact-bottom {
    flex-flow: column;
    align-items: flex-start;
  }

  .sub-heading-6 {
    font-size: 20px;
    line-height: 25px;
  }

  .all-pages-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .page-image-box {
    height: 300px;
  }

  .all-pages {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .templete-features {
    padding-top: 100px;
  }

  .templete-features-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .features-grid-wrapper {
    margin-top: 40px;
  }

  .showcase-hero-img-wrapper {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .show-img-wrap {
    width: 250px;
  }

  .pattarn-wrapper {
    padding-bottom: 80px;
  }

  .pattarn-wrapper.home-01 {
    padding-bottom: 100px;
  }

  .pattarn-wrapper.home-03 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pattarn-wrapper.auth {
    padding-top: 80px;
  }

  .home-01-img {
    padding-bottom: 40px;
  }

  .checkout-btn {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .tes-slide-logo {
    width: 100px;
  }

  .services-01-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-top: 48px;
  }

  .services-01-bottom-list {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .testimonials-01-wrap {
    margin-top: 48px;
  }

  .testimonials-01-image-box._03, .testimonials-01-image-box._01, .testimonials-01-image-box._02 {
    height: 300px;
  }

  .testimonials-01-list-details {
    padding: 28px 20px;
  }

  .test-logo-box {
    top: 28px;
    left: 20px;
  }

  .play {
    width: 120px;
  }

  .features {
    padding-bottom: 80px;
  }

  .features-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .features-tab-menu {
    grid-template-columns: 1fr;
  }

  #w-node-a621971b-19fb-0c41-faeb-6bdf356e4ab5-356e4a97, #w-node-_7e15672e-5f8b-a27e-1059-3aad3ef004f7-3ef004ea, #w-node-_7e15672e-5f8b-a27e-1059-3aad3ef00517-3ef004ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a95303ec-9011-03b6-a1f1-3225bc72e346-409ef5f7, #w-node-_11667297-8830-8b05-56eb-17fe73a65c34-409ef5f7, #w-node-_223dfab7-7d6f-c696-9093-ffdb076fe36f-409ef5f7, #w-node-_286e8155-c5ba-2b53-aa7c-9df058c2760c-409ef5f7, #w-node-_383d968d-9c53-3f10-a7f6-f4cbc04c400f-409ef5f7, #w-node-_1ec78d6a-8f5d-f085-9470-d9402cb35637-409ef5f7, #w-node-_63c90b0f-0ab5-64da-a90b-28dd53a35ffe-409ef5f7, #w-node-_1dec4919-6dcc-4833-a9ae-24a20a8689cb-409ef5f7, #w-node-_1cbfe181-5f5c-8d6d-544e-9614c1ac684b-409ef5f7, #w-node-e15f86d0-3f22-0db8-95d9-d920ff39cd8f-409ef5f7, #w-node-_1df31161-1c80-2f60-41e1-647eab8d9a94-409ef5f7, #w-node-_6a83b9d3-edbe-717f-4e23-bc9bef22f525-409ef5f7, #w-node-_7b6472d5-ee0e-30e1-af7f-10fdcd9e248f-409ef5f7, #w-node-_88e9b3f5-0b39-3683-39cb-12b1c426d886-409ef5f7, #w-node-b3856f54-3ecc-e95e-51a4-41379419a600-409ef5f7, #w-node-_1666b15a-4160-34c5-a05d-094230e83fc3-409ef5f7, #w-node-_7bcd7a3b-9e82-f3e4-b210-306cfd4b6b36-409ef5f7, #w-node-_11fded31-dddf-f24e-48fd-a948fccd31c6-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd31d3-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd31df-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd31ea-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd31f5-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3201-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd320c-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3219-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3224-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd322f-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd323a-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3245-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3252-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd325e-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3269-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3274-fccd31be, #w-node-_11fded31-dddf-f24e-48fd-a948fccd3280-fccd31be {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }

  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }

  .w-tab-link {
    display: block;
  }
}