@media (min-width: 1200px) {
  html {
    font-size: 115.6%;
  }
  .btn {
    padding: 0.8rem 1.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  .pt-30 {
    padding-top: 20px;
  }
  .pt-40 {
    padding-top: 30px;
  }
  .pt-50 {
    padding-top: 40px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pt-70 {
    padding-top: 60px;
  }
  .pt-80 {
    padding-top: 60px;
  }
  .pt-90 {
    padding-top: 70px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .pb-30 {
    padding-bottom: 20px;
  }
  .pb-40 {
    padding-bottom: 30px;
  }
  .pb-50 {
    padding-bottom: 40px;
  }
  .pb-60 {
    padding-bottom: 50px;
  }
  .pb-70 {
    padding-bottom: 60px;
  }
  .pb-80 {
    padding-bottom: 60px;
  }
  .pb-90 {
    padding-bottom: 70px;
  }
  .pb-100 {
    padding-bottom: 80px;
  }
  .mt-40 {
    margin-top: 30px;
  }
  .mt-45 {
    margin-top: 35px;
  }
  .mt-50 {
    margin-top: 45px;
  }
  .mt-55 {
    margin-top: 40px;
  }
  .mt-60 {
    margin-top: 50px;
  }
  .mt-65 {
    margin-top: 55px;
  }
  .mt-70 {
    margin-top: 60px;
  }
  .mt-75 {
    margin-top: 65px;
  }
  .mt-80 {
    margin-top: 60px;
  }
  .mt-85 {
    margin-top: 65px;
  }
  .mt-90 {
    margin-top: 70px;
  }
  .mt-95 {
    margin-top: 75px;
  }
  .mt-100 {
    margin-top: 80px;
  }
  .mb-40 {
    margin-bottom: 30px;
  }
  .mb-45 {
    margin-bottom: 35px;
  }
  .mb-50 {
    margin-bottom: 40px;
  }
  .mb-50 {
    margin-bottom: 45px;
  }
  .mb-60 {
    margin-bottom: 50px;
  }
  .mb-65 {
    margin-bottom: 55px;
  }
  .mb-70 {
    margin-bottom: 60px;
  }
  .mb-75 {
    margin-bottom: 65px;
  }
  .mb-80 {
    margin-bottom: 60px;
  }
  .mb-85 {
    margin-bottom: 65px;
  }
  .mb-90 {
    margin-bottom: 70px;
  }
  .mb-95 {
    margin-bottom: 75px;
  }
  .mb-100 {
    margin-bottom: 80px;
  }
  .s-15 {
    font-size: 0.9375rem;
  }
  .s-16 {
    font-size: 1rem;
  }
  .s-17 {
    font-size: 1.0625rem;
  }
  .s-18 {
    font-size: 1.125rem;
  }
  .s-19 {
    font-size: 1.125rem;
  }
  .s-20 {
    font-size: 1.18755rem;
  }
  .s-21,
  .s-22 {
    font-size: 1.25rem;
  }
  .s-23 {
    font-size: 1.3125rem;
  }
  .s-24 {
    font-size: 1.375rem;
  }
  .s-26 {
    font-size: 1.5rem;
  }
  .s-28 {
    font-size: 1.625rem;
  }
  .s-30 {
    font-size: 1.75rem;
  }
  .s-32 {
    font-size: 1.875rem;
  }
  .s-34 {
    font-size: 2rem;
  }
  .s-36 {
    font-size: 2.125rem;
  }
  .s-38 {
    font-size: 2.25rem;
  }
  .s-40 {
    font-size: 2.3125rem;
  }
  .s-42 {
    font-size: 2.4375rem;
  }
  .s-43 {
    font-size: 2.5rem;
  }
  .s-44 {
    font-size: 2.5rem;
  }
  .s-45 {
    font-size: 2.5625rem;
  }
  .s-46 {
    font-size: 2.625rem;
  }
  .s-47 {
    font-size: 2.6875rem;
  }
  .s-48 {
    font-size: 2.75rem;
  }
  .s-50 {
    font-size: 2.875rem;
  }
  .s-52 {
    font-size: 3rem;
  }
  .s-54 {
    font-size: 3.125rem;
  }
  .s-56 {
    font-size: 3.25rem;
  }
  .s-58 {
    font-size: 3.375rem;
  }
  .s-60 {
    font-size: 3.5rem;
  }
  .s-62 {
    font-size: 3.625rem;
  }
  .s-64 {
    font-size: 3.75rem;
  }
  .s-66 {
    font-size: 3.875rem;
  }
  .s-68 {
    font-size: 4rem;
  }
  .btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.65rem 1.4rem;
  }
  .section-id {
    font-size: 0.85rem;
    margin-bottom: 30px;
  }
  .section-title p.p-lg,
  .section-title p.p-md,
  .section-title p.s-20,
  .section-title p.s-21 {
    margin-top: 15px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.18755rem;
  }
  .loader {
    width: 90px;
    height: 90px;
  }
  .loader::after {
    border: 45px solid;
  }
  .store.header-store img {
    max-height: 40px;
  }
  .about-2-title {
    padding-right: 5%;
    margin-bottom: 40px;
  }
  .a-2-1 {
    margin-left: 3%;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 25px;
  }
  #a4-1 {
    padding-right: 20px;
    margin-top: -30px;
  }
  #a4-2 {
    padding-left: 20px;
    margin-bottom: -30px;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .payment-icons img {
    max-height: 32px;
  }
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    padding-right: 0;
  }
  .img-block-btn {
    margin-top: 55px;
  }
  #pt-1-1,
  #pt-1-2 {
    margin-bottom: 40px;
  }
  .single-project .project-title {
    margin-bottom: 60px;
  }
  .project-title h2 {
    padding-bottom: 35px;
    margin-bottom: 30px;
  }
  .brands-title.mb-40 {
    margin-bottom: 30px;
  }
  .brands-title.mb-50 {
    margin-bottom: 40px;
  }
  .brands-3-wrapper {
    padding: 40px 30px;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 12px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 12px;
  }
  .brands-section .brand-logo.mb-50 {
    margin-bottom: 40px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  .integrations-2-wrapper {
    padding: 80px 60px;
  }
  .in_tool_logo {
    padding: 40px 30px;
    margin-bottom: 25px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 50px;
  }
  .integrations-1-wrapper .in_tool {
    padding: 16px 20px;
  }
  .integrations-1-wrapper .in_tool.mb-30 {
    margin-bottom: 20px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 40px;
  }
  #pt-4-1 {
    margin: 0 15px 40px 20px;
  }
  #pt-4-2 {
    margin: 0 20px 40px 15px;
  }
  .team-section .more-btn.mt-20 {
    margin-top: 10px;
  }
  #banner-12 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
  #banner-9 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .banner-section .section-id {
    margin-bottom: 25px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 30px;
  }
  .banner-section p.p-lg {
    margin-bottom: 25px;
  }
  .banner-9-img {
    padding-right: 15px;
  }
  .banner-10-img {
    padding-left: 25px;
  }
  .banner-12-img {
    margin: -30px -20px -20px -40px;
  }
  .banner-13-img {
    margin: -60px -120px -70px -25px;
  }
  .contact-form .form-select {
    height: 54px;
  }
  .contact-form textarea {
    min-height: 190px;
  }
  .footer {
    padding-bottom: 35px;
  }
  .footer hr {
    margin-top: 10px;
    margin-bottom: 35px;
  }
  #footer-10.pt-50 {
    padding-top: 10px;
  }
  img.footer-logo {
    max-height: 34px;
  }
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 25px;
  }
  #footer-10 img.footer-logo {
    max-height: 39px;
  }
  .footer h6 {
    margin-bottom: 20px;
  }
  #footer-8 .footer-links {
    margin-bottom: 20px;
  }
  #footer-10 .footer-links {
    margin-bottom: 10px;
  }
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link {
    margin-bottom: 14px;
  }
  .footer-mail-link {
    font-size: 1.0625rem;
  }
  #footer-2 .footer-form,
  #footer-3 .footer-form {
    padding-left: 5%;
  }
  .footer-form .btn {
    height: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  html {
    font-size: 85%;
  }
  .pt-30 {
    padding-top: 10px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pt-80 {
    padding-top: 50px;
  }
  .pt-90 {
    padding-top: 60px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-30 {
    padding-bottom: 10px;
  }
  .pb-40 {
    padding-bottom: 20px;
  }
  .pb-50 {
    padding-bottom: 30px;
  }
  .pb-60 {
    padding-bottom: 40px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .pb-80 {
    padding-bottom: 50px;
  }
  .pb-90 {
    padding-bottom: 60px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .mt-40 {
    margin-top: 30px;
  }
  .mt-45 {
    margin-top: 35px;
  }
  .mt-50 {
    margin-top: 30px;
  }
  .mt-55 {
    margin-top: 35px;
  }
  .mt-60 {
    margin-top: 50px;
  }
  .mt-65 {
    margin-top: 55px;
  }
  .mt-70 {
    margin-top: 50px;
  }
  .mt-75 {
    margin-top: 55px;
  }
  .mt-80 {
    margin-top: 50px;
  }
  .mt-85 {
    margin-top: 55px;
  }
  .mt-90 {
    margin-top: 60px;
  }
  .mt-95 {
    margin-top: 65px;
  }
  .mt-100 {
    margin-top: 70px;
  }
  .mb-40 {
    margin-bottom: 30px;
  }
  .mb-45 {
    margin-bottom: 35px;
  }
  .mb-50 {
    margin-bottom: 30px;
  }
  .mb-55 {
    margin-bottom: 35px;
  }
  .mb-60 {
    margin-bottom: 50px;
  }
  .mb-65 {
    margin-bottom: 55px;
  }
  .mb-70 {
    margin-bottom: 50px;
  }
  .mb-75 {
    margin-bottom: 55px;
  }
  .mb-80 {
    margin-bottom: 50px;
  }
  .mb-85 {
    margin-bottom: 55px;
  }
  .mb-90 {
    margin-bottom: 60px;
  }
  .mb-95 {
    margin-bottom: 65px;
  }
  .mb-100 {
    margin-bottom: 70px;
  }
  .s-15,
  .s-16 {
    font-size: 1rem;
  }
  .s-17,
  .s-18 {
    font-size: 1.066176rem;
  }
  .s-19 {
    font-size: 1.3rem;
  }
  .s-20,
  .s-21,
  .s-22,
  .s-23 {
    font-size: 1.397058rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.470588rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.764705rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 1.98529rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45 {
    font-size: 2.20588rem;
  }
  .s-46 {
    font-size: 2.35294rem;
  }
  .s-47 {
    font-size: 2.42647rem;
  }
  .s-48 {
    font-size: 2.5rem;
  }
  .s-50 {
    font-size: 2.64705rem;
  }
  .s-52,
  .s-54 {
    font-size: 2.79411rem;
  }
  .s-56 {
    font-size: 2.94117rem;
  }
  .s-58 {
    font-size: 3.08823rem;
  }
  .s-60 {
    font-size: 3.23529rem;
  }
  .s-62 {
    font-size: 3.38235rem;
  }
  .s-64 {
    font-size: 3.52941rem;
  }
  .s-66 {
    font-size: 3.67647rem;
  }
  .s-68 {
    font-size: 3.82352rem;
  }
  p.p-sm {
    font-size: 1rem;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.066176rem;
  }
  .btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.65rem 1.35rem;
  }
  .section-id {
    margin-bottom: 25px;
  }
  .section-title.mb-60,
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 40px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 12px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.32352rem;
    margin-top: 12px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .loader {
    width: 90px;
    height: 90px;
  }
  .loader::after {
    border: 45px solid;
  }
  .store.header-store img {
    max-height: 46px;
  }
  .about-2-title {
    padding-right: 5%;
    margin-bottom: 30px;
  }
  .a-2-1 {
    margin-left: -10%;
    margin-bottom: 20px;
  }
  .a-2-2 {
    margin-left: -20%;
  }
  .a-2-3 {
    margin-right: -8%;
    margin-bottom: 20px;
  }
  .a-2-4 {
    margin-right: -20%;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 20px;
  }
  #a4-1 {
    padding-right: 10px;
    margin-top: -30px;
  }
  #a4-2 {
    padding-left: 10px;
    margin-bottom: -30px;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .payment-icons img {
    max-height: 26px;
  }
  .quote p {
    font-size: 1.05rem;
    padding-left: 14px;
    margin-top: 15px;
  }
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    padding-right: 0;
  }
  .img-block-btn {
    margin-top: 45px;
  }
  #pt-1-1,
  #pt-1-2 {
    margin-bottom: 35px;
  }
  .single-project .project-title {
    margin-bottom: 40px;
  }
  .project-title h2 {
    padding-right: 10%;
    padding-bottom: 30px;
    margin-bottom: 25px;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 25px;
  }
  .brands-title.mb-50 {
    margin-bottom: 35px;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 5px;
  }
  .brands-3-wrapper {
    padding: 35px 25px;
  }
  #brands-1 .brands-carousel-5 .brand-logo {
    padding: 0 12px;
  }
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 10px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 10px;
  }
  #brands-4 .brand-logo {
    padding: 0 8px;
  }
  .brands-section .brand-logo.mb-50 {
    margin-bottom: 40px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  .integrations-2-wrapper {
    padding: 60px 40px;
  }
  .in_tool_logo {
    padding: 30px;
    margin-bottom: 25px;
  }
  .in_tool h6 {
    line-height: 1.3;
  }
  .integrations-1-wrapper .in_tool {
    padding: 16px;
  }
  .integrations-1-wrapper .in_tool.mb-30,
  .integrations-1-wrapper .it-8 {
    margin-bottom: 20px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #pt-4-1 {
    margin: 0 10px 40px 35px;
  }
  #pt-4-2 {
    margin: 0 35px 40px 10px;
  }
  .pt-btn {
    font-size: 0.95rem;
    padding: 0.785rem 0.5rem;
    margin-top: 25px;
  }
  .payment-icons li {
    padding-right: 2px;
  }
  .team-section .more-btn.mt-20 {
    margin-top: 10px;
  }
  #banner-11 {
    margin-top: 20px;
  }
  #banner-12 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
  #banner-8 {
    text-align: center;
  }
  #banner-9 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .banner-section .section-id {
    margin-bottom: 18px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 22px;
  }
  .banner-section p.p-lg {
    margin-bottom: 20px;
  }
  .banner-9-img {
    padding-right: 10px;
  }
  .banner-10-img {
    padding-left: 0;
  }
  .banner-11-img {
    margin-top: -20px;
    margin-left: -3px;
  }
  .banner-12-img {
    margin: -30px -20px -20px -40px;
  }
  .banner-13-img {
    margin: -30px -100px -30px 0;
  }
  .contact-form .form-select {
    height: 52px;
  }
  .contact-form textarea {
    min-height: 160px;
  }
  .contact-form .form-btn.mt-15 {
    margin-top: 0;
  }
  .footer {
    padding-bottom: 25px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 25px;
  }
  #footer-10.pt-50 {
    padding-top: 10px;
  }
  img.footer-logo {
    max-height: 33px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 20px;
  }
  #footer-10 img.footer-logo {
    max-height: 36px;
  }
  .footer h6 {
    font-size: 1.17647rem;
    margin-bottom: 16px;
  }
  #footer-10 .footer-links {
    margin-bottom: 10px;
  }
  .footer-mail-link {
    font-size: 1.073529rem;
  }
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link {
    margin-bottom: 10px;
  }
  #footer-2 .footer-form {
    padding-left: 3%;
  }
  #footer-7 .footer-form {
    padding-left: 0;
  }
  .footer-form .btn {
    height: 28px;
  }
  .form-data span {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .pt-30 {
    padding-top: 10px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pt-80 {
    padding-top: 50px;
  }
  .pt-90 {
    padding-top: 60px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-30 {
    padding-bottom: 10px;
  }
  .pb-40 {
    padding-bottom: 20px;
  }
  .pb-50 {
    padding-bottom: 30px;
  }
  .pb-60 {
    padding-bottom: 40px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .pb-80 {
    padding-bottom: 50px;
  }
  .pb-90 {
    padding-bottom: 60px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .mt-40 {
    margin-top: 30px;
  }
  .mt-45 {
    margin-top: 35px;
  }
  .mt-50 {
    margin-top: 30px;
  }
  .mt-55 {
    margin-top: 35px;
  }
  .mt-60 {
    margin-top: 50px;
  }
  .mt-65 {
    margin-top: 55px;
  }
  .mt-70 {
    margin-top: 50px;
  }
  .mt-75 {
    margin-top: 55px;
  }
  .mt-80 {
    margin-top: 50px;
  }
  .mt-85 {
    margin-top: 55px;
  }
  .mt-90 {
    margin-top: 60px;
  }
  .mt-95 {
    margin-top: 65px;
  }
  .mt-100 {
    margin-top: 70px;
  }
  .mb-40 {
    margin-bottom: 30px;
  }
  .mb-45 {
    margin-bottom: 35px;
  }
  .mb-50 {
    margin-bottom: 30px;
  }
  .mb-55 {
    margin-bottom: 35px;
  }
  .mb-60 {
    margin-bottom: 50px;
  }
  .mb-65 {
    margin-bottom: 55px;
  }
  .mb-70 {
    margin-bottom: 50px;
  }
  .mb-75 {
    margin-bottom: 55px;
  }
  .mb-80 {
    margin-bottom: 50px;
  }
  .mb-85 {
    margin-bottom: 55px;
  }
  .mb-90 {
    margin-bottom: 60px;
  }
  .mb-95 {
    margin-bottom: 65px;
  }
  .mb-100 {
    margin-bottom: 70px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.35;
  }
  p.p-sm {
    font-size: 1rem;
  }
  .section-id {
    margin-bottom: 24px;
  }
  .section-title.mb-60 {
    margin-bottom: 40px;
  }
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 50px;
  }
  .store.header-store img {
    max-height: 46px;
  }
  .about-2-title {
    margin-bottom: 30px;
  }
  .a-2-1 {
    display: none;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .a-2-2 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .a-2-3 {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .a-2-4 {
    display: none;
    margin-right: 0;
  }
  #a3-1 {
    margin-bottom: 25px;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 20px;
  }
  #a4-1 {
    display: none;
  }
  #a4-2 {
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .quote p {
    padding-left: 14px;
    margin-top: 15px;
  }
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    padding-right: 0;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 40px;
  }
  .integrations-2-wrapper {
    padding: 60px 40px 70px;
  }
  .it-1,
  .it-2,
  .it-3,
  .it-4,
  .it-5 {
    display: block;
    margin-bottom: 30px;
  }
  .in_tool_logo {
    display: inline-block;
    padding: 30px;
    margin-bottom: 25px;
  }
  .in_tool h6 {
    font-size: 1rem;
  }
  .integrations-1-wrapper .it-7,
  .integrations-1-wrapper .it-8 {
    margin-bottom: 30px;
  }
  #pt-4-1,
  #pt-4-2 {
    margin: 0 0 40px 0;
  }
  .team-section .more-btn.mt-20 {
    margin-top: 10px;
  }
  #banner-10,
  #banner-8,
  #banner-9 {
    text-align: center;
  }
  #banner-11,
  #banner-12,
  #banner-13 {
    margin-top: 0;
    text-align: center;
  }
  .banner-11-img {
    margin-top: 40px;
    margin-left: 0;
  }
  .banner-12-img {
    margin: 40px 0 0;
  }
  .banner-13-img {
    display: none;
  }
  .contact-form textarea {
    min-height: 190px;
  }
  .contact-form .form-btn.mt-15 {
    margin-top: 0;
  }
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link {
    margin-bottom: 15px;
  }
  #footer-11 {
    text-align: center;
  }
  #footer-2 .footer-links,
  #footer-7 .footer-form {
    padding-left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }
  .s-15,
  .s-16 {
    font-size: 1.0625rem;
  }
  .s-17 {
    font-size: 1.125rem;
  }
  .s-18,
  .s-19,
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.4375rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.625rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.81255rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 2.0625rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45,
  .s-46,
  .s-47,
  .s-48 {
    font-size: 2.25rem;
  }
  .s-50,
  .s-52,
  .s-54,
  .s-56 {
    font-size: 2.375rem;
  }
  .s-58 {
    font-size: 2.5rem;
  }
  .s-60,
  .s-62 {
    font-size: 2.625rem;
  }
  .s-64,
  .s-66 {
    font-size: 2.75rem;
  }
  .s-68 {
    font-size: 2.875rem;
  }
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 15px;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.125rem;
  }
  .btn {
    font-size: 1.125rem;
  }
  .btn.btn-sm {
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
  }
  .store-btn-4 {
    margin-top: 15px;
  }
  .section-id {
    margin-bottom: 25px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 14px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.21875rem;
    margin-top: 12px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .store.header-store img {
    max-height: 46px;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .box-title h5,
  .box-title h6 {
    margin-bottom: 20px;
  }
  .payment-icons img {
    max-height: 32px;
  }
  .img-block-btn {
    margin-top: 45px;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 40px;
  }
  .single-project .project-title {
    margin-bottom: 50px;
  }
  .project-title h2 {
    padding-bottom: 35px;
    margin-bottom: 30px;
  }
  .project-data p {
    margin-bottom: 10px;
  }
  .project-inner-img .top-img {
    margin-bottom: 30px;
  }
  .brands-title {
    padding: 0;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 30px;
  }
  .brands-title.mb-50 {
    margin-bottom: 40px;
  }
  .brands-title h5.s-19 {
    font-size: 1.25rem;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 8px;
  }
  .brands-3-wrapper {
    padding: 35px 25px;
  }
  #brand-2-1,
  #brand-2-2,
  #brand-2-3,
  #brand-4-6,
  #brands-4 .brand-logo.mb-40 {
    margin-bottom: 35px;
  }
  #brand-3-1,
  #brand-3-2 {
    margin-bottom: 25px;
  }
  #brand-4-10 {
    display: none;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .justify-content-center .brand-logo {
    padding: 0 20px;
  }
  #brands-2 .brand-logo {
    padding: 0 10px;
  }
  #brands-3 .brand-logo {
    padding: 0 15px;
  }
  #brands-4 .brand-logo {
    padding: 0 15px;
  }
  .brands-section .brand-logo.mb-50 {
    margin-bottom: 35px;
  }
  .brands-section .more-btn {
    margin-top: 40px;
  }
  #integrations-1 .section-title h2 {
    padding: 0 5%;
  }
  .integrations-1-wrapper .in_tool {
    padding: 25px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #banner-12,
  #banner-13 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  #banner-1 .container,
  #banner-11 .container,
  #banner-12 .container,
  #banner-13 .container,
  #banner-2 .container,
  #banner-3 .container {
    max-width: 100%;
  }
  .banner-1-wrapper,
  .banner-11-wrapper,
  .banner-12-wrapper,
  .banner-13-wrapper,
  .banner-2-wrapper,
  .banner-3-wrapper {
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .banner-section .section-id {
    margin-bottom: 20px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 24px;
  }
  .banner-section p.p-lg {
    margin-bottom: 20px;
  }
  .banner-10-img,
  .banner-9-img {
    margin: 40px 10% 0;
  }
  .banner-11-img {
    margin: 40px 5% -30px;
  }
  .banner-12-img {
    transform: rotate(0);
    margin: 35px 0 -40px;
  }
  .contact-form .form-select {
    height: 54px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  #footer-10.pt-50 {
    padding-top: 5px;
  }
  #footer-11.p-404.pt-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer-links {
    margin-bottom: 35px;
  }
  #footer-10 .footer-links,
  #footer-8 .footer-links {
    margin-bottom: 10px;
  }
  img.footer-logo {
    max-height: 38px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 24px;
  }
  #footer-2 .footer-logo,
  #footer-3 .footer-logo {
    margin-bottom: 30px;
  }
  #footer-10 img.footer-logo {
    max-height: 38px;
  }
  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  }
  .footer-mail-link {
    font-size: 1.125rem;
  }
  .footer-mail-link span {
    top: 3px;
    right: 4px;
  }
  #footer-9 .footer-form {
    padding-right: 15%;
    margin-bottom: 0;
  }
  .footer-form .btn {
    height: 32px;
  }
  .form-data span {
    font-size: 1rem;
  }
}
@media (min-width: 414px) and (max-width: 479.98px) {
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }
  .s-15,
  .s-16 {
    font-size: 1.0625rem;
  }
  .s-17 {
    font-size: 1.125rem;
  }
  .s-18,
  .s-19,
  .s-20,
  .s-21,
  .s-22,
  .s-23 {
    font-size: 1.3125rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.4375rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.5625rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 1.6875rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45,
  .s-46,
  .s-47 {
    font-size: 1.8125rem;
  }
  .s-48 {
    font-size: 1.9375rem;
  }
  .s-50,
  .s-52,
  .s-54,
  .s-56,
  .s-58,
  .s-60 {
    font-size: 2.0625rem;
  }
  .s-62 {
    font-size: 2.125rem;
  }
  .s-64,
  .s-66 {
    font-size: 2.25rem;
  }
  .s-68 {
    font-size: 2.375rem;
  }
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 1.0625rem;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.125rem;
  }
  .btn {
    font-size: 1.125rem;
  }
  .btn.btn-sm {
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
  }
  .store {
    margin-right: 6px;
  }
  .store.store-btn-2 {
    margin-right: 0;
  }
  .store-btn-3,
  .store-btn-4 {
    margin-top: 15px;
  }
  .section-title.mb-60 {
    margin-bottom: 35px;
  }
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 45px;
  }
  .section-title h2 {
    padding: 0 1%;
  }
  .content-section .col-md-8 .section-title h2 {
    padding: 0 1.5%;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 14px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.1875rem;
    padding: 0 3%;
    margin-top: 12px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .store.header-store img {
    max-height: 45px;
  }
  .about-2-title {
    margin-bottom: 30px;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 15px;
  }
  #a4-2 {
    margin: 35px 3% 0;
  }
  .box-title h5,
  .box-title h6 {
    display: block;
    line-height: 1 !important;
    margin-bottom: 15px;
  }
  .box-title span {
    display: block;
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .box-title span[class*="flaticon-"]:after,
  .box-title span[class*="flaticon-"]:before {
    font-size: 3.25rem;
  }
  .payment-icons img {
    max-height: 30px;
  }
  .img-block-btn {
    margin-top: 35px;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 40px;
  }
  .single-project .project-title {
    margin-bottom: 40px;
  }
  .project-title h2 {
    padding-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .project-data p {
    margin-bottom: 5px;
  }
  .project-inner-img .top-img {
    margin-bottom: 30px;
  }
  .project-inner-img.mt-50 {
    margin-top: 35px;
  }
  #brands-3:after {
    height: 75%;
  }
  .brands-title {
    padding: 0 4%;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 25px;
  }
  .brands-title.mb-50 {
    margin-bottom: 30px;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 8px;
  }
  .brands-title p.p-lg,
  .brands-title p.p-md {
    font-size: 1.0625rem;
  }
  .brands-3-wrapper {
    padding: 25px 15px;
  }
  #brand-2-1,
  #brand-2-2,
  #brand-2-3,
  #brand-2-4,
  #brand-3-1,
  #brand-3-2,
  #brand-4-1,
  #brand-4-2,
  #brand-4-3,
  #brand-4-4,
  #brand-4-5,
  #brand-4-6,
  #brand-4-7,
  #brand-4-8,
  #brands-4 .brand-logo.mb-40 {
    margin-bottom: 30px;
  }
  #brand-3-5 {
    display: none;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 25px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-4 .brand-logo {
    padding: 0 25px;
  }
  #brands-2 .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 20px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  #integrations-2 .container {
    max-width: 100%;
  }
  .integrations-2-wrapper {
    padding: 70px 20px;
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .in_tool h6 {
    font-size: 1.125rem;
  }
  .integrations-1-wrapper .in_tool {
    padding: 20px 25px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #team-1.pb-40,
  #team-2.pb-40 {
    padding-bottom: 30px;
  }
  #banner-12,
  #banner-13 {
    margin-top: 0;
    margin-bottom: 25px;
  }
  #banner-1 .container,
  #banner-11 .container,
  #banner-12 .container,
  #banner-13 .container,
  #banner-2 .container,
  #banner-3 .container {
    max-width: 100%;
  }
  .banner-1-wrapper,
  .banner-11-wrapper,
  .banner-12-wrapper,
  .banner-13-wrapper,
  .banner-2-wrapper,
  .banner-3-wrapper {
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .banner-section .section-id {
    margin-bottom: 18px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 22px;
  }
  .banner-section h2 {
    font-size: 1.90625rem !important;
  }
  .banner-section h3 {
    font-size: 1.78125rem !important;
  }
  .banner-section p.p-lg {
    margin-bottom: 20px;
  }
  .banner-9-img {
    margin: 40px 5% 0;
  }
  .banner-10-img {
    margin: 40px 8% 0;
  }
  .banner-11-img {
    margin: 35px 3% -20px;
  }
  .banner-12-img {
    transform: rotate(0);
    margin: 35px 0 -40px;
  }
  .contact-form .form-select {
    height: 54px;
  }
  .contact-form textarea {
    min-height: 170px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  #footer-10.pt-50 {
    padding-top: 0;
  }
  #footer-11.p-404.pt-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer .col-sm-4,
  .footer .col-sm-6,
  .footer .col-sm-8 {
    width: 50% !important;
    float: left;
  }
  #footer-3.footer .col-sm-6.col-md-3 {
    width: 100% !important;
    float: none;
  }
  .footer-links {
    margin-bottom: 35px;
  }
  #footer-10 .footer-links,
  #footer-8 .footer-links {
    margin-bottom: 10px;
  }
  img.footer-logo {
    max-height: 37px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 24px;
  }
  #footer-10 img.footer-logo {
    max-height: 37px;
  }
  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  }
  .footer-mail-link {
    font-size: 1.125rem;
  }
  .footer-mail-link span {
    top: 3px;
    right: 0;
  }
  .footer-form {
    margin-right: 5%;
  }
  #footer-9 .footer-form {
    margin-bottom: 0;
  }
  #footer-9 .footer-form h6 {
    padding-right: 10%;
  }
  .footer-form .btn {
    height: 34px;
  }
  .form-data span {
    font-size: 1rem;
  }
}
@media (min-width: 390px) and (max-width: 413.98px) {
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }
  .s-15,
  .s-16 {
    font-size: 1.0625rem;
  }
  .s-17 {
    font-size: 1.125rem;
  }
  .s-18,
  .s-19,
  .s-20,
  .s-21,
  .s-22,
  .s-23 {
    font-size: 1.3125rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.4375rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.5625rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 1.6875rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45,
  .s-46,
  .s-47 {
    font-size: 1.8125rem;
  }
  .s-48 {
    font-size: 1.9375rem;
  }
  .s-50,
  .s-52,
  .s-54,
  .s-56,
  .s-58,
  .s-60 {
    font-size: 2rem;
  }
  .s-62 {
    font-size: 2.0625rem;
  }
  .s-64,
  .s-66 {
    font-size: 2.125rem;
  }
  .s-68 {
    font-size: 2.25rem;
  }
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 1.0625rem;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.125rem;
  }
  .btn {
    font-size: 1.0625rem;
  }
  .btn.btn-sm {
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
  }
  .store {
    margin-right: 6px;
  }
  .store.store-btn-2 {
    margin-right: 0;
  }
  .store-btn-3,
  .store-btn-4 {
    margin-top: 15px;
  }
  .section-title.mb-60 {
    margin-bottom: 35px;
  }
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 40px;
  }
  .section-title h2 {
    padding: 0 1%;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 14px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.1875rem;
    padding: 0 2%;
    margin-top: 12px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .store.header-store img {
    max-height: 45px;
  }
  .about-2-title {
    margin-bottom: 30px;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 15px;
  }
  #a4-2 {
    margin: 35px 3% 0;
  }
  .box-title h5,
  .box-title h6 {
    display: block;
    line-height: 1 !important;
    margin-bottom: 15px;
  }
  .box-title span {
    display: block;
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .box-title span[class*="flaticon-"]:after,
  .box-title span[class*="flaticon-"]:before {
    font-size: 3.25rem;
  }
  .payment-icons img {
    max-height: 30px;
  }
  .img-block-btn {
    margin-top: 40px;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 40px;
  }
  .single-project .project-title {
    margin-bottom: 40px;
  }
  .project-title h2 {
    padding-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .project-data p {
    margin-bottom: 5px;
  }
  .project-inner-img .top-img {
    margin-bottom: 30px;
  }
  .project-inner-img.mt-50 {
    margin-top: 35px;
  }
  #brands-3:after {
    height: 75%;
  }
  .brands-title {
    padding: 0 4%;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 25px;
  }
  .brands-title.mb-50 {
    margin-bottom: 30px;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 8px;
  }
  .brands-title p.p-lg,
  .brands-title p.p-md {
    font-size: 1.0625rem;
  }
  .brands-3-wrapper {
    padding: 25px 15px;
  }
  #brand-2-1,
  #brand-2-2,
  #brand-2-3,
  #brand-2-4,
  #brand-3-1,
  #brand-3-2,
  #brand-4-1,
  #brand-4-2,
  #brand-4-3,
  #brand-4-4,
  #brand-4-5,
  #brand-4-6,
  #brand-4-7,
  #brand-4-8,
  #brands-4 .brand-logo.mb-40 {
    margin-bottom: 25px;
  }
  #brand-3-5 {
    display: none;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 25px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-4 .brand-logo {
    padding: 0 25px;
  }
  #brands-2 .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 17px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  #integrations-2 .container {
    max-width: 100%;
  }
  .integrations-2-wrapper {
    padding: 70px 20px;
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .in_tool h6 {
    font-size: 1.125rem;
  }
  .integrations-1-wrapper .in_tool {
    padding: 18px 22px;
  }
  .integrations-1-wrapper .in_tool.mb-30,
  .integrations-1-wrapper .it-7,
  .integrations-1-wrapper .it-8 {
    margin-bottom: 25px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #team-1.pb-40,
  #team-2.pb-40 {
    padding-bottom: 30px;
  }
  #banner-12,
  #banner-13 {
    margin-top: 0;
    margin-bottom: 25px;
  }
  #banner-1 .container,
  #banner-11 .container,
  #banner-12 .container,
  #banner-13 .container,
  #banner-2 .container,
  #banner-3 .container {
    max-width: 100%;
  }
  .banner-1-wrapper,
  .banner-11-wrapper,
  .banner-12-wrapper,
  .banner-13-wrapper,
  .banner-2-wrapper,
  .banner-3-wrapper {
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .banner-section .section-id {
    margin-bottom: 18px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 22px;
  }
  .banner-section h2 {
    font-size: 1.90625rem !important;
  }
  .banner-section h3 {
    font-size: 1.78125rem !important;
  }
  .banner-section p.p-lg {
    margin-bottom: 20px;
  }
  .banner-9-img {
    margin: 40px 5% 0;
  }
  .banner-10-img {
    margin: 40px 8% 0;
  }
  .banner-11-img {
    margin: 35px 3% -20px;
  }
  .banner-12-img {
    transform: rotate(0);
    margin: 35px 0 -40px;
  }
  .contact-form .form-select {
    height: 54px;
  }
  .contact-form textarea {
    min-height: 170px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  #footer-10.pt-50 {
    padding-top: 0;
  }
  #footer-11.p-404.pt-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer .col-sm-4,
  .footer .col-sm-6,
  .footer .col-sm-8 {
    width: 50% !important;
    float: left;
  }
  #footer-3.footer .col-sm-6.col-md-3 {
    width: 100% !important;
    float: none;
  }
  .footer-links {
    margin-bottom: 35px;
  }
  #footer-10 .footer-links,
  #footer-8 .footer-links {
    margin-bottom: 10px;
  }
  img.footer-logo {
    max-height: 37px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 24px;
  }
  #footer-10 img.footer-logo {
    max-height: 37px;
  }
  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  }
  .footer-mail-link {
    font-size: 1.125rem;
  }
  .footer-mail-link span {
    top: 3px;
    right: 2px;
  }
  .footer-form {
    margin-right: 5%;
  }
  #footer-9 .footer-form {
    margin-bottom: 0;
  }
  .footer-form .btn {
    height: 34px;
  }
  .form-data span {
    font-size: 1rem;
  }
}
@media (min-width: 321px) and (max-width: 389.98px) {
  html {
    font-size: 97.5%;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }
  .s-15,
  .s-16 {
    font-size: 1.0625rem;
  }
  .s-17 {
    font-size: 1.125rem;
  }
  .s-18,
  .s-19,
  .s-20,
  .s-21,
  .s-22,
  .s-23 {
    font-size: 1.217948rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.34615rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.47435rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 1.60256rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45,
  .s-46,
  .s-47 {
    font-size: 1.730769rem;
  }
  .s-48 {
    font-size: 1.85897rem;
  }
  .s-50,
  .s-52,
  .s-54,
  .s-56,
  .s-58,
  .s-60 {
    font-size: 1.923076rem;
  }
  .s-62 {
    font-size: 1.98717rem;
  }
  .s-64,
  .s-66 {
    font-size: 2.05128rem;
  }
  .s-68 {
    font-size: 2.17948rem;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.0625rem;
  }
  .btn {
    font-size: 1rem;
  }
  .btn.btn-sm {
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
  }
  .store {
    margin-right: 6px;
  }
  .store.store-btn-2 {
    margin-right: 0;
  }
  .store-btn-3,
  .store-btn-4 {
    margin-top: 15px;
  }
  .section-id {
    margin-bottom: 25px;
  }
  .section-title.mb-60 {
    margin-bottom: 35px;
  }
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 40px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 14px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.15384rem;
    padding: 0 2%;
    margin-top: 12px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .loader {
    width: 90px;
    height: 90px;
  }
  .loader::after {
    border: 45px solid;
  }
  .store.header-store img {
    max-height: 44px;
  }
  .about-2-title {
    margin-bottom: 30px;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 15px;
  }
  #a4-2 {
    margin: 35px 3% 0;
  }
  .box-title h5,
  .box-title h6 {
    display: block;
    line-height: 1 !important;
    margin-bottom: 15px;
  }
  .box-title span {
    display: block;
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .box-title span[class*="flaticon-"]:after,
  .box-title span[class*="flaticon-"]:before {
    font-size: 3rem;
  }
  .payment-icons img {
    max-height: 30px;
  }
  .img-block-btn {
    margin-top: 35px;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 35px;
  }
  .single-project .project-title {
    margin-bottom: 40px;
  }
  .project-title h2 {
    padding-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .project-data p {
    margin-bottom: 5px;
  }
  .project-inner-img .top-img {
    margin-bottom: 30px;
  }
  .project-inner-img.mt-50 {
    margin-top: 35px;
  }
  #brands-3:after {
    height: 75%;
  }
  .brands-title {
    padding: 0 4%;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 25px;
  }
  .brands-title.mb-50 {
    margin-bottom: 30px;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 8px;
  }
  .brands-title p.p-lg,
  .brands-title p.p-md {
    font-size: 1rem;
  }
  .brands-3-wrapper {
    padding: 25px 15px;
  }
  #brand-2-1,
  #brand-2-2,
  #brand-2-3,
  #brand-2-4,
  #brand-3-1,
  #brand-3-2,
  #brand-4-1,
  #brand-4-2,
  #brand-4-3,
  #brand-4-4,
  #brand-4-5,
  #brand-4-6,
  #brand-4-7,
  #brand-4-8,
  #brands-4 .brand-logo.mb-40 {
    margin-bottom: 25px;
  }
  #brand-3-5 {
    display: none;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 18px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-4 .brand-logo {
    padding: 0 18px;
  }
  #brands-2 .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 13px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  #integrations-2 .container {
    max-width: 100%;
  }
  .integrations-2-wrapper {
    padding: 70px 20px;
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .in_tool h6 {
    font-size: 1.125rem;
  }
  .integrations-1-wrapper .in_tool {
    padding: 18px 22px;
  }
  .integrations-1-wrapper .in_tool.mb-30,
  .integrations-1-wrapper .it-7,
  .integrations-1-wrapper .it-8 {
    margin-bottom: 25px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #team-1.pb-40,
  #team-2.pb-40 {
    padding-bottom: 30px;
  }
  #banner-12,
  #banner-13 {
    margin-top: 0;
    margin-bottom: 25px;
  }
  #banner-1 .container,
  #banner-11 .container,
  #banner-12 .container,
  #banner-13 .container,
  #banner-2 .container,
  #banner-3 .container {
    max-width: 100%;
  }
  .banner-1-wrapper,
  .banner-11-wrapper,
  .banner-12-wrapper,
  .banner-13-wrapper,
  .banner-2-wrapper,
  .banner-3-wrapper {
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .banner-section .section-id {
    margin-bottom: 18px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 22px;
  }
  .banner-section h2 {
    font-size: 1.826923rem !important;
  }
  .banner-section h3 {
    font-size: 1.698717rem !important;
  }
  .banner-section p.p-lg {
    font-size: 1.121794rem;
    margin-bottom: 20px;
  }
  .banner-9-img {
    margin: 40px 2% 0;
  }
  .banner-10-img {
    margin: 40px 5% 0;
  }
  .banner-11-img {
    margin: 35px 2% -20px;
  }
  .banner-12-img {
    transform: rotate(0);
    margin: 35px 0 -40px;
  }
  .contact-form .form-select {
    height: 54px;
  }
  .contact-form textarea {
    min-height: 170px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  #footer-10.pt-50 {
    padding-top: 0;
  }
  #footer-11.p-404.pt-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer .col-sm-4,
  .footer .col-sm-6,
  .footer .col-sm-8 {
    width: 50% !important;
    float: left;
  }
  #footer-3.footer .col-sm-6.col-md-3 {
    width: 100% !important;
    float: none;
  }
  .footer-links {
    margin-bottom: 35px;
  }
  #footer-10 .footer-links,
  #footer-8 .footer-links {
    margin-bottom: 10px;
  }
  img.footer-logo {
    max-height: 36px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 24px;
  }
  #footer-10 img.footer-logo {
    max-height: 36px;
  }
  .footer h6 {
    font-size: 1.153846rem;
    margin-bottom: 18px;
  }
  .footer-mail-link {
    font-size: 1.0641rem;
  }
  .footer-mail-link span {
    top: 3px;
    right: 4px;
  }
  .footer-form {
    margin-right: 5%;
  }
  #footer-9 .footer-form {
    margin-bottom: 0;
  }
  #footer-9 .footer-form h6 {
    padding-right: 5%;
  }
  .footer-form .btn {
    height: 30px;
  }
  .form-data span {
    font-size: 1rem;
  }
}
@media (max-width: 320.98px) {
  html {
    font-size: 87.5%;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pt-70 {
    padding-top: 40px;
  }
  .pt-80 {
    padding-top: 40px;
  }
  .pt-90 {
    padding-top: 50px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-50 {
    padding-bottom: 30px;
  }
  .pb-60 {
    padding-bottom: 40px;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .pb-80 {
    padding-bottom: 40px;
  }
  .pb-90 {
    padding-bottom: 50px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .mb-40 {
    margin-bottom: 20px;
  }
  .mb-50 {
    margin-bottom: 30px;
  }
  .mb-60 {
    margin-bottom: 40px;
  }
  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }
  .s-15,
  .s-16 {
    font-size: 1rem;
  }
  .s-17 {
    font-size: 1.0625rem;
  }
  .s-18,
  .s-19,
  .s-20,
  .s-21,
  .s-22,
  .s-23 {
    font-size: 1.285714rem;
  }
  .s-24,
  .s-26,
  .s-28 {
    font-size: 1.35714rem;
  }
  .s-30,
  .s-32,
  .s-34 {
    font-size: 1.5rem;
  }
  .s-36,
  .s-38,
  .s-40 {
    font-size: 1.57142rem;
  }
  .s-42,
  .s-43,
  .s-44,
  .s-45,
  .s-46,
  .s-47 {
    font-size: 1.714285rem;
  }
  .s-48 {
    font-size: 1.85714rem;
  }
  .s-50,
  .s-52,
  .s-54,
  .s-56,
  .s-58,
  .s-60 {
    font-size: 1.92857rem;
  }
  .s-62 {
    font-size: 2rem;
  }
  .s-64,
  .s-66,
  .s-68 {
    font-size: 2.07142rem;
  }
  .s-68 {
    font-size: 2.14285rem;
  }
  p.p-lg,
  p.p-md {
    font-size: 1.0625rem;
  }
  .btn {
    font-size: 1rem;
  }
  .btn.btn-sm {
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
  }
  .store {
    margin-right: 6px;
  }
  .store.store-btn-2 {
    margin-right: 0;
  }
  .store-btn-3,
  .store-btn-4 {
    margin-top: 12px;
  }
  .section-title.mb-60 {
    margin-bottom: 32px;
  }
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 35px;
  }
  .section-title h2 {
    padding: 0 1%;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    margin-top: 12px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.285714rem;
    margin-top: 10px;
  }
  .section-title p.p-lg,
  .section-title p.p-md {
    padding: 0;
  }
  .loader {
    width: 80px;
    height: 80px;
  }
  .loader::after {
    border: 40px solid;
  }
  .store.header-store img {
    max-height: 42px;
  }
  .about-2-title {
    margin-bottom: 30px;
  }
  #a3-1 {
    margin-bottom: 20px;
  }
  .about-2-title h2.mb-30 {
    margin-bottom: 15px;
  }
  #a4-2 {
    margin: 30px 2% 0;
  }
  h5.h5-title {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .box-title h5,
  .box-title h6 {
    display: block;
    line-height: 1 !important;
    margin-bottom: 15px;
  }
  .box-title span {
    display: block;
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .box-title span[class*="flaticon-"]:after,
  .box-title span[class*="flaticon-"]:before {
    font-size: 3rem;
  }
  .payment-icons img {
    max-height: 26px;
  }
  .img-block-btn {
    margin-top: 30px;
  }
  #pt-1-1,
  #pt-1-2,
  #pt-1-3 {
    margin-bottom: 35px;
  }
  .single-project .project-title {
    margin-bottom: 35px;
  }
  .project-title h2 {
    padding-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .project-data p {
    margin-bottom: 5px;
  }
  .project-inner-img .top-img {
    margin-bottom: 30px;
  }
  .project-inner-img.mt-50 {
    margin-top: 30px;
  }
  #brands-3:after {
    height: 85%;
  }
  .brands-title {
    padding: 0 3%;
  }
  .brands-title.mb-35,
  .brands-title.mb-40 {
    margin-bottom: 20px;
  }
  .brands-title.mb-50 {
    margin-bottom: 25px;
  }
  .brands-title h5.s-19 {
    font-size: 1.21428rem;
  }
  .brands-title h2,
  .brands-title h3,
  .brands-title h4 {
    margin-bottom: 8px;
  }
  .brands-title p.p-lg,
  .brands-title p.p-md {
    font-size: 1rem;
  }
  .brands-3-wrapper {
    padding: 25px 15px;
  }
  #brand-2-1,
  #brand-2-2,
  #brand-2-3,
  #brand-2-4,
  #brand-3-1,
  #brand-3-2,
  #brand-4-1,
  #brand-4-2,
  #brand-4-3,
  #brand-4-4,
  #brand-4-5,
  #brand-4-6,
  #brand-4-7,
  #brand-4-8,
  #brands-4 .brand-logo.mb-40 {
    margin-bottom: 25px;
  }
  #brand-3-5 {
    display: none;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo {
    padding: 0 15px;
  }
  #brands-1 .justify-content-center .brand-logo,
  #brands-4 .brand-logo {
    padding: 0 15px;
  }
  #brands-2 .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 11px;
  }
  .brands-section .more-btn {
    margin-top: 30px;
  }
  #integrations-2 .container {
    max-width: 100%;
  }
  .integrations-2-wrapper {
    padding: 60px 20px;
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .in_tool h6 {
    font-size: 1.125rem;
  }
  .integrations-1-wrapper .in_tool {
    padding: 15px 20px;
  }
  .integrations-1-wrapper .in_tool.mb-30,
  .integrations-1-wrapper .it-7,
  .integrations-1-wrapper .it-8 {
    margin-bottom: 20px;
  }
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70 {
    margin-top: 30px;
  }
  #team-1.pb-40,
  #team-2.pb-40 {
    padding-bottom: 25px;
  }
  #banner-12,
  #banner-13 {
    margin-top: 0;
    margin-bottom: 25px;
  }
  #banner-1 .container,
  #banner-11 .container,
  #banner-12 .container,
  #banner-13 .container,
  #banner-2 .container,
  #banner-3 .container {
    max-width: 100%;
  }
  .banner-1-wrapper,
  .banner-11-wrapper,
  .banner-12-wrapper,
  .banner-13-wrapper,
  .banner-2-wrapper,
  .banner-3-wrapper {
    margin: 0 -15px;
    border-radius: 0 0 !important;
  }
  .banner-section .section-id {
    margin-bottom: 18px;
  }
  #banner-15.banner-section .section-id {
    margin-bottom: 22px;
  }
  .banner-section h2,
  .banner-section h3 {
    font-size: 1.82142rem !important;
  }
  .banner-section p.p-lg {
    font-size: 1.142857rem;
    margin-bottom: 20px;
  }
  .banner-9-img {
    margin: 35px 2% 0;
  }
  .banner-10-img {
    margin: 35px 5% 0;
  }
  .banner-11-img {
    margin: 30px 2% -20px;
  }
  .banner-12-img {
    transform: rotate(0);
    margin: 30px 0 -40px;
  }
  .contact-form .form-select {
    height: 50px;
  }
  .contact-form textarea {
    min-height: 170px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  #footer-10.pt-50 {
    padding-top: 0;
  }
  .footer .col-sm-4,
  .footer .col-sm-6,
  .footer .col-sm-8 {
    width: 50% !important;
    float: left;
  }
  #footer-3.footer .col-sm-6.col-md-3 {
    width: 100% !important;
    float: none;
  }
  .footer-links {
    margin-bottom: 35px;
  }
  #footer-10 .footer-links,
  #footer-8 .footer-links {
    margin-bottom: 10px;
  }
  img.footer-logo {
    max-height: 34px;
  }
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo {
    margin-bottom: 22px;
  }
  #footer-10 img.footer-logo {
    max-height: 34px;
  }
  .footer h6 {
    font-size: 1.1785714rem;
    margin-bottom: 18px;
  }
  .footer-mail-link {
    font-size: 1.0714285rem;
  }
  .footer-mail-link span {
    top: 3px;
    right: 4px;
  }
  .footer-form {
    margin-right: 6%;
  }
  #footer-9 .footer-form {
    margin-bottom: 0;
  }
  .footer-form .btn {
    height: 28px;
  }
  .form-data span {
    font-size: 1rem;
  }
}