@media (min-width: 1440px) and (max-width: 1920.99px) {
  #hero-16 {
    padding-top: 200px;
    padding-bottom: 140px
  }

  .hero-4-img {
    top: 14%;
    right: 4%
  }
}

@media (min-width: 992px) and (max-width: 1199.99px) {
  html {
    font-size: 15px
  }

  .pl-45 {
    padding-left: 15px
  }

  .pr-45 {
    padding-right: 15px
  }

  .pc-45 {
    padding-right: 15px;
    padding-left: 15px
  }

  p.p-sm {
    font-size: 1rem
  }

  p {
    font-size: 1.066rem
  }

  p.p-md {
    font-size: 1.1333rem
  }

  p.p-lg {
    font-size: 1.2rem
  }

  p.p-xl {
    font-size: 1.3333rem
  }

  .btn,
  .btn.btn-sm {
    font-size: .885rem;
    padding: .9575rem 1.95rem
  }

  .btn.btn-md {
    font-size: .935rem;
    padding: 1.066rem 2rem
  }

  p.play-btn-txt {
    font-size: 1rem
  }

  .stores-badge {
    margin-top: 30px
  }

  .stores-badge span.os-version {
    font-size: 1rem;
    margin-top: 20px
  }

  .section-title {
    margin-bottom: 60px
  }

  .section-title p {
    padding: 0 10%;
    margin-top: 15px
  }

  .navbar-brand {
    margin-right: 2rem
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: .95rem
  }

  .dropdown-item {
    font-size: 1rem
  }

  .navbar .btn {
    font-size: .95rem;
    padding: .765rem 1.85rem
  }

  #hero-16 {
    padding-top: 160px;
    padding-bottom: 100px
  }

  #hero-20 {
    padding-top: 150px
  }

  #hero-1 .hero-txt {
    padding-left: 10px;
    padding-right: 10px
  }

  #hero-3 .hero-txt {
    padding-left: 15px
  }

  #hero-6 .hero-txt,
  #hero-9 .hero-txt {
    padding-left: 25px
  }

  #hero-7 .hero-txt {
    margin-top: 70px;
    margin-bottom: 40px
  }

  #hero-15 .hero-txt {
    margin-top: 50px
  }

  #hero-5 .hero-app-logo {
    margin: 0 auto 22px
  }

  #hero-13 .hero-app-logo {
    margin: 0 auto 15px
  }

  #hero-15 .hero-app-logo {
    margin-bottom: 20px
  }

  #hero-5 .hero-app-logo span,
  #hero-7 .hero-app-logo span {
    font-size: 4.5rem
  }

  #hero-13 .hero-app-logo span {
    font-size: 3rem
  }

  #hero-15 .hero-app-logo span {
    font-size: 2.5rem
  }

  #hero-5 .hero-app-logo img,
  #hero-7 .hero-app-logo img {
    width: 80px;
    height: 80px
  }

  #hero-15 .hero-app-logo img {
    width: 60px;
    height: 60px
  }

  #hero-16 .hero-app-logo img {
    width: 120px;
    height: 120px
  }

  .hero-app-data h4 {
    margin-bottom: 35px
  }

  .app-version {
    font-size: .925rem;
    right: -65px
  }

  #hero-1 h2,
  #hero-7 h3,
  #hero-8 h3,
  #hero-9 h2,
  #hero-11 h3 {
    margin-bottom: 20px
  }

  #hero-3 h3 {
    margin-bottom: 25px
  }

  #hero-6 h3,
  #hero-12 h2 {
    margin-bottom: 20px
  }

  #hero-18 h3 {
    margin-bottom: 35px
  }

  #hero-20 h3 {
    padding: 0 5%;
    margin-bottom: 40px
  }

  #hero-1 p {
    padding-right: 0
  }

  #hero-2 p {
    padding: 0 10%
  }

  #hero-3 .hero-txt p {
    padding-right: 5%
  }

  #hero-6 p {
    margin-bottom: 35px
  }

  #hero-12 .hero-txt p {
    padding-right: 10%
  }

  #hero-16 p {
    padding: 0 12%
  }

  #hero-18 .btns-group {
    margin-top: 40px
  }

  #hero-20 .btns-group {
    margin-top: 45px
  }

  .hero-form .register-form {
    padding: 45px 25px;
    margin: 0 25px 0 30px;
    text-align: center
  }

  .hero-form .register-form p.p-sm {
    font-size: .9rem;
    text-align: center
  }

  .hero-form .register-form p.p-sm a {
    font-size: .85rem
  }

  .hero-form .register-form .form-control {
    font-size: 1.066rem
  }

  .hero-section .newsletter-form {
    margin: 35px 20px 0 0
  }

  .hero-section .newsletter-form .form-control {
    font-size: 1.066rem
  }

  .hero-4-img {
    top: 15%;
    right: -35%
  }

  .hero-8-img {
    margin-left: -90px
  }

  .hero-8-img img {
    max-width: 140%
  }

  .hero-11-img {
    margin-left: 80px
  }

  .hero-11-img img {
    margin-top: -430px;
    max-width: 110%
  }

  .hero-12-img img {
    max-width: 275%
  }

  .hero-14-img {
    padding: 0 8%
  }

  .f3-content {
    padding: 80px 50px
  }

  .fbox-4 {
    padding: 50px 30px
  }

  .fbox-5 {
    padding: 0 12%
  }

  .fbox-4-icon {
    width: 120px;
    height: 120px;
    line-height: 120px !important
  }

  .icon-lg .fbox-4-icon [class*="flaticon-"]:before,
  .icon-lg .fbox-4-icon [class*="flaticon-"]:after {
    font-size: 65px;
    line-height: 120px !important
  }

  .fbox-4-icon img.img-90 {
    width: 70px;
    height: 70px
  }

  .fbox-4 h5 {
    margin-bottom: 15px
  }

  #process-2 .section-title {
    margin-bottom: 180px
  }

  #process-3 .section-title {
    margin-bottom: 65px
  }

  .pbox-icon,
  .step-icon {
    width: 100px;
    height: 100px;
    line-height: 100px !important
  }

  .step-icon {
    top: -120px;
    margin-left: -50px
  }

  #process-3 .pbox-icon {
    width: 110px;
    height: 110px;
    line-height: 110px !important
  }

  .icon-xs .pbox-icon [class*="flaticon-"]:before,
  .icon-xs .step-icon [class*="flaticon-"]:before,
  .icon-xs .pbox-icon [class*="flaticon-"]:after,
  .icon-xs .step-icon [class*="flaticon-"]:after {
    line-height: 100px !important
  }

  .process-btn .btn {
    margin-top: 18px
  }

  #process-3 .process-btn .btn {
    margin-top: 25px
  }

  .process-btn p {
    margin-top: 20px
  }

  .info-8-row .txt-block p,
  .info-9-row .txt-block {
    padding: 0 5%
  }

  .right-column {
    padding-left: 0
  }

  .left-column {
    padding-right: 0
  }

  .ibox-3.mb-30 {
    margin-bottom: 35px
  }

  .ibox-3 span {
    display: none
  }

  #info-12 .list-group-item {
    margin-bottom: 4px;
    padding: 20px
  }

  .screenshots-wrap {
    margin-bottom: 80px
  }

  .screens-section .slick-dots {
    bottom: -80px
  }

  .review-1-txt {
    padding: 35px 25px 45px
  }

  .review-2 {
    padding: 35px 25px
  }

  .review-3-txt {
    padding: 35px 20px
  }

  .review-1 img {
    width: 80px;
    height: 80px;
    margin: -40px auto 15px
  }

  #reviews-2 img {
    width: 70px;
    height: 70px;
    left: -35px;
    top: -35px
  }

  .review-3 h5 {
    margin-bottom: 15px
  }

  #pricing-2 .pricing-table {
    padding: 60px 40px
  }

  #pricing-2 .pricing-table span.price {
    font-size: 60px;
    line-height: 60px
  }

  #media-1 {
    padding-bottom: 80px
  }

  .brand-logo {
    margin-bottom: 0
  }

  .brand-logo img {
    padding: 15px
  }

  #media-2 .brand-logo img {
    padding: 0 20px
  }

  .flag-icon {
    padding: 0
  }

  .m-img {
    display: inline-block;
    padding: 30px
  }

  .m-img img {
    width: 120px;
    height: 120px
  }

  .app-box span.app-cat {
    font-size: 1rem
  }

  #faqs-1 .card-header {
    padding: 22px 0
  }

  .questions-holder {
    padding-left: 10px;
    padding-right: 10px
  }

  #download-4 h3 {
    margin-bottom: 25px
  }

  #download-5 h3.h3-xl {
    font-size: 2.75rem;
    margin-bottom: 25px
  }

  #download-page h2 {
    font-size: 3.25rem
  }

  #download-1 p {
    padding: 0 5%
  }

  #download-4 p {
    padding-right: 5%
  }

  .download-page-icon img {
    width: 200px;
    height: 200px
  }

  .single-post-title h3.h3-lg {
    font-size: 2.5rem
  }

  .more-posts {
    margin-top: 10px
  }

  #blog-page .blog-post-txt h4.h4-xs {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 20px
  }

  #newsletter-1 .section-title {
    padding: 0 8%;
    margin-bottom: 30px
  }

  #newsletter-2.newsletter-section .newsletter-form {
    padding: 0 5%
  }

  #footer-1 .footer-links,
  #footer-2 .footer-links,
  #footer-5 .footer-links {
    padding-left: 0
  }

  #footer-1 .footer-info {
    padding-right: 40%;
    margin-bottom: 50px
  }

  .footer h3.h3-xs {
    margin-top: 35px;
    margin-bottom: 10px
  }

  .footer p.p-lg {
    margin-bottom: 30px
  }

  .footer-btns-group.mb-50 {
    margin-bottom: 40px
  }

  #footer-3 img.footer-logo {
    width: 100px;
    height: 100px
  }

  .terms-box {
    margin-bottom: 20px
  }

  .terms-box h4 {
    margin-bottom: 22px
  }
}

@media (min-width: 768px) and (max-width: 991.99px) {
  html {
    font-size: 11px
  }

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

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

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

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

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

  .wide-50 {
    padding-top: 80px;
    padding-bottom: 30px
  }

  .wide-40 {
    padding-top: 80px;
    padding-bottom: 20px
  }

  .wide-30 {
    padding-top: 80px;
    padding-bottom: 10px
  }

  .wide-20 {
    padding-top: 80px;
    padding-bottom: 0
  }

  .pt-100,
  .division.pt-100 {
    padding-top: 80px
  }

  .pt-50,
  .pt-60 {
    padding-top: 40px
  }

  .pb-100 {
    padding-bottom: 80px
  }

  .pb-60 {
    padding-bottom: 40px
  }

  .pl-45 {
    padding-left: 0
  }

  .pr-45 {
    padding-right: 0
  }

  .pc-45 {
    padding-right: 0;
    padding-left: 0
  }

  h5.h5-xs {
    font-size: 1.4545rem
  }

  h5.h5-sm {
    font-size: 1.4545rem
  }

  h5.h5-md {
    font-size: 1.55rem
  }

  h5.h5-lg {
    font-size: 1.55rem
  }

  h5.h5-xl {
    font-size: 1.65rem
  }

  p.p-sm {
    font-size: 1.25rem
  }

  p {
    font-size: 1.35rem
  }

  p.p-md {
    font-size: 1.45rem
  }

  p.p-lg {
    font-size: 1.55rem
  }

  p.p-xl {
    font-size: 1.65rem
  }

  .btn,
  .btn.btn-sm {
    font-size: 1.13636rem;
    padding: 1.05rem 2rem
  }

  .btn.btn-md {
    font-size: 1.3rem;
    padding: 1.05rem 2rem
  }

  .video-btn {
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px
  }

  .video-btn .svg-inline--fa {
    font-size: 4.15rem;
    line-height: 90px !important;
    vertical-align: -15px
  }

  p.play-btn-txt {
    font-size: 1.35rem
  }

  .modal-video {
    line-height: 3.25rem
  }

  .modal-video a .svg-inline--fa {
    font-size: 3.25rem;
    line-height: 3.25rem
  }

  .modal-video a {
    font-size: 1.25rem
  }

  .modal-video span {
    font-size: 1.15rem
  }

  .stores-badge {
    margin-top: 25px
  }

  a.store {
    margin-right: 8px
  }

  .stores-badge span.os-version {
    font-size: 1.13636rem;
    line-height: 1.35;
    margin-top: 20px
  }

  img.googleplay-original {
    width: 134px;
    height: 40px
  }

  img.appstore-original {
    width: 134px;
    height: 40px
  }

  img.amazon-original {
    width: 128px;
    height: 40px
  }

  img.windows-original {
    width: 154px;
    height: 40px
  }

  img.mac-appstore {
    width: 138px;
    height: 40px
  }

  img.appstore-white {
    width: 124px;
    height: 40px
  }

  img.googleplay-white {
    width: 131px;
    height: 40px
  }

  img.appstore-grey {
    width: 126px;
    height: 40px
  }

  img.googleplay-grey {
    width: 134px;
    height: 40px
  }

  .icon-xs [class*="flaticon-"]:before,
  .icon-xs [class*="flaticon-"]:after {
    font-size: 3.75rem
  }

  .icon-sm [class*="flaticon-"]:before,
  .icon-sm [class*="flaticon-"]:after {
    font-size: 4.25rem
  }

  .icon-md [class*="flaticon-"]:before,
  .icon-md [class*="flaticon-"]:after {
    font-size: 4.75rem
  }

  .icon-lg [class*="flaticon-"]:before,
  .icon-lg [class*="flaticon-"]:after {
    font-size: 5.25rem
  }

  .icon-xl [class*="flaticon-"]:before,
  .icon-xl [class*="flaticon-"]:after {
    font-size: 5.5rem
  }

  .txt-list.mb-35 {
    margin-bottom: 25px
  }

  ul.txt-list li {
    font-size: 1.35rem;
    margin-bottom: 6px
  }

  span.section-id {
    font-size: 1rem;
    margin-bottom: 22px
  }

  .section-title {
    margin-bottom: 50px
  }

  .section-title p {
    padding: 0 10%;
    margin-top: 15px
  }

  .navbar-brand {
    margin-right: 0
  }

  .nav-item {
    margin: 0 1px
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 1.13636rem;
    font-weight: 600;
    padding: 10px 12px
  }

  .navbar-text {
    margin-left: 0
  }

  .navbar .btn {
    font-size: 1.13636rem;
    font-weight: 600;
    padding: .925rem 1.65rem;
    margin-left: 5px
  }

  .dropdown-menu {
    padding: 1rem 0
  }

  .dropdown-item {
    font-size: 1.315rem;
    padding: .65rem 1.85rem
  }

  .hover-menu .collapse ul ul,
  .hover-menu .collapse ul ul ul,
  hover-menu .collapse ul ul ul ul {
    min-width: 150px
  }

  #hero-1 {
    padding-bottom: 35px
  }

  .hero-2-txt,
  #hero-13 {
    padding-top: 130px
  }

  #hero-3 {
    padding-top: 140px;
    padding-bottom: 40px
  }

  .hero-4-content,
  .hero-11-txt {
    padding-top: 170px;
    padding-bottom: 100px
  }

  #hero-6 {
    padding-bottom: 40px
  }

  .hero-7-logo {
    padding-top: 140px;
    padding-bottom: 25px
  }

  #hero-10 {
    padding-top: 140px;
    padding-bottom: 50px
  }

  #hero-14 {
    padding-top: 150px;
    padding-bottom: 10px
  }

  #hero-16 {
    padding-top: 150px;
    padding-bottom: 100px
  }

  #hero-17-content {
    padding-top: 140px
  }

  #hero-18,
  #hero-19,
  #hero-20 {
    padding-top: 140px
  }

  #hero-1 .hero-txt {
    padding-left: 0;
    padding-right: 0
  }

  #hero-3 .hero-txt,
  #hero-4 .hero-txt {
    padding-left: 0
  }

  #hero-6 .hero-txt,
  #hero-9 .hero-txt {
    padding-left: 25px
  }

  #hero-7 .hero-txt {
    margin-top: 60px;
    margin-bottom: 40px
  }

  #hero-15 .hero-txt {
    margin-top: 40px
  }

  #hero-5 .hero-app-logo {
    margin: 0 auto 20px
  }

  #hero-13 .hero-app-logo {
    margin: 0 auto 15px
  }

  #hero-15 .hero-app-logo {
    display: none
  }

  #hero-5 .hero-app-logo span,
  #hero-7 .hero-app-logo span {
    font-size: 4.5rem;
    margin-right: 18px
  }

  #hero-13 .hero-app-logo span {
    font-size: 3rem
  }

  #hero-5 .hero-app-logo img,
  #hero-7 .hero-app-logo img {
    width: 75px;
    height: 75px
  }

  #hero-16 .hero-app-logo img {
    width: 120px;
    height: 120px
  }

  .hero-app-logo h5 {
    bottom: -10px;
    left: 10%
  }

  .hero-app-data h4 {
    margin-bottom: 30px
  }

  .app-version {
    font-size: 1.13636rem;
    padding: 4px 8px;
    top: -15px;
    right: -50px
  }

  #hero-1 h2,
  #hero-7 h3,
  #hero-8 h3,
  #hero-9 h2,
  #hero-11 h3 {
    margin-bottom: 15px
  }

  #hero-3 h3 {
    margin-bottom: 25px
  }

  #hero-14 h3 {
    margin-bottom: 20px
  }

  #hero-15 h3 {
    margin-bottom: 15px
  }

  #hero-20 h3 {
    padding: 0 5%;
    margin-bottom: 40px
  }

  #hero-1 p {
    padding-right: 5%
  }

  #hero-2 p {
    font-size: 1.65rem;
    padding: 0 5%
  }

  #hero-3 .hero-txt p {
    font-size: 1.55rem;
    padding-right: 0
  }

  #hero-4 .hero-txt p {
    font-size: 1.55rem;
    padding-right: 10%
  }

  #hero-6 p {
    margin-bottom: 35px
  }

  #hero-8 p {
    padding-right: 8%
  }

  #hero-10 p {
    padding: 0
  }

  #hero-11 p {
    padding-right: 0
  }

  #hero-14 .hero-txt p {
    font-size: 1.55rem;
    padding: 0 5%
  }

  #hero-15 p {
    padding-right: 10%
  }

  #hero-16 p {
    padding: 0 3%
  }

  #hero-17 p {
    padding: 0
  }

  #hero-19 p.p-lg {
    padding: 0;
    margin-bottom: 30px
  }

  #hero-18 .btns-group {
    margin-top: 40px
  }

  #hero-20 .btns-group {
    margin-top: 45px
  }

  .hero-form .register-form {
    padding: 30px 25px;
    margin: 0 0 0 20px
  }

  .hero-form .register-form p.p-sm {
    font-size: 1.35rem;
    padding: 0 10%
  }

  .hero-form .register-form p.p-sm a {
    font-size: 1.25rem
  }

  .hero-form .register-form .form-control {
    font-size: 1.35rem
  }

  .hero-section .newsletter-form {
    margin: 35px 20px 0 0
  }

  .hero-section .newsletter-form .form-control {
    font-size: 1.45rem
  }

  .form-text span {
    font-size: 1.25rem
  }

  .hero-section .newsletter-form-notification,
  .hero-section .newsletter-form label.valid,
  .hero-section .newsletter-form label.error {
    font-size: 14px
  }

  .hero-4-img {
    top: 15%;
    right: -42%
  }

  #hero-7 .hero-img {
    padding-right: 30px
  }

  #hero-7-img img {
    margin-top: -200px
  }

  .hero-8-img {
    margin-left: -80px
  }

  .hero-8-img img {
    max-width: 165%
  }

  .hero-11-img {
    margin-left: 20%
  }

  .hero-11-img img {
    margin-top: -385px;
    max-width: 120%
  }

  .hero-12-img img {
    max-width: 350%
  }

  .hero-14-img {
    padding: 0 5%
  }

  .f3-content {
    padding: 70px 50px
  }

  .fbox-4 {
    padding: 50px 25px
  }

  .fbox-5 {
    padding: 0 8%
  }

  .fbox-4 h5 {
    margin-bottom: 15px;
    padding: 0 10%
  }

  .fbox-2-txt,
  .fbox-3-txt {
    padding-left: 15px
  }

  .fbox-4-icon {
    width: 110px;
    height: 110px;
    line-height: 110px !important
  }

  .fbox-2.icon-sm [class*="flaticon-"]:before,
  .fbox-2.icon-sm [class*="flaticon-"]:after {
    font-size: 4.75rem
  }

  .fbox-3.icon-xs [class*="flaticon-"]:before,
  .fbox-3.icon-xs [class*="flaticon-"]:after {
    font-size: 4.25rem
  }

  .icon-lg .fbox-4-icon [class*="flaticon-"]:before,
  .icon-lg .fbox-4-icon [class*="flaticon-"]:after {
    font-size: 65px;
    line-height: 110px !important
  }

  .fbox-2 img.img-70 {
    width: 55px;
    height: 55px
  }

  .fbox-3 img.img-55 {
    width: 50px;
    height: 50px
  }

  .fbox-4-icon img.img-90 {
    width: 70px;
    height: 70px
  }

  #process-2 .section-title {
    margin-bottom: 160px
  }

  #process-3 .section-title {
    margin-bottom: 60px
  }

  .pbox-icon,
  .step-icon {
    width: 90px;
    height: 90px;
    line-height: 90px !important
  }

  .step-icon {
    top: -110px;
    margin-left: -45px
  }

  #process-3 .pbox-icon {
    width: 100px;
    height: 100px;
    line-height: 100px !important
  }

  .pbox-3 img.img-70 {
    width: 65px;
    height: 65px
  }

  .pbox-icon::after {
    top: 16%
  }

  #process-3 .pbox-icon::after {
    top: 23%
  }

  .pbox-2 p {
    padding: 0 5%
  }

  .icon-xs .pbox-icon [class*="flaticon-"]:before,
  .icon-xs .step-icon [class*="flaticon-"]:before,
  .icon-xs .pbox-icon [class*="flaticon-"]:after,
  .icon-xs .step-icon [class*="flaticon-"]:after {
    line-height: 90px !important
  }

  .processbar li:before {
    font-size: 1.35rem
  }

  .processbar li:after {
    left: -48%
  }

  .process-btn .btn {
    margin-top: 15px
  }

  #process-3 .process-btn .btn {
    margin-top: 20px
  }

  .process-btn p {
    margin-top: 15px
  }

  a.process-link {
    font-size: 1.35rem
  }

  .info-5-row {
    padding-bottom: 0
  }

  .info-6-row {
    padding-top: 0
  }

  .info-7-row {
    padding-top: 0;
    padding-bottom: 0
  }

  .info-5-row .bg-inner {
    padding-bottom: 40px
  }

  .info-6-row .bg-inner {
    padding-top: 80px
  }

  .info-7-row .bg-inner {
    padding-top: 80px;
    padding-bottom: 40px
  }

  .info-8-row .txt-block {
    margin-bottom: 40px
  }

  .info-9-row .txt-block {
    padding: 0 12%;
    margin-bottom: 35px
  }

  .txt-block h3.h3-md,
  .txt-block h3.h3-lg {
    margin-bottom: 20px
  }

  .ibox-4 h5.h5-sm {
    line-height: 3.75rem !important
  }

  .info-8-row .txt-block p {
    padding: 0 5%
  }

  .right-column {
    padding-left: 0
  }

  .left-column {
    padding-right: 0
  }

  .ibox-3.mb-30 {
    margin-bottom: 40px
  }

  .ibox-4.mt-30 {
    margin-top: 22px
  }

  .ibox-2 span {
    margin-right: 15px
  }

  .ibox-3 span {
    display: none
  }

  .ibox-4 span,
  .ibox-4 img {
    margin-right: 12px
  }

  .ibox-4.icon-xs [class*="flaticon-"]:before,
  .ibox-4.icon-xs [class*="flaticon-"]:after {
    font-size: 3.65rem
  }

  #info-12 .list-group-item {
    margin-bottom: 4px;
    padding: 20px
  }

  #info-13 #accordion [data-toggle="collapse"].collapsed:after,
  #info-13 #accordion [data-toggle="collapse"]:after {
    font-size: 1.15rem
  }

  .info-5-img {
    margin-bottom: 40px
  }

  .info-6-img {
    margin: 0 5%
  }

  .info-7-img {
    margin-top: 0;
    margin-bottom: 40px
  }

  .info-11-img img {
    max-width: 100%
  }

  .screenshots-wrap {
    margin-bottom: 70px
  }

  .screens-section .slick-dots {
    bottom: -70px
  }

  #video-1 .section-title,
  #video-2 .section-title {
    margin-bottom: 40px
  }

  #video-2 .video-preview.mb-80 {
    margin-bottom: 40px
  }

  #video-2 .fbox-2 {
    text-align: center
  }

  #video-2 .fbox-2 img {
    float: none;
    margin-top: 0
  }

  #video-2 .fbox-2-txt {
    padding-left: 0
  }

  #video-2 .fbox-2 h5 {
    margin-top: 15px;
    margin-bottom: 10px
  }

  .statistic-block h5 {
    font-size: 5rem
  }

  #statistic-2 .statistic-block h5 {
    font-size: 3rem
  }

  .statistic-block p {
    font-size: 1.25rem
  }

  .review-2 {
    padding: 35px 25px
  }

  .review-3 {
    width: 50%
  }

  .review-3-txt {
    padding: 35px 25px
  }

  #reviews-2 img {
    width: 70px;
    height: 70px;
    left: -35px;
    top: -35px
  }

  .review-3 h5 {
    margin-bottom: 15px
  }

  .review-1 p,
  .review-2 p,
  .review-3 p {
    font-size: 1.35rem
  }

  .review-2 a,
  .testimonial-author p,
  .testimonial-author p a {
    font-size: 1.25rem
  }

  .app-rating .svg-inline--fa {
    font-size: 1.25rem
  }

  #reviews-3 .more-reviews {
    margin-top: 30px
  }

  #pricing-2 .col-md-4 {
    padding: 0
  }

  #pricing-2 .pricing-table {
    padding: 50px 30px
  }

  #pricing-2 .pricing-table span.price {
    font-size: 50px;
    line-height: 50px
  }

  #pricing-2 .pricing-table sup {
    font-size: 30px;
    top: -12px
  }

  .price-icon img.img-130 {
    width: 100px;
    height: 100px
  }

  ul.features {
    font-size: 1.35rem
  }

  #media-1 {
    padding-bottom: 80px
  }

  .brand-logo {
    margin-bottom: 0
  }

  .brand-logo img {
    padding: 0 5px
  }

  #media-2 .brand-logo img {
    padding: 0 10px
  }

  .flag-icon {
    padding: 0
  }

  img.flag-img {
    width: 76px;
    height: 50px
  }

  .flag-icon span {
    font-size: 1.25rem;
    line-height: 1.25
  }

  #languages-2 .btn.mt-30 {
    margin-top: 20px
  }

  .m-img {
    display: inline-block;
    padding: 20px
  }

  .m-img img {
    width: 110px;
    height: 110px
  }

  .app-box h5 {
    margin-bottom: 10px;
    margin-top: 20px
  }

  .app-box p {
    padding: 0 5%
  }

  .app-box span.app-cat {
    font-size: 1.35rem;
    margin-bottom: 10px
  }

  .app-box a {
    font-size: 1.25rem
  }

  #faqs-1 .card-header {
    padding: 22px 0
  }

  .questions-holder {
    padding-left: 20px;
    padding-right: 20px
  }

  #faqs-1 #accordion [data-toggle="collapse"].collapsed:after,
  #faqs-1 #accordion [data-toggle="collapse"]:after {
    font-size: 1.15rem
  }

  .questions-wrap {
    padding: 40px 30px 25px
  }

  .more-questions {
    margin-top: 60px
  }

  #faqs-2 .more-questions,
  #faqs-3 .more-questions {
    margin-top: 40px
  }

  #download-1 {
    padding-top: 70px;
    padding-bottom: 70px
  }

  #download-3 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  #download-1 h3 {
    margin-bottom: 15px
  }

  #download-4 h3 {
    margin-bottom: 20px
  }

  #download-5 h3.h3-xl {
    font-size: 2.75rem;
    margin-bottom: 20px
  }

  #download-1 p {
    padding: 0 10%
  }

  #download-4 p {
    padding-right: 5%
  }

  #download-page p.p-lg {
    padding: 0 10%;
    margin-top: 20px;
    margin-bottom: 25px
  }

  #download-page .btns-group p {
    font-size: 1.25rem
  }

  .download-page-icon img {
    width: 200px;
    height: 200px
  }

  .more-posts {
    margin-top: 10px
  }

  #newsletter-1 .section-title {
    padding: 0 8%;
    margin-bottom: 30px
  }

  #newsletter-2 .section-title {
    padding: 0 15%
  }

  #newsletter-2.newsletter-section .newsletter-form {
    padding: 0 5%
  }

  .newsletter-section .form-control {
    height: 52px;
    font-size: 1.35rem
  }

  .newsletter-section .btn {
    height: 52px
  }

  .contact-form .form-control,
  .contact-form .custom-select {
    font-size: 1.35rem
  }

  #contacts-2 .contact-form span {
    line-height: 20px
  }

  #footer-1 .footer-links,
  #footer-2 .footer-links,
  #footer-5 .footer-links {
    padding-left: 0
  }

  #footer-1 .footer-info {
    padding-right: 30%;
    margin-bottom: 50px
  }

  .footer h3.h3-xs {
    margin-top: 35px;
    margin-bottom: 10px
  }

  .footer p.p-lg {
    margin-bottom: 30px
  }

  .footer-btns-group.mb-50 {
    margin-bottom: 40px
  }

  #footer-3 img.footer-logo {
    width: 100px;
    height: 100px
  }

  #footer-4 img.footer-logo,
  #footer-5 img.footer-logo {
    width: 144px;
    height: 36px
  }

  #footer-3 .foo-links li p,
  #footer-3 .footer-copyright p {
    font-size: 1.25rem
  }

  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 1.35rem
  }

  .breadcrumb-item+.breadcrumb-item::before {
    font-size: 1.45rem
  }

  #inner-page-title {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .square-logo-rating h5 {
    margin-bottom: 10px
  }

  .square-logo-rating .svg-inline--fa {
    font-size: 1.25rem;
    margin-bottom: 5px
  }

  .square-logo-rating span {
    font-size: 1.25rem
  }

  .page-link {
    font-size: 1.35rem;
    padding: 1.2rem 1.5rem
  }

  .page-pagination.mt-60 {
    margin-top: 40px
  }

  ul.terms-list li {
    font-size: 1.35rem
  }

  .terms-box {
    margin-bottom: 20px
  }

  .terms-box h4 {
    margin-bottom: 22px
  }

  .single-post-title.mb-40 {
    margin-bottom: 25px
  }

  .single-post-data {
    margin-top: 25px
  }

  .single-post-txt h5 {
    margin-bottom: 15px
  }

  .latest-post .blog-post-txt {
    margin-bottom: 25px
  }

  .popular-post {
    padding: 20px 35px;
    margin-bottom: 25px
  }

  .popular-post a {
    font-size: 1.35rem
  }

  .popular-post a::after {
    font-size: 1.4rem
  }

  #blog-page .single-post-data {
    margin-top: 15px
  }

  #blog-page .post-author p {
    font-size: 1.25rem;
    padding-top: 10px;
    margin-bottom: 4px
  }

  .post-author p {
    margin-bottom: 5px
  }

  #blog-page .post-author span,
  .post-author span {
    font-size: 1.25rem
  }

  #blog-page .blog-post-txt h4.h4-xs {
    margin-top: 25px;
    margin-bottom: 5px
  }

  #blog-page .latest-post .blog-post-txt h4.h4-xs {
    margin-top: 0;
    margin-bottom: 5px
  }

  .post-tags-list span a {
    font-size: 1.25rem;
    padding: 5px 15px
  }

  a.share-ico {
    width: 100px;
    height: 35px;
    font-size: 1.25rem
  }

  .share-social-icons .svg-inline--fa {
    margin-right: 5px
  }

  .author-senoff {
    padding: 40px;
    margin-top: 80px;
    margin-bottom: 70px
  }

  .author-senoff img {
    width: 80px;
    height: 80px
  }

  .author-senoff-txt {
    padding-left: 25px
  }

  .author-senoff-txt h5 {
    margin-bottom: 10px
  }

  .comment-form .form-control {
    font-size: 1.35rem
  }
}

@media (max-width: 767px) {
  .wide-100 {
    padding-top: 80px;
    padding-bottom: 80px
  }

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

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

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

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

  .wide-50 {
    padding-top: 80px;
    padding-bottom: 30px
  }

  .wide-40 {
    padding-top: 80px;
    padding-bottom: 20px
  }

  .wide-30 {
    padding-top: 80px;
    padding-bottom: 10px
  }

  .wide-20 {
    padding-top: 80px;
    padding-bottom: 0
  }

  .pt-100,
  .division.pt-100 {
    padding-top: 80px
  }

  .pt-50,
  .pt-60 {
    padding-top: 40px
  }

  .pb-100 {
    padding-bottom: 80px
  }

  .pb-60 {
    padding-bottom: 40px
  }
}

@media (min-width: 576px) and (max-width: 767.99px) {
  html {
    font-size: 13px
  }

  .pl-45 {
    padding-left: 0
  }

  .pr-45 {
    padding-right: 0
  }

  .pc-45 {
    padding-right: 0;
    padding-left: 0
  }

  h5.h5-xs {
    font-size: 1.2885rem
  }

  h5.h5-sm {
    font-size: 1.3595rem
  }

  h5.h5-md {
    font-size: 1.43125rem
  }

  h5.h5-lg {
    font-size: 1.43125rem
  }

  h5.h5-xl {
    font-size: 1.5075rem
  }

  p.p-sm {
    font-size: 1.0575rem
  }

  p {
    font-size: 1.145rem
  }

  p.p-md {
    font-size: 1.225rem
  }

  p.p-lg {
    font-size: 1.3075rem
  }

  p.p-xl {
    font-size: 1.3845rem
  }

  .btn,
  .btn.btn-sm {
    font-size: 1.0575rem;
    padding: 1.05rem 2rem
  }

  .btn.btn-md {
    font-size: 1.145rem;
    padding: 1.05rem 2rem
  }

  p.play-btn-txt {
    font-size: 1.145rem
  }

  .modal-video {
    line-height: 3rem
  }

  .modal-video a .svg-inline--fa {
    font-size: 3rem;
    line-height: 3rem;
    top: 6px
  }

  .modal-video a {
    font-size: 1.145rem
  }

  .modal-video span {
    font-size: 1.0575rem;
    left: 48px
  }

  .stores-badge {
    margin-top: 25px
  }

  a.store {
    margin-right: 10px
  }

  .stores-badge span.os-version {
    font-size: 1.0575rem;
    line-height: 1.35;
    margin-top: 20px
  }

  .icon-xs [class*="flaticon-"]:before,
  .icon-xs [class*="flaticon-"]:after {
    font-size: 4.25rem
  }

  .icon-sm [class*="flaticon-"]:before,
  .icon-sm [class*="flaticon-"]:after {
    font-size: 4.75rem
  }

  .icon-md [class*="flaticon-"]:before,
  .icon-md [class*="flaticon-"]:after {
    font-size: 5.25rem
  }

  .icon-lg [class*="flaticon-"]:before,
  .icon-lg [class*="flaticon-"]:after {
    font-size: 5.75rem
  }

  .icon-xl [class*="flaticon-"]:before,
  .icon-xl [class*="flaticon-"]:after {
    font-size: 6.25rem
  }

  .txt-list.mb-35 {
    margin-bottom: 25px
  }

  ul.txt-list li {
    font-size: 1.145rem;
    margin-bottom: 6px
  }

  span.section-id {
    font-size: 1rem;
    margin-bottom: 22px
  }

  .section-title {
    margin-bottom: 40px
  }

  .section-title h3.h3-lg {
    font-size: 2.3125rem
  }

  .section-title p {
    padding: 0;
    margin-top: 15px
  }

  .navbar-brand {
    margin-right: 0
  }

  .bg-light {
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4)
  }

  .navbar.bg-tra {
    padding: 20px;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4)
  }

  .navbar.bg-tra.black-scroll .navbar-toggler,
  .navbar.bg-tra.blue-scroll .navbar-toggler,
  .navbar.bg-tra.deepblue-scroll .navbar-toggler {
    color: #fff
  }

  .navbar {
    padding: 20px;
    text-align: center
  }

  .navbar.scroll,
  .navbar.scroll.bg-tra {
    padding: 20px
  }

  .navbar-nav {
    padding-top: 25px
  }

  .navbar-collapse {
    padding-bottom: 0
  }

  .nav-item {
    margin: 0
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 1.145rem;
    font-weight: 700;
    padding: 13px 0;
    margin: 0
  }

  .navbar-text {
    margin-left: 0
  }

  .navbar .btn {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 1.145rem;
    font-weight: 700;
    padding: 1rem 2.5rem
  }

  .bg-tra.white-scroll .navbar-nav .nav-link {
    color: #333
  }

  .bg-tra.deepblue-scroll .navbar-nav .nav-link,
  .bg-tra.blue-scroll .navbar-nav .nav-link,
  .bg-tra.black-scroll .navbar-nav .nav-link {
    color: #fff
  }

  .header-store {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .header-store img.appstore-header {
    width: 150px;
    height: 45px
  }

  .header-store img.googleplay-header {
    width: 150px;
    height: 45px
  }

  .dropdown-menu {
    text-align: center;
    padding: .5rem 0;
    margin: 0;
    border-top: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
  }

  .dropdown-item {
    font-size: 1.225rem;
    padding: .75rem 1.25rem
  }

  .navbar-dark.bg-tra.white-scroll .logo-white,
  .navbar-light.bg-tra.deepblue-scroll .logo-black,
  .navbar-light.bg-tra.black-scroll .logo-black {
    display: none
  }

  .navbar-dark.bg-tra.white-scroll .logo-black,
  .navbar-light.bg-tra.deepblue-scroll .logo-white,
  .navbar-light.bg-tra.black-scroll .logo-white {
    display: block
  }

  .navbar-dark.white-scroll .navbar-nav .nav-link:hover,
  .navbar-dark.white-scroll .navbar-nav .nav-link:focus {
    color: #3a3a3a;
    background-color: rgba(190, 190, 190, .2)
  }

  .white-scroll .tra-hover:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
  }

  .black-scroll .black-tra-hover:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff
  }

  .white-scroll .btn-tra-white {
    color: #333 !important;
    border-color: #333
  }

  .black-scroll .btn-black {
    background-color: transparent;
    border-color: #fff
  }

  .white-scroll .black-hover:hover {
    color: #fff !important
  }

  .hero-section {
    text-align: center;
    margin-top: 70px
  }

  #hero-1,
  #hero-8 {
    padding-top: 80px;
    padding-bottom: 40px
  }

  .hero-2-txt {
    padding: 80px 12% 400px
  }

  #hero-3 {
    padding-top: 80px;
    padding-bottom: 0
  }

  .hero-4-content {
    padding-top: 100px;
    padding-bottom: 100px
  }

  #hero-5,
  #hero-13,
  #hero-15 {
    padding-top: 80px
  }

  #hero-6 {
    padding-top: 80px;
    padding-bottom: 40px
  }

  .hero-7-logo {
    padding-top: 20px;
    padding-bottom: 40px
  }

  #hero-9 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  #hero-10 {
    background-position: left center;
    padding-top: 80px;
    padding-bottom: 40px
  }

  #hero-12,
  #hero-14 {
    padding-top: 80px;
    padding-bottom: 20px
  }

  #hero-16 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  #hero-17-content {
    padding-top: 80px;
    padding-bottom: 180px
  }

  #hero-18,
  #hero-19,
  #hero-20 {
    padding-top: 80px
  }

  #hero-1 .hero-txt {
    padding: 0 6%;
    margin-bottom: 30px
  }

  #hero-3 .hero-txt,
  #hero-6 .hero-txt {
    padding: 0 6%
  }

  #hero-4 .hero-txt,
  #hero-5 .hero-txt {
    padding: 0 5%
  }

  #hero-7 .hero-txt {
    padding: 0 8%;
    margin-top: 50px;
    margin-bottom: 0
  }

  #hero-8 .hero-txt {
    padding: 0 5%;
    margin-bottom: 25px
  }

  #hero-9 .hero-txt,
  #hero-10 .hero-txt {
    padding: 0 10%
  }

  .hero-11-txt {
    padding: 80px 12% 375px
  }

  #hero-15 .hero-txt {
    margin-top: 0
  }

  #hero-5 .hero-app-logo {
    margin: 0 auto 20px
  }

  #hero-13 .hero-app-logo {
    margin: 0 auto 15px
  }

  #hero-15 .hero-app-logo {
    margin-bottom: 20px
  }

  #hero-5 .hero-app-logo span,
  #hero-7 .hero-app-logo span {
    font-size: 3.75rem;
    margin-right: 18px
  }

  #hero-13 .hero-app-logo span,
  #hero-15 .hero-app-logo span {
    font-size: 3rem
  }

  #hero-5 .hero-app-logo img,
  #hero-7 .hero-app-logo img {
    width: 65px;
    height: 65px
  }

  #hero-15 .hero-app-logo img {
    width: 60px;
    height: 60px
  }

  #hero-16 .hero-app-logo img {
    width: 110px;
    height: 110px
  }

  .hero-app-logo h5 {
    bottom: -20px;
    left: 10%
  }

  .hero-app-data h4 {
    margin-bottom: 25px
  }

  .app-version {
    font-size: 1.0575rem;
    padding: 4px 8px;
    top: -20px;
    right: -50px
  }

  #hero-1 h2,
  #hero-4 h3,
  #hero-6 h3,
  #hero-7 h3,
  #hero-8 h3,
  #hero-9 h2,
  #hero-11 h3 {
    margin-bottom: 18px
  }

  #hero-2 h3 {
    font-size: 3.15rem
  }

  #hero-3 h3,
  #hero-12 h2,
  #hero-15 h3 {
    margin-bottom: 20px
  }

  #hero-10 .white-color h2,
  #hero-10 .white-color p,
  #hero-10 .white-color span {
    color: #333 !important
  }

  #hero-14 h3 {
    font-size: 2.5rem;
    margin-bottom: 15px
  }

  #hero-18 h3,
  #hero-20 h3 {
    margin-bottom: 30px
  }

  #hero-1 p,
  #hero-8 p,
  #hero-11 p {
    padding: 0
  }

  #hero-2 p {
    font-size: 1.3845rem;
    padding: 0
  }

  #hero-3 .hero-txt p {
    font-size: 1.3075rem;
    padding: 0 5%;
    margin-bottom: 0
  }

  #hero-4 .hero-txt p {
    font-size: 1.3075rem;
    padding: 0
  }

  #hero-6 p {
    margin-bottom: 30px
  }

  #hero-12 p {
    padding: 0 10%
  }

  #hero-14 .hero-txt p {
    font-size: 1.3075rem;
    padding: 0 10%
  }

  #hero-15 p {
    padding: 0 5%
  }

  #hero-16 p {
    padding: 0 5%
  }

  #hero-19 p.p-lg {
    padding: 0 5%;
    margin-bottom: 20px
  }

  #hero-18 .btns-group,
  #hero-20 .btns-group {
    margin-top: 40px
  }

  .btns-group .btn {
    margin-bottom: 15px
  }

  .btn-notice {
    margin-top: 5px
  }

  #hero-18 .btn-notice {
    margin-top: 10px
  }

  .hero-form .register-form {
    padding: 45px 35px;
    margin: 0 8%
  }

  .hero-form .register-form p {
    font-size: 1.225rem
  }

  .hero-form .register-form p.p-sm {
    font-size: 1.145rem;
    padding: 0
  }

  .hero-form .register-form p.p-sm a {
    font-size: 1.05rem
  }

  .hero-form .register-form .form-control {
    font-size: 1.225rem
  }

  .hero-section .newsletter-form {
    margin: 25px 0 15px
  }

  .hero-section .newsletter-form .input-group {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0
  }

  .hero-section .newsletter-form .form-control {
    display: block;
    width: 100% !important;
    height: 52px;
    text-align: center;
    font-size: 1.225rem;
    padding: 0 15px;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
  }

  .hero-section .newsletter-form .input-group-btn {
    display: block;
    width: 100% !important
  }

  .hero-section .newsletter-form .btn {
    display: block;
    width: 100% !important;
    height: 52px;
    font-size: 1.145rem;
    margin-left: 0
  }

  .form-text {
    margin-left: 0
  }

  .form-text span {
    font-size: 1.145rem
  }

  .hero-section .newsletter-form-notification {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    text-align: center;
    margin-top: 15px
  }

  .hero-section .newsletter-form label.valid,
  .hero-section .newsletter-form label.error {
    margin-top: 15px
  }

  .hero-section .newsletter-form-notification,
  .hero-section .newsletter-form label.valid,
  .hero-section .newsletter-form label.error {
    font-size: 14px
  }

  .hero-2-img,
  .hero-9-img {
    margin: 0 15%
  }

  .hero-2-img img {
    margin-top: -385px
  }

  .hero-4-img {
    top: -5%;
    right: -75%
  }

  .hero-5-img {
    margin: 40px 15% 0
  }

  .hero-6-img {
    margin: 0 10% 55px
  }

  #hero-7 .hero-img {
    display: none
  }

  .hero-8-img {
    margin: 0 3% 40px
  }

  .hero-8-img img {
    max-width: 100%
  }

  .hero-11-img {
    margin: 0 5%
  }

  .hero-11-img img {
    margin-top: -340px;
    max-width: 100%
  }

  .hero-12-img img {
    position: relative;
    width: 100%;
    height: 100%
  }

  .hero-15-img {
    margin: 40px 15% 0
  }

  .hero-17-img img {
    margin-top: -150px
  }

  #features-3 .section-title p {
    padding: 0 7%
  }

  .f3-content {
    padding: 50px 45px
  }

  .fbox-3 {
    margin-bottom: 30px
  }

  .fbox-4 {
    padding: 50px;
    margin-right: 15%;
    margin-left: 15%
  }

  .fbox-5 {
    padding: 0
  }

  .fbox-2-txt,
  .fbox-3-txt {
    padding-left: 20px
  }

  .fbox-4 h5 {
    margin-bottom: 15px;
    padding: 0 10%
  }

  .fbox-2 img.img-70 {
    width: 62px;
    height: 62px
  }

  .fetures-btn {
    margin-top: 10px
  }

  #process-2 .section-title {
    margin-bottom: 40px
  }

  #process-3 .section-title {
    margin-bottom: 60px
  }

  .processbar li {
    z-index: 1
  }

  .step-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 auto
  }

  .pbox-icon::after,
  .processbar li:before,
  .processbar li:after {
    display: none
  }

  .pbox-2 p {
    padding: 0
  }

  .process-btn .btn {
    margin-top: 15px
  }

  #process-3 .process-btn .btn {
    margin-top: 20px
  }

  .process-btn p {
    margin-top: 15px
  }

  a.process-link {
    font-size: 1.145rem
  }

  .info-4-row {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .info-5-row {
    padding-bottom: 0
  }

  .info-6-row {
    padding-top: 0
  }

  .info-7-row {
    padding-top: 0;
    padding-bottom: 0
  }

  .info-5-row .bg-inner {
    padding-bottom: 40px
  }

  .info-6-row .bg-inner {
    padding-top: 80px
  }

  .info-7-row .bg-inner {
    padding-top: 80px;
    padding-bottom: 40px
  }

  .info-8-row .txt-block {
    margin-bottom: 40px
  }

  .info-9-row .txt-block {
    padding: 0;
    margin-bottom: 35px
  }

  .info-13-row {
    padding-bottom: 60px
  }

  .txt-block h3.h3-lg {
    font-size: 2.3125rem;
    margin-bottom: 20px
  }

  .txt-block h3.h3-md {
    margin-bottom: 2.125px;
    margin-bottom: 20px
  }

  .ibox-3 h5.h5-sm {
    margin-top: 15px;
    margin-bottom: 15px
  }

  .ibox-4 h5.h5-sm {
    line-height: 3.25rem !important
  }

  .info-8-row .txt-block h3.h3-lg {
    margin-bottom: 15px
  }

  .info-8-row .txt-block p {
    padding: 0
  }

  .right-column {
    padding-left: 0
  }

  .left-column {
    padding-right: 0
  }

  .ibox-3,
  .ibox-3.mb-30,
  .ibox-3.text-right {
    text-align: center !important;
    padding: 0 5%;
    margin-bottom: 40px
  }

  .info-blocks p {
    font-size: .9rem
  }

  .ibox-2 span {
    margin-right: 20px
  }

  .ibox-4 span,
  .ibox-4 img {
    margin-right: 12px
  }

  .ibox-4.icon-xs [class*="flaticon-"]:before,
  .ibox-4.icon-xs [class*="flaticon-"]:after {
    font-size: 3.25rem
  }

  .info-6-row .btn {
    margin-top: 10px
  }

  .info-4-row .img-block,
  .info-5-img {
    margin-bottom: 50px
  }

  .info-6-img {
    margin: 50px 5% 0
  }

  .info-7-img {
    display: none
  }

  .info-10-img img {
    position: relative;
    width: 100%;
    height: 100%
  }

  .info-11-img img {
    max-width: 100%
  }

  #info-12 .txt-block {
    margin-bottom: 40px
  }

  #info-13 .txt-block {
    margin-top: 40px
  }

  #info-13 #accordion [data-toggle="collapse"].collapsed:after,
  #info-13 #accordion [data-toggle="collapse"]:after {
    font-size: 1.15rem
  }

  .screenshots-wrap {
    margin-bottom: 70px
  }

  .screens-section .slick-dots {
    bottom: -70px
  }

  #video-1 .section-title,
  #video-2 .section-title {
    margin-bottom: 40px
  }

  #video-2 .video-preview.mb-80 {
    margin-bottom: 40px
  }

  #video-2 .fbox-2 {
    text-align: center
  }

  #video-2 .fbox-2 img {
    float: none;
    margin-top: 0
  }

  #video-2 .fbox-2-txt {
    padding-left: 0
  }

  #video-2 .fbox-2 h5 {
    margin-top: 15px;
    margin-bottom: 10px
  }

  #statistic-1 .section-title {
    margin-bottom: 30px
  }

  .statistic-block h5 {
    font-size: 3.75rem
  }

  #statistic-2 .statistic-block h5 {
    font-size: 2.5rem
  }

  .statistic-block p {
    font-size: 1.145rem
  }

  .review-2.mt-60 {
    margin-top: 0
  }

  .review-2,
  .review-2.mb-50 {
    padding: 35px 25px;
    margin: 0 10px 60px 30px
  }

  .review-3 {
    width: 100%
  }

  .review-3-txt {
    padding: 35px 25px
  }

  #reviews-2 img {
    width: 70px;
    height: 70px;
    left: -35px;
    top: -35px
  }

  .review-3 h5 {
    margin-bottom: 15px
  }

  .review-1 p,
  .review-2 p,
  .review-3 p {
    font-size: 1.225rem
  }

  .review-2 a,
  .testimonial-author p,
  .testimonial-author p a {
    font-size: 1.145rem
  }

  .review-3 .app-rating {
    margin-bottom: 8px
  }

  .app-rating .svg-inline--fa {
    font-size: 1.145rem
  }

  .more-reviews {
    margin-top: 0
  }

  #reviews-3 .more-reviews {
    margin-top: 30px
  }

  .pricing-table {
    margin-right: 10%;
    margin-left: 10%
  }

  #pricing-2 .pricing-table {
    padding: 50px 60px
  }

  .price-icon img.img-130 {
    width: 110px;
    height: 110px
  }

  ul.features {
    font-size: 1.225rem
  }

  #media-1 {
    padding-bottom: 65px
  }

  .brand-logo {
    margin-bottom: 15px
  }

  .brand-logo img {
    padding: 0 20px
  }

  #media-2 .brand-logo img {
    padding: 0
  }

  .flag-icon {
    padding: 0
  }

  img.flag-img {
    width: 76px;
    height: 50px
  }

  .flag-icon span {
    font-size: 1.0575rem;
    line-height: 1.25
  }

  .m-img {
    display: inline-block;
    padding: 15px
  }

  .m-img img {
    width: 100px;
    height: 100px
  }

  .app-box h5 {
    margin-bottom: 10px;
    margin-top: 15px
  }

  .app-box p {
    font-size: 1rem;
    padding: 0
  }

  .app-box span.app-cat {
    font-size: 1.145rem;
    margin-bottom: 10px
  }

  .app-box a {
    font-size: 1.0575rem
  }

  #faqs-1 #accordion {
    margin-right: 0;
    margin-left: 0
  }

  #faqs-1 .card-header {
    padding: 22px 0
  }

  .questions-holder {
    padding-left: 0;
    padding-right: 0
  }

  #faqs-1 #accordion [data-toggle="collapse"].collapsed:after,
  #faqs-1 #accordion [data-toggle="collapse"]:after {
    font-size: 1.15rem
  }

  .more-questions {
    margin-top: 60px
  }

  #faqs-2 .more-questions,
  #faqs-3 .more-questions {
    margin-top: 40px
  }

  .question-category {
    width: 100%
  }

  .questions-wrap {
    margin: 0 0 30px;
    padding: 45px 35px 32px
  }

  #download-1 {
    padding-top: 70px;
    padding-bottom: 70px
  }

  #download-2 {
    padding-top: 0;
    text-align: center
  }

  #download-2 .bg-inner {
    padding-top: 80px
  }

  #download-3 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  #download-4,
  #download-5 {
    text-align: center
  }

  #download-page {
    margin-top: 70px;
    margin-bottom: 20px
  }

  #download-5 .download-txt {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 80px
  }

  .d-line {
    display: block !important
  }

  #download-3 .stores-badge {
    display: block;
    margin-top: 18px
  }

  #download-1 h3.h3-xs {
    font-size: 2rem;
    margin-bottom: 15px
  }

  #download-2 h3 {
    padding: 0 4%
  }

  #download-3 h5 {
    margin-right: 0
  }

  #download-4 h3.h3-xl {
    font-size: 2.65rem;
    padding: 0 4%;
    margin-bottom: 20px
  }

  #download-5 h3.h3-xl {
    font-size: 2.65rem;
    margin-bottom: 15px
  }

  #download-page h2 {
    font-size: 2.95rem;
    margin-bottom: 10px
  }

  #download-1 p {
    padding: 0
  }

  #download-4 p {
    padding: 0 5%
  }

  #download-page p.p-lg {
    padding: 0 10%;
    margin-top: 20px;
    margin-bottom: 25px
  }

  #download-page .btns-group p {
    font-size: 1.145rem
  }

  .download-2-img {
    margin-top: 40px;
    margin-bottom: -60px
  }

  .download-page-icon img {
    width: 160px;
    height: 160px
  }

  .blog-post-txt p.post-meta {
    font-size: 1.145rem
  }

  .more-posts {
    margin-top: 10px
  }

  #newsletter-1 .section-title {
    padding: 0 8%;
    margin-bottom: 30px
  }

  #newsletter-2 .section-title {
    padding: 0 15%
  }

  #newsletter-2.newsletter-section .newsletter-form {
    padding: 0 2%
  }

  .newsletter-section .form-control {
    height: 52px;
    font-size: 1.225rem
  }

  .newsletter-section .btn {
    height: 52px
  }

  .contact-form .form-control,
  .contact-form .custom-select {
    font-size: 1.225rem
  }

  #contacts-2 .contact-form span {
    line-height: 20px
  }

  #footer-1 .footer-links,
  #footer-2 .footer-links,
  #footer-5 .footer-links {
    padding-left: 0
  }

  .footer-stores-badge.text-right,
  .footer-socials-links.text-right {
    text-align: left !important
  }

  .footer h3.h3-xs {
    font-size: 2rem;
    margin-top: 30px;
    margin-bottom: 10px
  }

  .footer p.p-lg {
    margin-bottom: 25px
  }

  .footer-btns-group.mb-50 {
    margin-bottom: 40px
  }

  #footer-3 img.footer-logo {
    width: 90px;
    height: 90px
  }

  #footer-4 img.footer-logo,
  #footer-5 img.footer-logo {
    width: 144px;
    height: 36px
  }

  #footer-3 .foo-links li p,
  #footer-3 .footer-copyright p {
    font-size: 1.0575rem
  }

  #page-hero {
    display: none
  }

  #breadcrumb {
    margin-top: 72px
  }

  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 1.145rem
  }

  .breadcrumb-item+.breadcrumb-item::before {
    font-size: 1.145rem
  }

  #inner-page-title {
    padding-top: 30px;
    padding-bottom: 30px
  }

  #inner-page-title .btns-group.text-right {
    display: none
  }

  .square-logo-rating h5 {
    margin-bottom: 10px
  }

  .square-logo-rating .svg-inline--fa {
    font-size: 1.0575rem;
    margin-bottom: 5px
  }

  .square-logo-rating span {
    font-size: 1.0575rem
  }

  .page-link {
    font-size: 1.145rem;
    padding: 1.1rem 1.35rem
  }

  .page-pagination.mt-60 {
    margin-top: 40px
  }

  ul.terms-list li {
    font-size: 1.145rem
  }

  .terms-box {
    margin-bottom: 20px
  }

  .terms-box h4 {
    margin-bottom: 22px
  }

  .single-post-title.mb-40 {
    margin-bottom: 25px
  }

  .single-post-title h3.h3-lg {
    font-size: 2.5rem
  }

  .single-post-data {
    margin-top: 25px
  }

  .single-post-txt h5 {
    margin-bottom: 15px
  }

  .latest-post .blog-post-txt {
    margin-bottom: 25px
  }

  .popular-posts.mb-80 {
    margin-bottom: 40px
  }

  .popular-post {
    padding: 20px 35px;
    margin-bottom: 25px
  }

  .popular-post a {
    font-size: 1.225rem
  }

  .popular-post a::after {
    font-size: 1.225rem
  }

  #blog-page .single-post-data {
    margin-top: 15px
  }

  .post-avatar img {
    width: 55px;
    height: 55px
  }

  #blog-page .post-author p {
    font-size: 1.125rem;
    padding-top: 8px;
    margin-bottom: 4px
  }

  .post-author p {
    margin-bottom: 5px
  }

  #blog-page .post-author span,
  .post-author span {
    font-size: 1.125rem
  }

  #blog-page .blog-post-txt h4.h4-xs {
    margin-top: 25px;
    margin-bottom: 5px
  }

  #blog-page .latest-post .blog-post-txt h4.h4-xs {
    margin-top: 0;
    margin-bottom: 5px
  }

  .post-tags-list {
    margin-bottom: 25px
  }

  .post-tags-list span a {
    font-size: 1.05rem;
    padding: 5px 15px
  }

  a.share-ico {
    width: 100px;
    height: 35px;
    font-size: 1.145rem
  }

  .share-social-icons .svg-inline--fa {
    margin-right: 5px
  }

  .author-senoff {
    padding: 35px;
    margin-top: 80px;
    margin-bottom: 70px
  }

  .author-senoff img {
    width: 80px;
    height: 80px
  }

  .author-senoff-txt {
    padding-left: 25px
  }

  .author-senoff-txt h5 {
    margin-bottom: 10px
  }

  #leave-comment {
    margin-top: 60px
  }

  .comment-form .form-control {
    font-size: 1.225rem
  }
}

@media (max-width: 575px) {
  html {
    font-size: 10px
  }

  .pl-45 {
    padding-left: 0
  }

  .pr-45 {
    padding-right: 0
  }

  .pc-45 {
    padding-right: 0;
    padding-left: 0
  }

  .division.pt-40,
  .division.pt-60 {
    padding-top: 80px
  }

  #features-2.division.pt-50 {
    padding-top: 30px
  }

  h5.h5-xs {
    font-size: 1.575rem
  }

  h5.h5-sm {
    font-size: 1.775rem
  }

  h5.h5-md {
    font-size: 1.775rem
  }

  h5.h5-lg {
    font-size: 1.775rem
  }

  h5.h5-xl {
    font-size: 1.875rem
  }

  p.p-sm {
    font-size: 1.375rem
  }

  p {
    font-size: 1.485rem
  }

  p.p-md {
    font-size: 1.5925rem
  }

  p.p-lg {
    font-size: 1.7rem
  }

  p.p-xl {
    font-size: 1.8rem
  }

  .btn,
  .btn.btn-sm {
    font-size: 1.375rem;
    padding: 1.25rem 2rem
  }

  .btn.btn-md {
    font-size: 1.375rem;
    padding: 1.3rem 2rem
  }

  .video-block {
    width: 90px;
    height: 90px
  }

  .video-btn {
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;
    line-height: 80px !important
  }

  .video-btn .svg-inline--fa {
    font-size: 4rem
  }

  p.play-btn-txt {
    font-size: 1.485rem
  }

  .modal-video {
    line-height: 4rem
  }

  .modal-video a .svg-inline--fa {
    font-size: 4rem;
    line-height: 3rem;
    top: 6px
  }

  .modal-video a {
    font-size: 1.485rem
  }

  .modal-video span {
    font-size: 1.375rem;
    left: 49px
  }

  .stores-badge {
    margin-top: 25px
  }

  a.store {
    margin-right: 6px
  }

  .stores-badge span.os-version {
    font-size: 1.35rem;
    line-height: 1.35;
    margin-top: 20px;
    padding: 0 8%
  }

  #hero-1 .stores-badge span.os-version {
    padding: 0 13%
  }

  img.googleplay-original {
    width: 134px;
    height: 40px
  }

  img.appstore-original {
    width: 134px;
    height: 40px
  }

  img.amazon-original {
    width: 128px;
    height: 40px
  }

  img.windows-original {
    width: 154px;
    height: 40px
  }

  img.mac-appstore {
    width: 138px;
    height: 40px
  }

  img.appstore-white {
    width: 124px;
    height: 40px
  }

  img.googleplay-white {
    width: 131px;
    height: 40px
  }

  img.appstore-grey {
    width: 126px;
    height: 40px
  }

  img.googleplay-grey {
    width: 134px;
    height: 40px
  }

  .icon-xs [class*="flaticon-"]:before,
  .icon-xs [class*="flaticon-"]:after {
    font-size: 4.5rem
  }

  .icon-sm [class*="flaticon-"]:before,
  .icon-sm [class*="flaticon-"]:after {
    font-size: 5.5rem
  }

  .icon-md [class*="flaticon-"]:before,
  .icon-md [class*="flaticon-"]:after {
    font-size: 6.5rem
  }

  .icon-lg [class*="flaticon-"]:before,
  .icon-lg [class*="flaticon-"]:after {
    font-size: 7.5rem
  }

  .icon-xl [class*="flaticon-"]:before,
  .icon-xl [class*="flaticon-"]:after {
    font-size: 8rem
  }

  .txt-list.mb-35 {
    margin-bottom: 25px
  }

  ul.txt-list li {
    font-size: 1.485rem;
    margin-bottom: 6px
  }

  span.section-id {
    font-size: 1.25rem;
    margin-bottom: 22px
  }

  .section-title {
    margin-bottom: 30px
  }

  .section-title h3.h3-lg {
    padding: 0
  }

  .section-title p {
    padding: 0 3%;
    margin-top: 10px
  }

  .navbar-brand {
    margin-right: 0
  }

  .bg-light {
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4)
  }

  .navbar.bg-tra {
    padding: 20px;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4)
  }

  .navbar.bg-tra.black-scroll .navbar-toggler,
  .navbar.bg-tra.blue-scroll .navbar-toggler,
  .navbar.bg-tra.deepblue-scroll .navbar-toggler {
    color: #fff
  }

  .navbar {
    padding: 20px;
    text-align: center
  }

  .navbar.scroll,
  .navbar.scroll.bg-tra {
    padding: 20px
  }

  .navbar-nav {
    padding-top: 25px
  }

  .navbar-collapse {
    padding-bottom: 0
  }

  .nav-item {
    margin: 0
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 1.45rem;
    font-weight: 700;
    padding: 13px 0;
    margin: 0
  }

  .navbar-text {
    margin-left: 0
  }

  .navbar .btn {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 1.375rem;
    font-weight: 700;
    padding: 1.15rem 2.75rem
  }

  .bg-tra.white-scroll .navbar-nav .nav-link {
    color: #333
  }

  .bg-tra.deepblue-scroll .navbar-nav .nav-link,
  .bg-tra.blue-scroll .navbar-nav .nav-link,
  .bg-tra.black-scroll .navbar-nav .nav-link {
    color: #fff
  }

  .header-store {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .header-store img.appstore-header {
    width: 150px;
    height: 45px
  }

  .header-store img.googleplay-header {
    width: 150px;
    height: 45px
  }

  .dropdown-menu {
    text-align: center;
    padding: .5rem 0;
    margin: 0;
    border-top: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
  }

  .dropdown-item {
    font-size: 1.65rem;
    padding: 1rem 1.25rem
  }

  .navbar-dark.bg-tra.white-scroll .logo-white,
  .navbar-light.bg-tra.deepblue-scroll .logo-black,
  .navbar-light.bg-tra.black-scroll .logo-black {
    display: none
  }

  .navbar-dark.bg-tra.white-scroll .logo-black,
  .navbar-light.bg-tra.deepblue-scroll .logo-white,
  .navbar-light.bg-tra.black-scroll .logo-white {
    display: block
  }

  .navbar-dark.white-scroll .navbar-nav .nav-link:hover,
  .navbar-dark.white-scroll .navbar-nav .nav-link:focus {
    color: #3a3a3a;
    background-color: rgba(190, 190, 190, .2)
  }

  .white-scroll .tra-hover:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
  }

  .black-scroll .black-tra-hover:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff
  }

  .white-scroll .btn-tra-white {
    color: #333 !important;
    border-color: #333
  }

  .black-scroll .btn-black {
    background-color: transparent;
    border-color: #fff
  }

  .white-scroll .black-hover:hover {
    color: #fff !important
  }

  .hero-section {
    text-align: center;
    margin-top: 70px
  }

  .right-incline,
  .bottom-wave,
  .left-incline {
    display: none
  }

  #hero-1,
  #hero-8 {
    padding-top: 70px;
    padding-bottom: 30px
  }

  .hero-2-txt {
    padding: 70px 0 265px
  }

  #hero-3 {
    padding-top: 70px;
    padding-bottom: 40px
  }

  .hero-4-content {
    padding-top: 70px;
    padding-bottom: 70px
  }

  #hero-5,
  #hero-9 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  #hero-6 {
    padding-top: 70px;
    padding-bottom: 40px
  }

  .hero-7-logo {
    padding-top: 0;
    padding-bottom: 50px
  }

  #hero-10 {
    background-position: right bottom;
    padding-top: 70px;
    padding-bottom: 40px
  }

  #hero-12 {
    padding-top: 80px;
    padding-bottom: 40px
  }

  #hero-13,
  #hero-18,
  #hero-19,
  #hero-20 {
    padding-top: 70px
  }

  #hero-14 {
    padding-top: 70px;
    padding-bottom: 20px
  }

  #hero-15 {
    padding-top: 70px;
    padding-bottom: 80px
  }

  #hero-16 {
    padding-top: 70px;
    padding-bottom: 70px
  }

  #hero-17-content {
    padding-top: 70px;
    padding-bottom: 120px
  }

  #hero-1 .hero-txt,
  #hero-3 .hero-txt {
    padding: 0;
    margin-bottom: 30px
  }

  #hero-6 .hero-txt,
  #hero-4 .hero-txt,
  #hero-5 .hero-txt,
  #hero-9 .hero-txt,
  #hero-10 .hero-txt {
    padding: 0
  }

  #hero-7 .hero-txt {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 0
  }

  #hero-8 .hero-txt {
    padding: 0;
    margin-bottom: 20px
  }

  .hero-11-txt {
    padding: 85px 0
  }

  #hero-15 .hero-txt {
    margin-top: 0
  }

  #hero-5 .hero-app-logo {
    margin: 0 auto 20px
  }

  #hero-13 .hero-app-logo {
    margin: 0 auto 15px
  }

  #hero-15 .hero-app-logo {
    margin-bottom: 20px
  }

  #hero-5 .hero-app-logo span,
  #hero-7 .hero-app-logo span {
    font-size: 3.5rem;
    margin-right: 18px
  }

  #hero-13 .hero-app-logo span,
  #hero-15 .hero-app-logo span {
    font-size: 3rem
  }

  #hero-5 .hero-app-logo img,
  #hero-7 .hero-app-logo img,
  #hero-15 .hero-app-logo img {
    width: 60px;
    height: 60px
  }

  #hero-10 .hero-txt img.img-fluid {
    width: 100px;
    height: 100px
  }

  #hero-16 .hero-app-logo img {
    width: 100px;
    height: 100px
  }

  .hero-app-logo h5 {
    bottom: -15px;
    left: 10%
  }

  .hero-app-data h4 {
    font-size: 1.85rem;
    margin-bottom: 25px
  }

  .app-version {
    font-size: 1.215rem;
    padding: 4px 8px;
    top: -20px;
    right: -45px
  }

  #hero-1 h2,
  #hero-4 h3,
  #hero-6 h3,
  #hero-7 h3,
  #hero-8 h3,
  #hero-9 h2,
  #hero-11 h3 {
    margin-bottom: 18px
  }

  #hero-2 h3 {
    font-size: 3.1rem;
    margin-bottom: 18px
  }

  #hero-3 h3,
  #hero-12 h2,
  #hero-15 h3 {
    margin-bottom: 20px
  }

  #hero-5 h5 {
    font-size: 1.5925rem
  }

  #hero-14 h3 {
    font-size: 3.25rem;
    margin-bottom: 20px;
    padding: 0 8%
  }

  #hero-16 h3 {
    margin-top: 20px
  }

  #hero-17 h3 {
    margin-bottom: 15px
  }

  #hero-18 h3 {
    font-size: 3rem;
    padding: 0;
    margin-bottom: 25px
  }

  #hero-19 h3 {
    margin-top: 25px
  }

  #hero-20 h3 {
    margin-bottom: 30px
  }

  #hero-1 p,
  #hero-8 p,
  #hero-10 p,
  #hero-11 p {
    padding: 0
  }

  #hero-2 p,
  #hero-4 .hero-txt p {
    font-size: 1.5925rem;
    padding: 0
  }

  #hero-3 .hero-txt p {
    font-size: 1.5925rem;
    padding: 0;
    margin-bottom: 0
  }

  #hero-6 p {
    margin-bottom: 25px
  }

  #hero-12 p,
  #hero-15 p {
    padding: 0 5%
  }

  #hero-14 .hero-txt p {
    font-size: 1.5925rem;
    padding: 0
  }

  #hero-16 p,
  #hero-17 p {
    padding: 0 5%
  }

  #hero-18 p.p-lg {
    padding: 0;
    margin-bottom: 25px
  }

  .hero-section .btn.mr-10 {
    margin-right: 5px
  }

  #hero-18 .btns-group,
  #hero-20 .btns-group {
    margin-top: 30px
  }

  .btns-group .btn,
  .btns-group .store img {
    margin-bottom: 15px
  }

  .btns-group .btn.mr-15 {
    margin-right: 0
  }

  .btn-notice {
    margin-top: 5px;
    padding: 0
  }

  #hero-20 .btn-notice {
    margin-top: 10px
  }

  .hero-form .register-form {
    padding: 40px 25px;
    margin: 0
  }

  .hero-form .register-form h4 {
    font-size: 2rem
  }

  .hero-form .register-form p {
    font-size: 1.485rem
  }

  .hero-form .register-form p.p-sm {
    font-size: 1.485rem;
    padding: 0 8%
  }

  .hero-form .register-form p.p-sm a {
    font-size: 1.375rem
  }

  .hero-form .register-form .form-control {
    font-size: 1.485rem
  }

  .hero-section .newsletter-form {
    margin: 25px 0 10px
  }

  .hero-section .newsletter-form .input-group {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0
  }

  .hero-section .newsletter-form .form-control {
    display: block;
    width: 100% !important;
    height: 52px;
    text-align: center;
    font-size: 1.5925rem;
    padding: 0 15px;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
  }

  .hero-section .newsletter-form .input-group-btn {
    display: block;
    width: 100% !important
  }

  .hero-section .newsletter-form .btn {
    display: block;
    width: 100% !important;
    height: 52px;
    font-size: 1.485rem;
    margin-left: 0
  }

  .form-text {
    margin-left: 0;
    padding: 0 5%
  }

  .form-text span {
    font-size: 1.485rem
  }

  .hero-section .newsletter-form-notification {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    text-align: center;
    margin-top: 15px
  }

  .hero-section .newsletter-form label.valid,
  .hero-section .newsletter-form label.error {
    margin-top: 15px
  }

  .hero-section .newsletter-form-notification,
  .hero-section .newsletter-form label.valid,
  .hero-section .newsletter-form label.error {
    font-size: 14px
  }

  .hero-2-img {
    margin: 0 10px 10px
  }

  .hero-2-img img {
    margin-top: -255px
  }

  .hero-4-img {
    top: -5%;
    right: -195%
  }

  .hero-6-img {
    margin: 0 5% 45px
  }

  #hero-7 .hero-img {
    display: none
  }

  .hero-8-img {
    margin: 0 0 40px
  }

  .hero-8-img img {
    max-width: 100%
  }

  .hero-1-img,
  .hero-5-img,
  .hero-9-img,
  .hero-10-img,
  .hero-11-img,
  .hero-12-img,
  .hero-15-img {
    display: none
  }

  .hero-17-img img {
    margin-top: -100px
  }

  #features-3 .section-title p {
    padding: 0
  }

  .f3-content {
    padding: 50px 25px
  }

  .fbox-3 {
    margin-bottom: 30px
  }

  .fbox-4 {
    padding: 50px;
    margin-right: 0;
    margin-left: 0
  }

  .fbox-5 {
    padding: 0 10%
  }

  .fbox-2-txt,
  .fbox-3-txt {
    padding-left: 15px
  }

  .fbox-4 h5 {
    margin-bottom: 15px;
    padding: 0 10%
  }

  .fbox-2 img.img-70 {
    width: 62px;
    height: 62px
  }

  .fetures-btn {
    margin-top: 10px
  }

  #process-2 .section-title {
    margin-bottom: 40px
  }

  #process-3 .section-title {
    margin-bottom: 60px
  }

  .processbar li {
    z-index: 1
  }

  .step-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 auto
  }

  .pbox-icon::after,
  .processbar li:before,
  .processbar li:after {
    display: none
  }

  .pbox-1 p,
  .pbox-2 p {
    padding: 0 10%
  }

  .process-btn .btn {
    margin-top: 15px
  }

  #process-3 .process-btn .btn {
    margin-top: 20px
  }

  .process-btn p {
    margin-top: 15px
  }

  a.process-link {
    font-size: 1.5925rem
  }

  .info-4-row {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .info-5-row {
    padding-bottom: 0
  }

  .info-6-row {
    padding-top: 0
  }

  .info-7-row {
    padding-top: 0;
    padding-bottom: 0
  }

  .info-5-row .bg-inner {
    padding-bottom: 40px
  }

  .info-6-row .bg-inner {
    padding-top: 80px
  }

  .info-7-row .bg-inner {
    padding-top: 80px;
    padding-bottom: 40px
  }

  .info-8-row .txt-block {
    margin-bottom: 40px
  }

  .info-9-row .txt-block {
    padding: 0;
    margin-bottom: 35px
  }

  .info-13-row {
    padding-bottom: 60px
  }

  .txt-block h3.h3-lg,
  .txt-block h3.h3-md {
    margin-bottom: 20px
  }

  .ibox-3 h5.h5-sm {
    margin-top: 15px;
    margin-bottom: 15px
  }

  .ibox-4 h5.h5-sm {
    line-height: 3.25rem !important
  }

  #info-13 .card-header h5.h5-sm {
    line-height: 2.95rem !important
  }

  .info-8-row .txt-block h3.h3-lg {
    margin-bottom: 15px
  }

  .info-8-row .txt-block p {
    padding: 0
  }

  .right-column {
    padding-left: 0
  }

  .left-column {
    padding-right: 0
  }

  .ibox-3,
  .ibox-3.mb-30,
  .ibox-3.text-right {
    text-align: center !important;
    padding: 0;
    margin-bottom: 40px
  }

  .info-blocks p {
    font-size: 1.325rem
  }

  .ibox-2 span {
    margin-right: 20px
  }

  .ibox-4 span,
  .ibox-4 img {
    margin-right: 12px
  }

  .ibox-3.icon-xs [class*="flaticon-"]:before,
  .ibox-4.icon-xs [class*="flaticon-"]:after {
    font-size: 5.5rem
  }

  .ibox-4.icon-xs [class*="flaticon-"]:before,
  .ibox-4.icon-xs [class*="flaticon-"]:after {
    font-size: 3.25rem
  }

  .iblock {
    width: 50%;
    1text-align: center;
    padding: 5px;
    margin-bottom: 10px
  }

  .iblock.icon-xs [class*="flaticon-"]:before,
  .iblock.icon-xs [class*="flaticon-"]:after {
    font-size: 4.25rem
  }

  .info-6-row .btn {
    margin-top: 10px
  }

  #info-12 .txt-block {
    margin-bottom: 40px
  }

  #info-13 .txt-block {
    margin-top: 40px
  }

  #info-12 .list-group-item {
    margin-bottom: 4px;
    padding: 20px
  }

  #info-13 #accordion [data-toggle="collapse"].collapsed:after,
  #info-13 #accordion [data-toggle="collapse"]:after {
    font-size: 1.5rem
  }

  .info-4-row .img-block,
  .info-5-img {
    margin-bottom: 50px
  }

  .info-6-img {
    margin: 50px 5% 0
  }

  .info-7-img {
    display: none
  }

  .info-10-img img {
    position: relative;
    width: 100%;
    height: 100%
  }

  .info-11-img img {
    max-width: 100%
  }

  .screenshots-wrap {
    margin-bottom: 70px
  }

  .screens-section .slick-dots {
    bottom: -70px
  }

  #screens-1 .screenshots-wrap {
    width: 298px;
    margin: 10px auto
  }

  #screens-1 .carousel-item {
    width: 298px;
    margin: 0;
    text-align: center
  }

  #screens-1 .carousel-item img {
    width: 298px;
    text-align: center
  }

  .carousel-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  #video-1 .section-title,
  #video-2 .section-title {
    margin-bottom: 40px
  }

  #video-2 .video-preview.mb-80 {
    margin-bottom: 40px
  }

  #video-2 .fbox-2 {
    text-align: center
  }

  #video-2 .fbox-2 img {
    float: none;
    margin-top: 0
  }

  #video-2 .fbox-2-txt {
    padding-left: 0
  }

  #video-2 .fbox-2 h5 {
    margin-top: 15px;
    margin-bottom: 10px
  }

  #video-2 .fbox-2 p {
    padding: 0 5%
  }

  #statistic-1 .section-title {
    margin-bottom: 30px
  }

  .statistic-block h5 {
    font-size: 4.75rem
  }

  #statistic-2 .statistic-block h5 {
    font-size: 3.5rem
  }

  .statistic-block p {
    font-size: 1.4rem
  }

  .review-2.mt-60 {
    margin-top: 0
  }

  .review-2,
  .review-2.mb-50 {
    padding: 35px 25px;
    margin: 0 10px 60px 30px
  }

  .review-3 {
    width: 100%
  }

  .review-3-txt {
    padding: 30px 25px
  }

  #reviews-2 img {
    width: 70px;
    height: 70px;
    left: -35px;
    top: -35px
  }

  .review-3 h5 {
    margin-bottom: 10px
  }

  .review-1 p,
  .review-2 p,
  .review-3 p {
    font-size: 1.5925rem
  }

  .review-2 a,
  .testimonial-author p,
  .testimonial-author p a {
    font-size: 1.485rem
  }

  .review-3 .app-rating {
    margin-bottom: 8px
  }

  .app-rating .svg-inline--fa {
    font-size: 1.485rem
  }

  .more-reviews {
    margin-top: 0
  }

  #reviews-3 .more-reviews {
    margin-top: 10px
  }

  .more-reviews h5 {
    line-height: 1.4;
    padding: 0 10%
  }

  .pricing-table {
    margin-right: 5px;
    margin-left: 5px
  }

  #pricing-2 .pricing-table {
    padding: 50px 40px
  }

  #pricing-2 .pricing-table span.price {
    font-size: 60px;
    line-height: 60px
  }

  #pricing-2 .pricing-table sup {
    font-size: 35px;
    top: -16px
  }

  .pricing-table sup.validity {
    font-size: 2.5rem
  }

  #pricing-2 .pricing-table sup.validity {
    font-size: 3.25rem;
    top: 0
  }

  .price-icon img.img-130 {
    width: 110px;
    height: 110px
  }

  ul.features {
    font-size: 1.5925rem
  }

  .pricing-notice p {
    padding: 0
  }

  #media-1 {
    padding-bottom: 65px
  }

  #media-2 {
    padding-top: 40px;
    padding-bottom: 10px
  }

  #media-1 .section-title {
    margin-bottom: 25px
  }

  #media-1 .col-sm-6 {
    width: 50%;
    float: left
  }

  .brand-logo {
    margin-bottom: 10px
  }

  .brand-logo img,
  #media-2 .brand-logo img {
    padding: 0
  }

  #languages-1 {
    padding-bottom: 55px
  }

  #languages-1 .col-sm-3 {
    width: 33.33333%;
    float: left
  }

  .flag-icon {
    padding: 0;
    margin-bottom: 25px
  }

  img.flag-img {
    width: 61px;
    height: 40px
  }

  .flag-icon span {
    font-size: 1.375rem;
    line-height: 1.25
  }

  .m-img {
    display: inline-block;
    padding: 15px
  }

  .m-img img {
    width: 120px;
    height: 120px
  }

  .app-box h5 {
    margin-bottom: 10px;
    margin-top: 15px
  }

  .app-box p {
    font-size: 1.485rem;
    padding: 0 10%
  }

  .app-box span.app-cat {
    font-size: 1.485rem;
    margin-bottom: 10px
  }

  .app-box a {
    font-size: 1.375rem
  }

  #faqs-1 #accordion {
    margin-right: 0;
    margin-left: 0
  }

  #faqs-1 .card-header {
    padding: 22px 0
  }

  .questions-holder {
    padding-left: 0;
    padding-right: 0
  }

  .question-category {
    width: 100%
  }

  .questions-wrap {
    margin: 0 0 30px;
    padding: 35px 25px 22px
  }

  #faqs-1 #accordion [data-toggle="collapse"].collapsed:after,
  #faqs-1 #accordion [data-toggle="collapse"]:after {
    font-size: 1.6rem
  }

  #accordion .card-header h5 {
    line-height: 1.4;
    padding-right: 30px
  }

  .more-questions {
    margin-top: 60px
  }

  #faqs-2 .more-questions,
  #faqs-3 .more-questions {
    margin-top: 30px
  }

  .more-questions h5 {
    line-height: 1.4
  }

  #download-1 {
    padding-top: 70px;
    padding-bottom: 70px
  }

  #download-2 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center
  }

  #download-2 .bg-inner {
    padding-top: 80px;
    padding-bottom: 80px
  }

  #download-3 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  #download-4,
  #download-5 {
    text-align: center;
    padding-bottom: 40px
  }

  #download-5 .download-txt {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 40px
  }

  #download-page {
    margin-top: 70px;
    margin-bottom: 10px
  }

  .d-line {
    display: block !important
  }

  #download-3 .stores-badge {
    display: block;
    margin-top: 12px
  }

  #download-1 h3.h3-xs {
    font-size: 2.85rem;
    margin-bottom: 15px
  }

  #download-2 h3 {
    padding: 0
  }

  #download-3 h5.h5-xl {
    font-size: 2rem;
    padding: 0 10%;
    margin-right: 0
  }

  #download-4 h3.h3-xl {
    font-size: 2.85rem;
    padding: 0;
    margin-bottom: 20px
  }

  #download-5 h3.h3-xl {
    font-size: 2.85rem;
    margin-bottom: 15px
  }

  #download-page h2 {
    font-size: 2.95rem
  }

  #download-1 p,
  #download-4 p {
    padding: 0
  }

  #download-page p.p-lg {
    padding: 0 3%;
    margin-top: 20px;
    margin-bottom: 25px
  }

  #download-page .btns-group p {
    font-size: 1.485rem;
    padding: 0 15%
  }

  #download-1 .stores-badge .btn {
    margin: 0 15px 15px
  }

  .download-2-img,
  .download-4-img {
    display: none
  }

  .download-page-icon img {
    width: 160px;
    height: 160px
  }

  .blog-post-txt p.post-meta {
    font-size: 1.485rem
  }

  .more-posts {
    margin-top: 10px
  }

  #newsletter-1 .section-title {
    padding: 0;
    margin-bottom: 30px
  }

  #newsletter-2 .section-title {
    padding: 0
  }

  #newsletter-2 .section-title h3.h3-lg {
    padding: 0 2%
  }

  .newsletter-txt p {
    margin-top: 15px;
    padding: 0
  }

  .newsletter-section .newsletter-form {
    padding: 0
  }

  .newsletter-form .form-control {
    display: block;
    width: 100% !important;
    height: 50px;
    text-align: center;
    font-size: 1.5925rem;
    margin-right: 0;
    margin-bottom: 14px
  }

  .newsletter-form .input-group-btn {
    display: block;
    width: 100% !important
  }

  .newsletter-form .btn {
    display: block;
    width: 100% !important;
    height: 50px;
    font-size: 1.485rem;
    margin-left: 0
  }

  .contact-form .form-control,
  .contact-form .custom-select {
    font-size: 1.5925rem
  }

  #contacts-1 .form-btn {
    margin-top: 8px
  }

  .contact-form .btn {
    width: 100%;
    height: 48px
  }

  #contacts-2 .contact-form span {
    line-height: 20px;
    margin-bottom: 10px
  }

  .contact-form-msg {
    display: block;
    text-align: center;
    margin-top: 12px;
    position: relative;
    bottom: 0;
    left: 0
  }

  #footer-1 .footer-links,
  #footer-2 .footer-links,
  #footer-5 .footer-links {
    padding-left: 0
  }

  .footer-stores-badge.text-right,
  .footer-socials-links.text-right {
    text-align: left !important
  }

  .footer h3.h3-xs {
    font-size: 2.6rem;
    margin-top: 30px;
    margin-bottom: 10px
  }

  .footer p.p-lg {
    margin-bottom: 25px;
    padding: 0 10%
  }

  .footer-btns-group.mb-50 {
    margin-bottom: 40px
  }

  #footer-3 img.footer-logo {
    width: 90px;
    height: 90px
  }

  #footer-4 img.footer-logo,
  #footer-5 img.footer-logo {
    width: 144px;
    height: 36px
  }

  #footer-3 .foo-links .svg-inline--fa {
    font-size: 2.25rem
  }

  #footer-3 .foo-links li p,
  #footer-3 .footer-copyright p {
    font-size: 1.375rem
  }

  #scrollUp {
    bottom: 15px;
    right: 20px
  }

  #page-hero {
    display: none
  }

  #breadcrumb {
    margin-top: 72px
  }

  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 1.485rem
  }

  .breadcrumb-item+.breadcrumb-item::before {
    font-size: 1.485rem
  }

  #inner-page-title {
    display: none
  }

  .page-link {
    font-size: 1.485rem;
    padding: 1rem 1.25rem
  }

  .page-pagination.mt-60 {
    margin-top: 30px
  }

  ul.terms-list li {
    font-size: 1.485rem
  }

  .terms-box {
    margin-bottom: 20px
  }

  .terms-box h4 {
    margin-bottom: 22px
  }

  .single-post-title.mb-40 {
    margin-bottom: 25px
  }

  .single-post-title h3.h3-lg {
    font-size: 2.25rem
  }

  .single-post-data {
    margin-top: 25px
  }

  .single-post-txt h5 {
    margin-bottom: 15px
  }

  .latest-post .blog-post-txt {
    margin-bottom: 25px
  }

  .popular-posts.mb-80 {
    margin-bottom: 40px
  }

  .popular-post {
    padding: 15px 25px;
    margin-bottom: 25px
  }

  .popular-post a {
    font-size: 1.485rem
  }

  .popular-post a::after {
    font-size: 1.485rem
  }

  #blog-page .single-post-data {
    margin-top: 15px
  }

  .post-avatar img {
    width: 55px;
    height: 55px
  }

  #blog-page .post-author p {
    font-size: 1.375rem;
    padding-top: 8px;
    margin-bottom: 4px
  }

  .post-author p {
    margin-bottom: 5px
  }

  #blog-page .post-author span,
  .post-author span {
    font-size: 1.375rem
  }

  #blog-page .blog-post-txt h4.h4-xs {
    margin-top: 25px;
    margin-bottom: 5px
  }

  #blog-page .latest-post .blog-post-txt h4.h4-xs {
    margin-top: 0;
    margin-bottom: 5px
  }

  .post-tags-list {
    margin-bottom: 25px
  }

  .post-tags-list span a {
    font-size: 1.25rem;
    padding: 5px 10px;
    margin-right: 4px
  }

  a.share-ico {
    width: 80px;
    height: 35px;
    font-size: 1.375rem;
    margin-right: 3px
  }

  .share-social-icons .svg-inline--fa {
    margin-right: 3px
  }

  .author-senoff {
    padding: 35px;
    margin-top: 80px;
    margin-bottom: 70px
  }

  .author-senoff img {
    width: 80px;
    height: 80px;
    display: block !important;
    float: none
  }

  .author-senoff-txt {
    padding-left: 0;
    margin-top: 10px
  }

  .author-senoff-txt h5 {
    margin-bottom: 10px
  }

  #leave-comment {
    margin-top: 60px
  }

  .comment-form .form-control {
    font-size: 1.5925rem
  }

  .comment-form-msg {
    display: block;
    text-align: center;
    margin-top: 12px;
    position: relative;
    bottom: 0;
    left: 0
  }
}

@media (min-width: 416px) and (max-width: 575.99px) {
  .division {
    padding-right: 5px;
    padding-left: 5px
  }
}

@media (min-width: 321px) and (max-width: 415px) {
  .division {
    padding-right: 5px;
    padding-left: 5px
  }
}

@media (max-width: 320px) {
  .division {
    padding-right: 5px;
    padding-left: 5px
  }
}