@media (min-width: 1200px) {
  html {
    font-size: 115.6%;
  }
  .btn {
    padding: 0.8rem 1.7rem;
  }
  .btn.ico-30.ico-left {
    padding: 0.286rem 0;
  }
  .btns-group .btn.ico-30.ico-left {
    padding: 0.286rem 0.5rem;
  }
  .btn.ico-20 [class*="flaticon-"]:after,
  .btn.ico-20 [class*="flaticon-"]:before {
    top: 3px;
  }
  .watch-video-link {
    width: 2.8rem;
    height: 2.8rem;
  }
  .watch-video-link span[class^="flaticon-"]:after,
  .watch-video-link span[class^="flaticon-"]:before {
    font-size: 1.75rem;
    line-height: 2.8rem !important;
  }
  .wsmenu > .wsmenu-list > li a.btn {
    font-size: 0.9rem;
    line-height: 28px;
    padding: 4px 22px 6px;
    margin: 0 5px;
  }
  .wsmenu > .wsmenu-list > li a.btn.reg-btn {
    padding: 4px 20px 6px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    font-size: 0.9rem;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .title,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
    font-size: 0.8rem;
  }
  .icons-menu-txt span {
    font-size: 0.825rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  .py-5 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-10 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .py-15 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .py-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .py-30 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .py-40 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .py-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .py-60 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .py-70,
  .py-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #banner-9,
  .py-90 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  #hero-3,
  #hero-7 {
    padding-top: 140px;
  }
  #hero-12,
  #hero-14,
  #hero-19,
  #hero-2,
  #hero-21,
  #hero-22,
  #hero-4,
  #hero-8,
  #hero-9 {
    padding-top: 150px;
  }
  .py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-30 {
    padding-top: 20px;
  }
  .pt-40 {
    padding-top: 30px;
  }
  .pt-50,
  .pt-60 {
    padding-top: 40px;
  }
  .post-comments,
  .pt-70,
  .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;
  }
  #blog-1.pb-60,
  .pb-50 {
    padding-bottom: 40px;
  }
  .pb-60 {
    padding-bottom: 50px;
  }
  .pb-70,
  .pb-80 {
    padding-bottom: 60px;
  }
  .pb-90 {
    padding-bottom: 70px;
  }
  #hero-2,
  #reset-password,
  .pb-100 {
    padding-bottom: 80px;
  }
  .banner-5-txt .btns-group.mt-35,
  .brands-section .more-btn,
  .hero-14-txt .btn-txt,
  .mt-40,
  .pricing-1-table hr {
    margin-top: 30px;
  }
  #footer-1 .footer-info .footer-mail-link,
  .mt-45 {
    margin-top: 35px;
  }
  .more-projects,
  .mt-50 {
    margin-top: 45px;
  }
  .inner-page-hero .rating-1-wrapper.mt-50,
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70,
  .mt-55,
  .txt-block.role-info .btn {
    margin-top: 40px;
  }
  .hero-4-img,
  .mt-60,
  .project-description .more-projects {
    margin-top: 50px;
  }
  .img-block-btn,
  .img-block-txt,
  .mt-65 {
    margin-top: 55px;
  }
  .mt-70,
  .mt-80,
  .post-comments #leave-comment h5 {
    margin-top: 60px;
  }
  .mt-75,
  .mt-85 {
    margin-top: 65px;
  }
  .mt-90 {
    margin-top: 70px;
  }
  .mt-95 {
    margin-top: 75px;
  }
  .mt-100 {
    margin-top: 80px;
  }
  #banner-15.banner-section .section-id,
  #faqs-1 .section-title,
  #faqs-2 .accordion-panel-item.mb-35,
  #newsletter-4 .newsletter-txt h2,
  .banner-7-txt h2,
  .brands-title.mb-40,
  .comp-table .table-responsive.mb-50,
  .mb-40,
  .register-form-title,
  .release-data h5,
  .rows-2 .fbox-7.fb-1,
  .rows-2 .fbox-7.fb-2,
  .rows-2 .fbox-7.fb-3,
  .rows-2 .fbox-9.fb-1,
  .rows-2 .fbox-9.fb-2,
  .rows-2 .fbox-9.fb-3 {
    margin-bottom: 30px;
  }
  #role-page .inner-page-title,
  .hero-14-txt p.s-21,
  .hero-app-logo,
  .hero-logo,
  .hero-section h2.s-48,
  .hero-section h2.s-50,
  .mb-45 {
    margin-bottom: 35px;
  }
  .mb-50 {
    margin-bottom: 45px;
  }
  #footer-3 .footer-info,
  .ct-13 .row.mb-60,
  .hero-21-txt,
  .mb-60 {
    margin-bottom: 50px;
  }
  #faqs-3 .section-title,
  .mb-65 {
    margin-bottom: 55px;
  }
  .inner-page-title,
  .mb-70,
  .mb-80,
  .single-project .project-title,
  .version-release {
    margin-bottom: 60px;
  }
  .mb-75,
  .mb-85 {
    margin-bottom: 65px;
  }
  .mb-90 {
    margin-bottom: 70px;
  }
  .mb-95 {
    margin-bottom: 75px;
  }
  .ct-10 .section-overlay,
  .mb-100,
  .wide-post {
    margin-bottom: 80px;
  }
  .shape--02:after {
    width: 140%;
    height: 82%;
    top: 12%;
    left: -20%;
  }
  .shape--03:after {
    height: 127%;
    top: -70px;
  }
  .shape--04:after {
    height: 84%;
    top: 8%;
  }
  .shape--05:after {
    height: 85%;
  }
  .s-15,
  .wsmegamenu .post-summary a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    font-size: 0.9375rem;
  }
  .btn-reply a,
  .comment-date,
  .comp-table .table-responsive tbody th,
  .review-1 .review-author h6,
  .s-16,
  p.video-txt-sm {
    font-size: 1rem;
  }
  .footer-mail-link,
  .s-17,
  .table-responsive .ico-20 [class*="flaticon-"]:after,
  .table-responsive .ico-20 [class*="flaticon-"]:before,
  a.tra-link {
    font-size: 1.0625rem;
  }
  .more-questions-txt p,
  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after,
  .posts-category.ico-20 [class*="flaticon-"]:before,
  .s-18,
  .s-19,
  p.video-txt-lg {
    font-size: 1.125rem;
  }
  .s-20,
  .section-title p.s-20,
  .section-title p.s-21 {
    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,
  .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;
  }
  .cbox-3-ico span[class*="flaticon-"]:after,
  .cbox-3-ico span[class*="flaticon-"]:before,
  .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;
  }
  .a2-txt-quote.ico-40 [class*="flaticon-"]:after,
  .a2-txt-quote.ico-40 [class*="flaticon-"]:before,
  .s-68 {
    font-size: 4rem;
  }
  .btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.65rem 1.4rem;
  }
  .btn.ico-30.ico-left {
    padding: 0.3845rem 0;
  }
  .btns-group .btn.ico-30.ico-left,
  .btns-group .btn.ico-30.ico-right {
    padding: 0.3845rem 0.5rem;
  }
  .btns-group .btn:first-child,
  .icons-menu-ico {
    margin-right: 12px;
  }
  .btn.ico-20 [class*="flaticon-"]:after,
  .btn.ico-20 [class*="flaticon-"]:before {
    font-size: 1.15rem;
    line-height: 0.5rem !important;
    top: 3.5px;
  }
  .btn.ico-30.ico-left span.ico-30-txt {
    margin-right: 0;
  }
  #rw-3-2,
  #rw-3-3,
  .btn.ico-30.ico-right span.ico-30-txt,
  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
    margin-left: 0;
  }
  .btn.ico-left span,
  .txt-block.legal-info h4 span,
  .txt-block.legal-info h5 span {
    margin-right: 2px;
  }
  .btn.ico-right span {
    margin-left: 2px;
  }
  .btn-rating,
  p.btn-txt,
  p.btns-group-txt {
    margin: 15px 0 0;
  }
  .text-center p.btns-group-txt,
  .txt-block-tra-link.mt-25 {
    margin-top: 18px;
  }
  .tra-link.ico-20 [class*="flaticon-"]:after,
  .tra-link.ico-20 [class*="flaticon-"]:before {
    font-size: 0.785rem;
    line-height: 0.7rem !important;
    top: 2px;
    left: 2px;
  }
  .os-btn {
    width: 280px;
    min-width: 270px;
    padding: 16px 16px 14px;
  }
  .os-btn-ico {
    margin-right: 16px;
  }
  #tm-2-1,
  #tm-2-10,
  #tm-2-4,
  #tm-2-7,
  .watch-video-link {
    margin-right: 10px;
  }
  .ico-50 .shape-ico svg {
    width: 110px;
    height: 110px;
    top: -30px;
    left: calc(50% - 55px);
  }
  .fbox-11 .ico-50 .shape-ico svg {
    top: -35px;
    left: calc(50% - 60px);
  }
  .ico-55 .shape-ico svg {
    width: 115px;
    height: 115px;
    top: -30px;
    left: calc(50% - 60px);
  }
  .ico-60 .shape-ico svg {
    width: 120px;
    height: 120px;
    top: -25px;
    left: calc(50% - 55px);
  }
  .ico-rounded,
  .ico-square {
    width: 74px;
    height: 74px;
  }
  .ico-rounded-md,
  .post-author-avatar img {
    width: 80px;
    height: 80px;
  }
  #loading-center,
  .ico-rounded-lg,
  .loader {
    height: 90px;
    width: 90px;
  }
  .ico-rounded [class*="flaticon-"]:after,
  .ico-rounded [class*="flaticon-"]:before,
  .ico-square [class*="flaticon-"]:after,
  .ico-square [class*="flaticon-"]:before {
    font-size: 2.35rem;
    line-height: 74px !important;
  }
  .ico-rounded-md [class*="flaticon-"]:after,
  .ico-rounded-md [class*="flaticon-"]:before {
    font-size: 2.5rem;
    line-height: 80px !important;
  }
  .ico-rounded-lg [class*="flaticon-"]:after,
  .ico-rounded-lg [class*="flaticon-"]:before {
    font-size: 2.875rem;
    line-height: 90px !important;
  }
  .section-id {
    font-size: 0.85rem;
    margin-bottom: 30px;
  }
  .section-id.rounded-id {
    padding: 8px 22px;
    font-size: 0.8rem;
    margin-bottom: 35px;
  }
  .banner-3-txt p.p-lg,
  .banner-3-txt p.p-xl,
  .banner-5-txt p.p-lg,
  .banner-5-txt p.p-xl,
  .review-1 .author-data,
  .section-title p.p-lg,
  .section-title p.p-md,
  .section-title p.p-xl,
  .section-title p.s-20,
  .section-title p.s-21,
  .text-center .advantages {
    margin-top: 15px;
  }
  .faqs-3-questions .questions-holder,
  .hero-12-txt h2,
  .hero-12-txt p,
  .hero-23-txt p,
  .hero-4-txt h2,
  .hero-4-txt p,
  .section-title p.p-lg,
  .section-title p.p-md,
  .text-center .price p {
    padding: 0;
  }
  #about-4 .txt-block p,
  #faqs-3 .more-questions.mt-40,
  .banner-15-txt .download-links,
  .bc-2-txt,
  .ct-07 .txt-block,
  .modal-body .newsletter-form,
  .pricing-1-table .pt-btn,
  .pricing-2-table .pt-btn,
  .pricing-2-table hr,
  .pricing-features.mt-25,
  .pricing-notice .btn.mt-25,
  .register-page-form p.create-account,
  .section-title .btns-group.mt-25 {
    margin-top: 20px;
  }
  .section-title .btns-group.mt-35,
  .section-title .stores-badge.mt-30 {
    margin-top: 26px;
  }
  .blog-post-meta.mt-30,
  .section-title .advantages,
  .section-title .btns-group-txt,
  .section-title .btns-txt {
    margin-top: 16px;
  }
  #loading-center {
    margin-top: -45px;
    margin-left: -45px;
  }
  .loader::after {
    border: 45px solid;
  }
  .blog-header .desktoplogo img {
    max-height: 28px;
  }
  span.sm-info {
    width: 18px;
    height: 18px;
    font-size: 0.725rem;
    line-height: 17px;
    margin-left: 5px;
  }
  .wsmenu > .wsmenu-list > li a.btn.reg-btn {
    padding: 3px 20px 5px;
  }
  .wsmenu > .wsmenu-list > li a.store.header-store {
    margin-top: 15px;
    margin-left: 0;
  }
  .login-page-logo img,
  .store.header-store img {
    max-height: 40px;
  }
  .header-socials a {
    margin-left: 16px;
  }
  .header-socials.ico-20 [class*="flaticon-"]:after,
  .header-socials.ico-20 [class*="flaticon-"]:before {
    font-size: 1.175rem;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    min-width: 180px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
    width: 86% !important;
    left: 10%;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
    width: 40%;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
    max-width: 225px;
    min-width: 225px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    width: 62%;
  }
  .wsmegamenu.ico-30 .icons-menu-ico span {
    top: 8px !important;
  }
  #role-page .inner-page-title span,
  .hero-25-txt p.p-lg,
  .hero-section h2 {
    margin-bottom: 24px;
  }
  #about-1 .txt-block h3.mb-30,
  #faqs-3 .question.mb-35,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo,
  #rw-3-2,
  #rw-4-1,
  #rw-5-1,
  .about-2-title h2.mb-30,
  .banner-4-txt h2,
  .banner-section .section-id,
  .banner-section p.p-lg,
  .banner-section p.p-xl,
  .blog-post-img.mb-35,
  .cbox-2-txt,
  .cbox-3-txt,
  .ct-03 .cbox-2-txt,
  .fbox-1 .fbox-img,
  .fbox-4 .fbox-img,
  .fbox-4 .fbox-img.h-135,
  .hero-21-txt h2,
  .hero-section .hero-20-txt h2.s-48,
  .hero-section p.p-md,
  .newsletter-txt h2,
  .pricing-table-header h5,
  .project-details h5,
  .reset-form-title,
  .row-cols-md-2 .fbox-1 .fbox-img,
  .row-cols-md-2 .fbox-3 .fbox-img,
  .row-cols-md-2 .fbox-4 .fbox-img {
    margin-bottom: 25px;
  }
  .hero-section p.p-lg,
  .hero-section p.p-xl {
    margin-bottom: 28px;
  }
  .hero-section p.s-20,
  .hero-section p.s-22,
  .hero-section p.s-24 {
    margin-bottom: 32px;
  }
  .hero-section p.s-21 {
    font-size: 1.25rem;
    margin-bottom: 22px;
  }
  .banner-16-txt .txt-block-tra-link.mt-15,
  .bc-6-link.mt-15,
  .compatibility,
  .hero-section .btn.mt-15,
  .hero-section .btns-group.mt-15,
  .press-txt,
  .team-section .more-btn.mt-20 {
    margin-top: 10px;
  }
  .hero-logo img {
    max-height: 30px;
  }
  .hero-square-logo img {
    max-height: 80px;
  }
  .hero-app-logo img {
    max-height: 90px;
  }
  #hero-25 .hero-app-logo img {
    max-height: 100px;
  }
  .hero-digits .block-txt p.p-sm {
    margin-top: 2px;
  }
  .hero-section .quick-form .btn,
  .hero-section .quick-form .form-control {
    height: 60px;
    font-size: 1.15rem;
  }
  .hero-section .quick-form.form-half .form-control {
    height: 54px;
    font-size: 1rem;
    padding: 0 14px;
  }
  .hero-section .quick-form.form-half .btn {
    height: 54px;
    font-size: 0.985rem;
    padding: 13px 40px;
    margin-left: 10px;
  }
  .hero-section .text-center .quick-form-msg {
    margin: 20px 0 -5px;
  }
  #newsletter-5.newsletter-section .btn,
  .contact-form .form-control,
  .contact-form .form-select,
  .request-form .form-control {
    height: 54px;
  }
  #hero-10-form .btn,
  #hero-22-form .btn {
    height: 54px;
    padding: 16px;
  }
  .hero-1-img {
    margin: 0 -30px 0 -20px;
  }
  .hero-18-img,
  .hero-18-txt p,
  .hero-2-txt p,
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    padding-right: 0;
  }
  .banner-9-img,
  .bc-1-wrapper .txt-block.pr-25.left-column,
  .bc-2-wrapper .txt-block.pr-25.left-column,
  .hero-2-img {
    padding-right: 15px;
  }
  #hero-3:after {
    height: 6%;
  }
  .hero-3-txt {
    margin-top: -60px;
  }
  .hero-3-img {
    margin: 0 -75% 0 0;
  }
  #hero-5 {
    padding-top: 130px;
    padding-bottom: 50px;
  }
  #footer-8 .footer-info,
  #footer-8 .footer-links,
  #hero-22 .hero-logo,
  .bc-2-txt h2,
  .bc-3-txt h2,
  .bc-4-txt h2,
  .fbox-ico.ico-square,
  .footer h6,
  .hero-5-txt h2,
  .integrations-1-wrapper .in_tool.mb-30,
  .page-404-txt h2,
  .pricing-table-header h4,
  .row-cols-md-2 .fbox-ico.ico-rounded,
  .team-member-photo,
  .txt-block h2,
  .txt-block h3 {
    margin-bottom: 20px;
  }
  .hero-5-txt p.p-lg {
    padding-right: 10%;
    margin-bottom: 25px;
  }
  .hero-6-wrapper {
    padding: 65px 70px;
  }
  .banner-11-txt h2,
  .banner-12-txt h2,
  .bc-6 h4,
  .fbox-ico,
  .hero-25-txt h2,
  .hero-6-txt h2,
  .role-info h5,
  .txt-block h5 {
    margin-bottom: 18px;
  }
  .banner-10-txt h2,
  .cbox-4-txt,
  .fbox-ico.ico-rounded-lg,
  .fbox-ico.ico-rounded-md,
  .hero-6-txt p.p-lg {
    margin-bottom: 22px;
  }
  #hero-7 {
    padding-bottom: 90px;
  }
  #hero-26 .quick-form,
  #hero-7 .quick-form {
    margin-right: 3%;
  }
  .hero-7-txt .quick-form.form-half.mt-35 {
    margin-top: 25px;
  }
  .bc-1-wrapper .txt-block.pl-25.right-column,
  .bc-2-wrapper .txt-block.pl-25.right-column,
  .hero-7-img {
    padding-left: 15px;
  }
  #hero-8 {
    padding-bottom: 20px;
  }
  .hero-8-txt {
    margin-top: -50px;
  }
  #hero-8-form {
    padding: 38px 25px;
  }
  #about-3 .txt-block h5,
  #contacts-1 .contact-form .col-md-12 span,
  #hero-22-form h4,
  #hero-8-form h4,
  .accordion-panel-item h5,
  .post-author-txt h5,
  .question h5,
  .row-cols-md-2 .fbox-ico,
  .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
    margin-bottom: 15px;
  }
  .hero-9-txt h2 img {
    max-height: 80px;
    margin: 0 3px;
    top: -5px;
  }
  .hero-9-txt p {
    padding: 0 5%;
    margin-top: 32px;
  }
  #hero-9 .quick-form {
    margin-left: 8%;
    margin-right: 8%;
  }
  .hero-9-img {
    margin: 50px 15px 0;
  }
  #hero-10,
  .page-404-txt {
    padding-top: 160px;
    padding-bottom: 80px;
  }
  #hero-13,
  #hero-15,
  .page-hero-section-overlay {
    padding-top: 120px;
  }
  #hero-13,
  #hero-18 {
    padding-bottom: 70px;
  }
  .banner-12-txt,
  .hero-10-txt,
  .hero-15-txt h2 {
    padding-right: 10%;
  }
  .hero-10-txt h4 {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .hero-10-img {
    margin: 0 -95% 0 0;
  }
  .ct-10 .img-block,
  .hero-12-img {
    margin-bottom: -80px;
  }
  #hero-14 .quick-form {
    margin-left: 7%;
    margin-right: 7%;
  }
  .hero-14-img {
    margin: 50px 10px 0;
  }
  #hero-17,
  #hero-24,
  #hero-26,
  #hero-27 .hero-overlay {
    padding-top: 160px;
  }
  #hero-16 {
    padding-top: 150px;
    margin-bottom: 60px;
  }
  .col-lg-10 .pricing-notice p,
  .hero-16-txt h2 {
    padding: 0 4%;
  }
  .hero-16-img {
    margin-top: 50px;
    margin-bottom: -60px;
  }
  .hero-17-txt p,
  .rating-section .rating-2-wrapper {
    padding: 0 3%;
  }
  #hero-17 .quick-form {
    margin-left: 10%;
    margin-right: 10%;
  }
  #hero-17 #brands-1 {
    padding: 50px 6% 0;
  }
  #hero-17 #brands-1 .brands-carousel-5 .brand-logo {
    padding: 0 14px;
  }
  #hero-18 {
    padding-top: 140px;
  }
  #hero-18:after {
    width: 76%;
    left: 24%;
  }
  #hero-20 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #hero-20:after {
    width: 50%;
  }
  #hero-21 .hero-overlay {
    padding: 80px 60px 0;
  }
  .hero-21-img {
    margin-bottom: -25%;
  }
  #hero-22-form {
    padding: 38px 25px 28px;
  }
  #hero-23 {
    padding-top: 80px;
    margin-bottom: 25px;
  }
  .hero-23-img {
    margin-top: 25px;
    margin-bottom: -25px;
  }
  #hero-24 {
    padding-bottom: 110px;
  }
  #hero-25 {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  #newsletter-3 .col-lg-6 .newsletter-txt,
  .hero-26-txt h2 {
    padding-right: 3%;
  }
  .hero-26-img {
    margin: 0 -90% 0 -30px;
  }
  .hero-27-txt h2 {
    margin-bottom: 28px !important;
  }
  .banner-8-buttons.mt-20,
  .hero-27-txt .btns-group.mt-15,
  .review-2 .author-data,
  .review-3 .author-data,
  .review-5 .author-data {
    margin-top: 8px;
  }
  .about-2-title {
    padding-right: 5%;
    margin-bottom: 40px;
  }
  .a2-txt {
    padding: 15px 20px 30px;
  }
  .a-2-1 {
    margin-left: 3%;
  }
  .a2-txt-quote {
    position: relative;
    margin-bottom: -40px;
  }
  .a2-txt-author {
    margin-top: 10px;
    font-size: 1.0625rem;
  }
  .a2-txt-author span {
    font-size: 0.95rem;
    margin-top: 1px;
  }
  #a4-1 {
    padding-right: 20px;
    margin-top: -30px;
  }
  #a4-2 {
    padding-left: 20px;
    margin-bottom: -30px;
  }
  .fbox-14-wrapper {
    padding: 70px 50px;
  }
  #brands-3 .brands-3-static .brand-logo,
  .fbox-14-wrapper .col,
  .pricing-1-wrapper .col,
  .pricing-2-wrapper .col,
  .pricing-3-wrapper .col {
    padding: 0 8px;
  }
  #features-12.py-100.shape--bg:after {
    width: 50%;
    height: 68%;
    top: 16%;
    left: 50%;
  }
  #features-12.pt-100.shape--bg:after {
    width: 50%;
    height: 76%;
    top: 18%;
    left: 50%;
  }
  #features-13.py-100.shape--bg:after {
    width: 50%;
    height: 68%;
    top: 16%;
  }
  #features-13.pt-100.shape--bg:after {
    width: 50%;
    height: 76%;
    top: 18%;
  }
  .fbox-12-wrapper {
    padding-left: 30px;
  }
  .fbox-13-wrapper {
    padding-right: 30px;
  }
  #pt-1-1,
  #pt-1-2,
  .banner-15-txt h2,
  .brands-section .brand-logo.mb-50,
  .brands-title.mb-50,
  .inner-page-hero #pt-1-3,
  .inner-page-hero #pt-1-4,
  .login-page-logo,
  .rows-2 .fb-1,
  .rows-2 .fb-2,
  .rows-2 .fb-3 {
    margin-bottom: 40px;
  }
  .brands-3-wrapper,
  .row-cols-md-3 .fbox-4 {
    padding: 40px 30px;
  }
  .row-cols-md-2 .fbox-4 {
    padding: 35px 20px;
  }
  .fbox-7 {
    padding: 40px 25px 37px;
  }
  .row-cols-md-2 .fbox-7 {
    padding: 28px 15px 25px;
  }
  .fbox-8,
  .fbox-8.bg--white-100,
  .pricing-2-table {
    padding: 40px 25px;
  }
  .fbox-9 {
    padding: 30px 30px 27px;
  }
  .fbox-12,
  .fbox-13 {
    padding: 30px;
  }
  .fbox-14 {
    padding: 35px 25px 30px;
  }
  .fbox-img.h-180 img {
    max-height: 165px;
  }
  .fbox-img.h-175 img {
    max-height: 160px;
  }
  .fbox-3 .fbox-img.h-175 img,
  .fbox-3 .fbox-img.h-180 img,
  .fbox-img.h-170 img {
    max-height: 155px;
  }
  .fbox-4 .fbox-img.h-170 img,
  .fbox-4 .fbox-img.h-175 img,
  .fbox-img.h-165 img {
    max-height: 150px;
  }
  .fbox-img.h-160 img {
    max-height: 145px;
  }
  .fbox-img.h-155 img {
    max-height: 140px;
  }
  .fbox-img.h-150 img {
    max-height: 135px;
  }
  .fbox-img.h-145 img {
    max-height: 130px;
  }
  .fbox-img.h-140 img {
    max-height: 125px;
  }
  .fbox-2 .fbox-img.h-135 img,
  .fbox-2 .fbox-img.h-140 img,
  .fbox-3 .fbox-img.h-135 img,
  .fbox-4 .fbox-img.h-135 img {
    max-height: 115px;
  }
  .fbox-2 .fbox-img.h-135,
  .fbox-2 .fbox-img.h-140,
  .fbox-2 .fbox-img.h-145,
  .fbox-2 .fbox-img.h-150,
  .fbox-2 .fbox-img.h-155 {
    padding-top: 25px;
    margin-bottom: 50px;
  }
  .fbox-2 .fbox-img.h-160 {
    padding-top: 30px;
    margin: 0 10px 50px;
  }
  .fbox-2 .fbox-img.h-165,
  .fbox-2 .fbox-img.h-170 {
    padding-top: 34px;
    margin: 0 5px 50px;
  }
  .fbox-2 .fbox-img.h-175,
  .fbox-2 .fbox-img.h-180 {
    padding-top: 35px;
    margin: 0 0 50px;
  }
  .fbox-3 .fbox-img.h-135 {
    padding-top: 25px;
    margin: 0 0 25px;
  }
  .fbox-3 .fbox-img.h-160 {
    padding-top: 30px;
    margin: 0 5px 25px;
  }
  .fbox-3 .fbox-img.h-170,
  .fbox-3 .fbox-img.h-175,
  .fbox-3 .fbox-img.h-180 {
    padding-top: 35px;
    margin: 0 0 25px;
  }
  .fbox-5.fb-1 .fbox-5-img,
  .fbox-5.fb-5 .fbox-5-img,
  .fbox-5.fb-6 .fbox-5-img {
    margin: 35px 6% 0;
  }
  .fbox-5.fb-2 .fbox-5-img,
  .fbox-5.fb-3 .fbox-5-img,
  .fbox-5.fb-4 .fbox-5-img {
    margin: 0 6% 30px;
  }
  .cbox-1-txt p,
  .comment-meta,
  .comment-meta h6,
  .fbox-wrapper .row-cols-lg-3 .fbox-title {
    margin-bottom: 5px;
  }
  .bc-6 h4,
  .blog-post-txt h6,
  .cbox-2-txt h5,
  .cbox-3-txt h5,
  .cbox-6 h6,
  .ct-03 .cbox-2-txt h5,
  .fbox-14 h5,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6,
  .features-section h6.s-22,
  .rows-2 .fbox-11 h6,
  .statistic-4-wrapper p {
    margin-bottom: 12px;
  }
  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after,
  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before {
    font-size: 2.85rem;
  }
  .ct-03 .img-block.left-column,
  .rows-2 .fbox-ico-wrap {
    margin-right: 15px;
  }
  .fbox-14 h5 {
    padding-right: 8px;
  }
  #newsletter-2 .newsletter-overlay,
  .cbox-6-wrapper {
    padding: 45px;
  }
  .ct-11 .txt-block {
    padding-right: 40px;
  }
  .ct-12 .txt-block {
    padding-left: 40px;
  }
  .bc-1-wrapper .section-overlay,
  .bc-4-wrapper .section-overlay,
  .bc-6-wrapper .section-overlay {
    padding: 65px 50px;
  }
  .bc-2-wrapper .section-overlay,
  .bc-3-wrapper .section-overlay,
  .bc-5-wrapper .section-overlay {
    padding: 65px 50px 0;
  }
  .bc-6 {
    padding: 30px 25px;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .ct-08 .section-title h2,
  .ct-09 .section-title h2,
  .ct-10 .section-title h2 {
    padding: 0 5px;
  }
  .txt-block .btn {
    margin-top: 22px;
  }
  .cbox-5-content {
    padding: 35px;
    margin: 0 10%;
  }
  .cbox-5-content .divider {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .txt-block .cbox-5-title h2 {
    font-size: 3.15rem;
    margin-bottom: 10px;
  }
  .cbox-5-title .statistic-number sup {
    font-size: 2.85rem;
    top: -5px;
    right: 6px;
  }
  .cbox-5-fea {
    padding: 15px 20px;
  }
  .cbox-2 .ico-wrap {
    margin-right: 1.1rem;
  }
  .cbox-2-ico {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 1.135rem;
    line-height: 2rem;
  }
  .ct-03 .cbox-2-ico {
    width: 2.15rem;
    height: 2.15rem;
    font-size: 1.0625rem;
    line-height: 1.95rem;
  }
  .cbox-2-line {
    height: calc(100% - 74px);
  }
  .cbox-3 .cbox-3-ico {
    top: 4px;
  }
  .tabs-1 {
    margin: 0 auto 55px;
  }
  #footer-10 .footer-links,
  #sb-2-1 h2.statistic-number,
  #sb-2-2 h2.statistic-number,
  #statistic-5 .statistic-txt h5,
  .banner-16-txt h4,
  .payment-methods p,
  .pricing-3-table .pricing-table-header h4,
  .review-txt h6,
  .role-box-txt p,
  .tools-list p {
    margin-bottom: 10px;
  }
  .payment-icons img {
    max-height: 32px;
  }
  .tools-list.ico-35 [class*="flaticon-"]:after,
  .tools-list.ico-35 [class*="flaticon-"]:before {
    font-size: 2.1875rem;
    line-height: 2.1875rem !important;
    margin-right: 4px;
  }
  .quote-avatar img {
    width: 54px;
    height: 54px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }
  .cbox-5-shape-1 {
    right: -20px;
    top: -20px;
  }
  .cbox-5-shape-2 {
    left: 10px;
    bottom: -25px;
  }
  .cbox-5-shape-1 img,
  .cbox-5-shape-2 img {
    height: 70%;
    width: 70%;
  }
  #team-2 .team-member-data,
  .ct-01 .img-block {
    margin-left: 5px;
  }
  .ct-02 .img-block {
    margin-right: 5px;
  }
  .ct-03 .img-block.right-column,
  .ct-04 .img-block {
    margin-left: 15px;
  }
  .ct-04 .img-block img {
    max-width: 175%;
  }
  .bc-1-wrapper .img-block.left-column,
  .bc-2-wrapper .img-block.left-column,
  .wide-post .blog-post-img {
    padding-right: 10px;
  }
  #reviews-4 .txt-block.left-column,
  #reviews-5 .txt-block.left-column,
  .bc-1-wrapper .img-block.right-column,
  .bc-2-wrapper .img-block.right-column,
  .wide-post .blog-post-txt {
    padding-left: 10px;
  }
  .bc-3-img {
    margin: 0 -65% -25px 25px;
  }
  .bc-4-img {
    margin-left: 25px;
    margin-right: -65%;
  }
  .bc-6-img {
    padding: 40px 30px 0;
    margin-bottom: 25px;
  }
  .img-block.img-block-bkg img {
    padding: 50px 35px;
  }
  #newsletter-3 .col-lg-6 .newsletter-img,
  .ct-11 .img-block {
    padding-left: 50px;
  }
  .ct-12 .img-block {
    padding-right: 50px;
  }
  .sb-rounded .statistic-block {
    padding: 25px;
  }
  #statistic-5 .statistic-digit {
    padding-bottom: 18px;
    margin: 0 70px 18px 0;
  }
  .statistic-1-wrapper .statistic-block-digit {
    width: 32%;
  }
  .statistic-1-wrapper .statistic-block-txt {
    width: 68%;
    padding-left: 10px;
  }
  #sb-2-3,
  #sb-2-4 {
    padding-right: 12px;
  }
  #statistic-5 .statistic-digit h2,
  h2.statistic-number {
    letter-spacing: -0.5px;
  }
  #statistic-1 h2.statistic-number {
    letter-spacing: -0.5px;
    margin-top: 2px;
  }
  #sb-2-3 .statistic-block p.p-sm,
  #sb-2-4 .statistic-block p.p-sm {
    margin-top: 1px;
  }
  .project-title h2 {
    padding-bottom: 35px;
    margin-bottom: 30px;
  }
  #newsletter-3,
  .project-txt h5.mt-35.mb-35 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .project-txt h5.mt-50.mb-35 {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .project-description .more-projects span {
    top: 1px;
    left: 5px;
  }
  .project-description .more-projects.ico-25 [class*="flaticon-"]:after,
  .project-description .more-projects.ico-25 [class*="flaticon-"]:before {
    font-size: 1.275rem;
  }
  .rating-section .rating-1-wrapper {
    padding: 0 12%;
  }
  .rbox-1-img img,
  img.footer-logo,
  img.footer-logo-dark {
    max-height: 34px;
  }
  .rbox-1 .star-rating {
    font-size: 0.9rem;
    line-height: 1;
  }
  .col-md-8 .banner-5-txt h2,
  .reviews-section .col-md-8 .section-title h2 {
    padding: 0 5%;
  }
  .reviews-4-wrapper,
  .reviews-5-wrapper {
    padding-left: 35px;
  }
  .review-1 {
    padding: 35px 25px 25px;
  }
  .review-2 {
    padding: 40px 35px 30px;
  }
  .review-3,
  .review-5 {
    padding: 40px 35px 35px;
  }
  .review-4 {
    padding: 35px 35px 25px;
  }
  .review-txt {
    margin-top: -42px;
  }
  .review-4 .author-data {
    margin-top: 0;
  }
  .owl-item .review-avatar img,
  .review-avatar img {
    width: 44px;
    height: 44px;
  }
  .review-2 .review-avatar img,
  .review-3 .review-avatar img,
  .review-5 .review-avatar img {
    width: 52px;
    height: 52px;
  }
  .review-author {
    padding: 0 0 0 12px;
  }
  .review-2 .review-author,
  .review-3 .review-author,
  .review-5 .review-author {
    margin-top: 5px;
  }
  .review-author h6 {
    margin-bottom: 8px;
  }
  .press-logo img {
    max-height: 74px;
  }
  .brands-3-wrapper.brands-3-static {
    margin-left: 3%;
    margin-right: 3%;
  }
  #brands-1 .brands-carousel-5 .brand-logo,
  #brands-1 .brands-carousel-6 .brand-logo,
  #brands-1 .justify-content-center .brand-logo,
  #brands-3 .brand-logo {
    padding: 0 12px;
  }
  .integrations-2-wrapper {
    padding: 80px 60px;
  }
  .in_tool_logo {
    padding: 40px 30px;
    margin-bottom: 25px;
  }
  #integrations-1 .in_tool-logo.ico-60 img {
    width: 48px;
    height: 48px;
  }
  .integrations-1-wrapper .in_tool {
    padding: 16px 20px;
  }
  .text-center .pricing-1-table {
    padding: 50px 25px 40px;
  }
  .pricing-3-table {
    padding: 30px 32px 35px;
  }
  .pricing-4-table {
    padding: 35px 45px;
  }
  #pt-4-1 {
    margin: 0 15px 40px 20px;
  }
  #pt-4-2 {
    margin: 0 20px 40px 15px;
  }
  .pricing-1-table .pricing-discount {
    top: -2px;
    right: 0;
    padding: 7px 13px;
  }
  .text-center .pricing-1-table .pricing-discount {
    top: -40px;
    right: -5px;
  }
  .price span {
    letter-spacing: -1.5px;
  }
  .pricing-2-table.highlight .price span {
    font-size: 2.15rem;
  }
  .pricing-3-table .price span {
    font-size: 4.5rem;
    letter-spacing: -3px;
  }
  .pricing-4-table .price span {
    font-size: 3.15rem;
  }
  .price sup {
    font-size: 2rem;
    top: -4px;
    right: 2px;
  }
  .pricing-3-table .price sup {
    font-size: 2.4rem;
    top: -22px;
  }
  .pricing-4-table .price sup {
    font-size: 2.25rem;
    top: -8px;
  }
  .pricing-3-table .price sup.coins {
    font-size: 2.4rem;
    top: -27px;
    letter-spacing: -2px;
  }
  .price sup.validity {
    font-size: 1.45rem;
  }
  .pricing-3-table .price sup.validity {
    font-size: 1.2rem;
    top: 0;
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .pricing-4-table .price sup.validity {
    font-size: 1.65rem;
    left: 4px;
    top: -2px;
  }
  .price p {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  #pricing-4 .ext-toggle-btn {
    margin: 0 20px 25px 15px;
  }
  .toggle-btn-md .toggler-txt {
    font-size: 1.0625rem;
    line-height: 32px;
  }
  .toggle-btn-lg .toggler-txt {
    font-size: 1.1rem;
    line-height: 36px;
  }
  .switch-wrap {
    min-width: 50px;
    height: 30px;
  }
  .toggle-btn-md .switch-wrap {
    min-width: 55px;
    height: 32px;
    margin: 0 6px;
  }
  .toggle-btn-lg .switch-wrap {
    min-width: 60px;
    height: 36px;
    margin: 0 12px;
  }
  .switcher {
    font-size: 0.9rem;
    height: 30px;
  }
  .toggle-btn-md .switcher {
    height: 32px;
    padding: 0 10px 0 30px;
    border-radius: 32px;
  }
  .toggle-btn-lg .switcher {
    height: 36px;
    padding: 0 15px 0 35px;
    border-radius: 36px;
  }
  .switcher .show-annual,
  .switcher .show-monthly {
    line-height: 30px;
  }
  .toggle-btn-md .switcher .show-annual,
  .toggle-btn-md .switcher .show-monthly {
    line-height: 32px;
  }
  .toggle-btn-lg .switcher .show-annual,
  .toggle-btn-lg .switcher .show-monthly {
    line-height: 36px;
  }
  .switcher:before {
    left: 4px;
    bottom: 4px;
    width: 22px;
    height: 22px;
  }
  .toggle-btn-md .switcher:before {
    left: 5px;
    bottom: 5px;
    width: 22px;
    height: 22px;
  }
  .toggle-btn-lg .switcher:before {
    left: 5px;
    bottom: 5px;
    width: 26px;
    height: 26px;
  }
  .switcher.bg--ghost-white:before,
  .switcher.bg--grey:before,
  .switcher.bg--tra-white:before {
    left: 4px;
    bottom: 3px;
  }
  .toggle-btn-md .switch-wrap input:checked + .switcher {
    padding: 0 30px 0 10px;
  }
  .toggle-btn-lg .switch-wrap input:checked + .switcher {
    padding: 0 35px 0 15px;
  }
  .comp-table .table-responsive thead th,
  span.release-date {
    font-size: 1.1rem;
  }
  .comp-table .table-responsive tbody td {
    font-size: 0.975rem;
    top: 1px;
  }
  .comp-table .table-responsive tbody td span {
    top: 2px;
  }
  .table-responsive .ico-15 [class*="flaticon-"]:after,
  .table-responsive .ico-15 [class*="flaticon-"]:before {
    font-size: 0.785rem;
  }
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link,
  .comp-table-payment h6 {
    margin-bottom: 14px;
  }
  .comp-table-payment p {
    font-size: 0.965rem;
  }
  #tm-2-11,
  #tm-2-2,
  #tm-2-5,
  #tm-2-8 {
    margin-left: 5px;
    margin-right: 5px;
  }
  #tm-2-12,
  #tm-2-3,
  #tm-2-6,
  #tm-2-9 {
    margin-left: 10px;
  }
  .team-member-data h6.s-20 {
    margin-bottom: 6px;
  }
  ul.tm-social {
    top: 0;
    right: 5px;
  }
  #careers-1 {
    padding-bottom: 56px;
  }
  .role-box {
    padding: 22px 30px;
    margin-bottom: 24px;
  }
  #careers-1 .role-box span,
  .role-box-txt span {
    font-size: 0.825rem;
    margin-bottom: 14px;
  }
  .role-info hr {
    margin: 40px 0;
  }
  #role-page .cbox-6-wrapper {
    margin: 35px 0;
  }
  #banner-12 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
  .banner-1-wrapper .banner-overlay {
    padding: 60px 15% 70px;
  }
  .banner-2-wrapper .banner-overlay {
    padding: 60px 18% 70px;
  }
  .banner-3-wrapper .banner-overlay {
    padding: 60px 22% 70px;
  }
  .banner-11-wrapper .banner-overlay {
    padding: 10px 65px 0;
  }
  .banner-12-wrapper .banner-overlay,
  .banner-13-wrapper .banner-overlay {
    padding-left: 65px;
  }
  .banner-16-wrapper .banner-overlay {
    padding: 40px 20%;
  }
  .banner-9-txt {
    padding-left: 15px;
    padding-right: 30%;
  }
  .banner-10-img,
  .banner-10-txt {
    padding-left: 25px;
  }
  .banner-1-txt h2,
  .blog-post-txt h3,
  .blog-post-txt h4.mb-20 {
    margin-bottom: 16px;
  }
  .banner-2-txt h2 {
    padding: 0 2%;
    margin-bottom: 30px;
  }
  .banner-13-txt h2 {
    padding-right: 4%;
    margin-bottom: 18px;
  }
  .sm-title .banner-1-txt p.p-lg,
  .sm-title .banner-1-txt p.p-xl {
    margin-top: 10px;
    margin-bottom: 20px !important;
  }
  .banner-5-txt p.s-21,
  .banner-5-txt p.s-22 {
    margin-top: 15px;
    margin-bottom: 21px;
  }
  .banner-6-txt p.p-lg,
  .banner-6-txt p.p-xl {
    margin-top: 12px;
    margin-bottom: 22px !important;
  }
  .banner-9-txt p.p-lg,
  .banner-9-txt p.p-xl {
    margin-top: 15px;
    margin-bottom: 22px !important;
  }
  .banner-14-txt p.p-lg {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .banner-12-img {
    margin: -30px -20px -20px -40px;
  }
  .banner-13-img {
    margin: -60px -120px -70px -25px;
  }
  .release-data {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  span.version-data {
    font-size: 1.9rem;
  }
  #faqs-1,
  #faqs-4 {
    padding-bottom: 55px;
  }
  #faqs-2 .inner-page-title {
    margin-bottom: 38px;
  }
  .faqs-section .accordion-thumb {
    padding: 20px 0 22px;
  }
  #faqs-2.faqs-section .accordion-thumb {
    padding: 22px 0 28px;
  }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.9rem;
    top: 19px;
    right: 2px;
  }
  #faqs-2.faqs-section .accordion-item .accordion-thumb:after,
  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 1rem;
    top: 23px;
    right: 2px;
  }
  .accordion-panel {
    padding: 0 0 5px;
  }
  #faqs-2 .accordion-panel {
    padding: 35px 0 20px;
  }
  #faqs-4 .tabs-content {
    padding: 0 15px;
  }
  .faqs-section .tabs-1 {
    margin: 0 auto 50px;
  }
  .faqs-section .tabs-1 li {
    min-width: 220px;
    padding: 25px 0;
    margin: 0 5px;
  }
  #faqs-2 .more-questions {
    margin: 50px auto 0;
  }
  .more-questions-txt {
    padding: 18px 44px;
  }
  #newsletter-1 .newsletter-overlay {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  #newsletter-4 .newsletter-overlay,
  #newsletter-5 .newsletter-overlay {
    padding-top: 65px;
    padding-bottom: 55px;
  }
  #newsletter-1 .newsletter-txt,
  #newsletter-2 .newsletter-txt {
    padding-right: 8%;
  }
  #newsletter-3 .newsletter-txt {
    padding-right: 12%;
  }
  #newsletter-1 .newsletter-form,
  #newsletter-2 .newsletter-form {
    margin-top: 25px;
    padding-left: 8%;
  }
  #newsletter-5 .newsletter-form {
    margin-top: 30px;
    padding: 0 8%;
  }
  .newsletter-section .btn,
  .newsletter-section .form-control {
    height: 50px;
  }
  #newsletter-1.newsletter-section .form-control,
  .modal .newsletter-form .btn,
  .modal .newsletter-form .form-control {
    height: 50px;
    font-size: 0.975rem;
  }
  #newsletter-5.newsletter-section .form-control {
    height: 54px;
    font-size: 1.0625rem;
  }
  #newsletter-1 .btn {
    height: 50px;
    font-size: 0.925rem;
    padding: 0.7rem 1.3rem;
  }
  #newsletter-3 .newsletter-img {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  #blog-1 .col-lg-4,
  #blog-page .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .post-tag {
    font-size: 0.85rem;
    margin-bottom: 15px;
  }
  .blog-post-meta.mt-20 {
    margin-top: 14px;
  }
  .meta-list-divider {
    padding: 0 1px;
  }
  .posts-category,
  .square-post {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .square-post .blog-post-txt {
    padding: 0 30px 0 50px;
  }
  .posts-category span {
    top: -1.5px;
  }
  .single-post-title h2,
  .single-post-title h3 {
    padding: 0 10%;
  }
  .single-post-txt h4,
  .single-post-txt h5 {
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .single-post-txt .blockquote p {
    font-size: 1.225rem;
    margin-bottom: 30px;
  }
  .single-post-txt .blockquote-footer {
    font-size: 1.05rem;
  }
  .post-share-list {
    margin-top: 40px;
    padding-bottom: 60px;
  }
  .post-author-avatar {
    margin-right: 25px;
  }
  .author-follow-btn {
    padding: 5px 12px;
    top: 60px;
    right: 10px;
  }
  .author-follow-btn a {
    font-size: 0.875rem;
  }
  .post-comments img {
    width: 60px;
    height: 60px;
  }
  .comment-form .form-control {
    height: 52px;
    font-size: 1.05rem;
  }
  .comment-form textarea,
  .contact-form textarea {
    min-height: 190px;
  }
  #contacts-1 .contact-form .contact-form-notice p {
    font-size: 0.875rem;
    margin-top: 30px;
  }
  .footer {
    padding-bottom: 35px;
  }
  .footer hr {
    margin-top: 10px;
    margin-bottom: 35px;
  }
  #footer-10.pt-50 {
    padding-top: 10px;
  }
  #footer-10 img.footer-logo {
    max-height: 39px;
  }
  #footer-1 .footer-info {
    padding-right: 5%;
  }
  #footer-10 .footer-info {
    margin-bottom: 30px;
    padding-bottom: 40px;
  }
  #footer-2 .footer-links.fl-1 {
    padding-left: 34%;
  }
  #footer-2 .footer-links.fl-2 {
    padding-left: 22%;
  }
  #footer-2 .footer-links.fl-3,
  #footer-2.ft-2-ntr .footer-links.fl-2 {
    padding-left: 0;
  }
  #footer-2.ft-2-ntr .footer-links.fl-1 {
    padding-left: 25%;
  }
  #footer-3.ft-3-ntr .footer-links.fl-3 {
    padding-left: 28%;
  }
  .foo-links li a span.ext-link {
    left: 3px;
    top: 1px;
  }
  .foo-links.ico-15 [class*="flaticon-"]:after,
  .foo-links.ico-15 [class*="flaticon-"]:before {
    font-size: 0.815rem;
  }
  .footer-socials.ico-20 a,
  .footer-socials.ico-25 a {
    margin-right: 14px;
  }
  .footer-socials.ico-25 [class*="flaticon-"]:after,
  .footer-socials.ico-25 [class*="flaticon-"]:before {
    font-size: 1.1875rem;
  }
  #footer-2 .footer-form,
  #footer-3 .footer-form {
    padding-left: 5%;
  }
  .footer-form .btn,
  .footer-form .form-control {
    height: 28px;
  }
  .footer-form .ico-15 [class*="flaticon-"]:after,
  .footer-form .ico-15 [class*="flaticon-"]:before {
    line-height: 24px !important;
  }
  .inner-page-title p {
    font-size: 1.15rem;
    margin-top: 18px;
  }
  .page-hero-section h2 {
    line-height: 1.25;
    padding-right: 3%;
    margin-bottom: 20px;
  }
  .txt-block.legal-info h5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .txt-block.legal-info h4 {
    margin-top: 60px;
    margin-bottom: 25px;
  }
  .register-page-txt img {
    max-height: 30px;
    margin-bottom: 45px;
  }
  #login .register-page-txt,
  #signup .register-page-txt {
    padding: 60px 45px;
  }
  #signup .register-page-txt h2 {
    line-height: 1;
  }
  #login .register-page-copyright {
    left: 45px;
    bottom: 40px;
  }
  #signup .register-page-copyright {
    right: 45px;
    bottom: 40px;
  }
  .register-page-copyright p {
    font-size: 0.9rem;
  }
  #login .register-page-form {
    padding: 50px 45px 50px 35px;
  }
  #signup .register-page-form {
    padding: 50px 35px 50px 45px;
  }
  #login.login-1 .register-page-form,
  #signup.signup-1 .register-page-form {
    padding: 10px 30px;
  }
  .separator-line {
    margin: 20px 0;
  }
  .register-page-form p.input-header {
    font-size: 0.9rem;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .reset-form-title p.p-sm {
    font-size: 0.95rem;
    margin-top: 20px;
  }
  .reset-page-wrapper {
    margin: 0;
  }
  .reset-page-wrapper form {
    padding: 40px 25px 15px;
  }
  .register-page-form .form-control,
  .reset-page-wrapper .form-control {
    height: 54px;
    margin-bottom: 20px;
  }
  #login .register-page-form .btn.submit {
    height: 54px;
    margin-top: 12px;
  }
  #signup .register-page-form .btn.submit {
    height: 54px;
    margin-top: 20px;
  }
  .btn-show-pass {
    top: 18px;
  }
  .page-404-txt h6 {
    padding: 0 8%;
    margin-bottom: 25px;
  }
  .page-404-img {
    padding: 0 8%;
    margin-bottom: 40px;
  }
  #modal-1 .modal-dialog {
    max-width: 580px;
  }
  #modal-2 .modal-dialog {
    width: 350px;
  }
  #modal-3 .modal-dialog.modal-xl {
    width: 700px;
  }
  #modal-2 .modal-body-content {
    padding: 30px 30px 10px;
  }
  #modal-3 .modal-body-content {
    padding: 50px 30px 40px;
  }
  #modal-3 .request-form-title p {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  #modal-3 .request-form .btn {
    height: 54px;
    font-size: 0.975rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #statistic-1 h2.statistic-number,
  #statistic-5 .statistic-digit h2,
  .txt-block-stat h2.statistic-number {
    letter-spacing: -0.5px;
    font-size: 2.5rem;
  }
  html {
    font-size: 85%;
  }
  .py-10,
  .py-5 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .py-20,
  .table > :not(caption) > * > * {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .py-30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .py-40 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .py-50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .post-author,
  .py-70,
  .py-80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .py-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #hero-1,
  #hero-10,
  #hero-2,
  .py-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  #footer-10.pt-50,
  .pt-30 {
    padding-top: 10px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .post-comments,
  .pt-70,
  .pt-80 {
    padding-top: 50px;
  }
  .pt-90 {
    padding-top: 60px;
  }
  #hero-15,
  #hero-6,
  .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;
  }
  #faqs-1,
  #faqs-4,
  #hero-5,
  .pb-70,
  .pb-80 {
    padding-bottom: 50px;
  }
  #hero-18,
  .pb-90 {
    padding-bottom: 60px;
  }
  #hero-20,
  #hero-7 {
    padding-bottom: 80px;
  }
  #hero-13,
  .pb-100 {
    padding-bottom: 70px;
  }
  .brands-section .more-btn,
  .ct-07 .txt-block,
  .ct-13 .img-block,
  .hero-section .quick-form.mt-45,
  .integrations-section .more-btn.mt-60,
  .integrations-section .more-btn.mt-70,
  .mt-40,
  .mt-50,
  .pricing-1-table hr,
  .txt-block.role-info .btn {
    margin-top: 30px;
  }
  .more-projects,
  .mt-45,
  .mt-55 {
    margin-top: 35px;
  }
  .mt-60,
  .mt-70,
  .mt-80,
  .post-comments #leave-comment h5 {
    margin-top: 50px;
  }
  .mt-65,
  .mt-75,
  .mt-85 {
    margin-top: 55px;
  }
  .mt-90 {
    margin-top: 60px;
  }
  .mt-95 {
    margin-top: 65px;
  }
  .mt-100 {
    margin-top: 70px;
  }
  #cb-6-1,
  #cb-6-2,
  #press-05,
  #press-06,
  #rw-3-2,
  .banner-15-txt h2,
  .blog-post.mb-40,
  .ct-13 .row.mb-60,
  .fbox-14.fb-1,
  .fbox-14.fb-2,
  .hero-logo,
  .mb-40,
  .mb-50,
  .register-form-title,
  .release-data h5,
  .table-responsive.mb-50 {
    margin-bottom: 30px;
  }
  #pt-1-1,
  #pt-1-2,
  .bc-5-wrapper .section-title,
  .brands-title.mb-50,
  .inner-page-hero #pt-1-3,
  .inner-page-hero #pt-1-4,
  .mb-45,
  .mb-55,
  .row-cols-md-2 .fb-1,
  .row-cols-md-2 .fb-2,
  .rows-2 .fb-1,
  .rows-2 .fb-2,
  .rows-2 .fb-3 {
    margin-bottom: 35px;
  }
  .mb-60,
  .mb-70,
  .mb-80,
  .version-release {
    margin-bottom: 50px;
  }
  .mb-65,
  .mb-75,
  .mb-85 {
    margin-bottom: 55px;
  }
  .mb-90,
  .wide-post {
    margin-bottom: 60px;
  }
  .mb-95 {
    margin-bottom: 65px;
  }
  .mb-100 {
    margin-bottom: 70px;
  }
  .shape--02:after {
    width: 140%;
    height: 82%;
    top: 12%;
    left: -20%;
  }
  .shape--03:after {
    height: 129%;
    top: -60px;
  }
  .shape--04:after {
    height: 80%;
    top: 10%;
  }
  #careers-1 .role-box h6,
  #footer-5 .footer-info p,
  .brands-title h2,
  .brands-title h3,
  .brands-title h4,
  .cbox-1-txt p,
  .comment-meta,
  .comment-meta h6,
  .review-author h6,
  .role-box-txt h6,
  .txt-box,
  ol.digit-list p {
    margin-bottom: 5px;
  }
  .comp-table .table-responsive thead th,
  .pricing-discount h6,
  .rbox-1 .star-rating,
  .register-page-form .btn-google,
  .register-page-form p.create-account,
  .reset-page-wrapper .form-data span,
  .review-1 .review-author h6,
  .s-15,
  .s-16,
  .single-post-txt .blockquote-footer,
  .star-rating span.rating-txt,
  p.p-sm,
  p.video-txt-sm {
    font-size: 1rem;
  }
  .icons-menu-txt span,
  .s-17,
  .s-18,
  p.p-lg,
  p.p-md {
    font-size: 1.066176rem;
  }
  .rbox-2 .ico-25 [class*="flaticon-"]:after,
  .rbox-2 .ico-25 [class*="flaticon-"]:before,
  .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;
  }
  .icons-menu.ico-40 [class*="flaticon-"]:after,
  .icons-menu.ico-40 [class*="flaticon-"]:before,
  .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;
  }
  .btn-reply a,
  .comment-date,
  a.tra-link {
    font-size: 1.0625rem;
  }
  .tra-link.ico-20 [class*="flaticon-"]:after,
  .tra-link.ico-20 [class*="flaticon-"]:before {
    font-size: 0.785rem;
    line-height: 0.7rem !important;
    top: 2px;
    left: 2px;
  }
  .btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.65rem 1.35rem;
  }
  .btn.ico-30.ico-left {
    padding: 0.3665rem 0;
  }
  .btns-group .btn.ico-30.ico-left,
  .btns-group .btn.ico-30.ico-right {
    padding: 0.31175rem 0.5rem;
  }
  .btn-os.mr-15,
  .btns-group .btn:first-child,
  .watch-video-link {
    margin-right: 10px;
  }
  .btn.ico-20 [class*="flaticon-"]:after,
  .btn.ico-20 [class*="flaticon-"]:before {
    font-size: 1rem;
    line-height: 0.65rem !important;
    top: 3px;
  }
  .btn.ico-30 [class*="flaticon-"]:after,
  .btn.ico-30 [class*="flaticon-"]:before {
    font-size: 2rem;
  }
  .btn.ico-30.ico-left span.ico-30-txt {
    font-size: 1.065rem;
    top: -8px;
    margin-right: 0;
  }
  .btn.ico-30.ico-right span.ico-30-txt {
    font-size: 1.065rem;
    top: -8px;
    margin-left: 0;
  }
  .btn.ico-left span,
  .txt-block.legal-info h4 span,
  .txt-block.legal-info h5 span {
    margin-right: 2px;
  }
  .btn.ico-right span {
    margin-left: 2px;
  }
  p.btn-txt {
    margin: 13px 0 0;
  }
  .btn-rating,
  p.btns-group-txt {
    margin: 15px 0 0;
  }
  .comp-table-payment .payment-icons,
  .section-title .btns-group.mt-25,
  .text-center p.btns-group-txt,
  .watch-video {
    margin-top: 18px;
  }
  .os-btn {
    width: 240px;
    min-width: 240px;
    padding: 14px 15px 12px;
  }
  .icons-menu-ico,
  .os-btn-ico {
    margin-right: 14px;
  }
  .os-btn-txt p {
    margin-top: 4px;
  }
  #contacts-1 .contact-form .col-md-12 span,
  #hero-10-form p,
  #hero-8-form h4,
  .bc-2-txt h2,
  .bc-3-txt h2,
  .bc-4-txt h2,
  .btn-os.mb-15,
  .hero-13-txt h2,
  .hero-7-txt p.p-lg,
  .pricing-table-header h4,
  .role-info h5,
  .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5,
  .txt-block h2,
  .txt-block h3 {
    margin-bottom: 15px;
  }
  .badge-img-xs .store img {
    max-height: 2.595rem;
  }
  .badge-img-sm .store img {
    max-height: 2.72rem;
  }
  .badge-img-md .store img {
    max-height: 2.97rem;
  }
  .badge-img-lg .store img {
    max-height: 3.095rem;
  }
  .watch-video-link span[class^="flaticon-"]:after,
  .watch-video-link span[class^="flaticon-"]:before {
    margin-left: 3px;
  }
  p.video-txt-lg {
    font-size: 1.1rem;
  }
  .video-btn-xl {
    width: 7rem;
    height: 7rem;
    margin-top: -3.5rem;
    margin-left: -3.5rem;
  }
  .video-btn-lg {
    width: 6.5rem;
    height: 6.5rem;
    margin-top: -3.125rem;
    margin-left: -3.125rem;
  }
  .video-btn-md {
    width: 5.625rem;
    height: 5.625rem;
    margin-top: -2.8125rem;
    margin-left: -2.8125rem;
  }
  .video-btn-sm {
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
  }
  .video-btn.video-btn-lg [class^="flaticon-"]:after,
  .video-btn.video-btn-xl [class^="flaticon-"]:before {
    font-size: 5.5rem;
    line-height: 7rem !important;
    margin-left: 8px;
  }
  .video-btn.video-btn-lg [class^="flaticon-"]:after,
  .video-btn.video-btn-lg [class^="flaticon-"]:before {
    font-size: 5rem;
    line-height: 6.25rem !important;
    margin-left: 10px;
  }
  .video-btn.video-btn-lg [class^="flaticon-"]:after,
  .video-btn.video-btn-md [class^="flaticon-"]:before {
    font-size: 4.5rem;
    line-height: 5.625rem !important;
    margin-left: 8px;
  }
  .video-btn.video-btn-md [class^="flaticon-"]:after,
  .video-btn.video-btn-sm [class^="flaticon-"]:before {
    font-size: 4.35rem;
    line-height: 5rem !important;
    margin-left: 8px;
  }
  .ico-50 .shape-ico svg {
    width: 95px;
    height: 95px;
    top: -25px;
    left: calc(50% - 50px);
  }
  .fbox-11 .ico-50 .shape-ico svg {
    top: -30px;
    left: calc(50% - 52px);
  }
  .ico-55 .shape-ico svg {
    width: 100px;
    height: 100px;
    top: -30px;
    left: calc(50% - 55px);
  }
  .ico-60 .shape-ico svg {
    width: 105px;
    height: 105px;
    top: -20px;
    left: calc(50% - 50px);
  }
  .ico-rounded,
  .ico-rounded-md,
  .ico-square {
    width: 70px;
    height: 70px;
  }
  .fbox-wrapper .row-cols-md-2 .ico-rounded,
  .fbox-wrapper .row-cols-md-2 .ico-square,
  .ico-rounded-lg {
    width: 80px;
    height: 80px;
  }
  #loading-center,
  .loader {
    width: 90px;
    height: 90px;
  }
  .ico-rounded [class*="flaticon-"]:after,
  .ico-rounded [class*="flaticon-"]:before,
  .ico-rounded-md [class*="flaticon-"]:after,
  .ico-rounded-md [class*="flaticon-"]:before,
  .ico-square [class*="flaticon-"]:after,
  .ico-square [class*="flaticon-"]:before {
    font-size: 2.5rem;
    line-height: 70px !important;
  }
  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:after,
  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:before,
  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:after,
  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:before,
  .ico-rounded-lg [class*="flaticon-"]:after,
  .ico-rounded-lg [class*="flaticon-"]:before {
    font-size: 2.875rem;
    line-height: 80px !important;
  }
  #faqs-2 .accordion-panel-item.mb-35,
  #faqs-2 .inner-page-title,
  #footer-8 .footer-info,
  #role-page .inner-page-title,
  #rw-4-1,
  #rw-5-1,
  .banner-4-txt h2,
  .banner-7-txt h2,
  .blog-post-img.mb-35,
  .brands-title.mb-35,
  .brands-title.mb-40,
  .fbox-1 .fbox-img,
  .fbox-4 .fbox-img,
  .hero-14-txt p.s-21,
  .hero-app-logo,
  .row-cols-md-2 .fbox-1 .fbox-img,
  .row-cols-md-2 .fbox-4 .fbox-img,
  .section-id {
    margin-bottom: 25px;
  }
  .section-id.rounded-id {
    padding: 7px 22px;
    margin-bottom: 30px;
  }
  .brands-section .brand-logo.mb-50,
  .hero-21-txt,
  .login-page-logo,
  .post-comments h5,
  .project-priview-img.mb-50,
  .section-title.mb-60,
  .section-title.mb-70,
  .section-title.mb-80,
  .single-project .project-title {
    margin-bottom: 40px;
  }
  .section-title p.p-lg,
  .section-title p.p-md,
  .section-title p.p-xl,
  .statistic-3-wrapper p {
    margin-top: 12px;
  }
  .section-title p.s-20,
  .section-title p.s-21 {
    font-size: 1.32352rem;
    margin-top: 12px;
  }
  .bc-6-txt,
  .faqs-3-questions .questions-holder,
  .hero-12-txt p,
  .hero-23-txt p,
  .hero-27-txt p.s-20,
  .hero-27-txt p.s-21,
  .hero-4-txt p,
  .projects-wrapper,
  .rating-section .rating-2-wrapper,
  .reviews-2-wrapper,
  .reviews-3-wrapper,
  .section-title p.p-lg,
  .section-title p.p-md,
  .square-post .col-md-12,
  .text-center .price p,
  .text-center .pricing-2-table .price p,
  .txt-block .accordion-1 .accordion-panel,
  .wsmegamenu.halfmenu .col-lg-6,
  .wsmegamenu.halfmenu.icons-menu .col-lg-6,
  .wsmegamenu.icons-menu.w-75 .col-lg-4,
  .wsmegamenu.w-75 .col-lg-3 {
    padding: 0;
  }
  .section-title .btns-group.mt-35 {
    margin-top: 22px;
  }
  .banner-5-txt .btns-group.mt-35,
  .hero-14-txt .btn-txt,
  .section-title .stores-badge.mt-30,
  .single-post-title .blog-post-meta.mt-35 {
    margin-top: 25px;
  }
  .blog-header .wsmobileheader .smllogo,
  .hero-9-txt p {
    margin-top: 28px;
  }
  #about-4 .txt-block p,
  #faqs-3 .more-questions.mt-40,
  #footer-1 .footer-info .footer-mail-link,
  #newsletter-5 .newsletter-txt p,
  .banner-15-txt .download-links,
  .banner-5-txt p.p-lg,
  .banner-5-txt p.p-xl,
  .pricing-1-table .pt-btn,
  .pricing-2-table .pt-btn,
  .pricing-features.mt-25,
  .section-title .advantages,
  .section-title .btns-group-txt,
  .section-title .btns-txt,
  .text-center .advantages,
  .txt-block .btn {
    margin-top: 15px;
  }
  #loading-center {
    margin-top: -45px;
    margin-left: -45px;
  }
  .loader::after {
    border: 45px solid;
  }
  #bp-1-3,
  .headtoppart,
  .hero-20-txt .hero-logo,
  .pricing-features span {
    display: none;
  }
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 22px;
    padding-left: 22px;
  }
  .blog-header .smllogo img,
  .hero-logo img,
  .rbox-1-img img {
    max-height: 28px;
  }
  .tra-menu .wsmobileheader,
  .white-menu .wsmobileheader {
    background-color: #fff;
  }
  .black-scroll .wsmobileheader,
  .dark-menu .wsmobileheader {
    background-color: #1d222f;
  }
  .theme--dark .tra-menu .wsmobileheader,
  .theme--dark .white-menu .wsmobileheader {
    background-color: #1d222f !important;
    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
    box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
  }
  .wsmenu > .wsmenu-list > li.header-phone > a {
    font-size: 19px;
    padding: 7px 32px 6px 15px;
    margin: 0;
  }
  .wsmenu > .wsmenu-list > li a.btn,
  .wsmenu > .wsmenu-list > li a.btn.reg-btn {
    line-height: 44px;
    padding: 5px 22px;
  }
  .wsmenu > .wsmenu-list > li.header-phone > a span {
    width: 24px;
    height: 24px;
    line-height: 25px;
    top: 3px;
  }
  .wsanimated-arrow {
    padding: 14px 22px 14px 0;
    margin: 40px 70px 0 0;
  }
  #hero-13,
  .hero-section {
    margin-top: 80px;
  }
  .wsanimated-arrow span:before {
    top: -8px;
    width: 26px;
  }
  .wsanimated-arrow span:after {
    bottom: -8px;
    width: 20px;
  }
  .black-scroll .wsanimated-arrow span,
  .black-scroll .wsanimated-arrow span:after,
  .black-scroll .wsanimated-arrow span:before,
  .dark-menu .wsanimated-arrow span,
  .dark-menu .wsanimated-arrow span:after,
  .dark-menu .wsanimated-arrow span:before {
    background: #fff;
  }
  .theme--dark .wsanimated-arrow span,
  .theme--dark .wsanimated-arrow span:after,
  .theme--dark .wsanimated-arrow span:before {
    background: #b1b7cd;
  }
  .wsactive .wsanimated-arrow span:after,
  .wsactive .wsanimated-arrow span:before,
  .wsactive .wsanimated-arrow.active span:after {
    width: 28px;
    top: 0;
  }
  .wsactive .wsanimated-arrow span {
    background: 0 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmenu-click {
    height: 64px;
  }
  .wsmenu > .wsmenu-list > li.mobile-last-link > a {
    border-bottom: none;
  }
  .black-scroll .wsmenu > .wsmenu-list,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .dark-menu .wsmenu > .wsmenu-list,
  .theme--dark .wsmenu > .wsmenu-list {
    background-color: #2c3142 !important;
  }
  .black-scroll .wsmenu > .wsmenu-list > li > a,
  .dark-menu .wsmenu > .wsmenu-list > li > a {
    border-bottom-color: rgba(255, 255, 255, 0.13);
  }
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    border-color: rgba(255, 255, 255, 0.85);
  }
  .wsmenu > .wsmenu-list > li > a {
    font-size: 1.25rem;
    line-height: 46px;
    padding: 5px 32px 4px 20px;
    margin: 0;
  }
  .tra-menu .wsmenu > .wsmenu-list > li > a,
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #666;
  }
  .black-scroll .wsmenu > .wsmenu-list > li > a.h-link {
    color: #fff;
  }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
    height: 10px;
    width: 10px;
    margin: 21px 18px 0 0;
  }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
    transform: rotate(-45deg);
    margin-top: 28px;
  }
  .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a,
  .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #fff !important;
  }
  span.sm-info {
    width: 22px;
    height: 22px;
    font-size: 0.95rem;
    line-height: 20px;
    top: -1px;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
    width: 100% !important;
    min-width: 100% !important;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    width: 100% !important;
    padding: 10px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
    width: 100% !important;
    left: 0;
    padding: 12px 10px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    right: 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    top: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    border-bottom: 1px solid #ddd;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    color: #666;
    font-size: 1.1765rem;
    padding: 15px 14px;
  }
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a,
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    color: #ddd;
    background-color: rgba(255, 255, 255, 0) !important;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
    padding: 15px 14px;
    text-decoration: none;
  }
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover,
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
  }
  .icons-menu.ico-30 [class*="flaticon-"]:after,
  .icons-menu.ico-30 [class*="flaticon-"]:before {
    font-size: 2.1875rem;
  }
  #hero-22-form h4,
  .header-socials.ico-20 [class*="flaticon-"]:before,
  .header-socials.ico-25 [class*="flaticon-"]:after {
    font-size: 1.65rem;
  }
  .wsmegamenu.ico-30 .icons-menu-ico span {
    top: 8px !important;
  }
  .icons-menu-txt h6 {
    font-size: 1.1765rem;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
    font-size: 1.1765rem;
    padding: 0 14px;
    margin-bottom: 10px;
  }
  .black-scroll .icons-menu-txt span,
  .black-scroll .title,
  .dark-menu .icons-menu-txt span,
  .dark-menu .title {
    color: #b1b7cd !important;
  }
  .wsmenu > .wsmenu-list > li a.btn {
    font-size: 1.25rem;
    border-width: 2px;
    margin: 1px 0 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #tm-2-12,
  #tm-2-3,
  #tm-2-6,
  #tm-2-9,
  .ct-01 .img-block,
  .ct-03 .img-block.right-column,
  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link,
  .wsmenu > .wsmenu-list > li.reg-fst-link > a {
    margin-left: 0;
  }
  #hero-8-form,
  .header-socials a {
    margin-left: 25px;
  }
  .wsmenu > .wsmenu-list > li a.store.header-store {
    margin: 5px 0 0 12px;
    display: block;
    float: none;
    border-bottom: none;
  }
  .store.header-store img {
    max-height: 46px;
  }
  .wsmenu > .wsmenu-list > li.header-socials {
    display: block;
  }
  .white-scroll .btn--tra-black {
    color: #fff !important;
    background-color: #353f4f !important;
    border-color: #353f4f !important;
  }
  .black-scroll .btn--tra-black,
  .black-scroll .btn--tra-white {
    color: #353f4f !important;
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .black-scroll .btn--tra-grey,
  .white-scroll .btn--tra-grey {
    color: #353f4f !important;
    background-color: #eee !important;
    border-color: #eee !important;
  }
  .white-scroll .hover--tra-white:hover {
    color: #353f4f !important;
    border-color: #353f4f !important;
    background-color: transparent !important;
  }
  .theme--dark .white-scroll .hover--tra-white:hover {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important;
  }
  .black-scroll .hover--blue:hover,
  .white-scroll .hover--blue:hover {
    color: #fff !important;
    border-color: #007aff !important;
    background-color: #007aff !important;
  }
  .black-scroll .hover--tra-blue:hover,
  .white-scroll .hover--tra-blue:hover {
    color: #007aff !important;
    border-color: #007aff !important;
    background-color: transparent !important;
  }
  .black-scroll .hover--violet:hover,
  .white-scroll .hover--violet:hover {
    color: #fff !important;
    border-color: #b55e98 !important;
    background-color: #b55e98 !important;
  }
  .black-scroll .hover--tra-violet:hover,
  .white-scroll .hover--tra-violet:hover {
    color: #b55e98 !important;
    border-color: #b55e98 !important;
    background-color: transparent !important;
  }
  .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    border-color: #fff;
  }
  .theme--dark .navbar-dark .hover--tra-black:hover,
  .theme--dark .navbar-dark .scroll .hover--tra-black:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
  .banner-section .section-id,
  .bc-6 h4,
  .fbox-ico,
  .fbox-ico.ico-rounded-lg,
  .fbox-ico.ico-rounded-md,
  .fbox-ico.ico-square,
  .hero-14-txt h2.s-62,
  .hero-6-txt p.p-lg,
  .hero-section .hero-20-txt h2.s-48,
  .hero-section h2,
  .row-cols-md-2 .fbox-ico.ico-rounded,
  .txt-block h5 {
    margin-bottom: 18px;
  }
  .hero-section h2.s-48,
  .hero-section h2.s-50,
  .hero-section p.p-lg,
  .hero-section p.p-md,
  .hero-section p.p-xl {
    margin-bottom: 24px;
  }
  .hero-section p.s-20,
  .hero-section p.s-22,
  .hero-section p.s-24 {
    margin-bottom: 26px;
  }
  .hero-section p.s-21 {
    font-size: 1.397058rem;
    margin-bottom: 22px;
  }
  .compatibility,
  .hero-section .btn.mt-10,
  .hero-section .btns-group.mt-10,
  .posts-wrapper .col-md-12 .blog-post.mb-40,
  .txt-block .stores-badge.mt-15,
  .ws-wrapper .stores-badge.mt-15 {
    margin-top: 5px;
  }
  .hero-section .btn.mt-15,
  .hero-section .btns-group.mt-15 {
    margin-top: 8px;
  }
  .hero-square-logo img {
    max-height: 65px;
  }
  .hero-app-logo img {
    max-height: 78px;
  }
  #hero-25 .hero-app-logo img {
    max-height: 88px;
  }
  .hero-digits {
    margin-top: -8px;
  }
  #hero-9 .hero-digits,
  #sb-2-3 .statistic-block p.p-sm,
  #sb-2-4 .statistic-block p.p-sm,
  .banner-16-txt .txt-block-tra-link.mt-15,
  .bc-6-link.mt-15,
  .hero-digits .block-txt p.p-sm,
  .press-txt,
  .team-section .more-btn.mt-20,
  .txt-block .btns-group .btn.btn--transparent {
    margin-top: 10px;
  }
  .col-lg-9 .pricing-notice p,
  .hero-section .col-lg-6 .hero-digits,
  .row-cols-md-2 .fbox-7 p {
    padding: 0 15%;
  }
  #hd-1-1,
  #hd-1-2,
  #sb-2-3,
  #sb-2-4 {
    width: 50%;
    padding-right: 0;
  }
  #sb-2-3 .statistic-block,
  #sb-2-4 .statistic-block,
  #statistic-2 .statistic-block-digit,
  .hero-digits-block {
    display: block !important;
  }
  #footer-2 .footer-links.fl-3,
  #footer-2.ft-2-ntr .footer-links.fl-1,
  #footer-2.ft-2-ntr .footer-links.fl-2,
  #footer-7 .footer-form,
  #sb-2-3 .statistic-block-txt,
  #sb-2-4 .statistic-block-txt,
  .banner-10-img,
  .bc-1-wrapper .img-block.right-column,
  .bc-1-wrapper .txt-block.pl-25.right-column,
  .bc-2-wrapper .img-block.right-column,
  .bc-2-wrapper .txt-block.pl-25.right-column,
  .fbox-12-wrapper,
  .hero-digits .block-txt,
  .wide-post .blog-post-txt {
    padding-left: 0;
  }
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before,
  .hero-digits h2.statistic-number {
    font-size: 2.75rem;
  }
  .hero-digits h2.statistic-number span {
    font-size: 2.25rem;
  }
  #footer-8 .bottom-footer,
  #newsletter-3 .col-lg-6 .newsletter-txt,
  .comment-form .btn,
  .contact-form .form-btn.mt-15,
  .hero-27-txt .btns-group.mt-15,
  .hero-section .quick-form.mt-35,
  .pricing-3-table .pt-btn,
  .pricing-notice,
  .review-1 .author-data,
  .review-2 .author-data,
  .review-3 .author-data,
  .review-4 .author-data,
  .review-5 .author-data,
  .rows-2 .fbox-11 .fbox-ico {
    margin-top: 0;
  }
  .hero-section .quick-form .btn,
  .hero-section .quick-form .form-control {
    font-size: 1.125rem;
    height: 52px;
  }
  .hero-section .quick-form.form-half .form-control {
    height: 48px;
    font-size: 1.0625rem;
    padding: 0 12px;
  }
  .hero-section .quick-form.form-half .btn {
    height: 48px;
    font-size: 1rem;
    padding: 13px 22px;
    margin-left: 10px;
  }
  .hero-section .text-center .quick-form-msg {
    margin: 20px 0 -5px;
  }
  .request-form .form-control {
    height: 48px;
    font-size: 1.0625rem;
    padding: 0 14px;
  }
  #hero-10-form .btn,
  #hero-22-form .btn {
    height: 48px;
    font-size: 1.0625rem;
    padding: 16px;
  }
  #hero-12,
  #hero-14,
  #hero-16,
  #hero-17,
  #hero-19,
  #hero-21,
  #hero-22,
  #hero-26,
  #hero-27 .hero-overlay,
  #hero-3,
  #hero-4,
  #hero-5,
  #hero-7,
  #hero-8,
  #hero-9 {
    padding-top: 80px;
  }
  #statistic-5 .statistic-txt p,
  .banner-11-txt p,
  .bc-1-wrapper .img-block.left-column,
  .bc-1-wrapper .txt-block.pr-25.left-column,
  .bc-2-wrapper .img-block.left-column,
  .bc-2-wrapper .txt-block.pr-25.left-column,
  .fbox-13-wrapper,
  .hero-1-txt p,
  .hero-11-txt p,
  .hero-13-txt p,
  .hero-15-txt h2,
  .hero-18-txt p,
  .hero-2-txt p,
  .hero-3-txt p.p-lg,
  .hero-8-txt .hero-digits,
  .hero-8-txt p,
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60,
  .wide-post .blog-post-img {
    padding-right: 0;
  }
  .hero-1-img {
    margin: 0 -30px 0 -20px;
  }
  .hero-18-img,
  .hero-2-img {
    padding-right: 5px;
  }
  .hero-3-txt {
    margin-top: -50px;
  }
  .hero-3-img {
    margin: 0 -90% 0 10px;
  }
  #hero-4:after {
    height: 11%;
  }
  .comment-form,
  .hero-14-img,
  .hero-4-img,
  .inner-page-hero .rating-1-wrapper.mt-50 {
    margin-top: 40px;
  }
  #about-1 .txt-block h3.mb-30,
  #faqs-3 .question.mb-35,
  #footer-1 .footer-logo,
  #footer-5 .footer-logo,
  #footer-6 .footer-logo,
  #footer-7 .footer-logo,
  #hero-22 .hero-logo,
  #newsletter-4 .newsletter-txt h2,
  #role-page .inner-page-title span,
  .about-2-title h2.mb-30,
  .banner-section p.p-lg,
  .banner-section p.p-xl,
  .cbox-2-txt,
  .cbox-3-txt,
  .ct-03 .cbox-2-txt,
  .fbox-12.mb-30,
  .fbox-13.mb-30,
  .hero-5-txt h2,
  .integrations-1-wrapper .in_tool.mb-30,
  .integrations-1-wrapper .it-8,
  .newsletter-txt h2,
  .page-404-txt h2,
  .pricing-table-header h5,
  .project-details h5,
  .reset-form-title,
  .single-post-txt figure,
  .team-member-photo {
    margin-bottom: 20px;
  }
  .hero-5-txt p.p-lg {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .hero-6-wrapper {
    padding: 50px 40px;
    margin: 0 -10px;
  }
  #a4-1,
  .hero-8-txt {
    margin-top: -30px;
  }
  .hero-6-txt h2 {
    padding-right: 5%;
    margin-bottom: 15px;
  }
  #hero-7 .quick-form {
    margin-right: 2%;
  }
  .hero-7-img {
    padding-left: 5px;
  }
  #hero-8 {
    padding-bottom: 30px;
  }
  #hero-8-form {
    padding: 26px 25px;
    border-radius: 10px;
  }
  #hero-8-form p.p-sm {
    padding: 0 !important;
  }
  .hero-17-txt,
  .hero-9-txt h2 {
    padding: 0 3%;
  }
  .hero-9-txt h2 img {
    max-height: 66px;
    margin: 0 3px;
    top: -5px;
  }
  .hero-9-txt p {
    padding: 0;
  }
  #hero-9 .quick-form {
    margin-left: 6%;
    margin-right: 6%;
  }
  .hero-9-img {
    margin: 45px 0 0;
  }
  .about-2-title,
  .hero-10-txt h4 {
    padding-right: 5%;
    margin-bottom: 30px;
  }
  .hero-10-img {
    margin: 0 -98% 0 15px;
  }
  .hero-11-txt {
    margin-top: -40px;
  }
  .hero-11-img {
    margin: -100px -12% -50px 0;
  }
  .hero-12-img {
    margin-top: 40px;
    margin-bottom: -100px;
  }
  .hero-12-img .video-btn {
    top: calc(50% - 35px);
  }
  #hero-13 {
    padding-top: 60px;
  }
  #hero-14 .quick-form {
    margin-left: 7%;
    margin-right: 7%;
  }
  .hero-15-txt {
    margin-top: -35px;
  }
  #hero-16 {
    margin-bottom: 50px;
  }
  .hero-16-txt h2 {
    padding: 0 6%;
  }
  .hero-16-img {
    margin-top: 40px;
    margin-bottom: -50px;
  }
  #hero-17 .quick-form {
    margin-left: 10%;
    margin-right: 10%;
  }
  #hero-17 #brands-1 {
    padding: 30px 3% 0;
  }
  #hero-17 #brands-1 .brands-carousel-5 .brand-logo {
    padding: 0 9px;
  }
  #hero-18 {
    padding-top: 70px;
  }
  #hero-18:after {
    width: 78%;
    left: 22%;
  }
  #newsletter-4 .newsletter-form,
  #newsletter-4 .newsletter-txt p,
  .col-md-8 .banner-5-txt h2,
  .ct-08 .section-title h2,
  .ct-09 .section-title h2,
  .ct-10 .section-title h2,
  .hero-19-txt h2 {
    padding: 0 5%;
  }
  .col-lg-10 .pricing-notice p,
  .hero-19-txt p {
    padding: 0 8%;
  }
  #hero-20 {
    padding-top: 90px;
  }
  #hero-20:after {
    width: 54%;
  }
  .hero-20-txt {
    padding: 0 10% 0 0;
  }
  .hero-21-txt h2,
  .single-post-title h2,
  .single-post-title h3 {
    padding: 0 3%;
    margin-bottom: 20px;
  }
  #hero-21 .hero-overlay {
    padding: 65px 45px 0;
  }
  .hero-21-img {
    margin-bottom: -24%;
  }
  .hero-21-img .video-btn {
    top: calc(50% - 50px);
  }
  #hero-22-form,
  .review-1,
  .review-2,
  .review-3,
  .text-center .pricing-1-table {
    padding: 35px 25px 25px;
  }
  #hero-22-form h4 {
    margin-bottom: 15px;
  }
  #hero-22-form p {
    font-size: 1.1rem;
    margin-bottom: 15px;
  }
  #hero-23 {
    padding-top: 80px;
    margin-bottom: 25px;
  }
  .hero-23-img {
    margin-top: 20px;
    margin-bottom: -25px;
  }
  #hero-24 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #hero-25 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  #about-3 .txt-block h5,
  .banner-11-txt h2,
  .blog-post-txt h3,
  .blog-post-txt h4.mb-20,
  .hero-25-txt h2 {
    margin-bottom: 14px;
  }
  .hero-25-txt p.p-lg {
    padding-right: 0;
    margin-bottom: 22px;
  }
  .hero-26-txt h2 {
    padding-right: 2%;
  }
  #hero-26 .quick-form {
    margin-right: 3%;
  }
  .hero-26-img {
    margin: 0 -94% 0 -20px;
  }
  .a-2-1,
  .a-2-3 {
    margin-bottom: 20px;
  }
  .hero-27-txt h2 {
    margin-bottom: 24px !important;
  }
  .a2-txt {
    padding: 12px 15px 20px;
  }
  .a-2-1 {
    margin-left: -10%;
  }
  .a-2-2,
  .ct-07 .img-block {
    margin-left: -20%;
  }
  .a-2-3 {
    margin-right: -8%;
  }
  .a-2-4,
  .ct-06 .img-block {
    margin-right: -20%;
  }
  .a2-txt-quote {
    position: relative;
    margin-bottom: -35px;
  }
  .a2-txt-quote.ico-40 [class*="flaticon-"]:after,
  .a2-txt-quote.ico-40 [class*="flaticon-"]:before {
    font-size: 4rem;
  }
  .a2-txt-author {
    margin-top: 10px;
    font-size: 1.1rem;
  }
  .a2-txt-author span {
    font-size: 0.95rem;
    margin-top: 1px;
  }
  #a4-1 {
    padding-right: 10px;
  }
  #a4-2 {
    padding-left: 10px;
    margin-bottom: -30px;
  }
  .fbox-14-wrapper {
    padding: 60px 50px;
  }
  .fbox-14-wrapper .col {
    padding: 0 14px;
  }
  #features-12.py-100.shape--bg:after {
    width: 52%;
    height: 68%;
    top: 16%;
    left: 48%;
  }
  #features-12.pt-100.shape--bg:after {
    width: 52%;
    height: 75%;
    top: 19%;
    left: 48%;
  }
  #features-13.py-100.shape--bg:after {
    width: 52%;
    height: 68%;
    top: 16%;
  }
  #features-13.pt-100.shape--bg:after {
    width: 52%;
    height: 75%;
    top: 19%;
  }
  #brands-3 .brands-3-static .brand-logo,
  #brands-4 .brand-logo,
  #features-4 .row-cols-md-3 .col {
    padding: 0 8px;
  }
  .fbox-8,
  .fbox-8.bg--white-100,
  .row-cols-md-3 .fbox-4 {
    padding: 30px 15px;
  }
  .row-cols-md-2 .fbox-4 {
    padding: 30px 45px;
  }
  .brands-3-wrapper,
  .fbox-5 {
    padding: 35px 25px;
  }
  #banner-15.banner-section .section-id,
  .banner-10-txt h2,
  .row-cols-md-2 .fbox-4.fb-1,
  .row-cols-md-2 .fbox-4.fb-2,
  .row-cols-md-2 .fbox-7.fb-1,
  .row-cols-md-2 .fbox-7.fb-2,
  .row-cols-md-2 .fbox-9.fb-1,
  .row-cols-md-2 .fbox-9.fb-2,
  .rows-2 .fbox-7.fb-1,
  .rows-2 .fbox-7.fb-2,
  .rows-2 .fbox-7.fb-3,
  .rows-2 .fbox-9.fb-1,
  .rows-2 .fbox-9.fb-2,
  .rows-2 .fbox-9.fb-3 {
    margin-bottom: 22px;
  }
  .fbox-7 {
    padding: 30px 15px 27px;
  }
  .fbox-9 {
    padding: 25px 15px 22px;
  }
  .fbox-12,
  .fbox-13 {
    padding: 22px 18px;
  }
  .fbox-14 {
    text-align: center;
    padding: 40px 30px 35px;
  }
  .fbox-img.h-155 img,
  .fbox-img.h-160 img,
  .fbox-img.h-165 img,
  .fbox-img.h-170 img,
  .fbox-img.h-175 img,
  .fbox-img.h-180 img {
    max-height: 128px;
  }
  .fbox-2 .fbox-img.h-135 img,
  .fbox-3-wrapper .fbox-img.h-135 img,
  .fbox-img.h-140 img,
  .fbox-img.h-145 img,
  .fbox-img.h-150 img {
    max-height: 132px;
  }
  .fbox-2 .fbox-img.h-160 img,
  .fbox-2 .fbox-img.h-165 img,
  .fbox-2 .fbox-img.h-170 img,
  .fbox-2 .fbox-img.h-175 img,
  .fbox-2 .fbox-img.h-180 img,
  .fbox-3 .fbox-img.h-160 img,
  .fbox-3 .fbox-img.h-170 img,
  .fbox-3 .fbox-img.h-175 img,
  .fbox-3 .fbox-img.h-180 img {
    max-height: 120px;
  }
  .fbox-4 .fbox-img.h-160 img,
  .fbox-4 .fbox-img.h-165 img,
  .fbox-4 .fbox-img.h-170 img,
  .fbox-4 .fbox-img.h-175 img {
    max-height: 110px;
  }
  .fbox-2 .fbox-img.h-135,
  .fbox-2 .fbox-img.h-140,
  .fbox-2 .fbox-img.h-145,
  .fbox-2 .fbox-img.h-150,
  .fbox-2 .fbox-img.h-155 {
    padding-top: 25px;
    margin: 0 40px 45px;
  }
  .fbox-2 .fbox-img.h-160 {
    padding-top: 25px;
    margin: 0 0 45px;
  }
  .fbox-2 .fbox-img.h-165,
  .fbox-2 .fbox-img.h-170,
  .fbox-2 .fbox-img.h-175,
  .fbox-2 .fbox-img.h-180 {
    padding-top: 30px;
    margin: 0 0 45px;
  }
  .fbox-3 .fbox-img.h-160,
  .fbox-3 .fbox-img.h-170,
  .fbox-3 .fbox-img.h-175,
  .fbox-3 .fbox-img.h-180 {
    padding-top: 25px;
    margin: 0 0 25px;
  }
  .fbox-3 .fbox-img.h-135 {
    padding-top: 30px;
    margin: 0 40px 25px;
  }
  .fbox-5.fb-1 .fbox-5-img,
  .fbox-5.fb-5 .fbox-5-img,
  .fbox-5.fb-6 .fbox-5-img {
    margin: 30px 6% 0;
  }
  .fbox-5.fb-2 .fbox-5-img,
  .fbox-5.fb-3 .fbox-5-img,
  .fbox-5.fb-4 .fbox-5-img {
    margin: 0 6% 25px;
  }
  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after,
  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before {
    font-size: 3.75rem;
  }
  .fbox-ico-wrap {
    margin-right: 18px;
  }
  #tm-2-1,
  #tm-2-10,
  #tm-2-4,
  #tm-2-7,
  .ct-02 .img-block,
  .ct-03 .img-block.left-column,
  .footer-socials.ico-20 li:last-child a,
  .footer-socials.ico-25 li:last-child a,
  .rows-2 .fbox-ico-wrap {
    margin-right: 0;
  }
  .rows-2 .fbox-11 {
    display: block;
    text-align: center;
  }
  .fbox-10 .fbox-title span {
    float: none;
    line-height: 1 !important;
    margin-right: 0;
  }
  .fbox-10 .fbox-title h6 {
    line-height: 1 !important;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .features-section h6.s-18 {
    font-size: 1.397058rem;
    margin-bottom: 12px;
  }
  #rw-2-1,
  #rw-2-2,
  .accordion-panel-item h5,
  .bc-6-txt h5,
  .blog-post-txt h6,
  .cbox-6 h6,
  .comment-form p,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6,
  .features-section h6.s-20,
  .features-section h6.s-22,
  .post-author-txt h5,
  .question h5,
  .rbox-1-img,
  .rows-2 .fbox-11 h6,
  .statistic-4-wrapper p {
    margin-bottom: 12px;
  }
  .fbox-12 h5,
  .fbox-13 h5 {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .fbox-14 h5 {
    padding-right: 0;
    margin-bottom: 12px;
  }
  .fbox-14 p {
    padding: 0 20%;
  }
  .ct-10 .section-overlay {
    margin-bottom: 80px;
  }
  .cbox-6-wrapper {
    padding: 40px 35px;
  }
  .ct-11 .txt-block {
    padding-right: 25px;
  }
  .ct-12 .txt-block {
    padding-left: 25px;
  }
  .bc-1-wrapper .section-overlay,
  .bc-4-wrapper .section-overlay,
  .integrations-2-wrapper {
    padding: 60px 40px;
  }
  .bc-2-wrapper .section-overlay,
  .bc-3-wrapper .section-overlay,
  .bc-5-wrapper .section-overlay {
    padding: 60px 40px 0;
  }
  .bc-6-wrapper .section-overlay {
    padding: 60px 30px;
  }
  .bc-6 {
    padding: 24px 16px;
  }
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .txt-block p.s-20,
  .txt-block p.s-21 {
    font-size: 1.14705rem;
  }
  .txt-block .txt-box h5 {
    margin-bottom: 13.5px;
  }
  .footer .foo-links li p,
  ul.simple-list li:not(:last-child) p {
    margin-bottom: 8px;
  }
  .blog-post-meta.mt-20,
  .blog-post-meta.mt-30,
  .rbox-2-txt,
  .txt-block-tra-link.mt-25 {
    margin-top: 14px;
  }
  .img-block-txt .box-title h5,
  .img-block-txt .box-title h6 {
    line-height: 1;
    margin-bottom: 15px;
  }
  .img-block-txt .box-title span {
    display: block;
    top: 0;
    margin-right: 0;
  }
  .cbox-5-content {
    padding: 30px;
    margin: 0 5%;
  }
  .cbox-5-content .divider {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .txt-block .cbox-5-title h2 {
    font-size: 3rem;
    margin-bottom: 10px;
  }
  .cbox-5-title .statistic-number sup {
    font-size: 2.5rem;
    top: -5px;
    right: 6px;
  }
  .cbox-5-fea {
    padding: 12px 16px;
    margin-top: 18px;
  }
  .cbox-2 .ico-wrap {
    margin-right: 1.15rem;
  }
  .cbox-2-ico {
    width: 2.15rem;
    height: 2.15rem;
    font-size: 1.125rem;
    line-height: 1.85rem;
  }
  .ct-03 .cbox-2-ico {
    width: 2rem;
    height: 2rem;
    font-size: 1.0625rem;
    line-height: 1.8rem;
  }
  .cbox-2-line {
    height: calc(100% - 74px);
  }
  .cbox-3 .cbox-3-ico {
    top: 5px;
  }
  .cbox-3-ico span[class*="flaticon-"]:after,
  .cbox-3-ico span[class*="flaticon-"]:before {
    font-size: 3rem;
  }
  .banner-1-txt h2,
  .cbox-4-txt {
    margin-bottom: 16px;
  }
  #footer-10 .footer-links,
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link,
  #sb-2-1 h2.statistic-number,
  #sb-2-2 h2.statistic-number,
  #statistic-5 .statistic-txt h5,
  .banner-16-txt h4,
  .cbox-2-txt h5,
  .cbox-3-txt h5,
  .payment-methods p,
  .pricing-3-table .pricing-table-header h4,
  .pricing-4-table .price p,
  .review-txt h6,
  .role-box-txt p,
  .tools-list p {
    margin-bottom: 10px;
  }
  .txt-block .accordion-1 .accordion-item {
    padding: 18px 30px;
  }
  .txt-block .accordion-2 .accordion-item {
    padding: 10px 0 20px;
  }
  .txt-block .accordion-1 .accordion-item.is-active {
    padding: 30px 30px 14px;
  }
  .txt-block .accordion-2 .accordion-item.is-active {
    padding: 15px 0 20px;
  }
  .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
    font-size: 0.85rem;
    top: 0.5px;
  }
  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after,
  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before {
    font-size: 2.1875rem;
    line-height: 1.5rem;
    top: 9px;
  }
  .txt-block .accordion-1 .accordion-thumb h5 {
    padding-left: 20px;
  }
  .tabs-1 {
    margin: 0 auto 50px;
  }
  .more-questions-txt p,
  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after,
  .posts-category.ico-20 [class*="flaticon-"]:before,
  .tabs-1 li {
    font-size: 1.125rem;
  }
  .payment-icons img {
    max-height: 26px;
  }
  .tools-list.ico-35 [class*="flaticon-"]:after,
  .tools-list.ico-35 [class*="flaticon-"]:before {
    font-size: 2rem;
    line-height: 2rem !important;
    margin-right: 4px;
  }
  .quote-avatar img {
    width: 54px;
    height: 54px;
  }
  .quote p {
    font-size: 1.05rem;
    padding-left: 14px;
    margin-top: 15px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }
  .cbox-5-shape-1 {
    right: -55px;
    top: -20px;
  }
  .cbox-5-shape-2 {
    left: -20px;
    bottom: -25px;
  }
  .cbox-5-shape-1 img,
  .cbox-5-shape-2 img {
    height: 55%;
    width: 55%;
  }
  .img-block.img-block-bkg img {
    padding: 35px 20px;
  }
  .bc-5-img.bc-5-dashboard.img-block-hidden,
  .ct-10 .img-block,
  .img-block-hidden {
    margin-bottom: -80px;
  }
  .ct-04 .img-block {
    margin-left: 15px;
  }
  .ct-04 .img-block img {
    max-width: 220%;
  }
  .img-block-btn,
  .img-block-txt,
  .project-description .more-projects {
    margin-top: 45px;
  }
  .bc-2-img {
    margin: 0 -45% 0 15px;
  }
  .bc-3-img {
    margin: 0 -90% -25px 15px;
  }
  .bc-4-img {
    margin-left: 15px;
    margin-right: -100%;
  }
  .bc-5-img.bc-5-tablet.img-block-hidden {
    margin-bottom: -150px;
  }
  .bc-6-img {
    padding: 30px 20px 0;
    margin-bottom: 20px;
  }
  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
    top: calc(50% - 60px);
  }
  .ct-11 .img-block,
  .reviews-4-wrapper,
  .reviews-5-wrapper {
    padding-left: 15px;
  }
  .ct-12 .img-block {
    padding-right: 15px;
  }
  .sb-rounded .statistic-block {
    padding: 20px;
  }
  #sb-2-1,
  #sb-2-2 {
    width: 50%;
  }
  #statistic-5 .statistic-digit {
    padding-bottom: 15px;
    margin: 0 40px 15px 0;
  }
  #statistic-1 .statistic-block {
    display: block !important;
    text-align: center;
  }
  .statistic-1-wrapper .statistic-block-digit {
    width: 100%;
    display: block !important;
    float: none;
    margin-bottom: 15px;
  }
  .statistic-1-wrapper .statistic-block-txt {
    width: 100%;
    display: inline-block !important;
    padding: 0 8%;
  }
  h2.statistic-number {
    letter-spacing: -0.5px;
  }
  #statistic-1 h2.statistic-number {
    line-height: 1;
  }
  .txt-block-stat .statistic-block .txt-block-rating {
    margin-top: -2px;
    margin-bottom: -1px;
  }
  .project-title h2 {
    padding-right: 10%;
    padding-bottom: 30px;
    margin-bottom: 25px;
  }
  #newsletter-3,
  .project-txt h5.mt-35.mb-35,
  .txt-block.legal-info h5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .project-txt h5.mt-50.mb-35,
  .txt-block.legal-info h4 {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .project-description .more-projects span {
    top: 1px;
    left: 4px;
  }
  .footer-socials.ico-25 [class*="flaticon-"]:after,
  .footer-socials.ico-25 [class*="flaticon-"]:before,
  .project-description .more-projects.ico-25 [class*="flaticon-"]:after,
  .project-description .more-projects.ico-25 [class*="flaticon-"]:before {
    font-size: 1.175rem;
  }
  .rating-section .rating-1-wrapper {
    padding: 0 10%;
  }
  p.rbox-2-txt {
    margin-top: 10px;
    line-height: 1;
  }
  .rbox-2-txt img {
    display: block;
    max-height: 28px;
    margin: 8px auto 0;
  }
  #reviews-4 .txt-block.left-column p,
  #reviews-5 .txt-block.left-column p {
    margin-right: -10px;
  }
  .review-4,
  .review-5 {
    padding: 35px 30px 25px;
  }
  #rw-3-2,
  #rw-3-3,
  ul.tm-social li {
    margin-left: 8px;
  }
  .review-txt {
    margin-top: -38px;
  }
  .owl-item .review-avatar img,
  .review-avatar img {
    width: 40px;
    height: 40px;
  }
  .review-2 .review-avatar img,
  .review-3 .review-avatar img,
  .review-5 .review-avatar img {
    width: 46px;
    height: 46px;
  }
  .review-author {
    padding: 0 0 0 12px;
  }
  .review-1 .review-author,
  .review-2 .review-author,
  .review-3 .review-author,
  .review-5 .review-author {
    margin-top: 3px;
  }
  .press-logo img {
    max-height: 74px;
  }
  .brands-3-wrapper.brands-3-static {
    margin-left: 3%;
    margin-right: 3%;
  }
  #brands-1 .brands-carousel-5 .brand-logo {
    padding: 0 12px;
  }
  #brands-1 .brands-carousel-6 .brand-logo,
  #brands-1 .justify-content-center .brand-logo,
  #brands-3 .brand-logo,
  .comp-table-payment .col {
    padding: 0 10px;
  }
  .in_tool_logo {
    padding: 30px;
    margin-bottom: 25px;
  }
  .in_tool_logo.ico-65 img {
    width: 48px;
    height: 48px;
  }
  .in_tool h6 {
    line-height: 1.3;
  }
  #integrations-1 .in_tool-logo.ico-60 img,
  .post-comments img {
    width: 52px;
    height: 52px;
  }
  .integrations-1-wrapper .in_tool {
    padding: 16px;
  }
  .integrations-1-wrapper .in_tool-txt h6 {
    margin-top: 2px;
  }
  .integrations-1-wrapper .in_tool-txt p {
    font-size: 1.0625rem;
    margin-top: 0;
  }
  #pricing-1 .container,
  #pricing-2 .container,
  #pricing-3 .container,
  .pricing-1-wrapper .col,
  .pricing-2-wrapper .col,
  .pricing-3-wrapper .col {
    padding: 0 5px;
  }
  .pricing-2-table {
    padding: 30px 25px;
  }
  .pricing-3-table {
    padding: 25px 20px 30px;
  }
  .pricing-4-table {
    padding: 30px 35px;
  }
  #pt-4-1 {
    margin: 0 10px 40px 35px;
  }
  #pt-4-2 {
    margin: 0 35px 40px 10px;
  }
  #banner-11,
  .modal-body .newsletter-form,
  .pricing-2-table hr,
  .pricing-3-table .price.mt-25,
  .pricing-3-table hr,
  .pricing-4-table .pt-btn,
  .pricing-notice .btn.mt-25,
  .pricing-section .toggle-btn.mt-30,
  .register-page-form p.create-account,
  .register-page-txt p.mt-25 {
    margin-top: 20px;
  }
  .pricing-discount {
    top: 0;
    right: -2px;
    padding: 6px 11px;
  }
  .pricing-1-table .pricing-discount {
    top: -12px;
    right: -3px;
    padding: 5px 9px;
  }
  .text-center .pricing-1-table .pricing-discount {
    top: -30px;
    right: -5px;
  }
  .pricing-1-table .pricing-discount h6 {
    font-size: 0.8rem;
  }
  .price span {
    font-size: 2.45rem;
    letter-spacing: -1.5px;
  }
  .pricing-2-table.highlight .price span {
    font-size: 2.05rem;
  }
  .pricing-3-table .price span {
    font-size: 4.15rem;
    letter-spacing: -3px;
  }
  .pricing-4-table .price span {
    font-size: 2.85rem;
  }
  .price sup {
    font-size: 2.125rem;
    top: -2px;
  }
  .pricing-3-table .price sup {
    font-size: 2.25rem;
    top: -20px;
  }
  .pricing-4-table .price sup {
    font-size: 2rem;
    top: -7px;
  }
  .pricing-3-table .price sup.coins {
    font-size: 2rem;
    top: -25px;
    letter-spacing: -1px;
  }
  .price sup.validity {
    font-size: 1.2rem;
  }
  .pricing-3-table .price sup.validity {
    font-size: 1.125rem;
    top: 0;
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .pricing-4-table .price sup.validity {
    font-size: 1.3rem;
    left: 4px;
    top: -2px;
  }
  .pt-btn {
    font-size: 0.95rem;
    padding: 0.785rem 0.5rem;
    margin-top: 25px;
  }
  .form-data span,
  .p-table p.btn-txt {
    font-size: 0.875rem;
  }
  .price p {
    font-size: 0.9075rem;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  #signup .form-data span,
  .pricing-table-header p.p-md {
    font-size: 0.9rem;
  }
  .pricing-4-table .pricing-features li,
  .pricing-features li,
  .text-center .pricing-features li {
    padding: 6px 0;
  }
  .pricing-features p.p-md {
    font-size: 0.935rem;
    line-height: 1.5;
  }
  #pricing-4 .ext-toggle-btn {
    margin: 0 35px 20px 10px;
  }
  .toggle-btn-lg .toggler-txt,
  .toggle-btn-md .toggler-txt {
    font-size: 1rem;
    line-height: 32px;
  }
  .switch-wrap {
    min-width: 50px;
    height: 30px;
  }
  .toggle-btn-lg .switch-wrap,
  .toggle-btn-md .switch-wrap {
    min-width: 55px;
    height: 32px;
    margin: 0 6px;
  }
  .switcher {
    font-size: 0.85rem;
    height: 30px;
  }
  .toggle-btn-lg .switcher,
  .toggle-btn-md .switcher {
    height: 32px;
    padding: 0 10px 0 30px;
    border-radius: 32px;
  }
  .switcher .show-annual,
  .switcher .show-monthly {
    line-height: 30px;
  }
  .toggle-btn-lg .switcher .show-annual,
  .toggle-btn-lg .switcher .show-monthly,
  .toggle-btn-md .switcher .show-annual,
  .toggle-btn-md .switcher .show-monthly {
    line-height: 32px;
  }
  .switcher:before {
    left: 4px;
    bottom: 4px;
    width: 22px;
    height: 22px;
  }
  .toggle-btn-lg .switcher:before,
  .toggle-btn-md .switcher:before {
    left: 5px;
    bottom: 5px;
    width: 22px;
    height: 22px;
  }
  .switcher.bg--ghost-white:before,
  .switcher.bg--grey:before,
  .switcher.bg--tra-white:before {
    left: 4px;
    bottom: 3px;
  }
  .toggle-btn-lg .switch-wrap input:checked + .switcher,
  .toggle-btn-md .switch-wrap input:checked + .switcher {
    padding: 0 30px 0 10px;
  }
  .comp-table .table-responsive tbody th {
    font-size: 0.9375rem;
  }
  .comp-table .table-responsive tbody td {
    font-size: 0.9215rem;
    top: 1px;
  }
  .comp-table .table-responsive tbody td span,
  .posts-category span {
    top: 1px;
  }
  .table-responsive .ico-15 [class*="flaticon-"]:after,
  .table-responsive .ico-15 [class*="flaticon-"]:before {
    font-size: 0.715rem;
  }
  .table-responsive .ico-20 [class*="flaticon-"]:after,
  .table-responsive .ico-20 [class*="flaticon-"]:before {
    font-size: 0.925rem;
  }
  .comp-table-payment h6 {
    font-size: 1.15rem;
    margin-bottom: 14px;
  }
  .payment-icons li {
    padding-right: 2px;
  }
  .comp-table-payment .payment-icons img {
    width: auto;
    max-width: inherit;
    max-height: 22px;
  }
  #tm-2-11,
  #tm-2-2,
  #tm-2-5,
  #tm-2-8 {
    margin-left: 0;
    margin-right: 0;
  }
  #team-2 .team-member-data {
    margin-left: 5px;
  }
  .team-member-data h6.s-20 {
    margin-bottom: 6px;
  }
  .team-member-data p,
  .team-member-data p.p-lg,
  .team-member-data p.p-md {
    font-size: 1.135rem;
  }
  ul.tm-social {
    top: 4px;
    right: 5px;
  }
  .role-box {
    padding: 20px;
    margin-bottom: 20px;
  }
  #careers-1 .role-box span,
  .post-tag,
  .role-box-txt span {
    font-size: 0.85rem;
    margin-bottom: 12px;
  }
  #role-page .cbox-6-wrapper,
  .role-info hr {
    margin: 25px 0;
  }
  #banner-12 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
  #banner-8 {
    text-align: center;
  }
  #banner-9 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .banner-1-wrapper .banner-overlay {
    padding: 45px 12% 55px;
  }
  .banner-2-wrapper .banner-overlay {
    padding: 45px 15% 55px;
  }
  .banner-3-wrapper .banner-overlay {
    padding: 45px 20% 55px;
  }
  #banner-5 .banner-overlay.pt-80.pb-90,
  #banner-6 .banner-overlay,
  #banner-7 .banner-overlay.pt-80.pb-90 {
    padding-top: 45px;
    padding-bottom: 55px;
  }
  #banner-8 .banner-overlay {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .banner-11-wrapper .banner-overlay {
    padding: 0 40px 0 45px;
  }
  .banner-12-wrapper .banner-overlay,
  .banner-13-wrapper .banner-overlay {
    padding-left: 45px;
  }
  .banner-16-wrapper .banner-overlay {
    padding: 40px 16% 35px;
  }
  .banner-9-txt {
    padding-right: 25%;
  }
  .banner-12-txt {
    margin-top: 0;
    padding-right: 0;
  }
  .banner-13-txt {
    padding-right: 8%;
  }
  .banner-2-txt h2 {
    padding: 0 3%;
    margin-bottom: 25px;
  }
  .banner-12-txt h2,
  .banner-13-txt h2 {
    padding-right: 10%;
    margin-bottom: 14px;
  }
  .sm-title .banner-1-txt p.p-lg,
  .sm-title .banner-1-txt p.p-xl {
    margin-top: 10px;
    margin-bottom: 18px !important;
  }
  .banner-3-txt p.p-lg,
  .banner-3-txt p.p-xl {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  #modal-3 .request-form-title p,
  .banner-5-txt p.s-21,
  .banner-5-txt p.s-22 {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .banner-6-txt p.p-lg,
  .banner-6-txt p.p-xl {
    margin-top: 12px;
    margin-bottom: 20px !important;
  }
  .banner-9-txt p.p-lg,
  .banner-9-txt p.p-xl {
    margin-top: 15px;
    margin-bottom: 22px !important;
  }
  .banner-14-txt p.p-lg {
    font-size: 1.2rem;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .banner-8-buttons.text-end {
    text-align: center !important;
    margin-top: 20px;
  }
  .banner-9-img {
    padding-right: 10px;
  }
  .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;
  }
  .release-data {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #faqs-1 .section-title {
    margin-bottom: 27px;
  }
  #faqs-3 .section-title,
  .inner-page-title {
    margin-bottom: 45px;
  }
  .faqs-section .accordion-thumb {
    padding: 18px 0 20px;
  }
  #faqs-2.faqs-section .accordion-thumb {
    padding: 20px 0 25px;
  }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem;
    top: 19px;
    right: 2px;
  }
  #faqs-2.faqs-section .accordion-item .accordion-thumb:after,
  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.935rem;
    top: 23px;
    right: 2px;
  }
  #faqs-2 .accordion-panel {
    padding: 25px 0 10px;
  }
  .accordion-panel {
    padding: 0 0 5px;
  }
  .faqs-section .tabs-1 {
    margin: 0 auto 35px;
  }
  .faqs-section .tabs-1 li {
    min-width: 162px;
    padding: 20px 0;
    margin: 0 4px;
  }
  #faqs-2 .more-questions {
    margin: 45px auto 0;
  }
  .more-questions-txt {
    padding: 18px 42px;
  }
  #newsletter-1 .newsletter-overlay,
  #newsletter-2 .newsletter-overlay {
    text-align: center;
    padding: 40px 18% 30px;
  }
  #newsletter-4 .newsletter-overlay,
  #newsletter-5 .newsletter-overlay {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  #newsletter-3 .newsletter-txt {
    padding-right: 5%;
    margin-top: -10px;
  }
  .newsletter-txt h3,
  .newsletter-txt h4 {
    padding: 0 10%;
    margin-bottom: 22px;
  }
  #newsletter-1 .newsletter-form,
  #newsletter-2 .newsletter-form {
    margin-top: 0;
    padding: 0 10%;
  }
  #newsletter-5 .newsletter-form {
    margin-top: 20px;
    padding: 0 5%;
  }
  .newsletter-section .form-control {
    height: 46px;
    margin-right: 8px;
  }
  #newsletter-1.newsletter-section .form-control,
  #newsletter-5.newsletter-section .form-control {
    height: 46px;
    font-size: 1.0625rem;
  }
  #newsletter-5.newsletter-section .btn,
  .newsletter-section .btn {
    height: 46px;
  }
  #newsletter-1 .btn {
    height: 46px;
    font-size: 1.0625rem;
    padding: 0.7rem 1.3rem;
  }
  #newsletter-3 .newsletter-img {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  #newsletter-3 .col-lg-6 .newsletter-img {
    padding-left: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
  #footer-7 .footer-info,
  .inner-page-title h2,
  .posts-wrapper .col-md-12 .blog-post-img.mb-35 {
    margin-bottom: 0;
  }
  .meta-list-divider {
    padding: 0 1px;
  }
  .posts-category,
  .square-post {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .square-post .blog-post-txt {
    padding: 0 10px 0 30px;
  }
  .posts-wrapper .col-md-12 .blog-post-img {
    display: inline-block;
    width: 50%;
    float: left;
  }
  .posts-wrapper .col-md-12 .blog-post-txt {
    display: inline-block;
    width: 50%;
    margin-top: 25px;
    padding-left: 25px;
    float: none;
  }
  .post-inner-img {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .single-post-txt h4,
  .single-post-txt h5 {
    margin-top: 15px;
    margin-bottom: 18px;
  }
  .txt-code {
    padding: 18px 15px;
    margin: 20px 0;
  }
  .single-post-txt .blockquote p {
    font-size: 1.25rem;
    margin-bottom: 25px;
  }
  .post-share-list {
    margin-top: 30px;
    padding-bottom: 40px;
  }
  .post-author-avatar {
    margin-right: 25px;
  }
  .post-author-avatar img {
    width: 75px;
    height: 75px;
  }
  .post-author-txt p {
    padding-right: 4%;
  }
  .author-follow-btn {
    padding: 5px 12px;
    top: 45px;
    right: 10px;
  }
  .comment-body {
    margin-left: 20px;
  }
  .comment-form .form-control,
  .contact-form .form-control,
  .contact-form .form-select {
    height: 52px;
  }
  .comment-form textarea {
    min-height: 190px;
  }
  #contacts-1 .contact-form .contact-form-notice p {
    font-size: 0.875rem;
    margin-top: 30px;
  }
  .contact-form textarea {
    min-height: 160px;
  }
  .contact-form textarea.form-control {
    padding: 15px;
  }
  .footer {
    padding-bottom: 25px;
  }
  #reset-password,
  .page-404-txt {
    padding-bottom: 80px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 25px;
  }
  img.footer-logo,
  img.footer-logo-dark {
    max-height: 33px;
  }
  #footer-10 img.footer-logo {
    max-height: 36px;
  }
  .footer h6 {
    font-size: 1.17647rem;
    margin-bottom: 16px;
  }
  #footer-6 .footer-info {
    padding-left: 5%;
  }
  #footer-10 .footer-info {
    margin-bottom: 30px;
    padding-bottom: 40px;
  }
  #footer-1 .footer-links.fl-1 {
    padding-left: 22%;
  }
  #footer-1 .footer-links.fl-2 {
    padding-left: 12%;
  }
  #footer-2 .footer-links.fl-1,
  #footer-6 .footer-links.fl-2 {
    padding-left: 18%;
  }
  #footer-2 .footer-links.fl-2 {
    padding-left: 10%;
  }
  #footer-8 .footer-links.text-end {
    text-align: left !important;
    margin-bottom: 10px;
  }
  .footer-mail-link {
    font-size: 1.073529rem;
  }
  .foo-links li a span.ext-link {
    left: 3px;
    top: 1px;
  }
  .foo-links.ico-15 [class*="flaticon-"]:after,
  .foo-links.ico-15 [class*="flaticon-"]:before {
    font-size: 0.775rem;
  }
  .footer-socials.ico-20 a,
  .footer-socials.ico-25 a {
    margin-right: 11px;
  }
  #footer-2 .footer-form {
    padding-left: 3%;
  }
  .footer-form .btn,
  .footer-form .form-control {
    height: 28px;
  }
  .footer-form .ico-15 [class*="flaticon-"]:after,
  .footer-form .ico-15 [class*="flaticon-"]:before {
    line-height: 24px !important;
  }
  .page-hero-section-overlay {
    margin-top: 80px;
    padding-top: 60px;
  }
  .inner-page-title p {
    font-size: 1.15rem;
    margin-top: 14px;
  }
  .page-hero-section h2 {
    line-height: 1.25;
    margin-bottom: 20px;
  }
  .register-page-txt img {
    max-height: 26px;
    margin-bottom: 25px;
}

  .login-page-logo img {
    max-height: 35px;
  }
  #login .register-page-txt,
  #signup .register-page-txt {
    padding: 50px 30px 0;
  }
  #signup .register-page-txt h2 {
    line-height: 1;
  }
  #login .register-page-copyright {
    left: 30px;
    bottom: 40px;
  }
  #signup .register-page-copyright {
    right: 30px;
    bottom: 40px;
  }
  .register-page-copyright p {
    font-size: 0.95rem;
  }
  #login .register-page-form {
    padding: 45px 35px 45px 25px;
  }
  #signup .register-page-form {
    padding: 45px 25px 45px 35px;
  }
  #login.login-1 .register-page-form,
  #signup.signup-1 .register-page-form {
    padding: 10px 30px;
  }
  .separator-line {
    font-size: 1rem;
    margin: 20px 0;
  }
  .register-page-form p.input-header {
    font-size: 0.95rem;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .reset-password-link p {
    font-size: 1rem;
    margin-top: -3px;
    margin-bottom: 10px;
  }
  .reset-form-title p.p-sm {
    font-size: 1rem;
    margin-top: 15px;
  }
  .reset-page-wrapper {
    margin: 0 30px;
  }
  .reset-page-wrapper form {
    padding: 35px 25px 10px;
  }
  .register-page-form .form-control,
  .reset-page-wrapper .form-control {
    height: 50px;
    font-size: 1.0625rem;
    padding: 5px 15px;
    margin-bottom: 20px;
  }
  #login .register-page-form .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
    margin-top: 12px;
  }
  #signup .register-page-form .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
    margin-top: 20px;
  }
  .reset-page-wrapper .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
  }
  .btn-google img {
    width: 18px;
    height: 18px;
    top: -2px;
  }
  .btn-show-pass {
    top: 17px;
  }
  .page-404-txt {
    margin-top: 80px;
    padding-top: 100px;
  }
  .page-404-txt h6 {
    padding: 0 5%;
    margin-bottom: 25px;
  }
  .page-404-img {
    padding: 0 8%;
    margin-bottom: 30px;
  }
  #modal-1 .modal-dialog {
    max-width: 520px;
  }
  #modal-2 .modal-dialog {
    width: 320px;
  }
  #modal-3 .modal-dialog.modal-xl {
    max-width: 600px !important;
  }
  #modal-2 .modal-body-content {
    padding: 30px 30px 10px;
  }
  #modal-3 .modal-body-content {
    padding: 40px 25px 30px;
  }
  .modal .newsletter-form .btn,
  .modal .newsletter-form .form-control {
    height: 50px;
    font-size: 0.975rem;
  }
  #modal-3 .request-form .form-control {
    margin: 0 0 20px;
  }
  #modal-3 .request-form .btn {
    height: 48px;
    font-size: 0.975rem;
  }
}
@media (max-width: 767px) {
  .block-shadow {
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
  }
  #hero-14,
  #hero-17,
  #hero-19,
  #hero-22,
  #hero-27 .hero-overlay,
  #hero-4,
  #hero-9,
  .ts-0 {
    padding-top: 80px;
  }
  .py-10,
  .py-5 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .py-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .py-30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .py-40 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .py-50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .py-70,
  .py-80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .py-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #login,
  #reset-password,
  #signup,
  .py-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-30 {
    padding-top: 10px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pt-70,
  .pt-80 {
    padding-top: 50px;
  }
  .pt-90 {
    padding-top: 60px;
  }
  #hero-6,
  #newsletter-3,
  .pt-100 {
    padding-top: 70px;
  }
  .pb-30 {
    padding-bottom: 10px;
  }
  .pb-40 {
    padding-bottom: 20px;
  }
  #blog-page.pb-60,
  #download-1,
  .pb-50 {
    padding-bottom: 30px;
  }
  #hero-10,
  #hero-20,
  #hero-5,
  #hero-8 {
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
  }
  .pb-60 {
    padding-bottom: 40px;
  }
  .pb-70,
  .pb-80 {
    padding-bottom: 50px;
  }
  .pb-90 {
    padding-bottom: 60px;
  }
  #hero-18,
  #newsletter-3,
  .pb-100 {
    padding-bottom: 70px;
  }
  .mt-40,
  .mt-50 {
    margin-top: 30px;
  }
  .mt-45,
  .mt-55 {
    margin-top: 35px;
  }
  .mt-60,
  .mt-70,
  .mt-80 {
    margin-top: 50px;
  }
  .mt-65,
  .mt-75,
  .mt-85 {
    margin-top: 55px;
  }
  .mt-90 {
    margin-top: 60px;
  }
  .mt-95 {
    margin-top: 65px;
  }
  .mt-100 {
    margin-top: 70px;
  }
  #cb-6-1,
  #cb-6-2,
  #cb-6-3,
  #rb-1-1,
  #rb-1-2,
  #rb-2-1,
  #rb-2-2,
  #rw-2-1,
  #rw-2-2,
  #rw-2-3,
  #rw-3-1,
  #rw-3-2,
  #sb-4-1,
  #sb-4-2,
  .about-2-title,
  .blog-post-img.mb-35,
  .fbox-1 .fbox-img,
  .inner-page-hero #rw-2-3,
  .inner-page-hero #rw-2-4,
  .inner-page-hero #rw-2-5,
  .integrations-1-wrapper .it-7,
  .integrations-1-wrapper .it-8,
  .mb-40,
  .mb-50,
  .register-form-title {
    margin-bottom: 30px;
  }
  .fbox-14.fb-1,
  .fbox-14.fb-2,
  .mb-45,
  .mb-55,
  .section-id.rounded-id {
    margin-bottom: 35px;
  }
  .mb-60,
  .mb-70,
  .mb-80,
  .section-title.mb-70,
  .section-title.mb-80 {
    margin-bottom: 50px;
  }
  .mb-65,
  .mb-75,
  .mb-85 {
    margin-bottom: 55px;
  }
  .inner-page-title,
  .mb-90 {
    margin-bottom: 60px;
  }
  .mb-95 {
    margin-bottom: 65px;
  }
  .mb-100 {
    margin-bottom: 70px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.35;
  }
  .icons-menu-txt span,
  .in_tool h6,
  p.p-sm {
    font-size: 1rem;
  }
  p.btn-txt,
  p.btns-group-txt {
    margin: 12px 0 0;
  }
  .text-center .advantages,
  .text-center p.btns-group-txt {
    margin-top: 16px;
  }
  .hero-section p.s-20,
  .hero-section p.s-21,
  .hero-section p.s-22,
  .hero-section p.s-24,
  .section-id {
    margin-bottom: 24px;
  }
  #bp-1-1,
  #bp-1-2,
  #fb-12-1,
  #fb-12-2,
  #fb-12-3,
  #fb-13-1,
  #fb-13-2,
  #fb-13-3,
  #features-12 .txt-block,
  #features-13 .txt-block,
  #press-05,
  #press-06,
  #press-07,
  #pt-1-1,
  #pt-1-2,
  #pt-1-3,
  #reviews-4 .txt-block,
  #reviews-5 .txt-block,
  #role-page .inner-page-title,
  #sb-1-1,
  #sb-1-2,
  #sb-3-1,
  #sb-3-2,
  #sb-5-1,
  #sb-5-2,
  #tabs-1 .tab-content .img-block,
  .bc-1-wrapper .img-block,
  .bc-2-wrapper .img-block,
  .bc-6-top,
  .ct-03 .img-block,
  .ct-05 .img-block,
  .ct-07 .img-block,
  .ct-13 .img-block,
  .ct-13 .txt-block,
  .fb-1,
  .fb-2,
  .fbox-5.fb-3,
  .fbox-5.fb-5,
  .hero-21-txt,
  .inner-page-hero #pt-1-3,
  .inner-page-hero #pt-1-4,
  .inner-page-hero #pt-1-5,
  .row-cols-md-2 .fb-3,
  .rows-2 .fb-1,
  .rows-2 .fb-2,
  .rows-2 .fb-3,
  .rows-2 .fb-4,
  .rows-2 .fb-5,
  .rows-2 .fbox-7.fb-1,
  .rows-2 .fbox-7.fb-2,
  .rows-2 .fbox-7.fb-3,
  .rows-2 .fbox-9.fb-1,
  .rows-2 .fbox-9.fb-2,
  .rows-2 .fbox-9.fb-3,
  .rows-3 .fb-3.fbox-11-lst,
  .rows-3 .fbox-11.fb-5,
  .section-title.mb-60,
  .version-release,
  .wide-post {
    margin-bottom: 40px;
  }
  #about-4 .txt-block p,
  .comp-table-payment .payment-icons,
  .section-title .btns-group.mt-25 {
    margin-top: 18px;
  }
  .section-title .btns-group.mt-35 {
    margin-top: 22px;
  }
  .section-title .stores-badge.mt-30 {
    margin-top: 25px;
  }
  #footer-1 .footer-info .footer-mail-link,
  .section-title .advantages,
  .section-title .btns-group-txt,
  .section-title .btns-txt {
    margin-top: 15px;
  }
  #a4-1,
  #hero-13:after,
  #login .register-page-txt,
  #signup .register-page-txt,
  .banner-13-img,
  .headtoppart,
  .newsletter-img.text-end {
    display: none;
  }
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 22px;
    padding-left: 22px;
  }
  .blog-header .wsmobileheader .smllogo {
    margin-top: 27px;
  }
  .smllogo img {
    width: 160px;
    max-width: inherit;
  }
  .blog-header .smllogo img {
    max-height: 30px;
  }
  .wsmobileheader {
    height: 115px;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }
  .tra-menu .wsmobileheader,
  .white-menu .wsmobileheader {
    background-color: #fff;
  }
  .black-scroll .wsmobileheader,
  .dark-menu .wsmobileheader {
    background-color: #1d222f;
  }
  .theme--dark .tra-menu .wsmobileheader,
  .theme--dark .white-menu .wsmobileheader {
    background-color: #1d222f !important;
    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
    box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
  }
  .wsmenu > .wsmenu-list > li.header-phone > a {
    font-size: 19px;
    padding: 7px 32px 6px 15px;
    margin: 0;
  }
  .wsmenu > .wsmenu-list > li a.btn,
  .wsmenu > .wsmenu-list > li a.btn.reg-btn {
    line-height: 44px;
    padding: 5px 22px;
  }
  .wsmenu > .wsmenu-list > li.header-phone > a span {
    width: 24px;
    height: 24px;
    line-height: 25px;
    top: 3px;
  }
  .wsanimated-arrow {
    padding: 14px 22px 14px 0;
    margin: 45px 45px 0 0;
  }
  .wsanimated-arrow span:before {
    top: -8px;
    width: 26px;
  }
  .wsanimated-arrow span:after {
    bottom: -8px;
    width: 20px;
  }
  .black-scroll .wsanimated-arrow span,
  .black-scroll .wsanimated-arrow span:after,
  .black-scroll .wsanimated-arrow span:before,
  .dark-menu .wsanimated-arrow span,
  .dark-menu .wsanimated-arrow span:after,
  .dark-menu .wsanimated-arrow span:before {
    background: #fff;
  }
  .theme--dark .wsanimated-arrow span,
  .theme--dark .wsanimated-arrow span:after,
  .theme--dark .wsanimated-arrow span:before {
    background: #b1b7cd;
  }
  .wsactive .wsanimated-arrow span:after,
  .wsactive .wsanimated-arrow span:before,
  .wsactive .wsanimated-arrow.active span:after {
    width: 28px;
    top: 0;
  }
  .wsactive .wsanimated-arrow span {
    background: 0 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmenu-click {
    height: 64px;
  }
  .wsmenu > .wsmenu-list > li.mobile-last-link > a {
    border-bottom: none;
  }
  .black-scroll .wsmenu > .wsmenu-list,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .dark-menu .wsmenu > .wsmenu-list,
  .theme--dark .wsmenu > .wsmenu-list {
    background-color: #2c3142 !important;
  }
  .black-scroll .wsmenu > .wsmenu-list > li > a,
  .dark-menu .wsmenu > .wsmenu-list > li > a {
    border-bottom-color: rgba(255, 255, 255, 0.13);
  }
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    border-color: rgba(255, 255, 255, 0.85);
  }
  .wsmenu > .wsmenu-list > li > a {
    font-size: 1.125rem;
    line-height: 46px;
    padding: 5px 32px 4px 20px;
    margin: 0;
  }
  .tra-menu .wsmenu > .wsmenu-list > li > a,
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #333;
  }
  .black-scroll .wsmenu > .wsmenu-list > li > a.h-link {
    color: #fff;
  }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
    height: 10px;
    width: 10px;
    margin: 21px 18px 0 0;
  }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
    transform: rotate(-45deg);
    margin-top: 28px;
  }
  .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a,
  .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #fff !important;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
    width: 100% !important;
    min-width: 100% !important;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu g {
    width: 100% !important;
    padding: 10px;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
    width: 100% !important;
    left: 0;
    padding: 12px 10px;
  }
  .bc-6-txt,
  .ct-11,
  .ct-12,
  .faqs-3-questions .questions-holder,
  .hero-12-txt h2,
  .hero-12-txt p,
  .hero-19-txt p,
  .hero-20-txt,
  .hero-23-txt p,
  .hero-27-txt p.s-20,
  .hero-27-txt p.s-21,
  .hero-4-txt h2,
  .hero-4-txt p,
  .projects-wrapper,
  .rating-section .rating-1-wrapper,
  .rating-section .rating-2-wrapper,
  .reviews-2-wrapper,
  .reviews-3-wrapper,
  .square-post .col-md-12,
  .wsmegamenu.halfmenu .col-lg-6,
  .wsmegamenu.halfmenu.icons-menu .col-lg-6,
  .wsmegamenu.icons-menu.w-75 .col-lg-4,
  .wsmegamenu.w-75 .col-lg-3 {
    padding: 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    right: 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    top: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    border-bottom: 1px solid #ddd;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    color: #666;
    font-size: 1.0625rem;
    padding: 15px 14px;
  }
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a,
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    color: #ddd;
    background-color: rgba(255, 255, 255, 0) !important;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
    padding: 15px 14px;
    text-decoration: none;
  }
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover,
  .black-scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover,
  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
  }
  .icons-menu.ico-30 [class*="flaticon-"]:after,
  .icons-menu.ico-30 [class*="flaticon-"]:before {
    font-size: 2.1875rem;
  }
  .icons-menu.ico-40 [class*="flaticon-"]:after,
  .icons-menu.ico-40 [class*="flaticon-"]:before {
    font-size: 2.5rem;
  }
  .icons-menu-ico {
    margin-right: 14px;
  }
  .wsmegamenu.ico-30 .icons-menu-ico span {
    top: 8px !important;
  }
  .icons-menu-txt h6 {
    font-size: 1.0625rem;
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
    font-size: 1.0625rem;
    padding: 0 7px;
    margin-bottom: 10px;
  }
  .black-scroll .icons-menu-txt span,
  .black-scroll .title,
  .dark-menu .icons-menu-txt span,
  .dark-menu .title {
    color: #b1b7cd !important;
  }
  .wsmenu > .wsmenu-list > li a.btn {
    font-size: 1.125rem;
    border-width: 2px;
    margin: 1px 0 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #rw-3-2,
  #rw-3-3,
  #tm-2-12,
  #tm-2-3,
  #tm-2-6,
  #tm-2-9,
  .ct-03 .img-block.right-column,
  .hero-section .quick-form.form-half .btn,
  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link,
  .wsmenu > .wsmenu-list > li.reg-fst-link > a {
    margin-left: 0;
  }
  .wsmenu > .wsmenu-list > li a.store.header-store {
    margin: 5px 0 0 12px;
    display: block;
    float: none;
    border-bottom: none;
  }
  .store.header-store img {
    max-height: 46px;
  }
  .wsmenu > .wsmenu-list > li.header-socials {
    display: block;
  }
  .header-socials a {
    margin-left: 25px;
  }
  .header-socials.ico-20 [class*="flaticon-"]:before,
  .header-socials.ico-25 [class*="flaticon-"]:after {
    font-size: 1.45rem;
  }
  .white-scroll .hover--tra-white:hover {
    color: #353f4f !important;
    border-color: #353f4f !important;
    background-color: transparent !important;
  }
  .theme--dark .white-scroll .hover--tra-white:hover {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important;
  }
  .white-scroll .btn--tra-black {
    color: #fff !important;
    background-color: #353f4f !important;
    border-color: #353f4f !important;
  }
  .black-scroll .btn--tra-black,
  .black-scroll .btn--tra-white {
    color: #353f4f !important;
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .black-scroll .btn--tra-grey,
  .white-scroll .btn--tra-grey {
    color: #353f4f !important;
    background-color: #eee !important;
    border-color: #eee !important;
  }
  .black-scroll .hover--blue:hover,
  .white-scroll .hover--blue:hover {
    color: #fff !important;
    border-color: #007aff !important;
    background-color: #007aff !important;
  }
  .black-scroll .hover--tra-blue:hover,
  .white-scroll .hover--tra-blue:hover {
    color: #007aff !important;
    border-color: #007aff !important;
    background-color: transparent !important;
  }
  .black-scroll .hover--violet:hover,
  .white-scroll .hover--violet:hover {
    color: #fff !important;
    border-color: #b55e98 !important;
    background-color: #b55e98 !important;
  }
  .black-scroll .hover--tra-violet:hover,
  .white-scroll .hover--tra-violet:hover {
    color: #b55e98 !important;
    border-color: #b55e98 !important;
    background-color: transparent !important;
  }
  .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    border-color: #fff;
  }
  .theme--dark .navbar-dark .hover--tra-black:hover,
  .theme--dark .navbar-dark .scroll .hover--tra-black:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
  .hero-section {
    margin-top: 80px;
  }
  #footer-2 .footer-links .footer-mail-link,
  #footer-3 .footer-links .footer-mail-link,
  .bc-2-txt h2,
  .bc-3-txt h2,
  .bc-4-txt h2,
  .fbox-ico,
  .hero-section h2,
  .hero-section h2.s-62,
  .pricing-table-header h4,
  .pricing-table-header h5,
  .role-info h5,
  .txt-block h2,
  .txt-block h3,
  .txt-block h5.mb-20 {
    margin-bottom: 15px;
  }
  #a3-1,
  #hero-23,
  #ib-box-1,
  #ib-box-2,
  .hero-section h2.s-48,
  .hero-section h2.s-50,
  .project-details h5 {
    margin-bottom: 25px;
  }
  .hero-section p.p-sm {
    padding: 0 !important;
  }
  #hd-1-1,
  #hd-1-2,
  #statistic-5 .statistic-txt p,
  .banner-11-txt p,
  .bc-1-wrapper .img-block.left-column,
  .bc-1-wrapper .txt-block.pr-25.left-column,
  .bc-2-wrapper .img-block.left-column,
  .bc-2-wrapper .txt-block.pr-25.left-column,
  .ct-11 .txt-block,
  .hero-1-txt p,
  .hero-11-txt p,
  .hero-13-txt p,
  .hero-15-txt h2,
  .hero-15-txt p,
  .hero-18-txt p,
  .hero-2-txt p,
  .hero-26-txt h2,
  .hero-3-txt p,
  .hero-5-txt p.p-lg,
  .hero-8-txt p,
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    padding-right: 0;
  }
  .hero-section p.p-lg,
  .hero-section p.p-md,
  .hero-section p.p-xl {
    margin-bottom: 22px;
  }
  .hero-section .btn.mt-10,
  .hero-section .btns-group.mt-10 {
    margin-top: 5px;
  }
  .hero-section .btn.mt-15,
  .hero-section .btns-group.mt-15 {
    margin-top: 8px;
  }
  #hd-1-1,
  #hd-1-2 {
    width: 50%;
  }
  #sb-2-3 .statistic-block,
  #sb-2-4 .statistic-block,
  #statistic-2 .statistic-block-digit,
  .hero-digits-block {
    display: block !important;
  }
  .a-2-1,
  .a-2-4 {
    display: none;
  }
  #footer-2 .footer-links,
  #footer-7 .footer-form,
  #sb-2-3 .statistic-block-txt,
  #sb-2-4 .statistic-block-txt,
  .bc-1-wrapper .img-block.right-column,
  .bc-1-wrapper .txt-block.pl-25.right-column,
  .bc-2-wrapper .img-block.right-column,
  .bc-2-wrapper .txt-block.pl-25.right-column,
  .ct-12 .txt-block,
  .hero-digits .block-txt,
  .reviews-4-wrapper,
  .reviews-5-wrapper,
  .wide-post .blog-post-txt {
    padding-left: 0;
  }
  #sb-2-3 .statistic-block p.p-sm,
  #sb-2-4 .statistic-block p.p-sm,
  .hero-digits .block-txt p.p-sm,
  .team-section .more-btn.mt-20,
  .txt-block .btn,
  .txt-block .btns-group .btn.btn--transparent {
    margin-top: 10px;
  }
  .hero-section .quick-form .form-control {
    text-align: center;
    margin-bottom: 15px;
  }
  .hero-section .quick-form .input-group-btn,
  .newsletter-section .input-group-btn {
    display: block;
    width: 100% !important;
  }
  .hero-section .quick-form .btn {
    display: block;
    width: 100% !important;
    margin-left: 0;
  }
  #hero-1,
  #hero-13,
  #hero-2,
  #hero-25 {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #hero-8-form,
  .hero-1-img,
  .hero-13-img,
  .hero-15-img,
  .hero-6-img,
  .inner-page-hero .rating-1-wrapper.mt-50,
  .more-projects {
    margin-top: 40px;
  }
  .hero-18-img,
  .hero-2-img {
    margin-top: 40px;
    padding-right: 0;
  }
  #hero-11,
  #hero-15,
  #hero-21,
  #hero-26,
  #hero-3 {
    text-align: center;
    padding-top: 80px;
  }
  .bc-2-txt,
  .bc-2-wrapper .txt-block,
  .bc-3-txt,
  .contact-form .form-btn.mt-15,
  .ct-06 .txt-block,
  .ct-07 .txt-block,
  .fbox-11 .fbox-ico,
  .hero-11-txt,
  .hero-15-txt,
  .hero-26-txt,
  .hero-27-txt .btns-group.mt-15,
  .hero-3-txt,
  .hero-8-txt,
  .pricing-notice {
    margin-top: 0;
  }
  .banner-12-img,
  .hero-10-img,
  .hero-26-img,
  .hero-3-img {
    margin: 40px 0 0;
  }
  .hero-5-img {
    margin: 40px 0 -50px;
  }
  #hero-6 {
    text-align: center;
  }
  .hero-6-wrapper {
    padding: 65px 60px;
  }
  #hero-7 {
    padding-top: 80px;
    text-align: center;
  }
  #hero-18 .quick-form,
  #hero-26 .quick-form,
  #hero-7 .quick-form,
  #tm-2-1,
  #tm-2-10,
  #tm-2-4,
  #tm-2-7,
  .ct-03 .img-block.left-column,
  .fbox-ico-wrap,
  .rows-2 .fbox-ico-wrap {
    margin-right: 0;
  }
  .hero-7-img {
    padding-left: 0;
    margin-top: 40px;
  }
  #hero-8 {
    margin-bottom: 10px;
  }
  .hero-9-txt h2 img {
    max-height: 64px;
    margin: 0 3px;
    top: -5px;
  }
  .hero-9-txt p {
    padding: 0;
    margin-top: 28px;
  }
  #hero-10:after,
  #hero-12:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 7%;
    bottom: 0;
    left: 0;
    background-color: #fff;
  }
  .hero-10-txt h4,
  .wide-post .blog-post-img {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .hero-11-img {
    margin: 40px 0 -100px;
  }
  .a-2-1,
  .a-2-2 {
    margin-left: 0;
  }
  .a-2-3,
  .a-2-4 {
    margin-right: 0;
  }
  #hero-12 {
    padding-top: 80px;
    border-bottom: none;
  }
  .hero-12-img {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .hero-12-img .video-btn {
    top: calc(50% - 2px);
  }
  .hero-14-txt h2.s-62,
  .txt-block h5 {
    margin-bottom: 18px;
  }
  #hero-16 {
    padding-top: 80px;
    margin-bottom: 50px;
  }
  .hero-16-img,
  .page-hero-section-overlay .img-block {
    margin-bottom: -50px;
  }
  #hero-17 .quick-form,
  #tm-2-11,
  #tm-2-2,
  #tm-2-5,
  #tm-2-8 {
    margin-left: 0;
    margin-right: 0;
  }
  #hero-17 #brands-1 {
    padding: 45px 0 0;
  }
  #hero-18 {
    text-align: center;
    padding-top: 80px;
  }
  #hero-18:after,
  #login .register-page-wrapper:after,
  #signup .register-page-wrapper:after {
    width: 100%;
    left: 0;
  }
  #hero-20:after {
    width: 100%;
  }
  #hero-21 .hero-overlay {
    padding: 65px 45px 0;
  }
  #about-1 .txt-block h3.mb-30,
  #hero-22 .hero-logo,
  .about-2-title h2.mb-30,
  .fbox-ico.ico-rounded-lg,
  .fbox-ico.ico-rounded-md,
  .fbox-ico.ico-square,
  .row-cols-md-2 .fbox-ico.ico-rounded,
  .single-post-txt figure {
    margin-bottom: 20px;
  }
  #hero-23 {
    padding-top: 80px;
  }
  #a4-2,
  .ct-13 .img-block.ml-block,
  .ct-13 .row.mb-60,
  .ct-13 .txt-block.ml-block,
  .fbox-5.fb-2,
  .fbox-5.fb-4,
  .fbox-5.fb-6,
  .fbox-8.fb-1,
  .fbox-8.fb-2,
  .fbox-8.fb-3,
  .fbox-wrapper .row-cols-lg-3 .fbox-title {
    margin-bottom: 0;
  }
  .hero-23-img {
    margin-top: 15px;
    margin-bottom: -25px;
  }
  .a-2-1,
  .a-2-2,
  .a-2-3 {
    margin-bottom: 30px;
  }
  #hero-24 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .hero-25-txt h2 {
    margin-bottom: 14px;
  }
  .hero-25-txt p.p-lg {
    padding-right: 0;
    margin-bottom: 22px;
  }
  .hero-27-txt h2 {
    margin-bottom: 24px !important;
  }
  #a4-2 {
    padding-left: 0;
    margin-top: 30px;
  }
  .fbox-14-wrapper .col {
    padding: 0 12px;
  }
  #features-12.py-100.shape--bg:after {
    width: 100%;
    height: 70%;
    top: 30%;
    left: 0;
  }
  #features-12.pt-100.shape--bg:after {
    width: 100%;
    height: 66%;
    top: 30.25%;
    left: 0;
  }
  #features-13.py-100.shape--bg:after {
    width: 100%;
    height: 70%;
    top: 30%;
  }
  #features-13.pt-100.shape--bg:after {
    width: 100%;
    height: 66%;
    top: 30.25%;
  }
  .fbox-12-wrapper {
    text-align: center;
    padding-left: 0;
  }
  .fbox-13-wrapper {
    text-align: center;
    padding-right: 0;
  }
  .fbox-5.fb-1,
  .fbox-5.fb-5,
  .fbox-5.fb-6 {
    display: flex;
    flex-flow: wrap;
  }
  .fbox-8.fb-1 {
    padding-top: 0;
  }
  .fbox-8.fb-3 {
    padding-bottom: 0;
  }
  #banner-10,
  #banner-8,
  #banner-9,
  #footer-11,
  #newsletter-1 .newsletter-overlay,
  #newsletter-2 .newsletter-overlay,
  #statistic-5,
  .fbox-10,
  .fbox-14,
  .fbox-9 {
    text-align: center;
  }
  #fb-12-1,
  #fb-13-1 {
    margin-top: 75px;
  }
  .fbox-2 .fbox-img img {
    margin-bottom: -20px;
  }
  .fbox-5-1 .fbox-5-img,
  .fbox-5-2 .fbox-5-img,
  .fbox-5-3 .fbox-5-img,
  .fbox-5-4 .fbox-5-img,
  .fbox-5-5 .fbox-5-img,
  .fbox-5-6 .fbox-5-img {
    margin: 0 5% 40px;
  }
  .fbox-11 {
    display: block;
    text-align: center;
  }
  .fbox-title,
  .fbox-title h6 {
    display: inline-block;
  }
  .fbox-title {
    text-align: center;
    margin: 0 auto 8px;
  }
  .fbox-14 h5 {
    padding-right: 0;
    margin-bottom: 12px;
  }
  .ct-10 .section-overlay,
  .ct-top {
    margin-bottom: 80px;
  }
  .ct-11:after,
  .ct-12:after {
    width: 100%;
    top: 0;
    left: 0;
  }
  .single-post-txt h4,
  .single-post-txt h5,
  h5.h5-title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .bc-1-wrapper .section-overlay,
  .bc-2-wrapper .section-overlay,
  .bc-3-wrapper .section-overlay,
  .bc-4-wrapper .section-overlay {
    padding: 60px 50px;
  }
  .ct-06 {
    padding-top: 0 !important;
    padding-bottom: 80px;
    margin-top: 80px;
    margin-bottom: 0;
  }
  .tabs-1 {
    margin: 0 auto 40px;
  }
  .tabs-1 li {
    display: block;
    font-size: 1.135rem;
    margin: 0 20px 10px;
  }
  .tabs-1 li.current {
    margin: 0 20px 20px;
  }
  .quote-avatar img {
    width: 54px;
    height: 54px;
  }
  .quote p {
    padding-left: 14px;
    margin-top: 15px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }
  .img-block.img-block-bkg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .bc-5-img.bc-5-dashboard.img-block-hidden,
  .ct-10 .img-block,
  .img-block-hidden {
    margin-bottom: -80px;
  }
  .ct-01 .img-block,
  .ct-04 .img-block {
    margin-left: 0;
    margin-bottom: 40px;
  }
  .ct-02 .img-block {
    margin-right: 0;
    margin-bottom: 0;
  }
  .ct-04 .img-block img {
    max-width: 100%;
  }
  .ct-06 .img-block {
    margin-top: -80px;
    margin-bottom: 40px;
  }
  #pt-4-1,
  #pt-4-2,
  .bc-2-img,
  .bc-3-img,
  .bc-4-img {
    margin: 0 0 40px;
  }
  .bc-5-img.bc-5-tablet.img-block-hidden {
    margin-bottom: -100px;
  }
  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
    top: calc(50% - 30px);
  }
  .ct-11 .img-block,
  .ct-12 .img-block {
    margin-bottom: 40px;
    padding: 50px 15%;
    border-radius: 12px;
    overflow: hidden;
  }
  .ct-11 .img-block .tra-bkg,
  .ct-12 .img-block .tra-bkg {
    opacity: 100;
    -moz-opacity: 100;
  }
  #sb-2-1,
  #sb-2-2,
  #sb-2-3,
  #sb-2-4 {
    width: 40%;
    padding-right: 0;
  }
  #statistic-1 .statistic-block {
    display: block !important;
    text-align: center;
  }
  .statistic-1-wrapper .statistic-block-digit {
    width: 100%;
    display: block !important;
    float: none;
    margin-bottom: 15px;
  }
  .statistic-1-wrapper .statistic-block-txt {
    width: 100%;
    display: inline-block !important;
    padding-left: 0;
  }
  #statistic-5 .statistic-digit {
    padding-bottom: 20px;
    margin: 0 0 20px;
  }
  #sb-2-1 h2.statistic-number,
  #sb-2-2 h2.statistic-number,
  .pricing-3-table .pricing-table-header h4 {
    margin-bottom: 10px;
  }
  .statistic-3-wrapper p {
    margin-top: 12px;
  }
  .statistic-4-wrapper p {
    margin-bottom: 12px;
  }
  .txt-block-stat .statistic-block .txt-block-rating {
    margin-top: -2px;
    margin-bottom: -1px;
  }
  .rbox-2-txt img {
    max-height: 24px;
    top: -1px;
    left: 6px;
  }
  p.rbox-2-txt {
    line-height: 24px;
    margin-top: 8px;
  }
  .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_logo.ico-65 img {
    width: 52px;
    height: 52px;
  }
  .price p {
    margin-top: 14px;
    margin-bottom: 18px;
  }
  .pricing-features.mt-25,
  .pricing-notice .btn.mt-25,
  .pricing-section .toggle-btn.mt-30 {
    margin-top: 20px;
  }
  .toggle-btn-lg .toggler-txt,
  .toggle-btn-md .toggler-txt {
    font-size: 1rem;
    line-height: 32px;
  }
  .switch-wrap {
    min-width: 50px;
    height: 30px;
  }
  .toggle-btn-lg .switch-wrap,
  .toggle-btn-md .switch-wrap {
    min-width: 55px;
    height: 32px;
    margin: 0 6px;
  }
  .switcher {
    font-size: 0.85rem;
    height: 30px;
  }
  .toggle-btn-lg .switcher,
  .toggle-btn-md .switcher {
    height: 32px;
    padding: 0 10px 0 30px;
    border-radius: 32px;
  }
  .switcher .show-annual,
  .switcher .show-monthly {
    line-height: 30px;
  }
  .toggle-btn-lg .switcher .show-annual,
  .toggle-btn-lg .switcher .show-monthly,
  .toggle-btn-md .switcher .show-annual,
  .toggle-btn-md .switcher .show-monthly {
    line-height: 32px;
  }
  .switcher:before {
    left: 4px;
    bottom: 4px;
    width: 22px;
    height: 22px;
  }
  .toggle-btn-lg .switcher:before,
  .toggle-btn-md .switcher:before {
    left: 5px;
    bottom: 5px;
    width: 22px;
    height: 22px;
  }
  .switcher.bg--ghost-white:before,
  .switcher.bg--grey:before,
  .switcher.bg--tra-white:before {
    left: 4px;
    bottom: 3px;
  }
  .toggle-btn-lg .switch-wrap input:checked + .switcher,
  .toggle-btn-md .switch-wrap input:checked + .switcher {
    padding: 0 30px 0 10px;
  }
  #role-page .cbox-6-wrapper,
  .role-info hr {
    margin: 30px 0;
  }
  #banner-11,
  #banner-12,
  #banner-13 {
    margin-top: 0;
    text-align: center;
  }
  #footer-11 .bottom-footer-list.text-end,
  .banner-8-buttons.text-end {
    text-align: center !important;
  }
  .banner-11-img {
    margin-top: 40px;
    margin-left: 0;
  }
  .release-data h5 {
    margin-bottom: 30px !important;
  }
  .release-data {
    padding-bottom: 30px;
    margin-bottom: 25px;
  }
  .release-download {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 20px;
  }
  #newsletter-3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  #newsletter-1 .newsletter-form,
  #newsletter-2 .newsletter-form {
    margin-top: 0;
    padding-left: 0;
  }
  .newsletter-section .form-control {
    text-align: center;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .newsletter-section .btn {
    display: block;
    width: 100% !important;
    margin: 0;
  }
  .square-post {
    margin-top: 10px;
    margin-bottom: 50px;
  }
  .square-post .blog-post-txt {
    padding: 45px 35px 35px;
  }
  .posts-category {
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .post-inner-img {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .txt-code {
    padding: 18px 15px;
    margin: 20px 0;
  }
  .comment-body {
    margin-left: 20px;
  }
  .comment-form .form-control {
    height: 52px;
  }
  .comment-form textarea,
  .contact-form textarea {
    min-height: 190px;
  }
  #footer-8 .footer-links.text-end,
  #footer-9 .footer-info.text-end,
  .bottom-footer .bottom-footer-list.text-end,
  .bottom-footer .bottom-footer-socials.text-end,
  .bottom-footer .bottom-secondary-link.text-end,
  .footer-stores-badge.text-end {
    text-align: left !important;
  }
  .page-hero-section-overlay .txt-block {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .inner-page-title p {
    line-height: 1.6666;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .txt-block.legal-info h5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .txt-block.legal-info h4 {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .txt-block.legal-info h4 span,
  .txt-block.legal-info h5 span {
    margin-right: 2px;
  }
  .page-404-txt {
    margin-top: 80px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .price span {
        font-size: 30px;
    }

    .sign-in-form {
        padding: 0;
    }

    .about-2-title{
        padding-right: 5%;
    }
  }

  @media only screen and (min-width: 767px) and (max-width: 992px) {
    .hero-section h2 {
    font-size: 40px !important;
    line-height: 43px;
}
.hero-section h2 span {
    padding: 5px 13px;
    font-size: 32px !important;
}
    .about-2-title{
        padding-right: 0% !important;
    }

    .pt-top-new {
        padding-top: 180px;
    }

    .price-new-sec {
        font-size: 40px !important;
        color: #000;
    }

    .p-sec-2new {
        color: #0d0303;
        font-family: "Plus Jakarta Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 25.952px;
        margin-top: 10px;
    }

    .top-sec-price p {
        color: #333;
        font-size: 16px;
    }

    .price span {
        font-size: 22px;
        letter-spacing: -1.5px;
    }

    .sign-in-form {
        padding: 0;
    }

    #login .register-page-copyright {
        display: none;
    }

    #login .register-page-txt, #signup .register-page-txt {
        padding: 25px 30px 10px;
    }

 

  }


  @media only screen and (max-width: 767px){
.hero-section h2 {
    font-size:35px !important;
    line-height: 43px;
}
.hero-section h2 span {
    padding: 5px 13px;
    font-size: 28px !important;
}

    .pt-top-new {
        padding-top: 40px;
        text-align: center;
    }

    .top-sec-price h2{
            font-size: 45px;
        
    }

    .pricing-1-table {
        min-height: auto;
        padding-bottom: 0px;
    }

    #login .register-page-txt{
        display: block;
    }

    #login .register-page-txt, #signup .register-page-txt {
        padding: 40px 40px;
    }

    .register-page-form {
        margin-top: 0px;
    }
    
    .register-page-copyright p{
        display: none;
    }

  }


  /*  */

  @media only screen and (min-width: 992px) and (max-width: 1400px) {
    .page-hero-section h2 {
        font-size: 50px;
    }

    .section-id.rounded-id {
        padding: 10px 20px;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .page-hero-section p {
        font-size: 17px;
    }

    .button-book{
        margin-top: 10px;
    }
    .banner-12-txt h2{
            font-size: 38px;
        }
    
        .banner-section p.p-lg{
            font-size: 18px;
        }


  }




  @media only screen and (min-width: 767px) and (max-width: 1200px) {
 
    .page-hero-section h2 {
        font-size: 38px;
    }

    .page-hero-section p {
        font-size: 15px;
    }

    .class-p-clint {
        margin: 20px 0 0;
    }
  }


  @media only screen and (max-width: 992px) {
     .hed-desc {
        max-width: 100%;
    }
    .mainhed {
        font-size: 2rem;
    }
        .clients-header h2 {
        margin-bottom: 25px;
    }
    .innovationhed h2 {
    font-size: 26px;
    line-height: 144% !important;
}
.innovationhed h3 {
    font-size: 20px;
    line-height: 141% !important;
}
.con-cta .w-50{
  width: 100%!important;
}
.con-cta{
  background-position: right;
}


    .page-hero-section h2 {
        font-size: 32px;
        line-height: 35px;
    }

    .page-hero-section h4 {
        font-size: 18px;
    }

    .page-hero-section p {
        font-size: 12px;
    }

    .section-id.rounded-id {
        padding: 7px 22px;
        margin-bottom: 8px;
    }

    .class-p-clint {
        margin: 20px 0 10px;
        font-size: 18px;
    }

    .Orell-boxes .role-box {
        min-height: 120px;
    }
    .importnacecrd{
      border-bottom: 1px solid #00000012;
              padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .importnacecrd2{
      border-right: none!important;
    }
    .imprncetp{
      border-bottom: none!important;
      padding-bottom: 0px;
      margin-bottom: 0px;
    }
    #whylng .whyimg{
      justify-content: center!important;
      padding-top: 20px;
    }
    .whytxtbx{
      padding: 35px;
      border-radius: 20px;
    }

    .whychooseimg {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.whychose{
  padding: 35px;
}
.top-sec-text{
  top: 75px;
}
.inner-header-sec{
  height: 400px;
}
.whycard h3{
  font-size: 18px;
}
.labfeatur2:after{
  display: none;
}
.labfeatur2{
  border-radius: 20px;
}
.labfeatur2{
  margin-bottom: 20px;
}
.ofrfeature{
  margin-top: 20px;
  margin-bottom: 20px;
}
.submenu{
  position: relative;
  top: 0;
}
.submenu li a{
  text-align: left;
}
  }


  @media only screen and (max-width: 767px) {
    .page-hero-section-overlay {
        position: relative;
        width: 100%;
        padding-top: 30px;
        margin-top: 30px;
    }
    .con-cta{
      padding: 55px 35px;
      height: auto;
      background-position: left;
    }
    .inner-header-sec {
      margin-top: 0px!important;
        height: 250px !important;
      }
    .top-sec-text {
        top: 0;
    }

    .page-hero-section-overlay .txt-block {
        margin-top: 0;
        margin-bottom: 40px;
        display: flex
;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .page-hero-section h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .page-hero-section p {
        font-size: 14px;
    }

    .top-sec-price h2 {
        font-size: 40px;
    }

    .sec-new-de{
        margin-bottom: 10px !important;
    }

    .banner-12-wrapper .banner-overlay {
        padding-left: 0;
    }

    .banner-12-txt {
        margin-top: 25px;
        padding-right: 0;
    }

    .banner-12-txt h2{
            font-size: 32px;
        }
        .banner-section p.p-lg {
            margin-bottom: 30px;
            font-size: 16px;
        }

        .section-title h2.w-700{
            font-size: 35px;
        }

        .price-new-sec {
            font-size: 35px !important;
            color: #000;
        }

        .txt-block.left-column .s-48.w-700{
            font-size: 35px;
        }

        .pad-top-sec-inner {
            display: block !important;
        }

        .company-header.navbar-light .wsmenu>.wsmenu-list>li>a.h-link {
            color: #333;
        }
        .applist{
          flex-direction: column;
        }
        .applist li{
          width: 100%;
        }
        .testvido{
          margin-top: 20px;
        }
        
  }

  @media only screen and (max-width: 575px) {
    .labfeatur2{
      padding: 23px;
    }
      .mainhed {
        font-size: 1.3rem;
    }
    .clients-swiper::after{
            display: none;
        }
        .clients-swiper::before{
            display: none;
        }
        .clients-swiper2::after{
            display: none;
        }
        .clients-swiper2::before{
            display: none;
        }
        .clients-section{
            padding: 30px;
        }
        .f-card{
          flex-direction: column;
        }
        .f-card .cont{
          width: 100%;
        }
        .f-card h3{
          font-size: 18px;
        }
        .test-cont img{
          width: 60px;
        }
        .test-cont .para {
          font-size: 18px;
        }
        .imprtncefll{
          padding: 23px;
        }
        .needfull{
          padding: 23px;
        }
        .whytxtbx{
          padding: 23px;
        }
        .whychose{
          padding: 23px;
        }
        .ofrfeature{
          padding: 23px;
        }
        
  }