@media (max-width: 1399px) {

    .discount-bf .discount-btn:after, .discount-bf .countdown:after {
        display: none;
    }

    /* Welcome */
    .home-welcome-text {
        margin-right: 0;
    }

    .home-welcome-image {
        flex-shrink: 0;
        max-width: 610px;
    }

    .home-welcome-image img {
        transform: translateX(36px);
    }

    /* Partners */
    .partners-content div {
        height: 32px;
        margin: 16px 32px;
    }

    /* Interfaces */
    .tab-item img {
        height: 420px;
    }

    /* Saas page */
    #image-comparison-slider, #image-comparison-slider img {
        width: 542px;
    }

    /* Blog */
    .blog-card .blog-card-img {
        height: 182px;
    }

    .blog-card.md .blog-card-img {
        height: 282px;
    }

    .blog-card.lg .blog-card-img {
        height: 275px;
    }

    /*Find a developer*/
    .find-developer-welcome-image {
        max-width: 610px;
    }

    /*pricing*/

    .price-cart{
        flex: 0 0 260px;
    }

    .detailed-price-info tbody td:first-child{
        min-width: initial;
    }

    .detailed-price-info th{
        padding-inline: 11px;
    }

    .detailed-price-info table{
        padding-top: 7px;
    }
}

@media (max-width: 1199px) {
    /* Discount */
    .discount-info{
        flex-direction: column;
        justify-content: flex-start;
        align-items: start !important;
        gap: 10px;
        padding-block: 10px;
    }

    .discount-info p{
        line-height: 40px;
    }

    .spring .up-to-text{
        top: 20px;
    }

    .spring .discount-info{
        gap: 10px;
    }

    .winter-2 .discount-info{
        gap: 10px;
    }

    .autumn-1 .up-to-text, .autumn-2 .up-to-text{
        top: 5px;
    }

    .discount-bf {
        background-position: right;
    }

    .discount-bf .discount-info .bf-outline {
        display: none;
    }

    .discount-bf .countdown-item .label {
        font-size: 16px;
        height: auto;
    }

        /* Header */
    /* Welcome */
    .header-wrapper{
        padding-inline: 15px;
        max-width: initial;
    }

    .home-welcome .content-box-lg {
        padding-bottom: 0;
    }

    .home-welcome-content {
        flex-direction: column;
    }

    .home-welcome-text {
        align-items: center;
        text-align: center;
        margin-bottom: 48px;
    }

    .home-welcome-text > p {
        max-width: 620px;
    }

    .home-welcome-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .home-welcome-image img {
        transform: none;
    }

    /* References */
    .references-wrapper .swiper-btn-next, .references-wrapper .swiper-btn-prev {
        display: none;
    }

    .references-wrapper .swiper-slide {
        max-width: 288px;
    }

    .reference-box .reference-box-img .overlay {
        opacity: 1;
        visibility: visible;
    }

    .reference-box .reference-box-img .overlay span {
        width: 48px;
        height: 48px;
        transform: translateY(0);
    }

    .reference-box-img .overlay span svg {
        width: 20px;
        height: 20px;
    }

    /* Testimonials */
    .testimonials-wrapper .swiper-btn-next, .testimonials-wrapper .swiper-btn-prev {
        display: none;
    }

    .testimonials-wrapper .swiper-slide {
        max-width: 288px;
    }

    /* Saas page */
    #image-comparison-slider, #image-comparison-slider img {
        width: 452px;
    }

    .case-study-box-img {
        height: 254px;
    }

    /*  Blog  */
    .blog-card .blog-card-img {
        height: 151px;
    }

    .blog-card.md .blog-card-img {
        height: 235px;
    }

    .blog-card.lg .blog-card-img {
        height: 228px;
    }

    .similar-blogs-wrapper .swiper-btn-next, .similar-blogs-wrapper .swiper-btn-prev {
        display: none;
    }

    .similarBlogsSwiper {
        padding-bottom: 48px;
    }

    .similarBlogsSwiper .swiper-slide {
        max-width: 320px;
    }

    /* Saas */
    #saas-page .addons-wrapper .addons-row:not(:last-child) {
        margin-bottom: 24px;
    }

    /*Find a developer*/
    .find-developer-welcome-content {
        flex-direction: column;
        gap: 108px;
    }

    .find-developer-welcome-image {
        max-width: 100%;
    }

    .badge-descriptions {
        flex-direction: column;
    }

    .badge-description-item {
        width: 100%;
    }

    .badge-type-item {
        min-width: 280px;
        max-width: 400px;
    }

    .badge-type-item h6 {
        font-size: 20px;
    }

    .application-image .pill-bookneticS {
        left: unset;
        top: 230px;
        right: 16px;
    }

    .application-image h2 {
        font-size: 36px;
    }

    /* piracy page*/
    .hero-section header, .why-choose-booknetic header {
        max-width: 768px;
    }

    /*pricing*/
    .price-cart{
        flex: 0 0 289px;
    }

    .detailed-price-info tbody td, .detailed-price-info th{
        max-width: initial;
    }

    .detailed-price-info tbody td:first-child{
        min-width: 275px;
    }

    .detailed-price-info th{
        padding-inline: 20px;
    }

    .saas-pricing-page .price-cart{
        flex: 0 0 382px;
    }

    .saas-pricing-page .buy-now-btn{
        margin-top: auto !important;
    }
}

@media (max-width: 991px) {
    .spring .up-to-text{
        top: 10px;
    }

    .autumn-1 .up-to-text, .autumn-2 .up-to-text{
        top: -5px;
    }

    /* Discount */
    .discount-banner .container {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
        padding-block: 20px;
    }

    .discount-info{
        padding-block: initial;
    }

    .discount-info p:first-child  {
        display: none;
    }

    .spring .up-to-text, .autumn-1 .up-to-text, .autumn-2 .up-to-text {
        display: block !important;
    }


    .autumn-1 .up-to-text, .autumn-2 .up-to-text {
       font-size: 26px;
    }

    .autumn-1 .discount-info span, .autumn-2 .discount-info span {
        font-size: 32px;
    }

    .autumn-1 .countdown .countdown-item, .autumn-2 .countdown .countdown-item {
        padding-inline: 11px;
    }

    .discount-btn {
        width: 100%;
        justify-content: center;
    }

    .countdown {
        width: 100%;
    }

    .countdown-item {
        flex: 1;
        text-align: center;
    }

    .discount-bf .discount-info {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        padding-bottom: 10px;
    }
    /* How it works */
    .steps-graphics {
        max-width: 400px;
    }

    /* Features */
    .features-text-wrapper {
        padding-right: 0;
    }

    .feature-text-item-body {
        padding-top: 0;
    }

    .feature-text-item-body > img {
        margin: 24px 0;
    }

    /* Interfaces */
    .tab-item img {
        height: auto;
        width: 100%;
    }

    /* Advantages */
    .advantages-wrapper .row:not(:last-child) {
        margin-bottom: 48px;
    }

    /* Subscribe */
    .subscribe-content .section-header {
        align-items: center;
        text-align: center;
    }

    .subscribe-content .form-general {
        justify-content: center;
    }

    /* Roadmap */
    .roadmap-info-item {
        flex-direction: column-reverse;
        text-align: center;
    }

    .roadmap-info-item > div {
        margin: 0;
    }

    /* Footer */
    .grid {
        columns: 2;
        gap: 32px;
    }

    .grid > * {
        margin-bottom: 32px;
    }

    @supports (grid-template-rows: masonry) {
        .grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* Features Page */
    .features-welcome-content {
        flex-direction: column;
    }

    .features-welcome-text {
        margin-right: 0;
        align-items: center;
        text-align: center;
        margin-bottom: 48px;
    }

    .features-welcome-text > p {
        max-width: none;
    }

    /* Saas Page */
    .saas-welcome-content {
        flex-direction: column;
    }

    .saas-welcome-text {
        margin-right: 0;
        align-items: center;
        text-align: center;
        margin-bottom: 48px;
        max-width: none;
    }

    .saas-welcome-text > p {
        max-width: none;
    }

    .whats-saas-text, .whats-saas-image {
        max-width: none;
    }

    .how-it-works-image img {
        width: 100%;
        height: auto;
    }

    .saas-business-text, .saas-business-image {
        max-width: none;
    }

    .saas-business-wrapper .row.part-2 {
        flex-direction: column-reverse;
    }

    .saas-business-wrapper .row.part-1 .saas-business-text, .saas-business-wrapper .row.part-2 .saas-business-text {
        padding: 0;
    }

    .saas-setup-image, .saas-setup-text {
        max-width: none;
    }

    .saas-business-wrapper .row:not(:last-child) {
        margin-bottom: 48px;
    }

    .saas-setup-wrapper .row:not(:last-child) {
        margin-bottom: 48px !important;
    }

    .caseStudySwiper .swiper-slide {
        max-width: 288px;
    }

    .case-study-wrapper .swiper-btn-next, .case-study-wrapper .swiper-btn-prev {
        display: none;
    }

    .case-study-box-img {
        height: 162px;
    }

    .case-study-box-text {
        padding: 24px 16px;
    }

    .case-study-box-text > div {
        flex-direction: column;
    }

    .case-study-box-text > div > span {
        margin-left: 0;
        margin-top: 8px;
    }

    /* Blogs Page */
    .blog-card.lg {
        flex-direction: column;
        padding: 0;
    }

    .blog-card .blog-card-img {
        height: 173px;
    }

    .blog-card.md .blog-card-img {
        height: 173px;
    }

    .blog-card.lg .blog-card-img {
        height: 370px;
    }

    .blog-card.lg .blog-card-img {
        border-radius: 0;
        height: 362px;
    }

    .blog-card.lg .blog-card-content {
        padding: 32px 24px;
        flex-grow: 0;
    }

    /*  Blog inner page  */
    .blog-sidebar {
        position: static;
        margin-bottom: 40px;
    }

    .blog-share {
        align-items: flex-start;
    }

    .blog-share ul {
        flex-direction: row;
    }

    .blog-share ul li:not(:last-child) {
        margin-bottom: 0;
        margin-right: 12px;
    }

    /*  Document inner  */
    .documentation-sidebar-wrapper {
        position: fixed;
        padding-right: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        visibility: hidden;
        opacity: 0;
    }

    .documentation-sidebar-wrapper.show {
        opacity: 1;
        visibility: visible;
    }

    .documentation-single-sidebar {
        position: fixed;
        top: 0 !important;
        right: -100%;
        width: 80%;
        min-width: 320px;
        flex-shrink: 0;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: var(--white);
        padding: 24px 16px;
    }

    .documentation-sidebar-wrapper.show .documentation-single-sidebar {
        right: 0;
    }

    .documentation-single-sidebar > ul > li > div {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .documentation-single-sidebar > ul > li > ul {
        padding-left: 0;
        padding-top: 12px;
    }

    /*Find a developer*/
    .application-content {
        flex-direction: column;
    }

    .application-content>div {
        width: 100%;
    }

    /*  booknetic piracy  */
    .risk-of-pirated-plugins > div, .understanding-piracy{
        flex-direction: column-reverse;
    }

    .risk-of-pirated-plugins > div{
        align-items: flex-start;
    }

    .risk-of-pirated-plugins img{
       max-width: 300px;
    }

    .understanding-piracy{
        text-align: center;
    }

    .hero-section header, .why-choose-booknetic header{
        max-width: 600px;
    }

    .risk-of-pirated-plugins > div{
        max-width: 500px;
    }

    /* Industries gym page */
    .industries-heading{
        font-size: 34px;
        line-height: 50px;
    }

    #simplify-industries {
        padding-inline: 16px;
    }

    #simplify-industries p{
        max-width: initial;
    }

    .industries-description, .industries-btn{
        font-size: 14px;
    }

    .reason-of-booknetic{
        flex-direction: column;
    }

    #industries-info{
        text-align: center;
        grid-template-columns: repeat(1, 1fr);
    }

    .industries-info-card:nth-child(3){
        order: 1;
    }
}

@media (max-width: 768px) {
    :root {
        /* Font size - Heading */
        --fs-h1: 36px;
        --fs-h2: 30px;
        --fs-h3: 24px;
        --fs-h4: 18px;

        /* Line height - Heading */
        --lh-h1: 44px;
        --lh-h2: 38px;
        --lh-h3: 32px;
        --lh-h4: 28px;

        /* Font size - Basic */
        --fs-b1: 18px;

        /* Line height - Basic */
        --lh-b1: 28px;
    }
    body{
        padding-top: 73px;
    }
    /* Basic */
    .content-box-lg {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .modal-dialog {
        max-width: 520px;
    }

    .cookie-bar .container {
        flex-direction: column;
    }

    .cookie-bar-text {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .cookie-bar-text {
        flex-direction: column;
    }

    .cookie-bar-text > p {
        font-size: var(--fs-b4);
        line-height: var(--lh-b4);
    }

    .cookie-bar-text > img {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .cookie-bar-buttons .btn-close {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* New features */
    .new-feature-banner {
        padding: 20px 0;
    }

    .new-feature-content {
        position: relative;
        flex-direction: column;
        gap: 12px;
    }

    .btn-close-new-feature-banner {
        position: absolute;
        right: 0;
        top: 0;
    }

    .btn-general.small {
        height: 40px;
        padding: 8px 16px;
    }

    /* Header */
    .header {
        padding: 16px 0;
    }

    .mobile-menu-header {
        padding: 16px;
    }

    .mobile-menu-body {
        padding: 16px;
    }

    .mobile-menu-footer {
        padding: 16px;
    }

    #btn-mobile-menu-show, #btn-mobile-menu-close {
        width: 40px;
        height: 40px;
    }

    /* Partners */
    .partners-content {
        padding: 48px 0;
    }

    /* Add-ons */
    .addons-item {
        max-width: 400px;
        margin: 0 auto;
    }

    /* Footer */
    .copyright-secondary {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .social-list {
        margin-bottom: 24px;
    }

    /* Pricing */
    .pricing-container{
        flex-direction: column;
    }

    .pricing-card .featured-list li {
        width: 100%;
    }

    .pricing-feature-list li > div {
        width: auto;
    }

    .pricing-feature-list li {
        justify-content: space-between;
    }

    /* Blog */
    .section-header.blogs {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-card {
        max-width: 400px;
        margin: 0 auto;
    }

    .blog-card .blog-card-img {
        height: auto !important;
        max-height: 210px !important;
    }

    .blog-card.md .blog-card-img {
        height: 196px;
    }

    .blog-card.lg .blog-card-img {
        height: 370px;
    }

    .recent-blogs-wrapper > .row:not(:last-child) {
        margin-bottom: 48px;
    }

    .blog-card .blog-card-content {
        padding: 24px !important;
    }

    .blog-card .blog-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px !important;
    }

    .blog-pagination-btn span{
        display: none;
    }

    /*  Pagination  */
    .pagination-btn {
        background-color: var(--white);
        box-shadow: var(--box-shadow-xs);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center !important;
    }

    .pagination-btn span {
        display: none;
    }

    .pagination-bullet, .pagination-btn {
        width: 36px;
        height: 36px;
    }

    .pagination-bullet {
        margin: 0 2px;
    }

    /*  Blog inner page  */
    .blog-welcome {
        padding-bottom: 48px;
    }

    .blog-img {
        transform: translateY(-48px);
    }

    .blog-details .container {
        padding: 0 16px;
    }

    .blog-welcome-content .section-header h1 {
        font-size: 36px;
        line-height: 44px;
    }

    /*Find a developer*/
    .find-developer-welcome-text h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .find-developer-welcome-text p {
        font-size: 18px;
    }

    .badge-description-item {
        flex-direction: column;
        align-items: center;
    }

    .badge-description-item-text {
        padding-left: 0;
    }

    .badge-description-item-image {
        width: 100%;
        height: 540px;
    }


    .addon-flex, .addon-installation-container div:nth-child(2){
        flex-direction: column;
    }

    .addon-modal-header{
        max-width: 80%;
        margin: auto;
    }

    /* piracy  */
    .important-note h2, .risk-description h2{
        font-size: var(--fs-h3);
    }

    .why-booknetic-container{
        grid-template-columns: repeat(1, 1fr);
    }

    /* Industries gym page */
    #industries-hero{
        flex-direction: column-reverse;
    }

    #industries-hero img{
        max-width: 480px;
    }

    .industries-hero-info{
        justify-items: center;
        text-align: center;
    }

    #simplify-industries h1{
        text-align: center;
    }

    .discount-banner .discount-text{
        font-size: 26px;
    }
}

@media (max-width: 576px) {
    .discount-bf .up-to-text {
        display: none;
    }

    /*main:not(#saas-page){*/
    /*    padding-top: 30px !important;*/
    /*}*/
    .integrations{
        gap: 12px;
    }
    /* Basic */
    .btn-general.large {
        height: 48px;
        padding: 12px 20px;
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .new-update-notification{
        padding-inline: 12px;
        font-size: 14px;
    }

    .new-update-notification .container{
        padding: 0;
    }

    .new-update-notification a{
        font-size: 14px;
        height: auto !important;
        padding-block: 6px;
    }

    .section-header {
        margin-bottom: 48px;
    }

    .section-header p {
        margin-top: 16px !important;
    }

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

    .form-general {
        flex-direction: column;
    }

    .form-general > .btn-general {
        margin-left: 0;
        margin-top: 16px;
    }

    .form-general > div {
        height: 48px;
        max-width: none;
    }

    .form-general p {
        margin-top: 8px;
    }

    .btns-wrapper {
        flex-direction: column-reverse;
        align-items: stretch;
        align-self: stretch;
        margin-top: 32px !important;
    }

    .btns-wrapper > *:not(:last-child) {
        margin-right: 0 !important;
        margin-top: 12px;
    }

    .modal-dialog {
        height: calc(100% - 24px);
        max-width: calc(100% - 24px);
        margin: 12px auto;
    }

    .modal-header {
        margin-bottom: 4px;
    }

    .modal-footer {
        margin-top: 4px;
    }

    .modal-header, .modal-body, .modal-footer {
        padding: 8px;
    }

    #try-demo-modal .form-general {
        margin-top: 16px;
    }

    .breadcrumbs {
        padding: 32px 0;
    }

    /* Header */
    .header-menu > ul > li:hover .header-menu-item span {
        color: var(--gray-600);
    }

    .header-menu > ul > li:hover .header-menu-item svg path {
        stroke: var(--gray-600);
    }

    .dropdown-menu-list {
        padding: 12px 0;
    }

    .dropdown-menu-list li a {
        padding: 12px 16px;
    }

    .dropdown-menu-footer a {
        padding: 16px;
    }

    /* Welcome */
    .home-welcome-text {
        align-items: stretch;
        text-align: left;
        margin-bottom: 32px;
    }

    /* Partners */
    .partners-content div {
        height: 30px;
        max-width: 160px;
        margin: 16px 12px;
    }

    /* Features */
    .feature-text-item .btn-text {
        margin-top: 16px;
    }

    .features-text-footer {
        padding: 0;
    }

    .features-text-footer .btn-general {
        flex-grow: 1;
    }

    /* Interfaces */
    .tabs {
        margin-bottom: 24px;
    }

    .tab-item .btn-general {
        align-self: stretch;
    }

    .tabs .btn-tab {
        font-size: var(--fs-b4);
        line-height: 1.2;
        padding: 10px;
        height: auto;
    }

    .tabs .btn-tab:not(:last-child) {
        margin-right: 0;
    }

    /* Business */
    .business-item {
        max-width: 340px;
        margin: 0 auto;
    }

    .business-item > div {
        height: 162px;
        margin-bottom: 16px;
    }

    /* Add-ons */
    .addons-item {
        min-height: 234px;
        padding: 24px;
    }

    .addons-item .addons-item-header {
        margin-bottom: 16px;
    }

    .addons-item .addons-item-header .addons-item-icon {
        width: 48px;
        height: 48px;
    }

    .addons-item .addons-item-body p {
        margin-top: 4px;
    }

    /* Advantages */
    .advantage-text {
        margin-bottom: 40px;
    }

    .advantage-text > p {
        margin-top: 8px;
    }

    /* News */
    .news-text .bknt-info {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 32px;
    }

    .news-text .bknt-info .bknt-date {
        margin-left: 0;
        margin-top: 8px;
    }

    /* Roadmap */
    .roadmap-info {
        padding: 40px 16px;
    }

    .roadmap-info-item.center {
        align-items: stretch;
    }

    .roadmap-info-item > span {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 8px;
    }

    .roadmap-wrapper .swiper-btn-next, .roadmap-wrapper .swiper-btn-prev {
        width: 40px;
        height: 40px;
    }

    .roadmap-wrapper .swiper-btn-next svg, .roadmap-wrapper .swiper-btn-prev svg {
        width: 20px;
        height: 20px;
    }

    .roadmap-wrapper .swiper-btn-next {
        right: calc(50% - 26px);
    }

    .roadmap-wrapper .swiper-btn-prev {
        left: calc(50% - 26px);
    }

    /* References */
    .references-content .section-header {
        margin-bottom: 8px;
    }

    .reference-box-text {
        padding: 24px 16px;
    }

    .reference-box-img {
        height: 198px;
    }

    /* Testimonial */
    .testimonialsSwiper .swiper-slide {
        padding-top: 38px;
    }

    .testimonial-box-img {
        left: 24px;
        width: 72px;
        height: 72px;
        box-shadow: 0 0 0 4px var(--white);
    }

    .testimonial-box {
        padding: 56px 24px 24px;
    }

    /* Subscribe */
    .call-to-action-content .section-header {
        margin-bottom: 32px;
    }

    /* Footer */
    .footer-item > ul li:not(:last-child) {
        margin-bottom: 14px;
    }

    .footer-item > ul li a {
        font-size: var(--fs-b4);
        line-height: var(--lh-b4)
    }

    .copyright {
        margin: 48px 0;
    }

    .social-list li a svg {
        width: 20px;
        height: 20px;
    }

    .social-list li a, .copyright-secondary > p {
        font-size: var(--fs-b4);
        line-height: var(--lh-b4);
    }

    /* Features page */
    .features-welcome-text {
        align-items: stretch;
        text-align: left;
        margin-bottom: 32px;
    }

    .features-welcome-text > p {
        margin-top: 16px;
    }

    .interests-wrapper {
        padding-top: 48px;
    }

    /* Features inner page */
    .feature-info-wrapper .feature-icon {
        width: 64px;
        height: 64px;
        margin-right: 24px;
    }

    .feature-info-wrapper .feature-title {
        font-size: var(--fs-h3);
        line-height: var(--lh-h3);
    }

    /* Pricing */
    .pricing-card {
        max-width: 400px;
    }

    .pricing-card-header {
        padding: 24px 24px 0;
    }

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

    .featured-icon {
        width: 34px;
        height: 34px;
        border-width: 6px;
        margin-bottom: 6px;
    }

    .pricing-card-header .price {
        font-size: 38px;
        line-height: 44px;
    }

    .pricing-card .featured-list li {
        padding: 0;
    }

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

    .pricing-card-footer .btn-general {
        max-width: none;
    }

    .payments-wrapper > div {
        max-width: 226px;
        margin: 0 12px 16px;
    }

    .payments-wrapper > div img {
        height: 32px;
        margin-right: 8px;
    }

    .payments-content.content-box-lg {
        padding-bottom: 48px;
    }

    .live-chat {
        padding: 32px 24px;
        margin-top: 16px;
    }

    .live-chat-content > h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .live-chat-content > p {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
        margin-top: 8px;
    }

    .live-chat-content > .btns-wrapper {
        margin-top: 24px !important;
    }

    /* Saas page */
    .saas-welcome-text {
        align-items: stretch;
        text-align: left;
        margin-bottom: 32px;
    }

    .whats-saas .section-header, .saas-business .section-header, .saas-setup .section-header {
        margin-bottom: 48px;
    }

    .whats-saas-text, .saas-business-text {
        margin-bottom: 40px;
    }

    .saas-setup-image {
        margin-bottom: 40px;
    }

    .saas-business-wrapper .row.part-2 .saas-business-text {
        margin-bottom: 0;
        margin-top: 40px;
    }

    .how-it-works-wrapper {
        padding: 0;
    }

    #saas-page .featured-icon {
        margin-bottom: 20px;
    }

    .market-rating {
        flex-direction: column;
        margin-bottom: 24px;
    }

    .market-rating > div {
        margin-top: 8px;
    }

    .case-study-content .section-header {
        margin-bottom: 8px;
    }

    .market-rating-stars > img {
        width: 24px;
        height: 24px;
    }

    .market-rating-stars > img:not(:last-child) {
        margin-right: 4px;
    }

    .market-rating-point span:first-child {
        font-weight: var(--fw-medium);
        font-size: 20px;
        line-height: 30px;
    }

    /*saas pricing card*/
    .saas-pricing-wrapper .pricing-card-header{
        padding: 24px 24px 0;
    }

    .saas-pricing-wrapper .featured-list{
        display: flex;
        padding: initial;
    }

    .saas-pricing-wrapper .featured-list li{
        font-size: 16px;
    }

    .saas-pricing-wrapper .pricing-card-footer button{
        width: 100%;
    }

    .saas-pricing-wrapper .pricing-card-header .price{
        font-size: 36px;
    }

    .saas-pricing-wrapper .pricing-card{
        margin: auto;
        max-width: 100%;
    }

        /*Find a developer*/
    .application-image div {
        padding-left: 22px;
    }

    /* Errors */
    .error-card {
        padding: 20px;
        min-height: 192px;
    }

    .error-card > img {
        margin-bottom: 32px;
    }

    .error-card > p {
        margin-top: 4px;
    }

    .error-card > .btn-text {
        margin-top: 16px;
    }

    .new-update-notification > div {
        flex-direction: column
    }

    .new-update-notification > div a{
        width: 100%;
    }
    /* Industries gym page */
    .industries-buttons{
        flex-direction: column;
    }

    .autumn-1 .discount-info span, .autumn-2 .discount-info span {
        margin-inline: 55px 32px;
    }

    .autumn-1 .up-to-text, .autumn-2 .up-to-text {
        left: 26px;
    }

    .winter-2 .countdown .countdown-item {
        padding-inline: 11px;
    }
}

@media (max-width: 400px) {
    .discount-bf .discount-info {
        flex-direction: column;
    }
    .mobile-menu-content {
        width: 100%;
    }

    /* Welcome */
    .home-welcome-text {
        text-align: left;
    }

    .home-welcome-text > p {
        margin-top: 16px;
    }

    /* Footer */
    .grid {
        columns: 1;
    }

    @supports (grid-template-rows: masonry) {
        .grid {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    .footer-item {
        align-items: center;
        text-align: center;
    }

    .footer-item > ul li a, .footer-item > ul li button {
        justify-content: center;
        text-align: center;
    }

    .copyright {
        margin-top: 0;
    }

    /* Find a developer */
    .badge-description-item-text h2 {
        font-size: 36px;
        line-height: normal;
    }

}