@media screen and (max-width: 1820px) {
    .container {
        /*max-width: 1620px;*/
    }

    .banner-section-in h1 {
        /*  font-size: 72px;
        line-height: 82px;
        margin-bottom: 50px;*/
    }

    .banner-section-in p {
        /*        font-size: 22px;
        line-height: 40px;*/
    }

    .banner-section-top {
        /*padding: 70px 0px;*/
    }

    .tittle-section h2 {
        /*  font-size: 50px;
        line-height: 70px;
        margin-bottom: 20px;*/
    }

    .banner-section-image .banner-section-in p {
        font-size: 18px;
    }

    .experience-section h2 {
        font-size: 76px;
        line-height: 92px;
        margin-bottom: 20px;
    }

    .experience-section p {
        font-size: 26px;
        line-height: 46px;
        color: #000;
        text-align: center;
        letter-spacing: 1px;
    }

    .business-pocket-section h5, .testimonials-section h5 {
        font-size: 70px;
        line-height: 80px;
        margin-bottom: 18px;
    }

    .no-credit-section-left h5 {
        font-size: 60px;
        line-height: 70px;
    }

    .no-credit-section-right h6 {
        font-size: 38px;
        line-height: 48px;
    }

    .no-credit-section-right p {
        font-size: 24px;
        line-height: 34px;
    }

    .banner-section h1 {
        font-size: 62px;
        line-height: 1;
        margin-bottom: 40px;
    }

    .banner-section p {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .category-section h5 {
        font-size: 50px;
        line-height: 60px;
    }

    .pricing-section h5 {
        font-size: 50px;
        line-height: 60px;
    }

    .pricing-section p.nev-use {
        font-size: 20px;
    }

    .purchase-business-section-inner h2 {
        /*font-size: 55px;
        line-height: 65px;*/
    }

    .purchase-business-section-inner p {
        font-size: 28px;
        line-height: 38px;
    }

    .txt-img, .img-txt {
        padding: 30px 0px;
    }

        .txt-img h2, .img-txt h2 {
            font-size: 64px;
            line-height: 74px;
        }

        .txt-img p, .img-txt p {
            font-size: 20px;
            line-height: 34px;
        }

    .img-right img, .img-left img {
        width: 60%;
    }

    .increase-business-section h5 {
        font-size: 48px;
        line-height: 58px;
    }

    .increase-business-section p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .check-trail-section h5 {
        font-size: 54px;
        line-height: 64px;
        margin-bottom: 30px;
    }

    .check-trail-section h6 {
        font-size: 38px;
        line-height: 48px;
    }

    .check-trail-section p {
        font-size: 26px;
        line-height: 36px;
    }

    .convinced-section h2, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 98px;
        line-height: 108px;
        margin-bottom: 0px;
    }

    .convinced-section-inner h3 {
        font-size: 80px;
        line-height: 92px;
    }

    .convinced-section p {
        font-size: 32px;
        line-height: 42px;
    }

    .business-img-section img {
        width: 70%;
    }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 91px;
        line-height: 101px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /*   font-size: 105px;
            line-height: 115px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 85px;
        line-height: 95px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 144px;
            line-height: 154px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 102px;
        line-height: 112px;
    }

    .b-text-left-inner h1 span {
        /*font-size: 150px;
        line-height: 160px;*/
    }

    .value-section-nav p {
        font-size: 18px;
        line-height: 33px;
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 78px;
        line-height: 88px;
    }

    .about-section .abt-text-left-inner p {
        font-size: 22px;
        line-height: 36px;
    }

    .value-section-nav h5 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 110px;
        line-height: 126px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 100px;
        line-height: 115px;
    }

    .experience-section h4 {
        font-size: 76px;
        line-height: 92px;
        margin-bottom: 30px;
    }

    .banner-section h1 .head_top {
        height: 80px;
        top: -52px;
        margin-left: -55px;
    }

    .banner-section h1:before {
        left: 200px;
        bottom: 0px;
        top: -80px;
    }

    .banner-section-inner::before {
        width: 320px;
        height: 320px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .banner-section-inner::after {
        width: 250px;
        height: 250px;
        right: 120px;
        bottom: 0px;
    }

    .category-section h4 {
        font-size: 42px;
        line-height: 68px;
        margin-bottom: 30px;
    }

    .banner-text-section-inner h2 {
        font-size: 45px;
        line-height: 55px;
    }

    .banner-text-section-inner p {
        font-size: 24px;
        line-height: 36px;
    }

    .txt-img-btn-section .btn-section-main a {
        font-size: 36px;
        line-height: 80px;
        padding: 0px 140px;
    }

    .txt-img-btn-section .b-img-center p {
        font-size: 24px;
        line-height: 40px;
    }

    .txt-img-btn-section .b-img-center h2 {
        font-size: 60px;
        line-height: 80px;
    }

    .what-you-txt h2 {
        font-size: 45px;
        line-height: 55px;
    }

    .form-section-main h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .form-section-main .btn-submit {
        font-size: 30px;
        line-height: 60px;
        padding: 0px 200px;
    }

    .what-you-txt p {
        font-size: 24px;
        line-height: 36px;
    }

    .banner-section-text p {
        font-size: 24px;
        line-height: 36px;
    }

    .banner-text-section h2 {
        font-size: 55px;
        line-height: 80px;
    }

    .form-section-main .btn-submit {
        font-size: 26px;
        line-height: 56px;
        padding: 0px 160px;
    }

    .form-section-main p {
        font-size: 21px;
        line-height: 36px;
    }

    .form-section-main h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .slider-main-section img {
        width: 285px;
    }

    .what-you-txt p {
        margin-bottom: 28px;
    }

    .banner-text-section-inner h2 {
        margin-bottom: 18px;
    }

    .banner-section-text h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .bundle-user span {
        font-size: 14px;
    }
    .add_to_cart, .add_to_cart:hover{
        font-size:16px;
    }
    .total-cart-amount span {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1720px) {
    .container {
       /* max-width: 1520px;*/
    }

    .banner-section h1 {
        font-size: 62px;
        line-height: 72px;
        margin-bottom: 30px;
    }

    .banner-section-image h1 {
        font-size: 76px;
        line-height: 86px;
    }

        .banner-section-image h1 span {
            font-size: 100px;
            line-height: 100px;
        }

    .banner-section h1 label {
        /*    font-size: 62px;
        line-height: 72px;
        margin-bottom: 30px;*/
    }

    .banner-section p {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }

    a.btn.get__started {
        padding: 0px 32px;
        font-size: 16px;
        line-height: 50px;
        font-weight: 500;
        position: relative;
        min-height: auto;
        height: 100%;
    }

    a.btn.learn__more {
        padding: 0px 32px;
        font-size: 16px;
        line-height: 46px;
        font-weight: 500;
        position: relative;
        min-height: auto;
        height: 100%;
    }

    .banner-section h1 .head_top {
        top: -40px;
    }

    .txt-img h2, .img-txt h2 {
        font-size: 34px;
        line-height: 54px;
        margin-bottom: 10px;
    }


        .txt-img h2 label, .img-txt h2 label {
            font-size: 34px;
            line-height: 54px;
            margin-bottom: 10px;
        }

    .txt-img p, .img-txt p {
        font-size: 20px;
    }

    .txt-img img, .img-txt img {
        width: 300px;
    }

    .business-pocket-section h5, .testimonials-section h5 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .check-price-section-inner h5 label {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .business-pocket-section h5 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 30px;
    }

    .check-price-section-inner .check_pricing, .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
        padding: 0px 40px;
        font-size: 16px;
        line-height: 60px;
        font-weight: 500;
        position: relative;
        height: 100%;
    }

    .check-price-section-inner .get_in_touch {
        padding: 0px 40px;
        font-size: 16px;
        line-height: 60px;
        font-weight: 500;
        position: relative;
        height: 100%;
    }

    .testimonials-slider .profile-role h6 {
        font-size: 20px;
        line-height: 26px;
    }

    .testimonials-slider .description-testimonials p {
        font-size: 14px;
        line-height: 24px;
    }

    .convinced-section h2, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 72px;
        line-height: 82px;
        margin-bottom: 25px;
    }

        .convinced-section h2:after {
            top: -110px;
        }

    .convinced-section h3 {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 25px;
    }

    .convinced-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
    }

    .convinced-section {
        padding-bottom: 40px;
    }

    .banner-section .banner-section-in p {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 0px;
    }

    .banner-img img {
        /*width: 385px;*/
    }

    .tittle-section h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .screens-section h2 {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 30px;
    }

    .screens-section {
        padding: 20px 0px;
        margin-bottom: 30px;
    }

    .features-item .features-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }

    .features-item .features-text {
        font-size: 16px;
        line-height: 26px;
    }

    .features-item {
        padding: 50px 50px;
    }

    .features-col .feature-img {
        width: 70px;
        height: 70px;
        padding: 18px;
    }

    .features-section .features-col {
        margin-top: 70px;
    }

    .category-section:before {
        content: "";
        background-size: contain;
        background-image: url(../images/module-bg-left.png);
        width: 510px;
        position: absolute;
        height: 610px;
        background-repeat: no-repeat;
        left: 0px;
        bottom: 100px;
        top: inherit;
    }

    .category-section:after {
        content: "";
        background-image: url(../images/module-bg-right.png);
        background-size: 100%;
        width: 510px;
        position: absolute;
        height: 610px;
        background-repeat: no-repeat;
        right: 0px;
        top: inherit;
        z-index: 0;
        bottom: 100px;
    }

    .screens-section img {
        margin: 0px auto;
        display: table;
        width: 1240px;
        padding-bottom: 50px;
    }

    .experience-section {
        padding-top: 50px;
    }

    .check-price-section-inner h5, .check-price-section-inner h5 span {
        font-size: 76px;
        line-height: 92px;
    }

    .check-price-section-inner h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 15px;
        font-weight: 500;
    }

    .check-price-section-inner p {
        font-size: 38px;
        line-height: 48px;
        font-family: 'caveatregular';
        margin-bottom: 30px;
    }

    .increase-business-section h5 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 15px;
    }

    .check-trail-section h5 {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 20px;
    }

    .b-text-left-inner h1 {
        font-size: 86px;
        line-height: 96px;
    }

        .b-text-left-inner h1 span {
            /*font-size: 110px;
            line-height: 120px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 85px;
        line-height: 95px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /*   font-size: 95px;
            line-height: 105px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 52px;
        line-height: 62px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 134px;
            line-height: 144px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 98px;
        line-height: 108px;
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 75px;
        line-height: 85px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 100px;
        line-height: 116px;
    }

    .experience-section h4 {
        font-size: 66px;
        line-height: 82px;
    }

    .experience-section h2 {
        font-size: 66px;
        line-height: 76px
    }

    .experience-section p {
        font-size: 24px;
        line-height: 44px;
        letter-spacing: NORMAL;
    }

    .experience-section h4 {
        font-size: 60px;
        line-height: 70px;
    }

    .banner-section h1:before {
        left: 150px;
        bottom: 0px;
        top: -70px;
    }

    .banner-top-text-section .b-text-center h1 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 20px;
    }

    .banner-top-text-section .b-text-center p {
        font-size: 24px;
        line-height: 32px;
    }

    .content-top-inner .txt-img-btn-section .b-img-center img {
        width: 700px;
    }

    .banner-top-text-section {
        padding-bottom: 270px;
        padding-top: 120px;
    }

    .content-top-main .txt-img-btn-section {
        position: absolute;
        top: 65%;
    }

    .slider-main-section {
        padding-top: 50px;
        padding-bottom: 90px;
    }

       /* .slider-main-section img {
            width: 340px;
        }*/

    .txt-img-btn-section .b-img-center h2 {
        font-size: 46px;
        line-height: 70px;
    }

    .txt-img-btn-section .btn-section-main a {
        font-size: 28px;
        line-height: 75px;
        padding: 0px 108px;
    }
    .banner-text-section-inner h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .banner-section-text h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .banner-section-text h2 {
        font-size: 30px;
        line-height: 50px;
    }
    .content-top-main {
        position: relative;
        margin-bottom: 730px;
    }
    .slider-main-section img {
        width: 280px;
    }

}

@media screen and (max-width: 1620px) {
    .infrastructure-section {
        padding: 75px 0px;
    }
        .infrastructure-section h3 {
            font-size: 40px;
            line-height: 55px;
            margin-bottom: 60px;
        }
    .infrastructure-section-box-inner h5 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .infrastructure-section-box-inner img {
        width: 60px;
        margin-bottom: 30px;
    }
    .home-page .banner-section h1 {
        font-size: 56px;
        line-height: 74px;
        margin-bottom: 44px;
    }
    img.video-play-button {
        width: 76px;
        height: 76px;
    }
    .finance_modules ul li {
        font-size: 16px;
        line-height: 26px;
    }
  
    .complaint-section h3 {
        font-size: 35px;
        line-height: 60px;
    }
    .complaint-section p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 60px;
    }
    div.module-crumb {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 12px;
    }
    .finance-page .banner-content h1 {
        font-size: 52px;
        margin-top: 20px;
        margin-bottom: 40px;
        line-height: 72px;
    }
    .finance-expenses-content h3 {
        font-size: 32px;
        line-height: 38px;
    }
    .finance-expenses-content p {
        font-size: 16px;
        line-height: 32px;
    }
    .projects-deadline-section .deadline-section .deadline-section-box h6 {
        font-size: 20px;
        line-height: 40px;
    }
    .projects-deadline-section .deadline-section .deadline-section-box img {
        width: 47px;
        height: 47px;
    }
    .project-categories .categories-content-image {
        border-radius: 0px 80px;
        padding: 40px;
    }
    .project-categories .categories-image-content {
        border-radius: 80px 0px;
        padding: 40px;
    }
    .project-categories .categories-content h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    .project-categories .categories-content p {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .banner-video h1 {
        font-size: 42px;
        line-height: 52px;
    }
    header.inner_header {
        padding: 35px 0px;
    }
    .banner-video {
        padding: 60px 0px;
    }
        .banner-video p {
            font-size: 18px;
            line-height: 36px;
        }
    .convinced-section .check_pricing, a.btn.watchVideo-btn {
        font-size: 14px;
        line-height: 20px;
    }
    .container {
        max-width: 1420px;
    }

    a.btn.watchVideo-btn img {
        width: 20px;
        float: left;
    }
    .manage-every-aspect h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .manage-every-aspect p {
        font-size: 18px;
        line-height: 36px;
    }

    .manage-every-aspect img {
        width: 80%;
        margin: 0px auto;
    }
    .sales-drama-section h3 {
        font-size: 32px;
        line-height: 52px;
    }
    .sales-drama-section .container {
        padding: 70px;
    }

    .sales-drama-section p {
        font-size: 18px;
        line-height: 36px;
    }
    .akbar-birbal-section h3 {
        font-size: 44px;
        line-height: 64px;
    }
    .akbar-birbal-section-left .karya_logos {
        width: 280px;
        margin-bottom: 60px;
    }
    .sales-pipeline h3 {
        font-size: 46px;
        line-height: 56px;
    }
    .sales-pipeline ul li a img {
        width: 80%;
    }
    .akbar-birbal-section-right img {
        float: right;
        width:100%;
    }
    .hrmpricing-body .banner_inner h1 {
        font-size: 36px;
    }
    .hrmpricing-body .banner_inner {
        padding: 60px;
        padding-bottom: inherit;
    }
    .header_radial {
        width: 90%;
        height: 640px;
        margin-bottom: 180px;
    }
    .all-features-included h2 {
        font-size: 34px;
    }
    .all-features-included p {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .all-features-groups ul li {
        padding-left: 30px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .all-features-groups {
        width: 900px;
        padding: 30px;
        margin-bottom: 50px;
    }
    .all-modules-included h3 {
        font-size: 36px;
        line-height: 46px;
    }
    .get-entire-module h3 span.hrm-txt, .get-entire-module h3 span.hrm-price {
        font-size: 36px;
    }
    .get-entire-module h3 span.month-user{
        font-size:24px;
    }
    .get-entire-module span.hdn-charges span {
        font-size: 36px;
        line-height: 1.3;
    }
    .billded_monthly {
        width: 420px;
        height: 300px;
    }

        .billded_monthly .user_price {
            padding-top: 35px;
            padding-bottom: 10px;
        }
            .billded_monthly .user_price button.start-free-trail, .billded_monthly .user_price button.start-buy-now, .billded_annually .user_price button.start-free-trail, .billded_annually .user_price button.start-buy-now {
                max-width: 155px;
                height: 40px;
                font-size: 16px;
            }

            .billded_monthly .user_price span.user_Amount {
                font-size: 40px;
                margin-bottom: 15px;
            }

    .billded_annually .user_price span.user_Amount {
        font-size: 48px;
        margin-bottom: 15px;
    }

    .billmonthly-text, .billannually-text {
        font-size: 13px;
        line-height: 30px;
        width: 126px;
        height: 30px;
    }

    .all-modules-included ul li {
        margin: 40px 15px;
    }
        .all-modules-included ul li a img {
            width: 120px;
        }
    .billded_annually {
        width: 420px;
        height: 320px;
    }
    .pricing_inner_section {
        /*top: 100%;*/
    }
        .banner-section h1 {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 25px;
    }
    .hrmpricing-body .banner_inner p {
        font-size: 20px;
        line-height: 38px;
    }
    .inner_header .container{
        max-width:90%;
    }
    .banner-section h1 label {
        /*       font-size: 52px;
            line-height: 62px;
            margin-bottom: 25px;*/
    }

    .banner-img img {
        /*width: 350px;*/
    }

    .tittle-section h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .screens-section h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .faq-section h2 {
        font-size: 42px;
        line-height: 62px;
    }

    .screens-section img {
        width: 80%;
    }

    .category-section .module-slide li .slider-img {
        margin: 0px auto;
        display: table;
        width: 90%;
    }

    .banner-section-image .banner-text {
        padding: 180px 0px;
    }

        .banner-section-image .banner-text::before {
            width: 240px;
            height: 110px;
        }

        .banner-section-image .banner-text::after {
            width: 240px;
            height: 110px;
        }

    .check-price-section-inner h5, .check-price-section-inner h5 span {
        font-size: 54px;
        line-height: 82px;
    }

    .business-pocket-section p {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .no-credit-section-left h5 {
        font-size: 48px;
        line-height: 58px;
    }

    .no-cred-btns {
        margin-top: 10px;
    }

    .awards-section ul li img {
        width: 180px;
        margin: 15px;
        padding: 0px;
    }

    .purchase-business-section-inner h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .check-trail-section h5 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 15px;
    }

    .banner-section h1:before {
        left: 160px;
        bottom: 0px;
        top: -80px;
    }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 80px;
        line-height: 90px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 90px;
            line-height: 100px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 46px;
        line-height: 56px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 120px;
            line-height: 130px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 92px;
        line-height: 102px;
    }

    .b-text-left-inner h1 span {
        /* font-size: 105px;
        line-height: 115px;*/
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 65px;
        line-height: 75px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 90px;
        line-height: 106px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 90px;
        line-height: 105px;
    }

    .experience-section h4 {
        font-size: 50px;
        line-height: 60px;
    }

    .experience-section {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .solution-navs nav.nav.nav-pills a.nav-link {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 3px;
        letter-spacing: 1px;
    }

    #divSolutionsSpace h4 {
        font-size: 18px;
    }

    .solution-scrollspy .tabs-sec ul li button {
        font-size: 18px;
        line-height: 42px;
        padding: 5px 60px;
    }

        .solution-scrollspy .tabs-sec ul li button img {
            width: 25px;
        }
    .banner-text-section-inner h2 {
        font-size: 36px;
        line-height: 46px;
    }
       .what-you-txt h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .what-you-txt h2 {
        font-size: 30px;
        line-height: 50px;
    }
    .banner-text-section-inner p {
        font-size: 22px;
        line-height: 34px;
    }
    .banner-text-section-inner h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .slider-main-section img {
        width: 295px;
    }
    .txt-img-btn-section .b-img-center p {
        font-size: 20px;
        line-height: 36px;
    }
    .banner-section-text p {
        font-size: 22px;
        line-height: 34px;
    }
    .banner-section-text h4 {
        font-size: 24px;
        line-height: 40px;
    }
    .slider-main-section img {
        width: 245px;
    }
    .form-section-main .btn-submit {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .karya-pricing-section .col-5 {
        padding: 8px;
    }
    .karya-pricing-inner {
        padding: 20px 5px;
    }
    .img-module img {
        width: 24px;
    }
    .karya-pricing-section .img-module h6 {
        font-size: 16px;
    }
    .all-module .img-module h6.all-apps{
        font-size:20px;
    }
    .karya-pricing-inner > .img-module {
        height: 28px;
        margin-bottom: 15px;
    }
    .karya-pricing-inner .module-price {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .module-price span{
        font-size:16px;
    }
    .free-btn button, .free-btn button:hover {
        width: auto;
        height: auto;
        line-height: 1.2;
        font-size: 16px;
        margin-bottom:20px;
    }
    .buy-btn a.btn.btn-buy {
        width: 120px;
        height: auto;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .all-features p {
        font-size: 16px;
        height: 50px;
        margin-bottom: 10px;
    }
    .all-features ul {
        padding-left: 26px;
    }
        .all-features ul li {
            font-size: 14px;
            margin-bottom: 10px;
        }
    .detailed-features a {
        font-size: 14px;
        padding-top: 10px;
        left: 30px;
    }
    .all-module .all-features ul li .img-module h6 {
        font-size: 14px;
    }
    .compare-img img {
        max-width: 70%;
        margin: 0px auto;
    }
    .affordable-inner h2 {
        font-size: 42px;
        line-height: 1.2;
    }
    .affordable-inner span {
        font-size: 36px;
    }
    .all-affordable .affordable-inner {
        margin: 100px 0px;
        margin-bottom: 50px;
    }
    .pricing_tabs {
        width: 990px;
        height: auto;
    }
        .pricing_tabs ul.nav li.nav-item button.active {
            border-radius: 12px 12px;
            font-size: 24px;
        }
        .pricing_tabs ul.nav li.nav-item button {
            font-size: 24px;
            line-height: 1;
        }
    .tab-pane h3 .hrm-txt, .tab-pane h3 .hrm-price {
        font-size: 42px;
        line-height: 1;
    }
    .tab-pane h3 .month-user {
        font-size: 24px;
        line-height: 1;
    }
    .pricing_tabs span.hdn-charges span {
        font-size: 26px;
        line-height: 1.3;
    }
    span.hdn-charges {
        margin-bottom: 45px;
        display: block;
    }
    .client-logos-main {
        margin: 50px 0px;
    }
        .client-logos-main h3 {
            font-size: 32px;
            line-height: 1.5;
            margin-bottom: 34px;
        }
            .client-logos-main h3 span img {
                width: 40px;
            }
    .faq-section-main h5 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    .finance_modules h4 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 18px;
    }
    .finance_modules p {
        font-size: 16px;
        line-height: 36px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1520px) {
    .crm-benfits-section-box img {
        width: 42px;
        height: 42px;
        margin-bottom: 15px;
    }
    .crm-benfits-section-box h6 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .crm-benfits-section-head {
        margin-bottom: 30px;
    }
    .crm-benfits-section-head h3 {
        font-size: 30px;
       
    }
    .crm-benfits-section-box {
        padding: 20px 16px;
    }
   
    .benefits-essp .container {
        padding: 30px;
    }
    .benefits-essp h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .benefits-essp ul li {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 18px;
    }
    .inner_pages_main .banner-sections h1, .inner_pages_main .banner-sections h1 .purple_color-gradiant {
        font-size: 40px;
        line-height: 50px;
    }
    .payrollsoftware-page .banner-sections {
        padding-bottom: 70px;
    }
    .employee-self-services .banner-sections .convinced-section{
        margin-bottom:30px;
    }
  
    .manageYourBusiness h2 {
        font-size: 30px;
        line-height: 70px;
    }
    .manageYourBusiness p {
        font-size: 18px;
        line-height: 36px;
    }
    .payrollsoftware-page .manageYourBusiness div img{
        margin-top:50px;
    }
    .payrollsoftware-page .manageYourBusiness {
        padding-bottom: 0px;
    }
    .payroll-software-categories .payroll-software-headsection {
        margin-bottom: 100px;
    }
        .payroll-software-categories .payroll-software-headsection h3 {
            font-size: 20px;
            line-height: 1.2;
            margin-bottom: 15px;
        }
    .why-choose-slot-main h4 {
        font-size: 30px;
        line-height: 40px;
    }
    .why-choose-slot-main p {
        font-size: 20px;
        line-height: 40px;
    }
    .hr-super-power-section .hr-super-power-section-inner h3 {
        font-size: 40px;
        line-height: 50px;
    }
    .finance-expenses-img img {
        width: 100%;
    }
    .expenses-gray .expenses-right {
        display: inline-block !important;
    }
        .expenses-gray .expenses-right .finance-expenses-img img {
            width: auto;
            margin: 0px auto;
            display: table;
        }
    .finance-page .banner-content {
        padding-top: 20px;
    }
        .finance-page .banner-content h1 {
            font-size: 46px;
            margin-top: 20px;
            margin-bottom: 30px;
            line-height: 56px;
        }
    .projectmanagement-page .banner-content h1 {
        font-size: 64px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
        .projectmanagement-page .banner-content h1 span.project-headding-size {
            font-size: 50px;
            line-height: 50px;
        }
    .projects-deadline-section .deadline-section .deadline-section-box h6 {
        font-size: 18px;
        line-height: 36px;
    }
    img.crm-akbar-birbal-image {
        width: 260px;
        margin-left: 30px;
        margin-top: -70px;
    }
    .crm-categories-left .crm-manage-leads h3, .action-items-leads h3, .deal-management-leads h3, .crm-teams-targets h3, .crm-bulk-mailing h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .crm-categories-left .crm-manage-leads p {
        margin-bottom: 50px;
    }
    .crm-teams-targets div img {
        width: 100%;
    }
    .crm-manage-leads, .action-items-leads, .crm-teams-targets, .crm-bulk-mailing, .deal-management-leads {
        padding: 25px;
        border-radius: 15px;
    }
    .akbar-birbal-section-left .karya_logos {
        width: 260px;
    }
    .container, .finance-page .header-banner .header-banner-inner {
        max-width: 1320px;
    }
    .buttons-section a {
        margin-left: 30px;
    }
    .banner-section .banner-section-in p br {
        display: none;
    }

    .banner-section-image .banner-text {
        padding: 160px 0px;
    }

    .b-text-left-inner h1 {
        font-size: 76px;
        line-height: 86px;
    }

        .b-text-left-inner h1 span {
            /*font-size: 100px;
            line-height: 110px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 75px;
        line-height: 85px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 83px;
            line-height: 93px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 43px;
        line-height: 53px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 113px;
            line-height: 123px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 88px;
        line-height: 98px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 85px;
        line-height: 100px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 80px;
        line-height: 95px;
    }

    .banner-section h1:before {
        left: 110px;
        top: -80px;
    }

    .banner-top-text-section .b-text-center h1 {
        font-size: 50px;
        line-height: 65px;
    }

    .banner-top-text-section .b-text-center p {
        font-size: 22px;
        line-height: 30px;
    }

    .slider-main-section {
        padding-top: 0px;
        padding-bottom: 70px;
    }

    .form-section-main .form-section-main-inner {
        padding: 95px;
    }

    .form-section-main .btn-submit {
        font-size: 20px;
        line-height: 50px;
        padding: 0px 130px;
    }
    .form-section-main p {
        font-size: 18px;
        line-height: 30px;
    }
    .pricing-section h1 {
        font-size: 56px;
        padding: 60px 0px;
    }
        .pricing-section h1::before {
            width: 300px;
            height: 204px;
        }
        .pricing-section h1::after {
            width: 300px;
            height: 204px;
        }
    .shadow-bg {
        width: 570px;
    }
    .m-bottom input.form-control{
        width:522px;
    }
    .signup-testimonial-section {
        width: 560px;
        height: auto;
    }
  
    .signup-testimonial-section h6 {
        margin-bottom: 30px;
        font-size: 26px;
    }
    .test-content p {
        font-size: 16px;
        line-height: 32px;
    }
    .careers-page .banner-video h1, .careers-page .banner-video h1 span {
        font-size: 36px;
    }
    .banner-video p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .convinced-section .check_pricing, a.btn.watchVideo-btn, .convinced-section .check_pricing, a.faq-btn {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .careers-page .banner-video img {
        width: 360px;
    }
    .career-banner-bottom h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .job-openings h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .job-openings .job-openings-head p {
        font-size: 16px;
        line-height: 28px;
    }

    .job_role h4 {
        font-size: 20px;
    }
    .application-form h3 {
        font-size: 24px;
    }
    .job_role .apply_job {
        padding: 6px 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .career-banner-bottom .career-banner-bottom-log {
        width: 380px;
        height: 159px;
    }
    .box:hover .overlay:before {
        top: 7%;
    }
    .box:hover .overlay:after {
        bottom: 8%;
    }
    }

@media screen and (max-width: 1440px) {
    .demo_form {
        padding: 70px 70px 70px 70px;
    }
    .left-demo-img img {
        width: 400px;
    }
    .demo-page input {
        border-radius: 8px;
        height: 40px;
    }
    .demo-page h1 {
        font-size: 30px;
    }
    .demo-form label {
        font-size:14px;
    }
    ul.listed-categories li {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .infrastructure-section h3 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .home-page .banner-section h1 {
        font-size: 46px;
        line-height: 64px;
        margin-bottom: 34px;
    }
    .trail-section a.schdule-demo, .trail-section a.try-free {
        font-size: 16px;
        width: 180px;
        height: 60px;
        line-height: 60px;
    }
    .piece-of-cake-section-box .piece-cake-section-img {
        width: 74px;
        height: 74px;
        top: -38px;
        left: 20px;
    }
    .piece-of-cake-section .piece-of-cake-section-headding h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 80px;
    }
    .piece-of-cake-section-box {
        padding: 20px;
        padding-top: 45px;
    }
        .piece-of-cake-section-box .piece-cake-section-content h4 {
            font-size: 16px;
            line-height: 30px;
        }
    .for-sections-main .for-sections .row {
        padding: 30px;
    }
    .for-sections-main .for-sections h5 {
        font-size: 25px;
        line-height: 35px;
    }
    .for-sections-main .for-sections ul li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 16px;
    }
   
    .payroll-software-categories .why-choose-slot-main p {
        font-size: 18px;
        line-height: 38px;
        margin-bottom:0px;
    }
    .marketing-decisions_detailed ul li, .marketing-decisions_detailed b {
        font-size: 18px;
        line-height: 38px;
    }

    .payroll-software-categories .why-choose-slot-main h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .projects-deadline-section .deadline-section .deadline-section-box h6 {
        font-size: 17px;
        line-height: 34px;
    }
    .projects-deadline-section {
        margin-bottom: 50px;
    }
    .hr-super-power-section .hr-super-power-section-inner h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .organization-box {
        border-radius: 14px;
        padding: 16px;
    }

    .hr-slider-section {
        padding: 46px;
    }

    .hr-super-power-section-inner a.see_all_features {
        padding: 30px;
        font-size: 18px;
        line-height: 21px;
    }
    .first-organization h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .first-organization p {
        font-size: 18px;
        line-height: 36px;
    }

.career-banner-bottom.empower-organization-inner {
    padding: 50px 0px;
    background: #fff;
}

    .akbar-birbal-section h3 {
        font-size: 40px;
        line-height: 54px;
    }
        .akbar-birbal-section h3 span {
            font-size: 36px;
            line-height: 46px;
        }

    .akbar-birbal-section-left .karya_logos {
        width: 220px;
    }

    .akbar-birbal-section .container {
        border-radius: 38px;
        padding: 48px;
        padding-bottom: 0px;
    }

    img.crm-akbar-birbal-image {
        width: 250px;
        margin-left: 30px;
        margin-top: -50px;
    }
    .akbar-birbal-section {
        margin-bottom: 80px;
    }
    .hr-super-power-section {
        margin-bottom: 50px;
    }
    .sales-pipeline {
        padding: 66px 0px;
        margin-top: 160px;
    }

        .sales-pipeline h3 {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 20px;
        }

        .sales-pipeline p {
            margin-bottom: 40px;
        }
        .sales-pipeline ul li a img {
            width: 150px;
        }
    .sales-pipeline-right img {
        position: absolute;
        top: -130px;
        height: 430px;
    }
    .articals_img_section_inner .artical_img img {
        width: 80%;
    }
    .akbar-birbal-section-left .free_demo_btn {
        height: 48px;
    }
    .crm-categories-left .crm-manage-leads p {
        margin-bottom: 40px;
    }
    .sales-drama-section .container {
        padding: 40px;
    }
    .sales-drama-section h3 {
        font-size: 30px;
        line-height: 50px;
    }
    .clients-section {
        padding: 30px 0px;
    }
    .manual-payroll-process table tr th {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 30px;
    }
    .manual-payroll-process table tr td {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 30px;
    }
        .manual-payroll-process table tr td:first-child {
            font-size: 16px;
            line-height: 26px;
            padding: 20px 30px;
        }
    .manualPayroll-section p {
        font-size: 16px;
        line-height: 26px;
    }
    .hidden-charges h4 {
        font-size: 24px;
        line-height: 34px;
    }
    .hidden-charges h3 .hrm-txt {
        font-size: 42px;
        line-height: 52px;
    }
    .hidden-charges h3 .hrm-price {
        font-size: 42px;
        line-height: 52px;
    }
    .hidden-charges h3 .month-user {
        font-size: 24px;
        line-height: 34px;
    }

    .hidden-charges span.hdn-charges span {
        font-size: 29px;
        line-height: 39px;
    }
    .why-choose-software-inner .why-choose-slot-main {
        /*margin-bottom: 40px;*/
    }
    .manual-headding h2 {
        font-size: 28px;
    }
    .award_img_section::before {
        width: 170px;
        height: 210px;
        left: -120px;
        bottom: -80px;
    }
    .award_img_section::after {
        width: 140px;
        height: 240px;
        right: 0px;
        bottom: -20px;
    }
    .karya_does ul li.menu-item span {
        font-size: 24px;
    }
    .karya_does ul li.menu-item .values_content ul li p {
        font-size: 18px;
        line-height: 36px;    
    }
        .home-page::before {
        width: 200px;
        height: 200px;
    }

    .home-page::after {
        width: 200px;
        height: 200px;
    }
    .category-section h4 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 30px;
    }

    .container, .finance-page .header-banner .header-banner-inner {
        max-width: 1220px;
    }

    .spy-img img {
        width: 100%;
    }

    .buttons-section a {
        margin-left: 40px;
    }

    ul.navbar-nav li.nav-item {
        margin: 0px 25px;
    }

    .social-media ul li img {
        width: 25px;
    }

    .foot-logo p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .foot-links h6 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .foot-links ul li a {
        font-size: 16px;
        line-height: 22px;
    }

    .foot-links ul li {
        margin-bottom: 5px;
    }

    .foot-links {
        margin-bottom: 40px;
    }

    .foot-logo img {
        width: 100px;
        margin-bottom: 20px;
    }

    .awards-section {
        margin-bottom: 20px;
    }

    .footer-bottom {
        padding: 30px 0px;
    }

        .footer-bottom p, .footer-bottom a {
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
        }

    .banner-section h1, .aboutus-page .banner-section h1 {
        font-size: 46px;
        line-height: 56px;
        margin-bottom: 20px;
    }

        .banner-section h1 label {
            /*            font-size: 46px;
            line-height: 56px;
            margin-bottom: 20px;*/
        }

    .banner-section-inner img {
        /*     width: 50px;
        max-width: 50px;
        margin-bottom: 15px;*/
    }

    a.btn.get__started:before {
        width: 300px;
        height: 100px;
        left: -270px;
        bottom: -80px;
    }

    .banner-section-inner::before {
        /* width: 350px;
        height: 350px;
        left: 130px;
        top: -100px;*/
        width: 200px;
        height: 200px;
        left: 100px;
        top: 0px;
    }

    .banner-section-inner::after {
        width: 260px;
        height: 230px;
        right: 100px;
        bottom: 0px;
    }

    .txt-img h2, .img-txt h2 {
        font-size: 44px;
        line-height: 50px;
    }

        .txt-img h2 label, .img-txt h2 label {
            font-size: 44px;
            line-height: 50px;
        }

    .txt-img p, .img-txt p {
        font-size: 18px;
        line-height: 32px;
    }

    .testimonials-section h5 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }

    .business-pocket-section h5 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .business-img-section img {
        width: 400px;
    }

    .profile-role img {
        width: 100%;
    }

    .testimonials-slider .profile-role h6 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0px;
    }



    .testimonials-slider .time-posted span i {
        font-size: 14px;
        line-height: 20px;
    }

    .check-price-section-inner {
        padding: 30px;
    }

    .business-pocket-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .check-price-section-inner .check_pricing, .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
        padding: 0px 30px;
        font-size: 16px;
        line-height: 50px;
    }

    .check-price-section-inner .get_in_touch {
        padding: 0px 30px;
        font-size: 16px;
        line-height: 48px;
    }

    .convinced-section h2, .convinced-section h3, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }

    .convinced-section .check_pricing {
       /* border-radius: 25px;
        padding: 15px 40px;
        font-size: 18px;*/
    }

    .convinced-section {
        padding-bottom: 10px;
    }

    .banner-section {
        padding: 50px 0px;
    }

    .banner-section-image .banner-text {
        padding: 140px 0px;
    }

    .comming-soon-page .banner-section {
        padding: 20px 0px;
    }

        .comming-soon-page .banner-section img {
            max-width: 400px;
        }

    .comming-soon-page .banner-section-inne h2 {
        font-size: 24px;
        line-height: 34px;
    }

    header {
        padding: 18px 0px;
    }

    .banner-section h1 .head_top {
        width: 122px;
    }

    ul.navbar-nav li.nav-item a.nav-link {
        font-size: 18px;
        line-height: 24px;
    }

    a.btn.login_btn {
        font-size: 18px;
        line-height: 24px;
    }

    .buttons-section a.btn.free_btn {
        padding: 10px 25px;
    }

    .footer-bottom {
        padding: 15px 0px;
    }

    .banner-section p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 26px;
    }

    .business-pocket-section-inner {
        padding: 0px;
    }

    .banner-section .banner-section-in p br {
        display: none;
    }

    .banner-img img {
        /*width: 330px;*/
    }

    .features-item .features-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    .features-item {
        padding: 40px 30px;
    }

    .faq-section p {
        font-size: 20px;
        line-height: 30px;
    }

    .check-price-section {
        margin-bottom: 30px;
    }

    .features-col .feature-img {
        width: 50px;
        height: 50px;
        padding: 12px;
    }

    .screens-section h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .features-section {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .banner-section-image h1 {
        font-size: 64px;
        line-height: 74px;
        margin-bottom: 20px;
    }

        .banner-section-image h1 span {
            font-size: 88px;
            line-height: 100px;
        }

    .screens-section-inner {
        margin: 10px 0px;
    }

    .faq-section {
        margin-top: 0px;
        display: inline-block;
        width: 100%;
    }

    .background-section:before {
        width: 200px;
        height: 300px;
    }

    .background-section:after {
        width: 200px;
        height: 300px;
    }

    .pricing-section .container {
        width: 900px;
    }

    .pricing-section .price-section .module-sec h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .pricing-section .price-section .module-sec p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .pricing-section .price-section .price-section-inner .pricing-body {
        padding: 15px;
    }

        .pricing-section .price-section .price-section-inner .pricing-body .amount-user p span.amount {
            font-size: 28px;
            color: #55479c;
            font-weight: 800;
            line-height: 38px;
        }

        .pricing-section .price-section .price-section-inner .pricing-body .amount-user p span {
            font-size: 14px;
            color: #000;
            line-height: 22px;
        }

        .pricing-section .price-section .price-section-inner .pricing-body .amount-user span.user-w {
            /*font-size: 18px;
            margin-bottom: 24px;*/
            font-size: 16px;
            margin-bottom: 22px;
        }

        .pricing-section .price-section .price-section-inner .pricing-body .buttons button.btn.btn-free, .pricing-section .price-section .price-section-inner .pricing-body .buttons .btn.btn-cart {
            width: 200px;
            font-size: 14px;
            line-height: 28px;
        }

        .pricing-section .price-section .price-section-inner .pricing-body .accordion-body {
            padding: 10px;
        }

            .pricing-section .price-section .price-section-inner .pricing-body .accordion-body ul li {
                font-size: 14px;
                line-height: 28px;
            }

        .pricing-section .price-section .price-section-inner .pricing-body .accordion-header button {
            font-size: 14px;
            line-height: 0;
            padding: 10px;
        }

    .pricing-section .price-section .module-sec {
        padding: 15px;
    }

    .pricing-section h5 {
        font-size: 24px;
        line-height: 34px;
    }

    .experience-section h2 {
        font-size: 56px;
        line-height: 72px;
        margin-bottom: 20px;
    }

    .experience-section p {
        /* font-size: 24px;
        line-height: 44px;*/
        font-size: 16px;
        line-height: 40px;
    }

    .business-pocket-section-left .business-pocket-section-left-inner::after {
        width: 250px;
        height: 250px;
    }

    .check-price-section-inner::before {
        width: 250px;
        height: 250px;
    }

    .check-price-section-inner::after {
        width: 250px;
        height: 250px;
    }

    .no-credit-section-right p {
        font-size: 20px;
        line-height: 30px;
    }

    .no-credit-section-right h6 {
        font-size: 34px;
        line-height: 44px;
    }

    .banner-section h1:before {
        left: 100px;
        top: -80px;
    }

    .banner-section h1 .head_top {
        width: 100px;
        height: 65px;
        top: -22px;
        margin-left: -45px;
    }

    .pricing-section h5 {
        font-size: 40px;
        line-height: 50px;
    }

    .convinced-section h3 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 20px;
    }

    .convinced-section h2, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 10px;
    }

        .convinced-section h2:after {
            width: 170px;
            height: 170px;
        }

    .more-business-section .more-business-bottom-img {
        width: 270px;
        display: inline-block;
        transform: rotate(340deg);
        margin-top: -50px;
        margin-left: 50px;
        height: 120px;
    }

        .more-business-section .more-business-bottom-img img {
            width: 100%;
        }

    .module-slider .menu-slide li span.cat-name {
        font-size: 24px;
        line-height: 34px;
    }

    .module-slider .menu-slide li span.cat-img {
        width: 30px;
        height: 30px;
        margin-right: 6px;
    }

    .module-slider .menu-slide li {
        width: 180px !important;
        margin-right: 80px !important;
    }

        .module-slider .menu-slide li:after {
            content: "............";
            position: absolute;
            top: 30%;
            right: -81px;
            transform: translate(0%, -50%);
            font-size: 32px;
            line-height: 28px;
        }

    .check-trail-section h6 {
        font-size: 32px;
        line-height: 42px;
    }

    .check-trail-section h5 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 15px;
    }

    .check-trail-section p {
        font-size: 24px;
        line-height: 34px;
    }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 65px;
        line-height: 75px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 76px;
            line-height: 86px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 40px;
        line-height: 50px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 104px;
            line-height: 114px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 82px;
        line-height: 92px;
    }

    .value-section-inner {
        margin-bottom: 0px;
        padding: 90px 0px;
    }

    .value-section-nav p {
        font-size: 16px;
        line-height: 26px;
    }
    /* .abt-text-left-inner h2 {
        font-size: 43px;
        line-height: 53px;
    }*/

    .about-section .abt-text-left-inner h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .about-section h2 span {
        font-size: 36px;
    }
    .teams-page .banner-section-top{
        padding:80px 0px;
    }
    .value-section .tittle-section h2 {
        font-family: Poppins;
        font-size: 36px;
    }
    .about-section .abt-text-left-inner p {
        /* font-size: 18px;
        line-height: 30px;*/
        font-size: 18px;
        line-height: 34px;
    }

    .price-section.pricing-free-section .price-section-inner h2 {
        font-size: 26px;
        line-height: 50px;
        margin-bottom: 0px;
    }

        .price-section.pricing-free-section .price-section-inner h2 span {
            font-size: 36px;
            font-weight: 700;
        }

    .days-trial {
        font-size: 28px;
        line-height: 38px;
    }

    .price-section-inner .days-trial {
        font-size: 32px;
        line-height: 50px;
        font-weight: 700;
        color: #ffe500;
        margin-bottom: 12px;
        display: inline-block;
    }

    span.no-cred {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 0px;
    }

    button.sign_up_btn {
        margin-top: 10px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 80px;
        line-height: 90px;
    }

    .experience-section h4 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .view-more-section .img-one {
        width: 350px;
        height: auto;
    }

    .view-more-section .img-two{
        height: auto;
        width: 450px;
    }

    .view-more-section .img-three {
        width: 350px;
        height: auto;
    }

    .view-more-section .img-four {
        width: 390px;
        height: auto
    }
    .banner-text-section-inner p {
        font-size: 20px;
        line-height: 32px;
    }
    .banner-section-text p {
        font-size: 20px;
        line-height: 34px;
    }
    .form-section-main h2 {
        font-size: 26px;
        line-height: 33px;
    }
    .form-section-main .btn-submit {
        font-size: 19px;
        line-height: 52px;
        padding: 0px 120px;
    }
    .form-section-main p {
        font-size: 18px;
        line-height: 32px;
    }
    .banner-top-text-section .b-text-center p {
        font-size: 20px;
        line-height: 26px;
    }
    .view-more-section .banner-text-section-inner h2 br {
        display: none;
    }
    .form-section-main .form-section-main-inner {
        padding: 60px;
        border-radius: 20px;
    }
    .slider-main-section P {
        font-size: 16px;
        line-height: 28px;
        word-spacing: 5px;
        margin-top: 30px;
        margin-bottom: 90px;
    }
    .articals_img_section h3 {
        font-size: 36px;
        line-height: 46px;
    }
    #button-10 .knobs:before, #button-10 .knobs:after, #button-10 .knobs span {
        font-size:16px;
    }

    .module-name h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .module-name span {
        font-size: 13px;
        line-height: 19px;
    }
    .noof-users-section span {
        font-size: 18px;
        line-height: 28px;
    }
    .cart-headding h5 {
        font-size: 22px;
    }
    .teams-page .card {
        margin-left: 20px;
        margin-right: 20px;
    }
    .text-center.mb-5 {
        margin-bottom: 0px !important;
    }
    .teams-page .card-body {
        width: 500px;
        height: 330px;
    }
    .card-1:before, .card-2:before, .card-3:before, .card-4:before {
        width: 500px;
        height: 330px;
    }
    .values-section h2 {
        font-size: 42px;
    }
    .shadow-bg {
        width: 500px;
    }
    .m-bottom input.form-control {
        width: 453px;
    }
    .signup-testimonial-section {
        width: 500px;
    }
    .careers-page .career-banner-bottom .career-banner-bottom-log {
        width: 383px;
        height: 159px;
        margin-bottom: 40px;
    }
    .careers-page .box:hover .overlay:before {
        top: 9%;
    }
    .careers-page .box:hover .overlay:after {
        bottom: 10%;
    }
    .banner-sections .rct-bg {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 1;
        margin-bottom: 20px;
    }
    .banner-sections h1, .purple_color-gradiant {
        font-size: 38px;
        line-height: 48px;
    }
    .banner-sections p {
        font-size: 16px;
        line-height: 32px;
    }
    .banner-sections, .payrollsoftware-page .banner-sections {
        padding: 50px 0px;
    }
    .payrollsoftware-page .payroll-banner-image {
        bottom: -50px;
    }
    .manageYourBusiness h2 {
        font-size: 28px;
        line-height: 48px;
    }
    .manageYourBusiness p {
        font-size: 16px;
        line-height: 32px;
    }
    .manageYourBusiness div img {
        width: 750px;
        margin-top: 50px;
    }
    .management-solutions h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .management-solutions_left p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 20px;
    }
        .management-solutions_left p b {
            font-size: 18px;
            line-height: 36px;
        }
    .management-solutions_img img {
        width: 90%;
        float: right;
    }
    purchase-business-section-inner h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .need-bm-software h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .need-bm-software p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 50px;
    }
    .need-bm-software-text p b {
        font-size: 18px;
        line-height: 36px;
    }
    .karyas-business .karyas-business-inner h4 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 25px;
    }
    .karyas-business .karyas-business-inner p {
        font-size: 16px;
        line-height: 32px;
    }
    .karyas-business-inner-bg {
        border-radius: 30px;
        padding: 30px 30px;
    }
    .karyas-business .karyas-business-inner {
        border-radius: 30px;
    }

    .wc-karya h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .free-trail-form-section h4 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .get_started-form {
        max-width: 360px;
        height: 48px;
        font-size: 18px;
        margin: 40px auto;
        margin-bottom: 30px;
    }
    .purchase-business-section-inner h2 {
        font-size: 30px;
        line-height: 1;
    }
    .clock-inout-features-box .clock-content-img img {
        width: 40px;
    }
    .clockinout-page .benefits-essp ul li {
        font-size: 18px;
    }
   
    }

@media screen and (max-width: 1320px) {
    .home-page .banner-section h1 {
        font-size: 40px;
        line-height: 54px;
        margin-bottom: 34px;
    }
    .finance_modules h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    
    .inner_pages_main .banner-sections h1, .inner_pages_main .banner-sections h1 .purple_color-gradiant {
        font-size: 32px;
        line-height: 42px;
    }
   
    .slot-main-section {
        margin-bottom: 50px;
    }
    .hr-super-power-section .hr-super-power-section-inner span.hsp-text {
        font-size: 16px;
        line-height: 1;
    }
    .finance-expenses-content h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 15px;
    }
        .finance-expenses-content h3 span img {
            width: 20px;
        }
    .three-budget-sections .three-budget-sections-left {
        width: 100%;
    }
    .three-budget-sections-right {
        width: 100%;
    }
        .three-budget-sections-right .three-budget-sections-right-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    .complaint-section {
        padding: 60px 0px;
        padding-bottom: 40px;
        margin-bottom: 60px;
    }
        .complaint-section h3 {
            font-size: 28px;
            line-height: 48px;
        }
    .projectmanagement-page .banner-content h1 {
        font-size: 48px;
        margin-top: 58px;
        margin-bottom: 50px;
        padding: 20px 30px
    }
        .projectmanagement-page .banner-content h1 span.project-headding-size {
            font-size: 40px;
            line-height: 1;
        }
    .projects-deadline-section .deadline-section .deadline-section-box {
        padding: 10px;
    }
    .organization-box h6 {
        font-size: 17px;
    }
    .our-happy-clients, .manage-every-aspect {
        margin-bottom: 60px;
    }
    .careers-page .career-head h2 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 12px;
    }
    .hr-sliders .sliders img.features-icon {
        width: 50px;
        margin-bottom: 20px;
    }
    .hr-sliders .sliders h4{
        font-size:20px;
    }

    .hr-sliders .sliders {
        padding: 20px;
    }
        .crmsoftware-page .banner-video .crm-right-section img {
            right: 40px;
        }
    .hrm-page .banner-video, .crmsoftware-page .banner-video {
        margin-bottom: 20px;
    }
    .manage-every-aspect h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .our-happy-clients .our-happy-clients-inner h3 {
        font-size: 22px;
        line-height: 1;
        color: #000;
        margin-bottom: 0px;
    }
    .articals_img_section_inner .artical_img img {
        width: 120px;
        margin: 0px auto;
        display: table;
    }
    .articals_img_section {
        padding: 30px;
    }
    .sales-drama-section h3 {
        font-size: 28px;
        line-height: 48px;
    }
    .crm-categories-left .crm-manage-leads p {
        margin-bottom: 24px;
    }
    .sales-pipeline {
        margin-top: 120px;
    }
    .banner-sections h1, .purple_color-gradiant {
        font-size: 30px;
        line-height: 40px;
    }
    .why-choose-slot-main h4 {
        font-size: 18px;
        line-height: 36px;
    }
    .hidden-charges h3 .hrm-txt, .hidden-charges h3 .hrm-price {
        font-size: 36px;
        line-height: 46px;
    }
    .hidden-charges h3 .month-user {
        font-size: 20px;
        line-height: 28px;
    }
    .hidden-charges span.hdn-charges span {
        font-size: 24px;
        line-height: 34px;
    }
    .payrollsoftware-page .manageYourBusiness div img {
        width: 600px !important;
    }
    .get-entire-module .compare-img {
        width: 90%;
    }
    .all-modules-included ul li a img {
        width: 120px;
        height: auto;
    }

    .all-modules-included ul li {
        margin: 40px 15px;
    }
    .module-slider .slick-slider {
        width: 100%;
    }
    .articals_img_section .articals_img_section_inner {
        width: 100%;
    }
    .category-section h4 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 30px;
    }

    .banner-section h1:before {
        left: 140px;
        top: -90px;
    }

    .container, .inner_header .container, .finance-page .header-banner .header-banner-inner {
        max-width: 1180px;
    }

    .cart-view-page .container {
        max-width: 1020px;
    }

    .faq-section-main span {
        font-size: 16px;
        line-height: 26px;
    }

    .faq-section-main .container {
        width: 100%;
        padding: 0px;
    }

    .banner-section h1, .aboutus-page .banner-section h1 {
        font-size: 36px;
        line-height: 46px;
    }

        .banner-section h1 label {
            /*     font-size: 36px;
            line-height: 46px;*/
        }

        .banner-section h1 .head_top {
            width: 110px;
        }

    a.btn.get__started:before {
        width: 250px;
        height: 100px;
        left: -230px;
        bottom: -80px;
    }

    .banner-section-inner::before {
        width: 260px;
        height: 260px;
        left: 130px;
        top: -30px;
    }

    .banner-section-inner::after {
        width: 150px;
        height: 150px;
    }

    .foot-logo p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .category-section:before {
        width: 280px;
        height: 280px;
        bottom: 260px;
    }

    .category-section:after {
        width: 280px;
        height: 280px;
        bottom: 260px;
    }

    .banner-section-image .banner-text {
        padding: 120px 0px;
    }

    .check-price-section-inner h5, .check-price-section-inner h5 span {
        font-size: 52px;
        line-height: 72px;
    }

    .b-text-left-inner h1 {
        font-size: 66px;
        line-height: 76px;
    }

        .b-text-left-inner h1 span {
            /*  font-size: 90px;
            line-height: 100px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 61px;
        line-height: 71px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /*  font-size: 70px;
            line-height: 80px;*/
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 79px;
        line-height: 89px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 70px;
        line-height: 80px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 70px;
        line-height: 85px;
    }

    .faq-section-main h5 {
        font-size: 32px;
        line-height: 42px;
    }
    .content-top-inner .txt-img-btn-section .b-img-center img {
        width: 600px;
    }
    .txt-img-btn-section .b-img-center p {
        font-size: 16px;
        line-height: 30px;
    }
    .banner-top-text-section {
        padding-bottom: 195px;
        padding-top: 101px;
    }
    .content-top-main .txt-img-btn-section {
        position: absolute;
        top: 67%;
    }
    .about-section .abt-text-left-inner h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .about-section .abt-text-left-inner p {
        font-size: 16px;
        line-height: 32px;
    }
    .main_section-col h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .main_section-col p {
        font-size: 16px;
        line-height: 32px;
    }
    .setting-trend p {
        font-size: 21px;
        line-height: 42px;
    }
    .values-section h2 {
        font-size: 32px;
    }

}

@media screen and (max-width: 1200px) {
    .demo_form {
        padding: 40px;
    }
    .slider-container {
        width: 100%;
    }
    .module-slider .slider-nav {
        width: 100%;
    }
    .crm-benfits-section-head h3 {
        font-size: 24px;
    }
    .crm-benfits-section-box h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .crm-benfits-section {
        margin-bottom: 30px;
    }
    .piece-of-cake-section-box .piece-cake-section-content h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .for-sections.for-image-content::before {
        top: 0px;
        right: 0px;
    }
    .for-sections.for-content-image::before{
        top:0px;
        left:0px;
    }
    .for-image-content .for-sections-right.for-image img {
        left: 20px;
    }
    .for-content-image .for-sections-right.for-image img {
        right: 20px;
    }
    .benefits-essp ul li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .benefits-essp h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .benefits-essp .container::before, .benefits-essp .container::after {
        width: 170px;
        height: 170px;
    }
    .inner_pages_main .banner-sections h1, .inner_pages_main .banner-sections h1 .purple_color-gradiant {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .manageYourBusiness h2 {
        font-size: 20px;
        line-height: 40px;
    }
    .payrollsoftware-page .manageYourBusiness div img {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .payroll-software-categories .payroll-software-headsection h3 {
        font-size: 20px;
        line-height:30px;
    }
    .payroll-software-categories .payroll-software-headsection p {
        font-size: 16px;
        line-height: 32px;
    }
    .payroll-software-categories .why-choose-slot-main h4 {
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .payroll-software-categories .why-choose-slot-main p {
        font-size: 15px;
        line-height: 25px;
    }
    .marketing-decisions_detailed ul li, .marketing-decisions_detailed b {
        font-size: 15px;
        line-height: 25px;
    }
    .hr-super-power-section .hr-super-power-section-inner h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .finance-page .banner-content h1 {
        font-size: 38px;
        margin-top: 15px;
        margin-bottom: 23px;
        line-height: 46px;
    }
    .projects-deadline-section .deadline-section .deadline-section-box h6 {
        font-size: 16px;
        line-height: 1.2;
    }
    .project-categories .categories-content h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .project-categories .categories-content a.cartegories_viewmore {
        height: 45px;
        line-height: 45px;
    }
    .project-categories .categories-content p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .organization-box h6 {
        font-size: 17px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .organization-box img {
        width: 36px;
    }
    .sales-pipeline h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }
    .hr-sliders .sliders h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
    }
    .hr-super-power-section-inner a.see_all_features {
        padding: 20px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
    }
    .hr-sliders .sliders img.features-icon {
        width: 40px;
        margin-bottom: 15px;
    }
    .banner-sections, .payrollsoftware-page .banner-sections {
        padding: 30px 0px;
    }
        .banner-sections h1, .purple_color-gradiant {
            font-size: 26px;
            line-height: 36px;
        }
    .manageYourBusiness h2 {
        font-size: 26px;
        line-height: 46px;
    }
    .banner-sections p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 20px;
    }
    .payrollsoftware-page .payroll-banner-image {
        bottom: -30px;
    }
    .manualPayroll-section .container {
        padding: 20px;
    }
    .manual-headding h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .manageYourBusiness div img {
        width: 640px;
        margin-top: 30px;
    }
    .management-solutions h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .management-solutions .container {
        border-radius: 30px;
        padding: 30px;
    }
    .management-solutions_left p b {
        font-size: 16px;
        line-height: 32px;
    }
    .wc-karya .wc-karya-inner .wc-karya-slot {
        height: 143px;
    }
        .wc-karya .wc-karya-inner .wc-karya-slot::before {
            margin-right: 20px;
        }
    .hrmpricing-body .banner_inner h1 {
        font-size: 33px;
    }
    .all-features-groups {
        width: 100%;
    }
    .shadow-bg {
        width: 100%;
    }
    .m-bottom input.form-control {
        width: 100%;
    }
    .signup-testimonial-section{
        width: 80%;
    }
        .signup-testimonial-section h6 {
            margin-bottom: 20px;
            font-size: 18px;
        }
    button.btn.get-started {
        width: 100%;
    }
    .img-desgnation div img {
        width: 51px;
        height: 51px;
    }
    .img-desgnation div p {
        font-size: 16px;
        line-height: 26px;
    }
    .test-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .main_section-col p {
        font-size: 14px;
        line-height: 28px;
    }
    .signup-testimonial-section {
        padding: 30px;
        border-radius: 35px;
    }
    .karya-pricing-section .col-5 {
        width: 33.3%;
        padding: 15px;
        position: relative;
    }
    .team-pics {
        width: 100px;
    }
    .teams-page .flip {
        height: 100px;
        width: 100px;
    }
    .teams-page .face {
        height: 100px;
        width: 100px;
    }
    .teams-page .flipper-container {
        margin: 10px auto;
    }
    .teams-page .card-body {
        padding-top: 45px;
    }
    .name_role h4 {
        font-size: 18px;
        margin-bottom: 0px;
        line-height: 24px;
    }
    .teams-page .card-body {
        padding-top: 45px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .value-section .card p {
        font-size: 14px;
        line-height: 24px;
    }
        #divWatchVideo .modal-dialog.modal-dialog-centered {
        min-width: auto !important;
    }

    .tittle-section h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .container, .cart-view-page .container, .inner_header .container, .finance-page .header-banner .header-banner-inner {
        max-width: 980px;
    }

    ul.navbar-nav li.nav-item {
        margin: 0px 15px;
    }

        ul.navbar-nav li.nav-item a.nav-link {
            font-size: 16px;
            line-height: 22px;
        }

    .buttons-section a {
        margin-left: 20px;
    }

    a.btn.login_btn {
        font-size: 16px;
        line-height: 22px;
    }

    .buttons-section a.btn.free_btn {
        font-size: 14px;
        line-height: 20px;
    }

    .navbar-brand img.logo {
        width: 100px;
    }

    .banner-section-image h1 {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 20px;
    }

        .banner-section-image h1 span {
            font-size: 60px;
            line-height: 70px;
        }

    .foot-links ul li a {
        font-size: 14px;
        line-height: 22px;
    }

    .foot-links h6 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .features-item {
        padding: 30px 20px;
    }

        .features-item .features-title {
            font-size: 16px;
            line-height: 26px;
        }

    .category-section:before {
        width: 410px;
        height: 410px;
        bottom: 120px;
    }

    .category-section:after {
        width: 410px;
        height: 410px;
        bottom: 120px;
    }

    .banner-section-image .banner-section-in p {
        font-size: 18px;
        line-height: 32px;
        color: #fff;
        margin-bottom: 30px;
    }

    .banner-section-image .banner-text {
        padding: 140px 0px;
    }

        .banner-section-image .banner-text::before {
            width: 240px;
            height: 70px;
        }

        .banner-section-image .banner-text::after {
            width: 240px;
            height: 70px;
        }

    .btn.try_free {
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 25px;
        min-width: 200px;
        line-height: 35px;
    }

    .btn.watch_video {
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 25px;
        min-width: 200px;
        line-height: 35px;
    }

    .demo-page .demo-form {
        width: 100%;
    }

    .contact-info h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0px;
    }

    .location-section .contact-info {
        padding: 20px !important;
        height: 100% !important;
    }

    .experience-section h2 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 20px;
    }

    .experience-section p {
        font-size: 20px;
        line-height: 34px;
    }

    .business-pocket-section h5 {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 20px;
    }

    .business-pocket-section p br {
        display: none;
    }

    .business-pocket-section-left .business-pocket-section-left-inner::after {
        width: 150px;
        height: 150px;
        top: 30%;
    }

    .no-cred-btns::before {
        margin-left: 0px;
        left: 0;
    }

    .no-credit-section-left h5 {
        font-size: 38px;
        line-height: 48px;
    }

    .no-credit-section-right p {
        font-size: 16px;
        line-height: 26px;
    }

    .no-credit-section-right h6 {
        font-size: 28px;
        line-height: 38px;
    }

    .banner-section h1::before {
        width: 120px;
        height: 40px;
    }

    .banner-section h1 .head_top {
        width: 70px;
        height: 40px;
        top: -20px;
        margin-left: -30px;
    }

    .banner-section {
        padding: 40px 0px;
    }

    .module-slider .menu-slide li span.cat-name {
        font-size: 16px;
        line-height: 32px;
    }

    .module-slider .menu-slide li span.cat-img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
        margin-top: -6px;
    }

    .module-slider .menu-slide li {
        width: 120px !important;
        margin-right: 60px !important;
    }

        .module-slider .menu-slide li:after {
            content: "............";
            position: absolute;
            top: 30%;
            right: -59px;
            transform: translate(0%, -50%);
            font-size: 23px;
            line-height: 20px;
        }

    .category-section h5 {
        font-size: 40px;
        line-height: 50px;
    }

    .category-section p {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #000;
        /* color: #939393; */
    }

    .category-section .slider-content {
        padding-bottom: 0px;
    }

    .pricing-section h5 {
        font-size: 30px;
        line-height: 40px;
    }

    .award_img_section::after {
        right: -120px;
        width: 270px;
        height: 270px;
    }

    .award_img_section::before {
        width: 210px;
        height: 210px;
    }

    .best-plan-section::before {
        width: 150px;
        height: 150px;
        left: 0px;
    }

    .business-pocket-section-inner a img {
        width: 140px;
    }

    .banner-section-inner::before {
        width: 260px;
        height: 260px;
        left: 0px;
        top: -30px;
    }

    .banner-section-inner::after {
        /*width: 260px;
        height: 230px;
        right: 0px;
        bottom: 0px;*/
    }

    .category-section h5 {
        font-size: 24px;
        line-height: 34px;
    }

    .b-text-left-inner h1 {
        font-size: 56px;
        line-height: 66px;
    }

        .b-text-left-inner h1 span {
            /*   font-size: 80px;
            line-height: 90px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 42px;
        line-height: 52px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 60px;
            line-height: 70px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 32px;
        line-height: 42px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 82px;
            line-height: 92px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 68px;
        line-height: 78px;
    }

    .value-section-nav p {
        font-size: 16px;
        line-height: 26px;
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .about-section .abt-text-left-inner p {
        font-size: 16px;
        line-height: 32px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 60px;
        line-height: 75px;
    }

    .banner-section h1::before {
        width: 150px;
        height: 100px;
        top: -30px;
    }

    .experience-section h4 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .module-slider .slide-btn.slick-slide .cat-img img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    .module-slider .slide-btn.slick-slide span.cat-name {
        font-size: 18px;
        line-height: 28px;
    }

    .slide-btn.slick-current:after {
        top: 14px;
    }

    .desktop-hr-view {
        display: none;
    }

    .mobile-hr-view {
        display: block;
    }
    .banner-text-section-inner p {
        font-size: 17px;
        line-height: 30px;
    }

    .banner-text-section-inner h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner-section-text p {
        font-size: 17px;
        line-height: 34px;
    }
    .banner-section-text h4 {
        font-size: 22px;
        line-height: 36px;
    }
    .banner-text-section-inner h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .what-you-txt h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .what-you-txt h2 {
        margin-bottom: 20px;
    }
    .form-section-main h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .view-more-section .img-one {
        width: 290px;
        height: auto;
    }
    .view-more-section .img-two {
        height: auto;
        width: 420px;
    }
    .view-more-section .img-three {
        width: 290px;
        height: auto;
    }
    .view-more-section .img-four {
        width: 330px;
        height: auto;
    }
    .banner-section-text h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .slider-main-section img {
        width: 220px;
    }
    .banner-section-text h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .form-section-main p {
        font-size: 16px;
        line-height: 30px;
    }
    .txt-img-btn-section .btn-section-main a {
        font-size: 22px;
        line-height: 66px;
        padding: 0px 100px;
    }
    .txt-img-btn-section .b-img-center h2 {
        font-size: 36px;
        line-height: 45px;
    }
    .content-top-main {
        position: relative;
        margin-bottom: 690px;
    }
    .form-section-main .form-section-main-inner {
        padding: 30px;
    }
    .form-section-main h2 {
        margin-bottom: 35px;
      
    }
    .purple-dot-shade-inner-bottom::after {
        width: 273px;
        height: 508px;
        position: absolute;
    }
    .view-more-section .view-more-btn a {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 27px;
    }
    .moreless-button, .moreless-button-one, .moreless-button-two, .moreless-button-three {
        background-size: 22px 22px;
    }
        .moreless-button.moreless-button-icon, .moreless-button-one.moreless-button-icon-one, .moreless-button-two.moreless-button-icon-two, .moreless-button-three.moreless-button-icon-three {
            background-size: 22px 22px;
        }
    .pricing-section h1 {
        font-size: 46px;
        padding: 30px 0px;
    }
        .pricing-section h1::after {
            width: 170px;
            height: 204px;
        }
        .pricing-section h1::after {
            right: 60px;
            top: 110px;
            background-size: cover;
        }
        .pricing-section h1::before {
            left: 10px;
            top: 120px;
            background-size: cover;
        }
        .pricing-section h1::before {
            width: 200px;
            height: 204px;
        }
    .affordable-inner h2 {
        font-size: 32px;
        line-height: 1.2;
    }
    .affordable-inner span {
        font-size: 26px;
    }
    .tab-pane h3 .hrm-txt, .tab-pane h3 .hrm-price {
        font-size: 32px;
        line-height: 1;
    }
    .pricing_tabs span.hdn-charges span {
        font-size: 22px;
        line-height: 1.3;
    }
    .client-logos-main {
        margin: 90px 0px;
    }
    .karya_modules a {
        font-size: 18px;
        padding: 5px 35px;
        margin: 0px 15px;
    }
    p.try-karya {
        font-size: 36px;
        margin-top: 50px;
        margin-bottom: 25px;
    }
    .hrm-features-section nav .container ul li a {
        font-size: 14px;
        padding: 10px;
        line-height: 40px;
    }
    .hrm-features-section nav{
        width:360px;
    }
    .banner-video h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
        .banner-video h1 span {
            font-size: 32px;
        }
    .convinced-section .check_pricing, a.btn.watchVideo-btn, .convinced-section .check_pricing {
        padding: 7px 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .manage-every-aspect {
        padding: 50px;
        margin-bottom: 60px;
    }
    .banner-video p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .convinced-section .check_pricing, a.faq-btn {
        border-radius: 25px;
        padding: 8px 30px;
        font-size: 14px;
    }
    .hrm-features-section h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    .hrm-features-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .hrm-features-section section {
        margin-bottom: 40px;
    }
    .simplest-section h5 {
        font-size: 26px;
        margin-bottom: 10px;
    }
        .simplest-section h5 span {
            font-size: 30px;
        }
    p.try-karya {
        font-size: 26px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .karya_modules a {
        font-size: 14px;
        padding: 5px 21px;
        margin: 0px 5px;
    }
    .karya_modules {
        margin-bottom: 40px;
    }
    .hrm-features-section {
        padding-bottom: 50px;
    }
    .banner-video {
        padding: 50px 0px;
    }
    .per-user-section .per-user-section-inner, .cart-user-section-inner, .add-to-cart-section {
        padding: 25px;
    }
    .teams-page .card-body, .card-1:before, .card-2:before, .card-3:before, .card-4:before {
        width: 400px;
        height: 260px;
    }
    .name_role a {
        top: 0px;
    }
        .name_role a img {
            bottom: 0px;
        }
    .about-section .abt-text-left-inner h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .about-section h2 span {
        font-size: 28px;
    }
    .value-section .tittle-section h2 {
        font-family: Poppins;
        font-size: 30px;
        margin-bottom: 0px !important;
    }
    .value-section .tittle-section p {
        font-size: 16px;
        line-height: 32px;
    }
    .value-section .tittle-section p br{
        display:none;
    }
    .teams-page .card {
        margin-top: 140px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .career-banner-bottom .career-banner-bottom-log {
        width: 300px;
        height: 190px;
        margin-bottom: 30px;
    }
    .box:hover .overlay:before {
        top: -68%;
    }
    .box:hover .overlay:after {
        bottom: -48%;
    }
    .overlay:after {
        right: -130%;
    }
    .careers-page .banner-video h1, .careers-page .banner-video h1 span {
        font-size: 26px;
        line-height: 36px;
    }
    .job_role {
        width: 100%;
        height: 176px;
    }
    .careers-page .career-banner-bottom .career-banner-bottom-log {
        width: 303px;
        height: 190px;
        margin-bottom: 40px;
    }
    .careers-page .box:hover .overlay:before {
        top: -40%;
    }
    .careers-page .overlay:before {
        left: -130%;
    }
    .careers-page .box:hover .overlay:after {
        bottom: -40%;
    }
    .careers-page .overlay:after {
        right: -136%;
    }
    .need-bm-software h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .crm-categories-inner {
        display: block !important;
    }
        .crm-categories-inner .crm-categories-left {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
    .action-items-leads div {
        margin-top: 40px;
    }
    .crm-manage-leads img {
        width: auto;
    }
    .crm-manage-leads {
        width: calc(100% - 0px);
        margin-right: 25px;
        margin-bottom: 0px;
    }
    .crm-categories-left .crm-manage-leads p {
        margin-bottom: 0px;
    }
    .action-items-leads p {
        margin-bottom: 84px;
    }
    .crm-categories-right {
        width: 100%;
    }

    .crm-bulk-mailing p {
        margin-bottom: 46px;
    }
    .akbar-birbal-section .container {
        border-radius: 20px;
        padding: 20px;
        padding-bottom: 0px;
    }
    .akbar-birbal-section h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .akbar-birbal-section-left .karya_logos {
        width: 180px;
    }

    .akbar-birbal-section {
        margin-bottom: 60px;
    }

    .sales-pipeline p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 1100px) {
    .finance_modules {
        margin: 30px 0px;
    }
    .clickcall-essp .benefits-essp-right img {
        width: 80%;
        margin: 0px auto;
        display: table;
    }
    .benefits-essp ul li br {
        display: none;
    }
    .clickcall-essp ul li {
        line-height: 40px !important;
        font-size: 16px;
    }
    
    .clockinout-page .benefits-essp .benefits-essp-right img {
        width: 100%;
    }
    .for-image-content .for-sections-right.for-image img {
        left: 20px;
        width: 300px;
        height: auto;
    }
    .for-content-image .for-sections-right.for-image img {
        right: 20px;
        width: 300px;
        height: auto;
    }
    .award_img_section::after, .award_img_section::before {
        display: none;
    }
    .why-choose-slot-main .why-slots {
        padding: 15px;
    }
    .why-choose-slot-main h4 {
        font-size: 16px;
        line-height: 1.2;
    }
    .need-bm-software p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 50px;
    }
    .manual-headding h2 {
        font-size: 22px;
        margin-bottom: 15px;
        line-height: 36px;
    }
    .manual-payroll-process table tr th {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 10px;
    }
    .manual-payroll-process table tr td, .manual-payroll-process table tr td:first-child {
        font-size: 15px;
        line-height: 26px;
        padding: 10px 10px;
    }
    .wc-karya .wc-karya-inner .wc-karya-slot h6 {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .wc-karya .wc-karya-inner .wc-karya-slot {
        height: 130px;
    }
    .need-business-slot {
        border-radius: 25px;
        padding: 4px;
    }
        .need-business-slot .need-business-slot-inner {
            border-radius: 21px;
            padding: 4px;
        }
            .need-business-slot .need-business-slot-inner .need-business-innertext {
                border-radius: 16px;
                padding: 12px 10px;
            }
    .hrm-features-section nav {
        width: 100%;
    }
    .pricing_tabs {
        width: 100%;
        height: auto;
    }
    .category-section h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }

    .container, .cart-view-page .container, .inner_header .container {
        max-width: 880px;
    }

    .banner-section-image h1 {
        /*font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;*/
    }



    .banner-section-image .banner-section-in p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        margin-bottom: 25px;
    }

    .banner-section-image .banner-text {
        padding: 100px 0px;
    }

    .banner-section h1::before {
        left: 120px;
    }

    .banner-section h1 .head_top {
        width: 70px;
        height: 40px;
        top: -20px;
        margin-left: -30px;
    }

    .category-section h5 {
        font-size: 30px;
        line-height: 40px;
    }

    .category-section p {
        font-size: 16px;
    }

    .pricing-section h5 {
        font-size: 24px;
        line-height: 34px;
    }

    .pricing-section p.nev-use {
        font-size: 16px;
    }

    .faq-section-main a {
        font-size: 16px;
        line-height: 46px;
    }

    .purchase-business-section-inner h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .purchase-business-section-inner p {
        font-size: 20px;
        line-height: 30px;
    }

    .increase-business-section h5 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .increase-business-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .check-trail-section h5 {
        font-size: 32px;
        line-height: 42px;
    }

    .check-trail-section h6 {
        font-size: 28px;
        line-height: 38px;
    }

    .check-trail-section p {
        font-size: 20px;
        line-height: 30px;
    }

    .check-price-section-inner::before {
        width: 40px;
    }

    .convinced-section h2, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .convinced-section h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }

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

    .business-img-section img {
        width: 310px;
    }

    .b-text-left-inner h1 {
        font-size: 46px;
        line-height: 56px;
    }

        .b-text-left-inner h1 span {
            /* font-size: 70px;
            line-height: 80px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 38px;
        line-height: 48px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 53px;
            line-height: 63px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 30px;
        line-height: 40px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 75px;
            line-height: 85px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 55px;
        line-height: 65px;
    }



    .about-section .abt-text-left-inner p {
        font-size: 14px;
        line-height: 28px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .banner-text-section-inner p {
        font-size: 15px;
        line-height: 28px;
    }
    .banner-section-text p {
        font-size: 16px;
        line-height: 34px;
        word-spacing: 6px;
    }
    .view-more-section .img-one {
        width: 270px;
        height: auto;
    }
    .view-more-section .img-two {
        height: auto;
        width: 395px;
    }
    .view-more-section .img-three {
        width: 270px;
        height: auto;
    }
    .view-more-section .img-four {
        width: 310px;
        height: auto;
    }
    .form-section-main p {
        font-size: 15px;
        line-height: 25px;
    }
    .banner-top-text-section .b-text-center p {
        font-size: 18px;
        line-height: 24px;
    }
    .banner-text-section h2 {
        font-size: 46px;
        line-height: 52px;
    }
    .form-section-main h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .content-top-main {
        position: relative;
        margin-bottom: 690px;
    }
    .purple-dot-shade-inner-left::after {
        width: 179px;
        height: 253px;
    }
    .view-more-section .view-more-btn a {
        font-size: 16px;
        line-height: 26px;
        padding-left:30px;
    }
    .moreless-button, .moreless-button-one, .moreless-button-two, .moreless-button-three {
        background-size: 22px 22px;
    }
    .banner-text-section-inner h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .moreless-button.moreless-button-icon, .moreless-button-one.moreless-button-icon-one, .moreless-button-two.moreless-button-icon-two, .moreless-button-three.moreless-button-icon-three {
        background-size: 22px 22px;
    }
    .form-section-main .form-section-main-inner {
        padding: 30px;
        width: 600px;
    }
    .banner-video h1, .banner-video h1 span {
        font-size: 28px !important;
        line-height: 38px;
        margin-bottom: 5px;
    }
        .banner-video h1 span {
            font-size: 22px;
        }
    .banner-video p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .convinced-section .check_pricing, a.faq-btn {
        padding: 6px 20px;
        font-size: 14px;
    }
    .teams-page .card-body, .card-1:before, .card-2:before, .card-3:before, .card-4:before {
        width: 350px;
        height: 300px;
    }
    .box:hover .overlay:before {
        top: -98%;
    }
    .box:hover .overlay:after {
        bottom: -89%;
    }
    .career-banner-bottom .career-banner-bottom-log {
        width: 270px;
        height: 220px;
        margin-bottom: 30px;
    }
    .career-banner-bottom p {
        font-size: 14px;
        line-height: 28px;
    }
    .career-banner-bottom h6 {
        font-size: 16px;
    }
    .careers-page .career-banner-bottom .career-banner-bottom-log {
        width: 269px;
        height: 190px;
        margin-bottom: 40px;
    }
    .careers-page .box:hover .overlay:before {
        top: -60%;
    }
    .careers-page .box:hover .overlay:after {
        bottom: -60%;
    }
    .crm-bulk-mailing p {
        margin-bottom: 18px;
    }
    .btns a.btn {
        margin: 0px 10px;
    }
    .convinced-section .check_pricing, a.faq-btn, a.btn.watchVideo-btn {
        padding: 6px 20px;
        font-size: 14px;
    }
    .manage-every-aspect {
        border-radius: 40px;
    }
        .manage-every-aspect h2 {
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 20px;
        }
        .manage-every-aspect p {
            font-size: 16px;
            line-height: 32px;
        }
    .our-happy-clients .our-happy-clients-inner h3 {
        font-size: 20px;
    }
    img.crm-akbar-birbal-image {
        width: 170px;
        margin-left: 50px;
        margin-top: -30px;
    }
    .sales-pipeline h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .sales-pipeline {
        padding: 50px 0px;
    }
    .sales-pipeline-right img {
        position: absolute;
        top: -110px;
        height: 390px;
    }
    .modules__section {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .left-demo-img {
        display: none;
    }
    .demo_form {
        padding: 40px;
        width: 100%;
    }
    .thik-green-bg img {
        margin-bottom: 20px;
    }
    .lyt-green-bg img {
        margin-top: 20px;
    }
    .infrastructure-section-box {
        margin-bottom: 40px;
        border: 0px !important;
    }
    .modules__section .modules_box {
        margin-bottom: 20px;
    }
    .module-slider .slider-nav .nav-slide {
        margin: 0px 20px;
    }
    .module-slider .slider-nav {
        height: 70px;
    }

    .module-slider span.cat-name {
        font-size: 20px;
    }
    img.video-play-button {
        width: 66px;
        height: 66px;
        margin-bottom: 0px;
    }
    .breadcrumb-section {
        display: none;
    }
    .clickcall-essp .benefits-essp-right img {
        width: 280px;
        margin: 20px auto;
        display: table;
    }
    .clickcall-essp p {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px !important;
    }
    .piece-of-cake-section .piece-of-cake-section-headding h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 50px;
    }
    .piece-of-cake-section-box-main{
        margin-bottom:60px;
    }
    .piece-of-cake-section-box-main:last-child {
        margin-bottom: 0px;
    }
   
    .clockinout-page .benefits-essp h3 {
        margin-bottom: 30px;
    }
    .clockinout-page .benefits-essp .benefits-essp-right img {
        width: 400px;
        margin: 0px auto;
        display: table;
    }
    .for-sections-right.for-image {
        order: 2;
    }
    .for-content-image .for-sections-right.for-image img, .for-image-content .for-sections-right.for-image img {
        height: auto;
        position: inherit;
        width: auto;
        right: auto;
        float: none;
        margin: 0px auto;
        display: table;
    }
    .for-sections-main .for-sections .row {
        padding: 30px;
        padding-bottom: 0px;
    }
    .clock-inout-features-box {
        padding: 22px 10px;
    }
        .clock-inout-features-box h4 {
            font-size: 16px;
            line-height: 22px;
        }
        .clock-inout-features-box p {
            font-size: 14px;
            line-height: 24px;
        }
    .clock-inout-features-section {
        background-size: 100% 100%;
        padding: 10px;
        margin-bottom: 40px;
    }
    .three-budget-sections .three-budget-sections-left .finance-expenses-content {
        display: inline-block !important;
    }
    .three-budget-sections .three-budget-sections-left .expenses-bottom {
        margin-bottom: 10px;
    }
    .finance-expenses-img img {
        width: auto;
        margin: 0px auto;
        display: table;
    }
    .three-budget-sections-right .three-budget-sections-right-inner {
        display: inline-block;
    }
    button.btn.see-all-featuresbtn {
        width: auto;
        height: auto;
        flex-shrink: 0;
        color: #424141;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border: 2px solid #000;
        border-radius: 50px;
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 10px 25px;
    }
    .finance-banner-image {
        margin-bottom: 35px;
    }
    .projectmanagement-page .banner-content h1 {
        font-size: 38px;
        margin-top: 48px;
        margin-bottom: 40px;
        padding: 0px;
        line-height: 60px;
    }
        .projectmanagement-page .banner-content h1::before, .projectmanagement-page .banner-content h1::after {
            display: none;
        }
        .hrm-banner-left, .hrm-banner-right {
            width: 100%;
        }
    .hr-super-power-section .hr-super-power-section-inner h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .hr-slider-section {
        padding: 30px;
    }
    .hr-super-power-section .hr-super-power-section-inner span.hsp-text {
        font-size: 12px;
        margin-bottom: 16px;
    }
    .careers-page .career-head h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .first-organization h3 {
        font-size: 24px;
        line-height: 42px;
    }
    .first-organization p {
        font-size: 16px;
        line-height: 32px;
    }
    .banner-video img {
        width: 100%;
        float: none;
    }
    .hrm-page .banner-video .hrm-banner-right img {
        width: 580px;
        margin: 0px auto;
        margin-top: 40px;
        display: table;
    }
    .hrm-page .hrm-banner-left p br {
        display: none;
    }
    .hrm-software .banner-video {
        padding: 20px 0px;
        margin-bottom: 0px !important;
        margin-top: 0px;
    }
    .crm-teams-targets div img, .crm-bulk-mailing div img {
        width: auto;
    }
    .our-happy-clients .our-happy-clients-inner h3 {
        display: none;
    }
    header.inner_header {
        padding: 15px 0px;
    }
    .payrollsoftware-page .payroll-banner-image {
        /*display: none;*/
    }
      
    .payrollsoftware-page.inner_pages_main.timesheet-attendance-page .payroll-banner-image img{
        margin-top:0px;
    }
    .payrollsoftware-page .banner-sections-text {
        width: 100% !important;
    }
    .why-choose-software-inner .why-choose-slot-main {
        /*width: 50%;*/
    }
    .hidden-charges h3 .hrm-txt, .hidden-charges h3 .hrm-price {
        font-size: 26px;
        line-height: 36px;
    }
    .hidden-charges span.hdn-charges span {
        font-size: 18px;
        line-height: 28px;
    }

    .hidden-charges h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-sections .rct-bg {
        padding: 6px 14px;
        font-size: 12px;
        line-height: 1;
        margin-bottom: 20px;
    }
    .banner-sections h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .banner-sections p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .manageYourBusiness {
        padding: 30px 0px;
    }
        .manageYourBusiness h2 {
            font-size: 21px;
            line-height: 31px;
        }
        .manageYourBusiness p {
            font-size: 15px;
            line-height: 25px;
        }
        .manageYourBusiness div img {
            width: 460px;
            margin-top: 30px;
        }
    .management-solutions h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .management-solutions_left p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .purchase-business-section {
        margin-bottom: 40px;
    }
    .purchase-business-section-inner h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .slick-slider {
        margin-bottom: 0px;
    }
    .slick-slider {
        margin-bottom: 0px;
    }
    .award_img_section img {
    width: 100px;
}
    .karyas-business .karyas-business-inner h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .karyas-business .karyas-business-inner p {
        font-size: 15px;
        line-height: 25px;
    }
    .wc-karya h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .wc-karya h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .free-trail-form-section h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .free-trail-form-section h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .free-trail-form-section input{
        font-size:15px;
    }
    .get_started-form {
        max-width: 280px;
        height: 38px;
        font-size: 15px;
        margin: 30px auto;
        margin-bottom: 20px;
    }
    .free-trail-form-section {
        width: 300px;
        height: auto;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 30px;
    }
    .billded_monthly {
        width: 300px;
        height: 250px;
    }
    .billded_annually {
        width: 300px;
        height: 270px;
    }
        .billded_annually .user_price {
            padding-top: 30px;
            padding-bottom: 20px;
        }
    .faq-accordion-left{
        width:100%;
    }
    .faq-accordion-right{
        display:none;
    }
    footer.footer {
        padding-top: 50px;
    }
    .social-media.desktop-media {
        display: none;
    }
    .mobile-media {
        display: block;
    }
    .hrmpricing-body .banner_inner {
        padding: 50px;
        padding-bottom: 0px;
    }
    .header_radial {        
        height: 540px;
        margin-bottom: 180px;
    }
    .all-features-included h2 {
        font-size: 28px;
        line-height: 1;
    }
    .all-features-included p {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .all-features-groups ul li {
        padding-left: 26px;
        margin-bottom: 20px;
        font-size: 15px;
        background-size: 22px;
    }
    .all-modules-included h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .get-entire-module h3 span.hrm-txt, .get-entire-module h3 span.hrm-price {
        font-size: 32px;
    }
    .get-entire-module h3 span.month-user {
        font-size: 20px;
    }
    .get-entire-module span.hdn-charges span {
        font-size: 28px;
        line-height: 1.3;
    }
    .faq-section-main h5 {
        font-size: 24px;
        line-height: 34px;
    }
    .billded_monthly .user_price span.user_Amount {
        font-size: 30px;
        margin-bottom: 10px;
    }
        .billded_monthly .user_price span.user_Amount span.user_month-text, .billded_annually .user_price span.user_Amount span.user_month-text {
            font-size: 18px;
        }
    .billded_annually .user_price span.user_Amount {
        font-size: 34px;
        margin-bottom: 10px;
    }
        .hrmpricing-body .banner_inner h1 {
            font-size: 26px;
        }
        .hrmpricing-body .banner_inner p {
            font-size: 16px;
            line-height: 32px;
        }
    header#main_header ul.navbar-nav {
        margin: 0px auto !important;
    }

    header#main_header .buttons-section {
        margin-top:15px;
    }
    .mobile_menu_view {
        display: block;
    }
    .application-form {
        padding: 20px;
    }
    .karya_does.mobile__view {
        display: block;
    }
    .karya_does.desktop__view{
        display:none;
    }
    .karya_does.mobile__view li.content-section {
        margin-bottom: 60px;
    }
    .karya_does.mobile__view ul li.menu-item span {
        font-size: 20px;
        margin-bottom: 10px !important;
        background: linear-gradient(90deg, #E414B1 0%, #53469A 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .karya_does.mobile__view ul li.menu-item .menu-content ul li p {
        font-size: 16px;
        line-height: 32px;
    }
    #divperUserPriceDetails, #divbundleUserPriceDetails {
        transition: transform 0.5s ease;
        padding-right: 0px;
    }
    .per-user-section .pricing-section__main{
        height: 700px;
    }
    .per-user-section {
        padding-right: 10px;
    }

    .signup-right-section {
        margin-top: 60px;
    }
    .signup-testimonial-section{
        width: 100%;
    }
    .signup-right-section {
        margin-top: 60px;
        background: linear-gradient(to right, #53469A 0%, #9F4B9C 100%);
        padding: 40px;
        border-radius: 30px;
    }
    .hrm-features-section nav {
        display: none;
    }
    .module-slider .slick-slider {
        width: 100%;
        margin: 0px auto;
    }
    .articals_img_section .articals_img_section_inner {
        width: 100%;
        margin: 0px auto;
    }
    .karya-pricing-section .col-5 {
        width: 50%;
    }
    .solution-scrollspy .tabs-sec ul li button {
        font-size: 14px;
        line-height: 28px;
        padding: 5px 10px;
    }

        .solution-scrollspy .tabs-sec ul li button img {
            width: 20px;
        }

    .container, .cart-view-page .container, header.inner_header .container, .finance-page .header-banner .header-banner-inner {
        max-width: 720px;
    }

    .footer_menu {
        margin-top: 30px;
    }

    .banner-section-inne img {
        width: 100%;
    }

    .banner-section-inne h2 {
        font-size: 24px;
        line-height: 30px;
    }

    header {
        padding: 15px 0px;
    }

    .banner-section {
        padding: 40px 0px;
        /*background: #F8F8F8;*/
    }

    div#navbarSupportedContent {
        position: fixed;
        top: 0px;
        bottom: 0px;
        background: #fff;
        width: 100%;
        z-index: 9;
        left: 0px;
        right: 0px;
        overflow: auto;
    }

    .mobile-header {
        display: block !important;
    }

    a.button-close img {
        text-align: right;
        display: table;
        margin-left: auto;
    }

    .mobile-header a.navbar-brand {
        text-align: center;
    }

    .navbar-nav .nav-item a.nav-link {
        padding: 10px 0px !important;
        text-align: center;
    }

    .navbar-nav .submenu ul li a.nav-link {
        text-align: left;
    }

    .navbar-nav .submenu ul.dropdown-menu {
        position: absolute;
        left: 0px !important;
        width: 100% !important;
    }

    .buttons-section {
        display: inline-block !important;
        width: 100%;
        margin: 0px;
    }

    header#main_header .buttons-section {
        margin-top: 15px;
        width: 300px;
        display: flex !important;
        justify-content: center;
    }

    .buttons-section a.btn.free_btn {
        font-size: 14px;
        line-height: 20px;
        margin: 0px 15px;
    }

        .buttons-section a.btn {
            width: 100%;
            text-align: center;
            margin: 0px;
        }

    a.btn.login_btn {
        margin-bottom: 70px;
        padding: 10px;
    }

    a.btn.free_btn {
        width: 250px;
        margin: 0px auto;
        text-align: center;
        display: table;
    }

    .navbar-collapse.collapse.show {
        display: block !important;
    }

    .banner-section h1, .aboutus-page .banner-section h1 {
        font-size: 30px;
        line-height: 40px;
    }

        .banner-section h1 label {
            /*  font-size: 30px;
            line-height: 40px;*/
        }

    .banner-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    a.btn.get__started:before {
        width: 170px;
        height: 100px;
        left: -150px;
        bottom: -90px;
    }

    .txt-img h2, .img-txt h2 {
        font-size: 32px;
        line-height: 42px;
    }

        .txt-img h2 label, .img-txt h2 label {
            font-size: 32px;
            line-height: 42px;
        }

    .txt-img p, .img-txt p {
        font-size: 14px;
        line-height: 24px;
    }

    .immersive-section .txt-right p strong {
        font-size: 14px;
        line-height: 24px;
    }

    .txt-img img, .img-txt img {
        width: 250px;
    }

    .check-price-section-inner {
        padding: 20px;
    }

    .business-pocket-section h5 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 18px;
    }

    .business-img-section img {
        width: 300px;
    }

    .business-pocket-section-inner a img {
        width: 140px;
    }

    .testimonials-section h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 18px;
    }

    .check-price-section-inner h5 label {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 18px;
    }

    .check-price-section-inner .check_pricing, .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
        padding: 0px 25px;
        font-size: 14px;
        line-height: 40px;
    }

    .check-price-section-inner .get_in_touch {
        padding: 0px 30px;
        font-size: 14px;
        line-height: 38px;
    }

    .business-pocket-section p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .convinced-section h2, .convinced-section h3, .more-orange-rocket label, .more-orange-rocket span {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .convinced-section .check_pricing, a.faq-btn {
        border-radius: 25px;
        padding: 8px 20px;
        font-size: 14px;
        white-space: nowrap;
        line-height: 1.5;
        height: 38px;
    }

    .business-pocket-section-inner {
        padding: 25px;
    }

    .banner-section-in .banner-text {
        margin-bottom: 0px;
    }

    .banner-img img {
        /*width: 300px;*/
    }

    .category-section .module-slide li img {
        width: 100%;
    }

    .category-section:before {
        width: 320px;
        height: 320px;
        bottom: 50px;
    }

    .category-section:after {
        width: 320px;
        height: 320px;
        bottom: 50px;
    }

    .category-section .module-slide li .slider-img {
        margin: 0px auto;
        display: table;
        width: 490px;
    }

    .category-section {
        padding: 10px 0px;
        padding-bottom: 20px;
        position: relative;
    }

    .banner-inner-section .banner-img img {
        width: 50%;
        position: inherit;
        bottom: 0px;
        right: 0px;
    }

    .banner-img {
        position: inherit;
    }

    .banner-section-image .banner-section-in p br {
        display: none;
    }

    .aboutus-page .banner-section h1 br {
        display: none;
    }

    .price-section.popular-section {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .pricing-section .container {
        width: auto;
    }

    .pricing-section .price-section {
        width: 100%;
        /*max-width: 300px;*/
        margin: 0px auto;
        margin-bottom: 15px;
    }

    #button-10 .knobs:before, #button-10 .knobs:after, #button-10 .knobs span {
        position: absolute;
        width: 145px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .button-cover .button {
        width: 300px;
        height: 50px;
    }

    #button-10 .checkbox:checked + .knobs:before {
        left: 150px;
        background-color: rgb(85, 71, 156);
        border-radius: 25px;
    }

    .pricing-section h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .toggle-button-cover {
        height: 80px !important;
    }

    .banner-section-image .banner-text {
        padding: 85px 0px;
    }

    .experience-section h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 15px;
    }

    .experience-section p {
        font-size: 16px;
        line-height: 32px;
    }

    .experience-section {
        padding-top: 30px;
    }

    .check-price-section-inner h5, .check-price-section-inner h5 span {
        font-size: 42px;
        line-height: 62px;
        margin-bottom: 12px;
    }

    .check-price-section-inner h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .check-price-section-inner p {
        font-size: 30px;
        line-height: 40px;
        font-family: 'caveatregular';
        margin-bottom: 20px;
    }

    .faq-section p::after {
        width: 35px;
        height: 35px;
        top: 50%;
        margin-left: 10px;
    }

    .no-credit-section-left h5 {
        font-size: 28px;
        line-height: 38px;
    }

    .b-text-left-inner h1 {
        font-size: 36px;
        line-height: 46px;
    }

        .b-text-left-inner h1 span {
            /*font-size: 50px;
            line-height: 60px;*/
        }

    .crm-banner-main .b-text-left-inner h1 {
        font-size: 31px;
        line-height: 41px;
    }

        .crm-banner-main .b-text-left-inner h1 span {
            /* font-size: 45px;
            line-height: 55px;*/
        }

    .timesheet-banner-main .b-text-left-inner h1 {
        font-size: 24px;
        line-height: 34px;
    }

        .timesheet-banner-main .b-text-left-inner h1 span {
            font-size: 62px;
            line-height: 72px;
        }

    .finance-banner-main .b-text-left-inner h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .value-section-nav p {
        font-size: 16px;
        line-height: 26px;
    }

    .about-section .abt-text-left-inner p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 50px;
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .banner-section h1::before {
        left: 70px;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 46px;
        line-height: 56px;
    }

    a.btn.get__started {
        padding: 0px 20px;
        font-size: 12px;
        line-height: 30px;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 40px;
        line-height: 50px;
    }

    a.btn.learn__more {
        padding: 0px 20px;
        font-size: 12px;
        line-height: 30px;
    }

    .txt-img-btn-section .b-img-center h2 {
        margin-bottom: 0px;
    }

    .view-more-section .img-two {
        height: auto;
        width: 360px;
    }

    .view-more-section .img-one {
        width: 240px;
        height: auto;
    }

    .view-more-section .img-three {
        width: 240px;
        height: auto;
    }

    .view-more-section .img-four {
        width: 290px;
        height: auto;
    }

    .purple-dot-shade-inner-bottom::after {
        width: 226px;
        height: 308px;
        top: 146px;
    }

    .banner-text-section-inner p {
        font-size: 15px;
        line-height: 22px;
        word-spacing: 6px;
    }

    .banner-text-section-inner h2 {
        margin-bottom: 12px;
    }

    .banner-text-section-inner h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .margin-top-banner {
        margin-bottom: 50px;
    }

    .slider-main-section img {
        width: 170px;
    }

    .purple-dot-shade-inner::after {
        width: 239px;
        height: 313px;
        bottom: 108px;
    }

    .articals_img_section h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .price-section.pricing-free-section {
        position: inherit;
    }

    .col-12.price-section-inner.det_demo_section {
        height: auto !important;
        position: inherit;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: inherit;
    }

    .per-user-section{
        margin-bottom:30px;
    }

    .teams-page .card-body, .card-1:before, .card-2:before, .card-3:before, .card-4:before {
        width: 270px;
        height: 340px;
    }

    .main_section-col .main_section-col-content {
        position: inherit;
        top: inherit;
        left: inherit;
        transform: inherit;
        padding-left: 0;
    }

    .b-img-right img {
        width: 440px;
        float: none;
        margin-top: 50px;
    }

    .main_section-col img {
        width: 440px;
        margin: 0px auto;
        text-align: center;
        display: block;
        margin-bottom: 40px;
    }

    .about-section {
        padding: 40px 0px;
    }

    .main_section-col .left-img {
        order: 2;
    }
    .empty_cart_bg {
        width: 100%;
        position: inherit;
    }
        .empty_cart_bg .empty_cart_bg_inner {
            position: inherit;
            top: inherit;
            left: inherit;
            transform: inherit;
            width: 60%;
            margin: 0px auto;
        }
    .per-user-section .pricing-section__main {
        height: auto;
    }
    .cart-view-page {
        margin: 50px 0px;
        margin-bottom: 50px;
    }

    .career-banner-bottom .career-banner-bottom-log {
        width: 334px;
        height: 160px;
        margin-bottom: 30px;
    }

    .box:hover .overlay:before {
        top: -28%;
    }
    .box:hover .overlay:after {
        bottom: -68%;
    }
    .overlay:after {
        right: -100%;
    }
    .banner-video .career-banner-image {
        float: none !important;
    }
    .careers-page .banner-video .career-banner-image img {
        width: 360px;
        margin: 0px auto;
        display: table;
        float: none !important;
    }
    .careers-page .banner-video h1, .careers-page .banner-video h1 span {
        font-size: 21px;
        line-height: 31px;
    }
    .career-banner-bottom h2, .job-openings h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .banner-video .row{ 
        display:block;
    }
    .banner-video .banner-video-left {
        width: 100% !important;
    }
    .banner-video .banner-video-right {
        width: 100%;
    }
    .crmsoftware-page .banner-video .crm-right-section img {
        position: static;
        right: inherit !important;
        top: 0px;
        width: 580px;
        bottom: 0px;
        height: auto;
        float: none;
        margin: 0px auto;
        display: table;
        margin-top: 60px;
    }
    .crm-manage-leads {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .action-items-leads{
        margin-bottom:20px;
    }
    .crm-categories-inner .crm-categories-left {
        width: 100%;
        display: block;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0px;
    }
    .teams-mailing {
        display: block !important;
    }
    .crm-teams-targets {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .crm-bulk-mailing {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .sales-drama-section .sales-drama-section-inner {
        display: block !important;
    }
    .sales-drama-section div img {
        margin: 0px auto;
        display: table;
        width: auto;
    }
    .crm-akbar-birbal-image-section {
        display: none;
    }
    .akbar-birbal-section h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }
    .akbar-birbal-section-left .karya_logos {
        margin-bottom: 40px;
    }

    .akbar-birbal-section .container {
        border-radius: 15px;
        padding: 20px;
        padding-bottom: 20px;
    }

    .sales-pipeline p br {
        display: none;
    }
    .akbar-birbal-section-right img {
        float: none;
        width: auto;
        margin: 0px auto;
        display: table;
    }
    .action-items-leads div {
        margin-top: -40px;
    }

}

@media screen and (max-width: 880px) {
    .infrastructure-section h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 40px;
    }
    .infrastructure-section-box-inner h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .hrmpricing-body .banner_inner h1 {
        font-size: 23px;
    }
    .value-section-inner {
        margin-bottom: 0px;
        padding: 30px 0px;
    }

    .about-section {
        padding: 40px 0px;
    }

    .banner-section-image .banner-text {
        padding: 65px 0px;
    }

    .experience-section h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    .slider-main-section img {
        width: 170px;
    }
    .view-more-section .img-three {
        width: 215px;
        height: auto;
    }
    .view-more-section .img-four {
        width: 270px;
        height: auto;
    }
    .view-more-section .img-two {
        height: auto;
        width: 340px;
    }
    .view-more-section .img-one {
        width: 220px;
        height: auto;
    }
    .banner-top-text-section .b-text-center p {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-top-text-section .b-text-center h1 {
        font-size: 42px;
        line-height: 51px;
    }
    .content-top-inner .txt-img-btn-section .b-img-center img {
        width: 500px;
    }
    .content-top-main {
        position: relative;
        margin-bottom: 630px;
    }
    .sales-pipeline-right img {
        position: inherit;
        top: inherit;
        height: auto;
        width: 100%;
    }
    .sales-pipeline {
        margin-top: 0px;
    }
    .testimonials-section {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    ul.listed-categories {
        padding-left: 0px;
        list-style: none;
    }
        ul.listed-categories li {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 10px;
        }
    .finance_modules .thik-green-bg h4, .lyt-green-bg img {
        margin-top: 20px;
    }
    .category-section .slick-dots {
        bottom: -15px;
        display: block;
    }
    .slider-content.d-none {
        display: block !important;
    }

    .category-section .module-slider h5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category-section .slider-content p {
        display: none;
    }

    .category-section .module-slider h5 img {
        width: 25px;
        margin-right: 7px;
    }
    .slider-img.mt-5 {
        margin-top: 0px !important;
    }
    .infrastructure-section {
        padding: 30px 0px;
    }
    .infrastructure-section h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .manageYourBusiness h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .payroll-software-headsection.manageYourBusiness {
        margin-bottom: 10px;
    }
    .inner_pages_main .banner-sections {
        padding: 15px 0px;
    }
    .finance_modules ul li {
        font-size: 15px;
        line-height: 22px;
    }
    .finance_modules .thik-green-bg, .finance_modules .lyt-green-bg {
        padding: 10px;
    }
    .crm-benfits-section-head {
        margin-bottom: 15px;
    }
    .finance_modules h4 {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 5px;
    }
    .finance_modules p {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .crm-benfits-section-head h3 {
        font-size: 20px;
   
    }
    .crm-benfits-section-box h6 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .crm-benfits-section-box {
        padding: 10px 10px;
    }
    .crm-benfits-section-box-main {
        margin-bottom: 20px;
    }
    .for-sections-main .for-sections h5 {
        font-size: 20px;
        line-height: 30px;
    }
    .for-sections-main .for-sections .row {
        padding: 15px;
        padding-bottom: 0px;
    }
    .for-content-image .for-sections-right.for-image img, .for-image-content .for-sections-right.for-image img {
        height: auto;
        position: inherit;
        width: 100%;
        right: auto;
        float: none;
        margin: 0px auto;
        display: table;
    }
    .benefits-essp h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .benefits-essp .container {
        padding: 30px 10px;
        padding-bottom: 0px;
        border: 1px solid #9747FF;
    }
    .payroll-software-categories .payroll-software-headsection {
        margin-bottom: 30px;
    }

    .hr-super-power-section .hr-super-power-section-inner h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .manual-headding h2 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .manualPayroll-section .container {
        padding: 10px;
    }
        .manualPayroll-section .container table tr td, .manualPayroll-section .container table tr th {
            white-space: nowrap;
        }
    .complaint-section h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .complaint-section {
        padding: 40px 0px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
    .complaint-section-images .csr {
        position: inherit;
        right: 0px;
        bottom: 0px;
    }
    .complaint-section p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .complaint-section-images div.csl img {
        width: 50%;
        margin: 0px auto;
        display: table;
        margin-bottom: 25px;
    }
    .complaint-section-images div.csr img {
        width: 50%;
        margin: 0px auto;
        display: table;
    }
    .projects-deadline-section-main h3 {
        color: #282828;
        text-align: center;
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 44px;
        text-align: center;
    }
    .projectmanagement-page .banner-content h1 {
        font-size: 28px;
        margin-top: 38px;
        margin-bottom: 30px;
        padding: 0px;
        line-height: 40px;
    }
        .projectmanagement-page .banner-content h1 span.project-headding-size {
            font-size: 24px;
            line-height: 1;
        }
    .projectmanagement-page .banner-content p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .projects-deadline-section {
        margin-bottom: 0px;
        padding: 50px 0px;
    }
    .project-categories .categories-content-image .categories-image img {
        width: 70%;
        margin: 0px auto;
        display: table;
        margin-top: 35px;
    }
    .project-categories .categories-image-content .categories-image img {
        width: 70%;
        margin: 0px auto;
        display: table;
        margin-bottom: 35px;
    }
    .sales-pipeline-right img {
        position: inherit;
        top: inherit;
        height: auto;
        width: auto;
        margin: 0px auto;
        display: table;
        margin-top: 25px;
    }
    .articals_img_section_inner .artical_img img {
        width: 90px;
        margin: 0px auto;
        display: table;
    }
    .our-happy-clients {
        margin-bottom: 50px;
    }
    a.btn.watchVideo-btn img {
        margin-top: 0px;
    }
    .sales-drama-section h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .sales-drama-section p {
        font-size: 15px;
        line-height: 25px;
    }
    .payrollsoftware-page .manageYourBusiness div img {
        width: 90% !important;
    }
    .banner-sections-image img {
        width: 80%;
        text-align: center;
        float: none;
        margin: 0px auto;
        display: table;
        margin-top: 30px;
    }

    .management-solutions_img img {
        width: 80%;
        float: none;
        margin: 0px auto;
        margin-top: 30px;
        display: table;
    }

    .need-business-slot-main {
        margin-bottom: 30px;
    }

    .wc-karya .wc-karya-inner .wc-karya-slot {
        height: 100px;
    }

    .free-terms-privacy {
        width: 100%;
        margin: 0px auto;
    }
    .award_img_section div {
        display: inline-block !important;
        width: 100% !important;
    }
        .award_img_section div span {
            margin-right: 0px !important;
            width: 49%;
            display: inline-block !important;
            text-align: center;
            margin-bottom:15px;
        }
    .award_img_section {
        position: relative;
        margin-bottom: 30px;
    }

    .banner-sections, .payrollsoftware-page .banner-sections {
        padding: 25px 0px;
    }

        .banner-sections .rct-bg {
            margin-bottom: 10px;
        }

    .karyas-business-inner-bg {
        border-radius: 15px;
        padding: 15px 15px;
    }

    .karyas-business .karyas-business-inner {
        border-radius: 15px;
    }

    .wc-karya .wc-karya-inner {
        margin-bottom: 35px;
    }
    .header_radial {
        height: auto;
        margin-bottom: 50px;
        padding: 0px;
        border-radius: 0;
        background: transparent;
        stroke-width: 1px;
        stroke: #B8B8B8;
        margin-top: 10px;
        border: none;
        position: inherit;
    }
    .pricing_inner_section {
        position: inherit;
        left: inherit;
        top: inherit;
        transform: inherit;
    }
    .inner_header .container, .finance-page .header-banner .header-banner-inner {
        max-width: 100%;
    }
    .header_radial {
        width: 95%;
    }
    .hrmpricing-body .banner_inner {
        padding: 30px;
        padding-bottom: 0px;
    }
    .overlay:before, .overlay:after{
        display:none;
    }
    .job_description {
        width: 100%;
    }

    .overlay:hover p, .overlay:hover h6 {
        color: #000 !important;
        transition: opacity .1s .9s;
    }
    .careers-page .overlay {
        color: #fff;
        position: inherit !important;
    }
    .careers-page .career-banner-bottom .career-banner-bottom-log {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .careers-page .box .overlay .overlay-text-box {
        padding: 0px;
        height: auto;
    }
        .job-openings-roles {
        max-height: max-content;
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 10px 10px;
    }
    .job_role {
        margin-top: 30px;
    }
    .job-openings-roles {
        margin-bottom: 35px;
    }
    .job-openings {
        margin-bottom: 40px;
    }
    .container, .cart-view-page .container {
        max-width: 95%;
    }

    .teams-page .card-body, .card-1:before, .card-2:before, .card-3:before, .card-4:before {
        width: 270px;
        height: 360px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .teams-page .b-img-right img {
        width: 60%;
        float: none;
    }

    .home-page::before, .home-page::after {
        display: none;
    }

    .testimonials-section {
        margin-bottom: 20px;
    }

    .testimonials-slider .test-user img {
     /*   width: 80px;
        height: 80px;
        border-radius: 100%;
        margin-top: 37px;
        border: 5px solid #fff;*/
    }

    .description-testimonials .profile-name h6{
        font-size:16px;
        line-height:26px;
    }

    .banner-section {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }

    .testimonials-slider .test-user {
        /*height: 140px;*/
    }

    .slide-container.slick-slide.slick-current.slick-active .border-progress {
        display: none;
    }

    .slide-container.slick-slide.slick-current.slick-active .progress-container {
        display: block;
    }

    .module-slider .slider-nav {
        display: none;
    }

    .clients-section {
        padding: 20px 0px;
    }

    .value-section::before{
        display:none;
    }

        .value-section::after{
            display:none;
        }

    .teams-page .card-body {
        padding-top: 70px;
    }

        .articals_img_section h3 {
            font-size: 24px;
            line-height: 34px;
        }

    .no-cred-btns::before {
        width: 30px !important;
        height: 30px !important;
    }

    .banner-section-inner .video-play-button {
        margin-bottom: 0px;
    }

    .slide-btn.slick-current:after {
        background-image: aliceblue;
        /* background-size: 100%; */
        /* background-repeat: no-repeat; */
        /* width: 100px; */
        /* height: 100px; */
        /* right: -102px; */
        /* top: 24px; */
        /* transform: inherit; */
        /* -webkit-background-clip: initial; */
        content: ".....";
        position: absolute;
        top: 50%;
        right: -26px;
        transform: translate(0%, -60%);
        font-size: 17px;
        line-height: 62px;
        background-image: radial-gradient(#B84B9C, #53469A, #453692);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        height: auto;
        width: auto;
        background-image: auto;
    }

    .data-security.py-5 {
        padding-top: 20px !important;
    }

    .check-trail-section .check-price-section-inner::before, .check-trail-section .check-price-section-inner::after {
        display: none;
    }

    .pricing-page {
        padding: 20px 0px;
    }

    .karya-pricing-section {
        margin-top: 30px;
    }

    .category-section p {
        font-size: 12px;
        color: #939393;
        line-height: 22px;
    }

    .category-section h5 {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }

    .category-section .slider-content {
        padding: 20px 0px;
        text-align: center;
        padding-bottom:0px;
    }

    .container {
        max-width: 95%;
    }

    a.btn.get__started:before {
        display: none;
    }

    a.btn.learn__more:before {
        content: "";
        background-image: none;
        background-size: cover;
        width: 85px;
        position: absolute;
        height: 30px;
        background-repeat: no-repeat;
        left: -60px;
        bottom: -47px;
        background-position: left;
        transform: rotate(-48deg);
    }

    .banner-section {
        margin-bottom: 70px;
    }

    .img-txt h2 {
        text-align: left;
    }

    .txt-img p, .img-txt p {
        text-align: left;
    }

    .img-txt img, .txt-img img {
        margin: 30px 0px;
    }

    .txt-img, .img-txt {
        padding: 10px 0px;
    }

        .img-txt .img-left {
            order: 2;
            -webkit-order: 2;
        }

    .banner-section-inner::before {
        width: 120px;
        height: 120px;
        left: 0px;
        top: 0px;
    }

    .banner-section-inner::after {
        width: 120px;
        height: 120px;
        right: 0px;
        bottom: 0px;
    }

    .business-pocket-section-inner {
        padding: 0px;
    }

    .features-section {
        margin-bottom: 0px;
        padding: 30px 0px;
        padding-bottom: 0px;
    }

    footer.footer {
        padding-top: 40px;
    }

    .demo-page .demo-form {
        width: 100%;
        padding: 10px !important;
    }
    .demo-page .demo-form {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .menu .nav-item.submenu ul.features-drop {
        min-width: 100%;
        padding: 20px 20px;
        border-radius: 10px;
    }

    .menu .nav-item.submenu .dropdown-menu .nav-item {
        padding: 0px;
    }

    .menu li.nav-item.dropdown.submenu.active, .menu li.nav-item.dropdown.submenu.active:hover .dropdown-menu {
        width: auto;
    }

    .banner-section-image h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

        .banner-section-image h1 span {
            font-size: 42px;
            line-height: 52px;
        }

    .banner-section h1, .aboutus-page .banner-section h1 {
        display: table;
        margin: 0px auto;
    }

        .banner-section h1::before {
            left: 40px;
            display:none;
        }

        .banner-section h1 .head_top{
            display:none;
        }

        .banner-section {
            margin-bottom: 20px;
        }

    .module-slider .slider-nav .slick-track {
        /* display: inline-block;*/
    }

    .module-slider .slide-btn.slick-slide {
        padding: 5px;
        border-radius: 10px;
        text-align: center;
        border: 2px solid #5a429c;
        cursor: pointer;
        width: 120px !important;
        margin: 0px 0px;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

    .slide-btn:after {
        content: ".....";
        position: absolute;
        top: 40%;
        right: -24px;
        transform: translate(0%, -50%);
        font-size: 17px;
        line-height: 62px;
        background-image: radial-gradient(#B84B9C, #53469A, #453692);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display:none;
    }

    .module-slider .slide-btn.slick-slide span.cat-name {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: #000;
    }

    .module-slider .slide-btn.slick-slide span.cat-name {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #000;
    }

    .module-slider .slide-btn.slick-slide .cat-img img {
        width: 20px;
        height: 20px;
    }

    .slick-slider {
        margin-bottom: 0px !important;
    }

    .category-section .module-slider h5 {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
    }

    .category-section .module-slider p {
        font-size: 16px;
        color: #939393;
        line-height: 32px;
        display: none;

    }

    .award_img_section .col-xxl-3 {
        margin: 20px 0px;
    }

    .business-pocket-section-left {
        position: initial;
        margin-bottom: 30px;
    }

        .business-pocket-section-left .business-pocket-section-left-inner {
            position: initial;
            transform: inherit;
            text-align: left;
            width: 100%;
        }

    .hrm-banner-rightImg, .project-management-banner-rightImg, .accounting-banner-rightImg, .crm-banner-rightImg {
        display: inline-block !important;
    }

    .banner-left-section {
        position: inherit;
        top: inherit;
        left: inherit;
        transform: inherit;
        padding-top: 50px;
    }

    .no-credit-section .no-credit-section-left h5 {
        text-align: center;
        margin-bottom: 20px;
    }

    .no-credit-section-right h6 {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
    }

    .no-credit-section-right p {
        text-align: center;
    }

    .check-price-section-inner::after {
        width: 150px;
        height: 150px;
    }

    .faq-section p::after {
        width: 35px;
        height: 35px;
        top: -20%;
        margin-left: 0px;
        transform: inherit;
        right: 0px;
    }

    .no-credit-section {
        padding: 20px 0px;
    }

    .faq-section {
        margin: 20px 0px;
    }

    .no-credit-section .check-price-section-inner::before {
        width: 40px;
        height: 40px;
        top: -20%;
    }

    .no-credit-section .check-price-section-inner::after {
        display: none;
    }

    .projectmanagment-banner-main .b-text-left-inner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .solution-scrollspy .tabs-sec ul li button {
        font-size: 12px;
        line-height: 24px;
        padding: 5px 10px;
    }

    .banner-text-section-inner h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .banner-text-section-inner p {
        font-size: 16px;
        line-height: 28px;
        word-spacing: 8px;
    }

    .purple-dot-shade-inner-bottom::after {
        width: 170px;
        height: 239px;
        top: 480px;
    }

    .content-top-inner .txt-img-btn-section .b-img-center img {
        width: 400px;
    }

    .content-top-main .txt-img-btn-section {
        position: absolute;
        top: 70%;
    }

    .banner-top-text-section {
        padding-bottom: 140px;
        padding-top: 65px;
    }

        .banner-top-text-section .b-text-center p {
            font-size: 14px;
            line-height: 20px;
        }

        .banner-top-text-section .b-text-center h1 {
            font-size: 36px;
            line-height: 45px;
        }

    .txt-img-btn-section .b-img-center p {
        font-size: 14px;
        line-height: 20px;
    }

    .txt-img-btn-section .b-img-center p {
        margin-top: 25px;
        margin-bottom: 60px;
    }

    .txt-img-btn-section .btn-section-main a {
        margin-bottom: 60px;
    }

    .content-top-main {
        margin-bottom: 480px;
    }

    .banner-text-section h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .banner-text-section h2 {
        margin-bottom: 50px;
    }

    .purple-dot-shade-inner::after {
        width: 152px;
        height: 201px;
        top: 413px;
    }

    .what-you-txt h2 {
        margin-bottom: 10px;
    }

    .banner-section-text p {
        font-size: 16px;
        line-height: 28px;
        word-spacing: 6px;
    }

    .what-you-txt p {
        margin-bottom: 20px;
    }

    .form-section-main .btn-submit {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .form-section-main {
        margin-bottom: 90px;
    }

    .txt-img-btn-section .b-img-center h2 {
        font-size: 31px;
        line-height: 38px;
    }

    .txt-img-btn-section .btn-section-main a {
        font-size: 18px;
        line-height: 52px;
        padding: 0px 86px;
    }

    .form-section-main .form-section-main-inner {
        padding: 30px;
        width: 520px;
    }

    .faq-section-main img {
        width: 70%;
        height: auto;
        margin: 0px auto;
        display: table;
    }

    .pricing-section h1 {
        font-size: 30px;
        padding: 30px 0px;
    }

        .pricing-section h1::before {
            top: 60px;
        }

        .pricing-section h1::after {
            top: 70px;
        }

    .slide-container.slick-slide .progress-container {
        width: 100px;
        margin: 0px auto;
    }

    .banner-video {
        padding: 25px 0px;
    }

        .banner-video img {
            width: 100%;
            float: none;
            margin-top: 20px;
        }

    .karya_modules {
        display: inline-block !important;
    }

        .karya_modules a {
            font-size: 14px;
            padding: 5px 21px;
            margin: 0px 5px;
            width: 100%;
            display: inline-block;
            text-align: center;
            margin-top: 8px;
        }

    .simplest-section h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

        .simplest-section h5 span {
            font-size: 24px;
        }

    p.try-karya {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .per-user-section .per-user-section-inner, .cart-user-section-inner, .add-to-cart-section {
        padding: 15px;
    }

    button.btn.btn-success.add_to_cart, .add_to_cart, .add_to_cart:hover {
        width: 194px;
        height: 44px;
        font-size: 16px;
    }

    .cart-view-page {
        margin: 30px 0px;
    }

    .teams-page .banner-section-top {
        padding: 20px 0px;
    }

    .about-section .abt-text-left-inner h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .about-section h2 span {
        font-size: 22px;
        line-height: 1.2;
    }

    .value-section .tittle-section h2 {
        font-family: Poppins;
        font-size: 20px;
        margin-bottom: 0px !important;
    }

    .teams-page .card {
        margin-top: 100px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .empty_cart_bg .empty_cart_bg_inner {
        position: inherit;
        top: inherit;
        left: inherit;
        transform: inherit;
        width: 100%;
        margin: 0px auto;
    }

    .freetrail_section {
        margin: 23px 0px;
    }
    
}

@media screen and (max-width: 680px) {
    .slides .description-testimonials {
        width: 100%;
        padding-right: 0px;
    }
    .testimonials-slider .test-user img {
        width: 92px;
        height: 92px;
        border-radius: 100%;
        margin-top: 0px;
        border: 5px solid #fff;
        position: inherit;
        left: inherit;
        top: inherit;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .testimonial-section{
        border-radius:8px;
    }
    .modules__section h3 {
        font-size: 20px;
    }
    .home-page .banner-section h1 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 18px;
    }
    img.video-play-button {
        width: 46px;
        height: 46px;
    }
    .trail-section a.schdule-demo, .trail-section a.try-free {
        font-size: 12px;
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-weight: 400;
    }
    .inner_pages_main.leave-management-page .banner-sections h1 br {
        display: none;
    }
    .why-choose-slot-main .why-slots {
        padding: 10px;
    }
    .slot-main-section {
        margin-bottom: 20px;
    }
    .finance-expenses-img img {
        width: 100%;
        margin: 0px auto;
        display: table;
    }
    .expenses-gray .expenses-right .finance-expenses-img img {
        width: 100%;
        margin: 0px auto;
        display: table;
    }
    .expenses-green, .expenses-gray {
        padding: 10px 10px;
        height: 100%;
    }
    .finance-expenses-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
    }
    .complaint-section h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .finance-page .header-banner .header-banner-inner{
        padding:0px;
    }
    .finance-page .header-banner .header-banner-inner {
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
    div.module-crumb {
        font-size: 12px;
        line-height: 18px;
        padding: 3px 10px;
    }
    .finance-page .banner-content h1 {
        font-size: 28px;
        margin-top: 12px;
        margin-bottom: 14px;
        line-height: 38px;
    }
    .finance-page .banner-content .convinced-section {
        margin-bottom: 25px;
    }
    .project-categories .categories-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
        .project-categories .categories-content h3 span img {
            width: 18px;
        }
    .project-categories .categories-content a.cartegories_viewmore {
        height: 40px;
        line-height: 40px;
        width: 140px;
    }
    .projectmanagement-page .banner-content h1 {
        font-size: 24px;
        margin-top: 34px;
        margin-bottom: 20px;
        padding: 0px;
        line-height: 30px;
    }
    .projects-deadline-section-main h3 {
        font-size: 20px;
        line-height: 30px;
    }
        .projectmanagement-page .banner-content h1 span.project-headding-size {
            font-size: 20px;
            line-height: 1;
        }
    .projectmanagement-page .project-banner-image img {
        width: 90%;
        margin: 0px auto;
        display: table;
    }
    .projects-deadline-section .deadline-section {
        margin-bottom: 21px;
        width: 100%;
    }
    .hrm-page .banner-video .hrm-banner-right img {
        width: 90%;
    }
    .sales-drama-section div img {
        margin: 0px auto;
        display: table;
        width: 80%;
    }
    .akbar-birbal-section-right img {
        width: 80%;
    }
    .crm-teams-targets div img, .crm-bulk-mailing div img, .crm-manage-leads img {
        width: 80%;
    }
    .crmsoftware-page .banner-video .crm-right-section img {
        width: 90%;
    }
        .sales-pipeline-right img {
        width: 80%;
    }
    .sales-pipeline h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .btns a.btn {
        margin: 3px 2px;
    }
    .sales-drama-section .container {
        padding: 10px;
        border-radius: 15px;
    }
    .manageYourBusiness div img {
        width: 300px;
        margin-top: 30px;
    }
    .free-trail-form {
        padding: 20px 0px;
    }
    .pricing_inner_sections {
        display: inline-block !important;
        margin: 0px auto;
        width: 100%;
    }
    .signup-right-section {
        margin-top: 30px;
        background: linear-gradient(to right, #53469A 0%, #9F4B9C 100%);
        padding: 30px 10px;
        border-radius: 0px;
    }
    .billded_monthly {
        width: 100%;
        height: auto;
    }
    .billded_annually {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 25px;
    }
    .all-features-groups {
        padding: 0px;
        margin-bottom: 20px;
    }
    .all-features-included h2 {
        font-size: 24px;
        line-height: 1;
    }
    .all-modules-included h3 {
        font-size: 20px;
        line-height: 30px;
    }
        .all-modules-included h3 br {
            display: none !important;
        }
    .all-modules-included ul li {
        margin: 8px 10px;
    }
    .get-entire-module h3 span.hrm-txt, .get-entire-module h3 span.hrm-price {
        font-size: 24px;
    }
    .get-entire-module h3 span.month-user {
        font-size: 16px;
    }
    .get-entire-module span.hdn-charges span {
        font-size: 22px;
        line-height: 1.3;
    }
    span.hdn-charges {
        margin-bottom: 15px;
        display: block;
    }
    .get-entire-module .compare-img {
        width: 90%;
        margin: 50px auto;
    }
    .all-features-groups ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        
    }
    .all-features-groups {
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .signup-testimonial-section {
        padding: 25px 10px;
        border-radius: 15px;
    }

    .slick-prev {
        left: 0px;
    }

    .m-bottom h3 {
        font-size: 24px;
    }

    button.btn.get-started {
        font-size: 14px;
        margin-top: 0px;
    }

    .slick-next {
        right: 0px;
    }

    .m-bottom{
        margin-bottom:20px;
    }

    .about-section {
        padding: 20px 0px;
    }

    .values-section {
        margin-bottom: 0px;
    }

    .karya-pricing-section .col-5 {
        width: 100%;
    }

    ul .features-drop li {
        width: 100%;
        float: none;
        margin: 0px !important;
    }

    .features-drop li a span .menu-lft-img {
        width: 30px;
        border: 1px solid #53469A;
        padding: 1px;
        border-radius: 8px;
        display: inline-block;
        text-align: center;
        margin-right: 5px;
        height: 30px;
        line-height: 25px;
    }

    .banner-section {
        margin-bottom: 0px;
    }

        .banner-section p br {
            display: none;
        }

    .module-slider .slider-nav .slick-track {
        display: inline-block;
    }

    .slide-btn.crm-module-slider.slick-slide::after {
        content: ".....";
        position: absolute;
        bottom: -30px;
        right: 0px;
        transform: translate(0%, -50%);
        font-size: 23px;
        line-height: 1;
        background-image: radial-gradient(#B84B9C, #53469A, #453692);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transform: rotate(90deg);
        left: 0%;
        top: 60px;
    }

    .slide-btn.crm-module-slider.slick-slide {
        position: relative;
    }

        .slide-btn.crm-module-slider.slick-slide::after {
            top: 30px;
        }

    .module-slider .slide-btn.slick-slide {
        width: 170px !important;
    }

    .module-slider .slider-nav.slick-initialized.slick-slider {
        width: 420px;
    }

        .module-slider .slider-nav.slick-initialized.slick-slider .slick-list {
            padding: 0px !important;
        }

    .module-slider .slider-nav.slick-initialized.slick-slider {
        width: 380px;
        margin: 0px auto;
    }

    .txt-img h2, .img-txt h2 {
        font-size: 22px;
        line-height: 32px;
    }

        .txt-img h2 label, .img-txt h2 label {
            font-size: 22px;
            line-height: 32px;
            margin-left: 0px !important;
            margin-bottom: 0px !important;
        }

    .banner-section p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .purchase-business-section-inner h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 28px;
    }

    .purchase-business-section-inner p {
        font-size: 14px;
        line-height: 24px;
    }

    .check-price-section-inner::after {
        width: 150px;
        height: 150px;
    }

    .check-price-section-inner::before {
        width: 150px;
        height: 150px;
        left: 0px;
    }

    .increase-business-section h5 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .increase-business-section p br {
        display: none;
    }

    .check-trail-section h5 {
        font-size: 20px;
        line-height: 26px;
    }

    .check-trail-section h6 {
        font-size: 18px;
        line-height: 28px;
    }

    .check-trail-section p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

        .check-trail-section p br {
            display: none;
        }

        .check-trail-section p:before {
            content: "";
            background-image: url(../images/trial-bottom-img.png);
            width: 76px;
            display: inline-block;
            height: 57px;
            position: absolute;
            left: 0px;
            bottom: 50px;
            background-size: 50%;
            background-repeat: no-repeat;
        }

    .check-trail-section h5::after {
        content: "";
        background-image: url(../images/trial-top-img.png);
        width: 34px;
        display: inline-block;
        height: 37px;
        position: absolute;
        top: -30px;
        right: 0px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .convinced-section h2:after {
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-size: 100%;
        top: -80px;
    }

    .convinced-section h2,.more-orange-rocket label, .more-orange-rocket span {
        font-size: 30px;
        line-height: 36px;
    }

    .convinced-section h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .banner-section h1::before {
        left: 20px;
    }

    .banner-top-text-section .b-text-center h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .banner-top-text-section .b-text-center p {
        font-size: 12px;
        line-height: 20px;
    }

    .content-top-main {
        margin-bottom: 500px;
    }

    .banner-text-section h2 {
        margin-bottom: 30px;
    }

    .form-section-main .btn-submit {
        font-size: 16px;
        line-height: 45px;
        padding: 0px 95px;
    }

    .view-more-section .img-one {
        width: 195px;
        height: auto;
    }

    .purple-dot-shade-inner::after {
        width: 180px;
        height: 375px;
        top: 485px;
    }

    .banner-text-section h2 {
        margin-bottom: 18px;
    }

    .form-section-main .form-section-main-inner {
        padding: 30px;
        width: 455px;
    }

    .pricing_tabs ul.nav {
        display: inline-block;
        width: 100%;
        border: 0px;
        box-shadow: none;
    }

        .pricing_tabs ul.nav li.nav-item {
            margin: 0;
            line-height: 0;
            width: 100%;
        }

            .pricing_tabs ul.nav li.nav-item button {
                width: 100%;
                background: #e1e1e1;
                margin: 5px 0px;
            }

            .pricing_tabs ul.nav li.nav-item button {
                font-size: 16px;
                line-height: 1;
            }

                .pricing_tabs ul.nav li.nav-item button.active {
                    border-radius: 12px 12px;
                    font-size: 16px;
                }

    .tab-pane h3 .hrm-txt, .tab-pane h3 .hrm-price {
        font-size: 18px;
        line-height: 1.2;
    }

    .pricing_tabs span.hdn-charges span {
        font-size: 14px;
        line-height: 1.3;
    }

    .tab-pane h3 .month-user {
        font-size: 16px;
        line-height: 1;
    }

    .affordable-inner h2 {
        font-size: 24px;
        line-height: 1.2;
    }

    .affordable-inner span {
        font-size: 18px;
    }

    .all-affordable .affordable-inner {
        margin: 40px 0px;
        margin-bottom: 40px;
    }

    .pricing_tabs ul.nav {
        margin-bottom: 20px;
    }

    .client-logos-main {
        margin: 40px 0px;
    }

        .client-logos-main h3 {
            font-size: 20px;
            line-height: 1.5;
            margin-bottom: 24px;
        }

            .client-logos-main h3 span img {
                width: 30px;
            }

    .pricing-section h1::before {
        width: 80px;
        height: 100px;
        background-position: top;
        top: 65px;
    }

    .pricing-section h1::after {
        width: 100px;
        height: 100px;
        background-position: top;
        right: 10px;
    }

    .pricing-section h1 {
        font-size: 24px;
        padding: 30px 0px;
        padding-bottom: 0px;
    }

    .compare-img img {
        max-width: 90%;
        margin: 0px auto;
    }

    .compare-img img {
        max-width: 90%;
        margin: 0px auto;
    }

    .setting-trend p {
        font-size: 18px;
        line-height: 36px;
    }

    .values-section h2 {
        font-size: 26px;
    }

    .main_section-col h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .hrmpricing-body .banner_inner {
        padding: 20px 0px;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 580px) {
    .demo_form {
        padding: 10px;
        width: 100%;
    }
    .demo-page h1 {
        font-size: 20px;
        margin-bottom: 13px;
    }
    .demo-page .demo-form {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .clockinout-page .benefits-essp .container {
        padding: 30px 15px;
    }
    .clockinout-page .benefits-essp ul li {
        font-size: 16px;
    }
    .project-categories .categories-content-image {
        border-radius: 0px 60px;
        padding: 20px;
    }
    .project-categories .categories-image-content {
        border-radius: 60px 0px;
        padding: 20px;
    }
    .first-organization ul {
        display: inline-block;
    }
    .first-organization ul li {
        width: 50%;
        float: left;
        margin: 7px 0px;
    }
        .sales-pipeline {
            padding: 25px 0px;
        }
        .hr-slider-section {
            padding: 10px;
        }
        .hr-super-power-section .hr-super-power-section-inner {
            border-radius: 20px;
            background: #F2FBFF;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
        }
        .hr-super-power-section-inner a.see_all_features {
    border-radius: 0px 0px 20px 20px;
        }

        .hidden-charges {
            margin: 40px 0px;
        }

        .why-choose-software-inner .why-choose-slot-main {
            /*width: 100%;*/
        }

        .manualPayroll-section .container .manual-payroll-process {
            overflow: scroll;
            white-space: nowrap;
        }

      /*  .manualPayroll-section .container table tr td, .manualPayroll-section .container table tr th, .manualPayroll-section .container p {
            white-space: normal !important;
        }*/

        .wc-karya .wc-karya-inner .wc-karya-slot {
            height: 120px;
        }

        .management-solutions .container {
            border-radius: 10px;
            padding: 10px;
        }

        .karyas-business .karyas-business-inner {
            margin-bottom: 40px;
        }

        .need-bm-software-text p b {
            font-size: 16px;
            line-height: 32px;
        }

        .get-entire-module .compare-img {
            width: 100%;
            margin: 50px auto;
        }

        .compare-img img {
            max-width: 100%;
            margin: 0px auto;
        }

        .faq-section-main {
            margin: 20px 0px;
        }

        .career-banner-bottom .career-banner-bottom-log {
            width: 300px;
            height: auto;
            margin-bottom: 20px;
            padding: 0px;
        }

        .overlay {
            color: #fff;
            position: inherit;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .careers-page .banner-video h1, .careers-page .banner-video h1 span {
            font-size: 22px;
            line-height: 32px;
        }

        .career-banner-bottom h2 {
            font-size: 20px;
            margin-bottom: 30px;
        }

        .job-openings h2 {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .job_role h4 {
            font-size: 16px;
            margin-bottom: 8px !important;
        }

        .job_role p {
            font-size: 13px;
        }

        .job_role {
            width: 100%;
            height: 150px;
        }

            .job_role .view_details, .job_role .apply_job {
                padding: 4px 16px;
                font-size: 12px;
                line-height: 22px;
            }

        .application-form h3 {
            font-size: 20px;
        }

        .application-form label {
            font-size: 14px;
        }

        .testimonials-slider .profile-role {
       /*     margin: 0px auto;
            display: table;*/
        }

        .articals_img_section {
            padding: 0px;
        }

            .articals_img_section h3 {
                font-size: 30px;
                line-height: 30px;
            }

        .top-section p a {
            font-size: 12px;
            line-height: 1.5;
        }

        .top-section p {
            margin-bottom: 0px;
            color: #fff;
            font-size: 12px;
            line-height: 1.5;
        }

        .category-section h4 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 20px;
        }

        .solution-all-features {
            padding: 30px 0px;
        }

        .solution-scrollspy .tabs-sec ul li button {
            margin-bottom: 10px;
        }

        .solution-scrollspy ul.main__tabs {
            text-align: center;
            border: 0px;
            width: 100%;
            white-space: nowrap;
            display: inherit;
            overflow-y: auto;
        }

        .solution-scrollspy .tabs-sec ul li button {
            border: 1px solid #000 !important;
        }

            .solution-scrollspy .tabs-sec ul li button.active {
                border: 1px solid #ad4a9b !important;
                background: #ad4a9b;
                color: #fff;
            }

        .spy-img img {
            width: 100%;
            margin: 15px 0px;
        }

        #hr_view_accordionExample .accordion-item .accordion-header button.accordion-button {
            font-size: 16px;
            line-height: 22px;
        }

        #hr_view_accordionExample .accordion-item .accordion-body p {
            font-size: 16px;
            line-height: 26px;
            letter-spacing: normal;
            text-align: left;
            margin-bottom: 0px;
        }

        .main__tabs li.nav-item {
            display: inline-block;
        }

        .faq-section-main h5 {
            font-size: 20px;
            line-height: 30px;
        }

        .banner-section h1, .aboutus-page .banner-section h1 {
            font-size: 20px;
            line-height: 26px;
        }

            .banner-section h1 label {
                /*  font-size: 24px;
            line-height: 34px;
            margin-bottom: 0px;*/
            }

            .banner-section h1 .head_top {
                width: 80px;
            }

            .banner-section h1 .head_top {
                top: -29px;
            }

            .banner-section h1 .head_top {
                top: -17px;
                margin-left: 0px;
                transform: rotate(12deg);
                width: 60px;
                right: 70px;
            }

        .banner-section-inner img {
            /*width: 70px;
        max-width: 70px;*/
        }

        .banner-section {
            padding: 30px 0px;
        }

        .business-pocket-section-inner a img {
            width: 140px;
        }

        .testimonials-slider.slick-initialized .slick-slide {
            margin: 0px 12px;
            width: auto;
        }

        .slides .description-testimonials {
            /*width: 100%;*/
        }

        .testimonial-section > div {
            display: inline-block !important;
        }

        .testimonials-slider .profile-role {
          /*  height: 100%;
            background-image: url("https://blog.karya.cloud/wp-content/uploads/2024/10/lines-png.png");
            background-repeat: no-repeat;
            background-size: 42px 199px;
            position: relative;
            background-size: contain;
            margin: 0px auto;
            display: table;*/
        }

        .txt-img img, .img-txt img {
            width: 100%;
        }

        .testimonials-slider .slick-prev {
            left: 0px;
        }

        .testimonials-slider .slick-next {
            right: 0px;
        }

        .screens-section h2, .faq-section h2 {
            font-size: 24px;
            line-height: 34px;
        }

        .faq-section p {
            font-size: 16px;
            line-height: 26px;
        }

        .business-pocket-section {
            position: relative;
            bottom: 0px;
            margin: 30px 0px;
        }

        .category-section .module-slide li .slider-img {
            margin: 0px auto;
            display: table;
            width: 300px;
        }

        .category-section:before {
            width: 240px;
            height: 210px;
            bottom: 30px;
        }

        .category-section:after {
            width: 240px;
            height: 210px;
            bottom: 30px;
        }

        .category-section .flexslider ul.menu-slide li {
            width: 60px !important;
            margin: 0px !important;
        }

        .category-section .flexslider ul.slides li span img {
            width: 100%;
            max-height: 22px;
        }

        .category-section .flexslider ul.menu-slide {
            /*  width: 300px !important;*/
            width: 245px !important;
            transform: inherit !important;
        }

        .category-section .flexslider ul.slides li span {
            padding: 14px;
            background: #fff;
            border-radius: 8px;
            margin: 0px auto;
            text-align: center;
            display: table;
            width: 50px;
            height: 50px;
        }

        .banner-section-image h1 {
            font-size: 22px;
            line-height: 32px;
            margin-bottom: 15px;
        }

        .banner-section-image .banner-section-in p {
            font-size: 14px;
            line-height: 28px;
            color: #fff;
            margin-bottom: 20px;
        }

        .banner-section-image .banner-text {
            padding: 80px 10px;
        }

        .banner-inner-section .banner-img img {
            width: 80%;
        }

        .background-section {
            padding: 150px 0px;
            margin: 180px 0px;
            margin-bottom: 80px;
            margin-top: 120px;
        }

            .background-section:before {
                width: 100px;
                height: 140px;
            }

            .background-section:after {
                width: 100px;
                height: 153px;
            }

        .check-price-section-inner h3 {
            font-size: 18px;
            line-height: 24px;
        }

        .business-pocket-section h5 {
            font-size: 26px;
            line-height: 36px;
            margin-bottom: 10px;
        }

        .testimonials-section h5 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 10px;
        }

        .check-price-section-inner h5 label {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 10px;
        }

        .check-price-section-inner div {
            display: inline-block !important;
        }

        .screens-section {
            padding: 80px 0px;
            margin-bottom: 0px;
        }

        .btns a.btn {
            margin: 3px 6px;
            margin-bottom: 8px;
        }

        .features-section .features-col {
            margin-top: 40px;
        }
        .module-slider .slider-nav.slick-initialized.slick-slider {
            width: 280px;
            margin: 0px auto;
        }

        .module-slider .slide-btn.slick-slide {
            width: 100% !important;
            border: 0px solid #5a429c;
        }

        .more-business-section .more-business-bottom-img {
            width: 140px;
            display: inline-block;
            transform: rotate(340deg);
            margin-top: -20px;
            margin-left: 80px;
            height: 60px;
        }

        .faq-section-main a {
            font-size: 14px;
            line-height: 40px;
            padding: 0px 25px;
        }

        .banner-section-inner::before {
            width: 110px;
            height: 110px;
            left: 0px;
            top: 0px;
        }

        .banner-section-inner::after {
            width: 90px;
            height: 90px;
            right: 0px;
            bottom: 0px;
        }

        .banner-section h1::before {
            left: 0px;
            top: -45px;
        }

        .desk-slide {
            display: none !important;
        }

        .mob-slide {
            display: block !important;
        }

        .module-slider .slider-content p br {
            display: none;
        }

        .award_img_section img {
            width: 100px;
            margin-top: 15px;
        }

        .business-pocket-section-left .business-pocket-section-left-inner::after {
            width: 150px;
            height: 150px;
            top: 10%;
        }

        .days-trial {
            font-size: 20px;
            line-height: 30px;
        }

        .award_img_section::after {
            right: 0px;
            width: 120px;
            height: 120px;
            bottom: -110px;
        }

        span.quotes-img {
            position: absolute;
            left: 30px;
            top: 0px;
            width: 15px;
            height: 15px;
        }

            span.quotes-img img {
                width: 20px;
                height: 20px;
            }

        .testimonial-section .profile-name {
            /*padding-left: 25px !important;*/
        }

        .content-top-inner .txt-img-btn-section .b-img-center img {
            width: 300px;
        }

        .content-top-main .banner-top-text-section .b-text-center p br {
            display: none;
        }

        .banner-top-text-section {
            padding-bottom: 102px;
            padding-top: 65px;
        }

        .txt-img-btn-section .b-img-center p br {
            display: none;
        }

        .txt-img-btn-section .b-img-center p {
            margin-top: 25px;
            margin-bottom: 40px;
        }

        .content-top-main {
            margin-bottom: 440px;
        }

        .banner-text-section-inner h2 {
            font-size: 22px;
            line-height: 36px;
        }

        .banner-text-section-inner p {
            font-size: 14px;
            line-height: 22px;
            word-spacing: 8px;
        }

        .banner-text-section-inner h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .banner-text-section h2 {
            font-size: 28px;
            line-height: 46px;
        }

        .purple-dot-shade-inner::after {
            width: 214px;
            height: 324px;
            top: 413px;
        }

        .banner-section-text p {
            font-size: 14px;
            line-height: 20px;
        }

        .banner-section-text h4 {
            font-size: 16px;
            line-height: 23px;
        }

        .view-more-section .img-four {
            width: 230px;
            height: auto;
        }

        .view-more-section .img-three {
            width: 200px;
            height: auto;
        }

        .view-more-section .img-two {
            height: auto;
            width: 295px;
        }

        .banner-top-text-section .b-text-center p br {
            display: none;
        }

        .banner-top-text-section .b-text-center {
            padding: 22px;
        }

        .banner-top-text-section {
            padding-bottom: 45px;
            padding-top: 20px;
        }

        .form-section-main .form-section-main-inner {
            padding: 20px;
            width: 395px;
        }

        .articals_img_section_inner .artical_img {
            width: 100%;
            float: none;
            padding: 14px;
        }

            .articals_img_section_inner .artical_img img {
                width: 100px;
                margin: 0px auto;
                display: table;
            }

        .b-img-right img {
            width: 280px;
            float: none;
            margin-top: 50px;
        }

        .main_section-col img {
            width: 280px;
        }

        .about-section .abt-text-left-inner h2 {
            font-size: 26px;
            line-height: 36px;
        }

    header.inner_header .container, .finance-page .header-banner .header-banner-inner {
        max-width: 95%;
    }

        .manage-every-aspect {
            border-radius: 10px;
            padding: 10px;
            margin-bottom: 30px;
        }

        .deal-management-leads-left {
            width: 100%;
        }

        .deal-management-leads {
            display: block !important;
        }

            .crm-categories-left .crm-manage-leads h3, .action-items-leads h3, .deal-management-leads h3, .crm-teams-targets h3, .crm-bulk-mailing h3 {
                font-size: 22px;
                margin-bottom: 15px;
            }

        .akbar-birbal-section h3 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 30px;
        }

            .akbar-birbal-section h3 span {
                font-size: 20px;
                line-height: 30px;
            }

        .akbar-birbal-section-left .karya_logos {
            width: 130px;
        }

        .sales-pipeline ul li a img {
            width: 130px;
        }

        .crm-manage-leads, .action-items-leads, .crm-teams-targets, .crm-bulk-mailing, .deal-management-leads {
            padding: 20px;
        }

        .crm-categories {
            margin-bottom: 40px;
        }
    }

@media screen and (max-width: 480px) {
    .modules__section img {
        width: 100%;
    }
    .clockinout-page .benefits-essp .benefits-essp-right img {
        width: 100%;
        margin: 0px auto;
        display: table;
    }
    .convinced-section .check_pricing, a.faq-btn {
        padding: 8px 20px;
        font-size: 12px;
        line-height: 1;
        height: 30px;
    }
    a.btn.watchVideo-btn {
        padding: 8px 20px;
        font-size: 12px;
        line-height: 1;
        height: 30px;
    }
    .finance-banner-image {
        margin-bottom: 15px;
    }
        a.btn.watchVideo-btn img {
            width: 14px;
            float: left;
            margin-right: 5px !important;
        }
    .finance-page .banner-content h1 {
        font-size: 22px;
        margin-top: 8px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .cancel-submit_btns .cancel_btn {
        font-size: 13px;
        padding: 6px;
    }
    .cancel-submit_btns .apply_job_btn {
        margin-left: 0px !important;
    }
        .cancel-submit_btns .apply_job_btn button.apply_job {
            font-size: 12px;
        }
    .application-form {
        padding: 20px 10px;
    }
    .job_role {
        width: 100%;
    }
   
    .careers-page .banner-video .career-banner-image img {
        width: 80%;
        margin: 0px auto;
        display: table;
        float: none !important;
        margin-top: 35px;
    }
    .experience-section h4 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .experience-section .check-price-section-inner::before, .experience-section .check-price-section-inner::after {
        display: none;
    }

    .hrm-banner-main .b-text-left-inner h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .no-credit-section-left h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .no-credit-section-right h6 {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
    }

    .awards-section ul {
        display: flex;
    }

        .awards-section ul li img {
            width: 100px;
            margin: 15px;
            padding: 0px;
        }

    .awards-section li {
        width: auto;
    }

    .social-media ul li img {
        width: 20px;
    }

    .foot-links {
        margin-bottom: 25px;
    }

    .awards-section li img {
        padding: 3px;
    }

    .foot-links h6 {
        margin-bottom: 10px;
    }

    .footer-bottom {
        padding: 30px 0px;
        padding-top: 0px;
    }

    .foot-links ul li a {
        font-size: 14px;
        line-height: 20px;
    }

    .foot-links h6 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .mobile-media {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .desktop-media {
        display: none;
    }

    .footer_menu .foot-col {
        width: 50% !important;
    }

    .social-media ul li {
        display: inline-block;
        margin-right: 10px;
    }

        .social-media ul li img {
            width: 16px;
        }

    .mobile-copy {
        display: block;
    }

    .desktop-copy {
        display: none;
    }

    .footer-bottom .footer-bot-col:last-child {
        width: 100% !important;
        text-align: center;
    }

    .footer-bottom .footer-bot-col {
        width: 50%;
        text-align: center;
    }

    .footer-bottom p, .footer-bottom a {
        font-size: 10px;
        line-height: 20px;
        font-weight: 400;
    }

    .awards-section {
        margin-bottom: 0px;
    }

        .awards-section li {
            margin-bottom: 0px;
        }

    footer.footer {
        padding-top: 40px;
    }

    .foot-logo p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px;
    }

    .container, header .container {
        max-width: 90%;
        padding: 0px 0px;
    }

    a.btn.get__started {
        padding: 0px 0px;
        font-size: 12px;
        width: 150px;
        line-height: 38px;
    }

    a.btn.learn__more {
        padding: 0px 0px;
        font-size: 12px;
        width: 150px;
        line-height: 35px;
    }

    .btns a.btn {
        margin: 3px 2px;
    }

    .check-price-section-inner {
        padding: 10px;
    }

        .check-price-section-inner .check_pricing, .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
            padding: 0px 14px;
            font-size: 12px;
            line-height: 40px;
        }

        .check-price-section-inner .get_in_touch {
            padding: 0px 30px;
            font-size: 12px;
            line-height: 38px;
        }

        .check-price-section-inner .get_in_touch {
            padding: 0px 15px;
            width: 140px;
        }

        .check-price-section-inner .check_pricing, .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
            width: 140px;
        }

    .features-section {
        margin-bottom: 0px;
    }

    .screens-section h2, .faq-section h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 8px;
    }

    .screens-section img {
        width: 100%;
    }

    .banner-section.banner-section-top {
        padding: 30px 0px;
        margin-bottom: 0px;
    }

    .tittle-section h2 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .check-price-section {
        margin-bottom: 10px;
    }

    .screens-section h2, .faq-section h2 {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 8px;
    }

    .banner-section .banner-section-in p {
        font-size: 14px;
        line-height: 29px;
        margin-bottom: 0px;
    }

    .banner-img img {
        width: 200px;
    }

    .category-section .module-slide li .slider-img {
        margin: 0px auto;
        display: table;
        width: 80%;
    }

    .category-section:before {
        width: 140px;
        height: 140px;
        bottom: 50px;
    }

    .category-section:after {
        width: 140px;
        height: 140px;
        bottom: 50px;
    }

    .btn.try_free {
        min-width: 100%;
        margin-bottom: 15px;
    }

    .btn.watch_video {
        width: 100%;
        margin-left: 0px;
    }

    .banner_buttons_section div {
        display: inline-block !important;
    }

    .contact-form-button button#btnDemo, .contact-form-button a.btn, button.get-started {
        text-align: center;
        width: 100%;
    }

    .banner-section h1::before {
        left: 0px;
        top: -39px;
        width: 80px;
        height: 70px;
    }

    .banner-section h1 .head_top {
        top: -6px;
        margin-left: 0px;
        transform: rotate(12deg);
        width: 50px;
        right: 10px;
        height: 20px;
    }

    .content-top-inner .txt-img-btn-section .b-img-center img {
        width: 220px;
    }

    .banner-top-text-section .b-text-center h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .banner-top-text-section {
        padding-bottom: 95px;
        padding-top: 20px;
    }
    .content-top-main .txt-img-btn-section {
        position: absolute;
        top: 75%;
    }
    .banner-top-text-section .b-text-center p {
        font-size: 14px;
        line-height: 20px;
    }
    .banner-top-text-section .b-text-center h1 {
        margin-bottom: 10px;
    }
    .banner-top-text-section {
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .txt-img-btn-section .btn-section-main a {
        font-size: 14px;
        line-height: 50px;
        padding: 0px 60px;
    }
    .txt-img-btn-section .b-img-center h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .content-top-main {
        margin-bottom: 389px;
    }
    .slider-main-section img {
        width: 130px;
    }
    .slider-main-section img {
        width: 130px;
    }
    .slider-main-section {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .txt-img-btn-section .btn-section-main a {
        margin-bottom: 40px;
    }
    .banner-text-section-inner h2 {
        font-size: 23px;
        line-height: 30px;
    }
    .banner-content-section .purple-dot-shade-inner-left h2 br{
        display:none;
    }
    .txt-img-btn-section .b-img-center p {
        font-size: 12px;
        line-height: 18px;
    }
    .purple-dot-shade-inner-left::after {
        top: 352px;
    }
    .purple-dot-shade-inner-left::after {
        width: 150px;
        height: 222px;
    }
    .banner-text-section-inner p {
        font-size: 14px;
        line-height: 24px;
        word-spacing: 1px;
    }
    .view-more-section .view-more-btn a {
        font-size: 12px;
        line-height: 20px;
        padding-left: 21px;
    }
    .moreless-button, .moreless-button-one, .moreless-button-two, .moreless-button-three {
        background-size: 16px 16px;
    }
    .banner-top-text-section .b-text-center p {
        font-size: 12px;
        line-height: 18px;
    }
    .moreless-button.moreless-button-icon, .moreless-button-one.moreless-button-icon-one, .moreless-button-two.moreless-button-icon-two, .moreless-button-three.moreless-button-icon-three {
        background-size: 16px 16px;
    }
    .form-section-main h2 {
        font-size: 17px;
        line-height: 26px;
    }
    .form-section-main h2 {
        margin-bottom: 40px;
    }
    .purple-dot-shade-inner-bottom::after {
        width: 123px;
        height: 237px;
        top: 480px;
    }
    .banner-text-section-inner h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .purple-dot-shade-inner::after {
        width: 155px;
        height: 282px;
        top: 413px;
    }
    .banner-text-section h2 {
        font-size: 22px;
        line-height: 46px;
    }
    .form-section-main .btn-submit {
        font-size: 14px;
        line-height: 40px;
        padding: 0px 60px;
    }
    .form-section-main .btn-submit {
        margin-top: 8px;
        margin-bottom: 25px;
    }
    .view-more-section .img-one {
        width: 170px;
        height: auto;
    }
    .view-more-section .img-two {
        height: auto;
        width: 270px;
    }
    .view-more-section .img-three {
        width: 175px;
        height: auto;
    }
    .view-more-section .img-four {
        width: 205px;
        height: auto;
    }
    .banner-text-section-inner p {
        margin-bottom: 5px;
    }
    .form-section-main .form-section-main-inner {
        padding: 15px;
        width: 330px;
    }
    .form-section-main h2 {
        margin-bottom: 25px;
    }
    .form-section-main .btn-submit {
        margin-top: 6px;
        margin-bottom: 18px;
    }
    .form-section-main p {
        font-size: 12px;
        line-height: 20px;
    }
    .banner-top-text-section .b-text-center h1 {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-text-section h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .purple-dot-shade-inner::after {
        width: 87px;
        height: 119px;
        top: 355px;
    }
    .banner-section-text h2 {
        font-size: 18px;
        line-height: 32px;
    }
    .banner-text-section h2 {
        margin-bottom: 30px;
    }
    .banner-text-section h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .txt-img-btn-section .btn-section-main a {
        font-size: 12px;
        line-height: 40px;
        padding: 0px 40px;
    }
    .txt-img-btn-section .b-img-center h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .content-top-main {
        margin-bottom: 360px;
    }
    .banner-text-section-inner h2 {
        font-size: 18px;
        line-height: 26px;
    }
   /* .form-section-main .form-section-main-inner {
        padding: 20px;
        width: 390px;
    }*/
    .slider-main-section P {
        font-size: 14px;
        line-height: 27px;
        word-spacing: 3px;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .award_img_section div span {
        margin-right: 0px !important;
    }
        .award_img_section div span img {
            width: 80px;
            margin-top:0px !important;
        }
}