@media screen and (max-width:1199px) {

    .description-20,
    .font-24,
    .heading-24 {
        font-size: 18px;
        line-height: 30px
    }

    .description-22,
    .description-24,
    .font-26,
    .heading-26 {
        font-size: 20px;
        line-height: 32px
    }

    .font-28,
    .heading-28 {
        font-size: 22px;
        line-height: 34px
    }

    .heading-30 .font-30 {
        font-size: 24px;
        line-height: 36px
    }

    .font-32,
    .heading-32 {
        font-size: 26px;
        line-height: 1.35em;
    }

    .font-34,
    .heading-34 {
        font-size: 28px;
        line-height: 40px
    }

    .font-36,
    .heading-36 {
        font-size: 30px;
        line-height: 42px
    }

    .font-38,
    .heading-38 {
        font-size: 32px;
        line-height: 44px
    }

    .font-40,
    .heading-40 {
        font-size: 34px;
        line-height: 46px
    }

    .font-42,
    .heading-42 {
        font-size: 36px;
        line-height: 48px
    }

    .font-44,
    .heading-44 {
        font-size: 38px;
        line-height: 50px
    }

    .font-46,
    .heading-46 {
        font-size: 40px;
        line-height: 52px
    }

    .font-48,
    .heading-48 {
        font-size: 42px;
        line-height: 54px
    }

    .font-50,
    .heading-50 {
        font-size: 44px;
        line-height: 56px
    }

    .heading-52 {
        font-size: 46px;
        line-height: 58px
    }

    .heading-54 {
        font-size: 48px;
        line-height: 60px
    }

    .heading-56 {
        font-size: 50px;
        line-height: 62px
    }

    .heading-58 {
        font-size: 52px;
        line-height: 64px
    }

    .heading-60 {
        font-size: 54px;
        line-height: 66px
    }

    .description-18 {
        font-size: 16px;
        line-height: 28px
    }

    .partner_logo_inner img {
        max-width: 110px
    }

    .tf_indefault_rht {
        padding-top: 40px;
        padding-left: 40px;
        padding-bottom: 30px
    }

    .tf_indefault::before {
        width: 48%;
        left: 2%
    }

    .client_review_des::before {
        font-size: 60px !important;
        top: -55px !important;
        left: -54px !important
    }
}

@media screen and (max-width:991px) {
    .ebooks_inner_page .move_blog_form {
        margin-top: 40px
    }
    .font-24,
    .heading-24 {
        font-size: 20px;
        line-height: 32px
    }

    .font-26,
    .heading-26 {
        font-size: 22px;
        line-height: 34px
    }

    .font-36,
    .heading-36 {
        font-size: 24px;
        line-height: 36px
    }

    .font-38,
    .heading-38 {
        font-size: 26px;
        line-height: 38px
    }

    .font-40,
    .font-48,
    .heading-40,
    .heading-48 {
        font-size: 28px;
        line-height: 40px
    }

    .font-42,
    .heading-42 {
        font-size: 30px;
        line-height: 42px
    }

    .font-44,
    .heading-44 {
        font-size: 32px;
        line-height: 44px
    }

    .font-46,
    .heading-46 {
        font-size: 34px;
        line-height: 46px
    }

    .font-50,
    .heading-50 {
        font-size: 38px;
        line-height: 50px
    }

    .heading-52 {
        font-size: 40px;
        line-height: 52px
    }

    .heading-54 {
        font-size: 42px;
        line-height: 54px
    }

    .heading-56 {
        font-size: 44px;
        line-height: 56px
    }

    .heading-58 {
        font-size: 46px;
        line-height: 58px
    }

    .heading-60 {
        font-size: 48px;
        line-height: 60px
    }

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

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

    .partner_logo_inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .cli_partner_slider {
        padding: 60px 20px 30px;
        margin-top: 0
    }

    .client_image img {
        padding-right: 0
    }

    .happy_client .slick-arrow {
        left: -20px;
        width: 50px;
        height: 50px
    }

    .happy_client .slick-next {
        top: 35%
    }

    .happy_client .slick-prev {
        bottom: 35%
    }

    .client_review_des::before {
        font-size: 65px;
        top: -41px;
        left: -57px
    }

    .client_image {
        width: 100%;
        height: auto;
        max-width: 100%
    }

    .cnt_redirect {
        padding: 50px;
        border-radius: 10px
    }

    .tf_indefault_rht {
        padding-top: 0;
        padding-left: 30px;
        padding-bottom: 0
    }

    .tf_indefault .mb-60 {
        margin-bottom: 40px
    }

    .tf_indefault .row {
        flex-flow: column-reverse;
        flex-direction: row-reverse
    }

    .tf_indefault::before {
        height: 100%
    }

    .tfpr-0 {
        padding-right: 15px
    }

    .services_md .mn_heading h2 {
        min-height: auto
    }

    .sr_circle_dv {
        display: none
    }

    .done_md_bx {
        min-height: 280px
    }
}

@media screen and (max-width:767px) {
    .ebooks_inner_page .move_blog_form {
        margin-top: 40px
    }

    .ebooks-innerpage {
        height: 50vh !important
    }

    .client_image,
    .project_status {
        height: 200px;
        border-radius: 10px
    }

    .font-32,
    .heading-32 {
        font-size: 24px;
        line-height: 1.3em;
    }

    .font-34,
    .font-48,
    .heading-34,
    .heading-48 {
        font-size: 26px;
        line-height: 38px
    }

    .font-36,
    .font-46,
    .heading-36,
    .heading-46 {
        font-size: 30px;
        line-height: 40px
    }

    .font-38,
    .heading-38 {
        font-size: 24px;
        line-height: 34px
    }

    .font-40,
    .heading-40 {
        font-size: 26px;
        line-height: 36px
    }

    .font-44,
    .heading-44 {
        font-size: 28px;
        line-height: 38px
    }

    .font-50,
    .heading-50 {
        font-size: 34px;
        line-height: 44px
    }

    .heading-52 {
        font-size: 36px;
        line-height: 46px
    }

    .heading-54 {
        font-size: 38px;
        line-height: 48px
    }

    .heading-56 {
        font-size: 40px;
        line-height: 50px
    }

    .heading-58,
    .heading-60 {
        font-size: 40px;
        line-height: 52px
    }

    .description-18 {
        font-size: 16px;
        line-height: 28px
    }

    .description-20,
    .description-22 {
        font-size: 18px;
        line-height: 30px
    }

    .description-24 {
        font-size: 20px;
        line-height: 32px
    }

    .client_review_des::before,
    .cursor,
    .cursor-follower,
    .shape_image,
    .tf_head_break,
    .tf_indefault::before {
        display: none
    }

    .tf_home_cli_partner_inner .pl-30 {
        padding-left: 0
    }

    .partner_logo_inner img {
        max-width: 90px
    }

    .project_status {
        padding: 40px 25px;
        width: 500px;
        position: relative;
        left: auto;
        right: auto;
        bottom: 0
    }

    .tf_home_aboutus {
        min-height: auto
    }

    .mb-60 {
        margin-bottom: 40px
    }

    .happy_client_heading h2,
    .tf_indefault_rht {
        margin-bottom: 20px
    }

    .abt_head {
        padding-top: 0
    }

    .client_review_text {
        margin-bottom: 20px;
        margin-top: 25px
    }

    .client_image img {
        width: 100%;
        height: 100%;
        padding-right: 0;
        padding-left: 0;
        object-fit: cover;
        object-position: top center
    }

    .client_image {
        width: 200px;
        max-width: 100%;
        overflow: hidden
    }

    .cnt_redirect {
        padding: 25px
    }

    .tf_indefault_rht {
        padding-left: 0
    }

    .tf_indefault .row {
        flex-flow: wrap;
        flex-direction: inherit
    }

    .tfpr-0 {
        padding-right: 15px;
        margin-top: 5px
    }

    .tf_indefault_rht .mb-20 {
        margin-bottom: 10px
    }

    .tf_indefault {
        margin-top: 0
    }

    .done_md_bx svg {
        margin-bottom: 12px !important
    }

    .Marquee-tag img {
        width: 160px !important
    }
}

@media screen and (max-width:575px) {
    .pt-60 {
        padding-top: 30px
    }

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

    .font-22,
    .font-24,
    .heading-22,
    .heading-24 {
        font-size: 18px;
        line-height: 30px
    }
    .font-40,
    .heading-40 {
        font-size: 24px;
        line-height: 1.3em;
    }

    .font-36,
    .font-48,
    .heading-36,
    .heading-48,
    .heading-52 {
        font-size: 24px;
        line-height: 34px
    }

    .heading-60 {
        font-size: 30px;
        line-height: 42px
    }

    .cursor,
    .cursor-follower,
    .shape_image {
        display: none
    }

    .abt_head {
        padding-top: 0
    }

    .project_status {
        width: 100%;
        height: auto;
        padding: 20px 25px
    }

    .prj_stats img {
        margin-right: 13px;
        margin-bottom: 11px
    }

    .prj_stats span {
        display: inline !important
    }

    .prj_stats {
        margin-bottom: 15px;
        margin-top: 15px
    }

    .cnt_redirect {
        padding: 25px 15px
    }

    .mb-60 {
        margin-bottom: 20px
    }

    .tf_indefault_lft {
        padding: 15px 20px !important
    }

    .Marquee-tag img {
        width: 160px !important
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .tf_indefault.hubspot_page .tf_indefault_rht {
        padding: 0 0 50px 40px !important
    }

    .hubspot_page.banner_bt_space.hubspot_solutions_img .heading-60 {
        font-size: 40px;
        line-height: 54px
    }
}

@media (min-width:1025px) and (max-width:1366px) {
    .hubspot_page.banner_bt_space.hubspot_solutions_img .heading-60 {
        font-size: 50px;
        line-height: 62px
    }

    .tf_indefault.hubspot_page .tf_indefault_rht {
        padding: 0 0 50px 40px !important
    }
}

@media(min-width:300px) and (max-width:767px) {
    .logo-header ul li {
        flex: 0 0 32% !important;
    }

    .logo-header ul {
        flex-wrap: wrap;
    }
}

@media(min-width:768px) and (max-width:900px) {
    .big-card {
        flex-direction: initial !important;
        gap: 18px !important;
        display: flex !important;
    }

    .big-card .middle {
        order: inherit;
        display: block;
        width: auto;
        display: inline;
        justify-content: center;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .big-card {
        width: 866px !important;
    }
}