/*-----------------------------------------
/  09. max-width: 1199px
/-----------------------------------------*/
@media(max-width: 1199px) {
    .service_item_02 {
        padding: 41px 32px 49px 32px;
    }

    .service_item_02 h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .testimonial_contents {
        padding: 38px 65px 50px 66px;
    }
    .testimonial_img {
        margin-right: -220px;
    }
    .testimonial_contents .shape_img {
        width: 140px;
    }
    .tsti_cnt h2 {
        font-size: 34px;
        line-height: 54px;
    }

    .aboutTabWrapper.tabSecStyle-1 .row .col-lg-6:nth-child(1) {
        padding-right: 24px;
    }

    .aboutTabWrapper.tabSecStyle-1 .row .col-lg-6:nth-child(2)>div {
        margin-left: 0;
    }

    .aboutSec_title {
        padding: 100px 0 0;
    }

    .aboutTabList {
        padding: 0 0 100px;
    }

    .aboutTabList .tab-link {
        padding: 0 0px 0 105px;
    }

    .aboutTabList ul li:not(:last-child) {
        margin-bottom: 40px;
    }

    .aboutTabSec_title p,
    .aboutSec_title p {
        padding-right: 40px;
    }

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

    .pricingPackage.pricingPackage_2 {
        padding: 48px 32px 30px 32px;
    }

    .themeWarCounter.twc_3 .twc3Footer p:first-of-type {
        flex: 0 0 35%;
    }

    .themeWarCounter.twc_3 .twc3Footer p:last-of-type {
        flex: 0 0 65%;
    }
    .twHeadingWrap .theHeading {
        font-size: 44px;
        line-height: 54px;
    }
    .twHeadingWrap .subSubheading {
        font-size: 16px;
        line-height: 26px;
    }
    .folio_linkWrap7 {
        bottom: -26px;
        width: 212px;
        height: 212px;
    }
    .folio_linkWrap7 .digilinkLink svg {
        width: 90px;
    }
    .themeWarIconBox04 {
        padding: 45px 25px 42px 30px;
    }
    .servicelistContent02 h3 {
        width: 52.444%;
        font-size: 52px;
        line-height: 60px;
    }
    .servicelistContent02 p {
        width: 43.284%;
    }
    .folioItems08 .foliopi_details {
        padding: 30px 24px 29px 28px;
    }
    .folioItems08 .foliopi_details h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .folioItems08 .foliopi_psNumber {
        font-size: 75px;
        left: 22px;
    }
    .pricingPackage_3 {
        padding: 35px 25px 35px 25px;
    }
    .packageBody03 {
        padding: 30px 25px 35px;
    }
    .packageBody03 .packagePrice {
        font-size: 52px;
        line-height: 62px;
    }
    .servicelistContent01 p {
        width: 49%;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -88px;
        font-size: 23.833vw;
    }
    .service_item_06 {
        padding: 45px 25px 40px 25px;
    }
    .service_item_06 h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .service_item_06 p {
        font-size: 16px;
        line-height: 32px;
    }
    .tw_blog_thumb_inner {
        min-height: 250px;
    }
    .sidebar_bnr_cnt {
        padding: 77px 40px 36px;
    }
    .tw_leftImg_shape {
        -webkit-mask-size: 200px auto;
    }
    .tw_heading {
        font-size: 46px;
        line-height: 56px;
    }
    .tw_service_title {
        font-size: 50px;
        line-height: 40px;
    }
    .videoPlaySec_title {
        font-size: 80px;
    }
    .servicelistContent04 h3 {
        font-size: 44px;
    }
    .servicelistContent04 .serviceListSerial {
        margin-top: 16px;
    }
    .folioMasonry__item .foliopi_details {
        padding: 26px 25px 29px;
        bottom: 30px;
        left: 30px;
        width: calc(100% - 60px);
    }
    .folioMasonry__item .foliopi_details h3 {
        font-size: 22px;
        line-height: 32px;
    }

}

/*-----------------------------------------
/  11. max-width: 1024px
/-----------------------------------------*/
@media(max-width: 1024px) {
    .twHeadingWrap .subSubheading {
        font-size: 14px;
        line-height: 24px;
    }
    .twHeadingWrap .theHeading {
        font-size: 38px;
        line-height: 48px;
    }
}
/*-----------------------------------------
/  11. max-width: 1023px
/-----------------------------------------*/
@media(max-width: 1023px) {
    .caseStudyItems04 .cspi_details {
        padding: 29px 22px 15px;
    }

    .caseStudyItems04 .cspi_psNumber {
        padding: 23px 0 0 22px;
    }
    .servicelistContent02 h3 {
        width: 47.444%;
        font-size: 42px;
        line-height: 52px;
    }
    .servicelistContent02 p {
        width: 44.284%;
        line-height: 30px;
    }
    .themeWarIconBox04 {
        padding: 35px 20px 30px 20px;
    }
    .servicelistContent01 h3 {
        width: 40.579%;
        font-size: 24px;
        line-height: 34px;
    }
    .servicelistContent01 p {
        line-height: 34px;
        flex: 48%;
    }
    .folioRow09 .col-md-4 {
        width: 41.152%;
    }
    .testCarouseStyle08 .testimonial_contents {
        padding: 0px 15px 20px 25px;
    }
    .testCarouseStyle08 .tsti_cnt h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .folioItems09 .foliopi_thumb img {
        min-height: 274px;
    }
    .digilinkAccordion .accordion-button {
        padding: 20px 55px 20px 24px;
        line-height: 30px;
    }
    .digilinkAccordion .accordion-body {
        padding: 0 24px 20px;
    }
    .digilinkAccordion .accordion-icon {
        right: 20px;
        top: 22px;
    }
    .tw_service_img {
        margin-top: 60px;
    }
    .videoPlaySec_title {
        font-size: 50px;
    }
    .videoPlaySec_title > span.videoPlaySec_title__shape_wrapper {
        width: 190px;
        height: 60px;
    }
    .tw_aboutcnt_rcol {
        padding: 0 12px;
        margin-top: 10px;
    }
    .tw_hero_title {
        font-size: 11vw;
    }
    .elementor .tw_torus_shape img, 
    .tw_torus_shape img {
        max-width: 75%;
    }
    .tw_hero_title span.tw_reveal_text2 {
        margin: -95px -10px 0;
    }
    .tw_leftImg_shape {
        -webkit-mask-size: 180px auto;
    }
    .tw_hero_float_item .tw_star svg {
        width: 60px;
    }
    .awardCard_01 {
        max-width: 695px;
    }
    .awardCard_01_cnt {
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 24px;
    }
    .awardCard_01_cnt_title_wrap {
        width: calc(100% - 74px);
    }
    .awardCard_01 {
        padding: 51px 25px 33px 24px;
    }
    .awardCard_01_cnt {
        column-gap: 12px;
    }
    span.awardCard_01_cnt_list {
        font-size: 20px;
        line-height: 30px;
        width: 50px;
        height: 50px;
    }
    .awardCard_01_cnt_title {
        font-size: 20px;
        line-height: 26px;  
    }
    .awardCard_01_cnt_description {
        font-size: 14px;
        line-height: 24px;
    }
    .awardCard_01_ftr {
        position: relative;
        overflow: hidden;
        margin-top: 40px;
    }
}

/*-----------------------------------------
/  09. max-width: 991px
/-----------------------------------------*/
@media(max-width: 991px) {
    .aboutTabWrapper.tabSecStyle-1 .row .col-lg-6:nth-child(1) {
        padding-right: 0;
    }

    .caseStudyItems04 .cspi_thumb img {
        min-height: 280px;
        object-fit: cover;
    }

    .slider-content_04 {
        padding: 40px 30px;
    }
    .elementor .tmThumb img,
    .tmThumb img{
        width: 100%;
    }
    .testimonial_contents {
        padding: 34px 40px 42px 45px;
    }
    .tsti_cnt h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .tsti_author h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .tsti_author p {
        font-size: 14px;
        line-height: 20px;
    }
    .tsti_quote_icon {
        right: 100%;
        width: 120px;
        height: 120px;
        font-size: 60px;
    }
    .folio_linkWrap8 .digilinkLink {
        width: 60px;
        height: 60px;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -66px;
    }
    .hiContent p {
        line-height: 32px;
    }
    .ser6_readMoreBtn {
        width: 60px;
        height: 60px;
    }
}

/*-----------------------------------------
/  09. max-width: 767px
/-----------------------------------------*/
@media(max-width: 767px) {
    .tmThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tw_secHeading {
        font-size: 36px;
        line-height: 46px;
    }
    .tw_secb_heading {
        font-size: 15vw;
        line-height: 1;
    }
    .aboutTabInner {
        flex-direction: column;
        column-gap: 50px;
    }
    .service_item_07 {
        padding: 46px 47px 57px 39px;
    }
    .award_date {
        flex: 0 0 auto;
    }
    .awardCards3{
        gap: 24px;
    }
    .folioRow09 .col-md-4 {
        width: 100%;
    }
    .folioMasonry__item .foliopi_thumb{
        transform: scale(1) !important;
    }
    .folioMasonry__item .foliopi_details {
        padding: 20px 24px 23px;
        bottom: 25px;
        left: 25px;
        width: calc(100% - 50px);
    }

    .process4_svg {
        display: none !important;
    }

    .slider-content_04 {
        padding: 40px 22px;
    }

    .slider-content_04 .author-details h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .slider-content_04 .author-details p {
        font-size: 14px;
        line-height: 24px;
    }

    .slider-content_04 .author-info img {
        width: 65px;
        height: 65px;
    }
    .pricingPackage_4 {
        padding: 31px 30px 40px;
    }

    .chart_one_box {
        flex-direction: column;
    }

    .chart_one_box .right_section {
        width: 100%;
    }

    .process_separator {
        display: none;
    }

    .aboutTabSec_title p,
    .aboutSec_title p {
        padding-right: 0;
    }

    .digilinkAccordion .accordion-number {
        margin-right: 16px;
    }

    .digilinkAccordion .accordion-body {
        padding: 0 20px 20px 24px;
    }

    .digilinkAccordion .accordion-button .accordion-title {
        font-size: 18px;
        line-height: 26px;
    }
    .videoWrap_inner {
        height: auto;
    }
    .videoPlaySec_title{
        display: none !important;
    }
    .videoPlaySec_Hero{
        position: relative;
        opacity: 1;
        height: auto;
        pointer-events: auto !important;
    }
    .elementor .videoPlaySec_Hero img, .videoPlaySec_Hero img{
        width: 100%;
        height: auto;
        min-height: 60vh;
        transform: scale(1);
    }
    .playTheVideo_3 {
        width: 300px;
        height: 40px;
        font-size: 30px;
        gap:18px;
    }
    .playTheVideo_3 .vidBtnIcon {
        width: 60px;
        height: 60px;
    }
    
    blockquote.wp_blockQuote {
        padding: 17.5px 15px 17.5px 85px;
    }
    .quote-icon {
        width: 70px;;
    }
    .wp_blockQuote svg {
        width: 35px;
    }
    .wp_blockQuote p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .wp_blockQuote cite {
        font-size: 14px;
        line-height: 24px;
    }
    .caseStudy_linkWrap4 .digilinkLink {
        padding: 33.36px 27.44px;
    }

    .caseStudyItems03 {
        flex-direction: column-reverse;
    }

    .footerInfo2 {
        padding: 25px 12px 23px 78px;
    }

    .team_box_03>*:nth-child(1) {
        flex: 0 0 48%;
    }

    .team_box_03>*:nth-child(2) {
        flex: 0 0 52%;
    }

    .topbar01__lfs {
        display: none;
    }

    .topbar01 {
        justify-content: end;
    }

    .headerInner01__lfs {
        flex: 0 0 37.849%;
        position: relative;
    }

    .headerInner01__rfs {
        flex: 0 0 62.151%;
    }
    .twHeadingWrap .theHeading {
        font-size: 34px;
        line-height: 44px;
    }
    .testimonial_item{
        flex-wrap: wrap;
    }
    .testimonial_contents {
        width: 100%;
    }
    .testimonial_img {
        width: 75%;
        margin: 0 0 -120px;
    }
    .tsti_quote_icon {
        left: 0;
        right: auto;
        bottom: 100%;
    }
    .servicelistContent01 {
        flex-wrap: wrap;
    }
    .servicelistContent01 h3 {
        width: calc(100% - 70px);
    }
    .serviceListIcon {
        width: 70px;
    }
    .servicelistContent01 p {
        padding-left: 70px;
    }
    .testCarouseStyle08 .testimonial_item {
        flex-direction: column;
    }
    .testCarouseStyle08 .testimonial_img {
        width: 100%;
    }
    .testCarouseStyle08 .testimonial_contents {
        padding: 30px 0;
    }
    .testCarouseStyle08 .tsti_cnt h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .testCarouseStyle08 .tsti_quote_icon {
        right: auto;
        left: 40px;
    }
    .award_cnt_list {
        column-gap: 6px;
    }
    .award_cnt_list .award_cnt_num {
        width: 9.5%;
    }
    .award_cnt_list .award_cnt_title, .award_cnt_list .award_cnt_name {
        font-size: 14px;
        line-height: 22px;
    }.award_cnt_list .award_cnt_title {
        width: 41.875%;
    }
    .award_header {
        gap: 6px;
    }
    .tw_service_card {
        padding: 25px;
    }
    .tw_service_title {
        font-size: 32px;
        line-height: 30px;
    }
    .tw_service_tags {
        gap: 6px;
    }
    .tw_service_tags {
        flex-wrap: wrap;
    }
    .tw_service_img {
        height: auto;
    }
    .tw_service_img img {
        min-height: 210px;
    }
    .tw_hero_float_item .tw_star svg {
        width: 40px;
    }
    .tw_users_review .user_avatars img {
        width: 40px;
        height: 40px;
    }
    .tw_hero_float_item .tw_star {
        width: 40px;
        height: 40px;
    }.tw_users_review .user_avatars_count {
        width: 40px;
        height: 40px;
    }
    .hero_funfact span:first-child {
        font-size: 14px;
        line-height: 24px;
    }
    .hero_funfact span:last-child {
        font-size: 14px;
        line-height: 24px;
    }
    .tw_hero_wrapper {
        padding-top: 20px;
    }
    .tw_about01 {
        padding: 90px 0 0;
    }
    .tw_hero01 {
        padding: 200px 0 95px;
    }
    .tw_hero_desc {
        margin: 0;
        padding: 0px !important;
    }
    .tw_hero_desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .tw_hero_desc > div {
        margin-right: 22px;
    }
    .tw_hero_title {
        line-height: 1.2 !important;
        font-size: 13vw !important;
        letter-spacing: normal !important;
    }
    .tw_hero_title span.tw_reveal_text {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .tw_hero_title span.tw_reveal_text2 {
        display: flex !important;
        align-items: center !important;
    }
    .tw_hero_title_text {
        order: 1 !important;
        display: block !important;
    }
    .tw_hero_title .tw_hero_float_item,
    .tw_hero_title .star_burst {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 auto 20px !important;
        opacity: 1 !important;
        float: none !important;
        transform: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .tw_hero_title .tw_torus_shape {
        display: none !important;
    }
    .tw_hero_title .tw_leftImg_shape {
        mask-size: 95px auto !important;
    }
    .tw_hero_title .tw_leftImg_shape img {
        width: 98px !important;
        max-width: 100% !important;
    }
    .tw_hero_title .tw_torus_shape img {
        width: 140px !important;
        max-width: 100% !important;
    }
    .tw_hero_title .tw_loadingImg_shape {
        display: none !important;
    }
    .tw_hero_title .tw_loadingImg_shape img {
        width: 80px !important;
        max-width: 100% !important;
    }
    .tw_heading {
        font-size: 40px;
        line-height: 50px;
    }
    .tw_aboutcnt_inner {
        padding: 21px 0 0;
        flex-direction: column-reverse;
    }
    .tw_aboutcnt_inner__text {
        margin: 0 0 6%;
        padding: 0 0 6%;
        border-left: 0;
        border-bottom: 1px solid var(--tw-border-color2);
    }
    
    .tw_aboutcnt_inner__text p{
        padding-right: 0!important;
    }
    .tw_circleBtn_wrap {
        text-align: center;
    }
    .tw_hadingImg {
        width: 120px;
        height: 40px;
        top: 10.5px;
}
}   

/*-----------------------------------------
/  09. max-width: 575px
/-----------------------------------------*/
@media(max-width: 575px) {
    .team_box_03>*:nth-child(1) {
        flex: 0 0 46%;
    }

    .team_box_03>*:nth-child(2) {
        flex: 0 0 56%;
    }
    .twHeadingWrap .theHeading {
        font-size: 28px;
        line-height: 38px;
    }
    .twHeadingWrap .theHeading.hasIcon {
        padding: 0 0 0 75px;
    }
    .twHeadingWrap .theHeading.hasIcon .theIconWrap svg {
        width: 52px;
        height: auto;
    }
    .twHeadingWrap .theHeading.hasIcon .theIconWrap i {
        font-size: 52px;
    }
    .themeWarIconBox02 {
        padding: 18px 35px 33px 26px;
    }
    .testimonial_contents {
        padding: 31px 25px 16px 25px;
    }
    .tsti_cnt h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .tsti_cnt h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .tsti_quote_icon svg {
        height: 48px;
    }
    .tsti_quote_icon {
        width: 85px;
        height: 85px;
        font-size: 48px;
    }
    .themeWarIconBox02 .tw_iconBoxInnerI i {
        font-size: 100px;
    }
    .themeWarIconBox02 .tw_iconBoxInnerI {
        margin: 0 0 54px;
    }
    .themeWarIconBox02 h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .tw_iconboxIconHoverShape, .tw_iconboxIconShape {
        top: 30px;
        right: 28px;
    }
    .servicelistContent02{
        flex-wrap: wrap;
    }
    .servicelistContent02 h3 {
        width: 80%;
        font-size: 32px;
        line-height: 44px;
        margin: 0 0 10px;
    }
    .servicelistContent02 p {
        width: 100%;
        padding-left: 58px;
    }
    .folio_linkWrap8 .digilinkLink {
        width: 55px;
        height: 55px;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -24px;
    }
}

/*-----------------------------------------
/  09. max-width: 410px
/-----------------------------------------*/
@media(max-width: 410px) {
    .team_box_03 {
        padding: 15px;
    }

    .team_box_03 .tmDetails h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .team_box_03 .tmDetails p {
        font-size: 14px;
        line-height: 24px;
    }

    .team_box_03 .tmDetails {
        padding: 0 0 0 15px;
    }

    .team_box_03>*:nth-child(1) {
        flex: 0 0 43%;
    }

    .team_box_03>*:nth-child(2) {
        flex: 0 0 57%;
    }
}