/*=========================================
    [Table of Responsive contents]
===========================================
    01. max-width: 1299px
    02. max-width: 1199px
    03. max-width: 1024px
    04. max-width: 1023px
    05. max-width: 991px
    06. max-width: 767px
    07. max-width: 575px
    08. max-width: 410px
    
/*-----------------------------------------
/  01. max-width: 1299px
/-----------------------------------------*/
@media(max-width: 1299px) {
    aside.widget {
        padding: 38px 25px 40px;
    }
    .blogPostItem08 .bpi_details{
        padding-right: 0;
    }
    .blogPostItem08 .bpi_details .bpi_meta > a {
        padding: 6px 14px;
    }
}
/*-----------------------------------------
/  02. 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;
    }
    .tabSecStyle_1 .aboutTabList a {
        padding: 30px 50px 27px 92px;
    }
    .tabSecStyle_1 .aboutTabList a .tabIconWrap {
        left: 25px;
    }
    .tabSecStyle_2 .aboutTabList a .tabRight_arrow{
        width: 55px;
    }
    .tabSecStyle_2 .aboutTabList a:hover, .tabSecStyle_2 .aboutTabList a.active {
        padding-left: 74px;
    }
    .tabSecStyle_2 .aboutTabList a {
        padding: 26px 50px 22px 40px;
    }
    .tabSecStyle_2 .aboutTabList a .h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .tsti_leftAuthor {
        padding: 65px 50px 32px 210px;
    }
    .elementor .tsti_leftAuthor img, .tsti_leftAuthor img{
        width: 188px;
    }
    .service_item_08 {
        padding: 30px 25px 94px 25px;
    }
    .service_item_08 h3 {
        font-size: 20px;
    }
    .service_item_08 .singleSkill {
        width: calc(100% + 26px);
        padding: 20px 30px 23px;
    }

    .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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 35%;
                flex: 0 0 35%;
    }

    .themeWarCounter.twc_3 .twc3Footer p:last-of-type {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 65%;
                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 .baquetLink 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;
    }
    .folioItems10 .foliopi_details {
        margin: 36px 20px 20px;
        padding: 27px 17px 25px;
        width: calc(100% - 40px);
    }
    .folioItems09 .foliopi_details {
        padding: 26px 20px 15px;
        margin: 20px;
    }
    .folioItems09:hover .foliopi_details {
        padding-right: 65px;
    }
    .folioItems09 .foliopi_details h3 {
        font-size: 20px;
    }
    .folioItems09 .foliopi_meta a {
        font-size: 16px;
    }
    .folio_linkWrap9 .baquetLink {
        right: 28px;
        top: 31px;
    }
    .folioItems10 .foliopi_details h3 {
        font-size: 21px;
    }
    .testimonial_item_10 {
        padding: 43px 30px 51px;
    }
    .testimonial_item_10 .tsti_cnt h3 {
        font-size: 32px;
    }
    .testimonial_item_10 .tsti_author h3 {
        font-size: 20px;
    }
    .pricingPackage_3 {
        padding: 35px 25px 35px 25px;
    }
    .packageBody03 {
        padding: 30px 25px 35px;
    }
    .packageBody03 .packagePrice {
        font-size: 52px;
        line-height: 62px;
    }
    .servicelistContent01 p {
        width: 49%;
    }
    .pageBannerContent .pgBanner-title {
        font-size: 54px;
        line-height: 66px;
    }
    .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;
    }
    blockquote.wp_blockQuote {
        padding: 32px 25px 38px 115px;
    }
    .wp_blockQuote i, .wp_blockQuote svg {
        font-size: 64px;
        width: 68px;
        top: 37px;
        left: 25px;
    }
    .testimonial_item_09 .tsti_cnt {
        padding: 40px 35px 50px 265px;
    }
    .testimonial_item_09 .tsti_cnt h2{
        line-height: 38px;
    }
    .tstiCarouselWrap8 .testCarouseStyle08 {
        padding-right: 45px;
        width: 51.716%;
    }
    .tstiCarouselWrap8 .testimoinal8thumb{
        width: 48.284%;
    }
    .tabSecStyle_3 .aboutTabList a .h4 {
        font-size: 20px;
    }
    .tabSecStyle_3 .aboutTabList a {
        padding: 29px 138px 27px 57px;
    }
    .tabSecStyle_3 .tabImgR img {
        max-width: 120px;
        margin-left: auto;
    }
    .tabSecStyle_4 .aboutTabList a {
        padding: 33px 25px 29px 102px;
    }
    .themeWarCounter.twc_5 {
        padding: 40px 0 27px 30px;
    }
    .team_box_06 .tmDetails {
        padding: 42px 32px 17px;
    }
    .historyList2 .hiContent h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .historyList2 .hiContent p {
        font-size: 17px;
        line-height: 30px;
    }
    .historyList2 .historyItem:not(:last-child) {
        margin-bottom: 110px;
    }
    .twImage_captionSlide p {
        font-size: 20px;
        line-height: 30px;
    }
    .twImage_captionSlide {
        padding: 40px 37px 35px;
    }
    .twImage_captionSlide p {
        font-size: 24px;
        line-height: 40px;
        font-weight: 800;
    }
    .twImage_captionSlide {
        padding: 45px 45px 35px;
    }
    /*========== Herro banner ==========*/
    .tw_hero__slide_three_cntLF {
        padding-top: 230px;
        max-width: 580px;
    }
    .tw_hero__Wrapper_three {
        --slider3_height: 950px;
    }
    .tw_hero__slide_three_cntRT_inner {
        mask-repeat: no-repeat;
        mask-position: left bottom;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: left bottom;
        -webkit-mask-size: cover;
    }
    .tw_hero__slide_three_cntRT::after {
        left: 105px;
        height: 378px;
    }
    .tw_hero__slide_three_cntRT::before {
        left: 215px;
        height: 810px;
    }
    .tw_hero__slide_rShape svg path {
        stroke-width: 22px;
    }
    .tw_hero__sliders_three .tw_hero_three_lShape img:nth-child(1) {
        left: 5.31%;
        top: 153px;
        width: 54%;
    }
    .tw_hero__slide3_desc{
        font-size: 18px;
        line-height: 30px;
    }
    .tw_hero__slide2_desc {
        font-size: 18px;
        line-height: 28px;
    }
    .tw_hero__slide2_title {
        font-size: 58px;
    }
    .tw_hero__slide_two_cntLF {
        padding-top: 225px;
        max-width: 517px;
    }
    .tw_hero__Wrapper_two {
        --slider2_height: 930px;
    }
    .tw_hero__slide_two_cntRT {
        width: clamp(510px, 50vw, 1022px);
        height: 590px;
    }
    .tw_hero__slide_cntLF {
        max-width: 590px;
        padding-top: 260px;
    }
    .tw_hero__slide_title {
        font-size: 52px;
    }
    .tw_hero__slide_cntRT {
        width: clamp(525px, 45.5vw, 873px);
    }

}

/*-----------------------------------------
/  03. max-width: 1024px
/-----------------------------------------*/
@media(max-width: 1024px) {
    .twHeadingWrap .subSubheading {
        font-size: 14px;
        line-height: 24px;
    }
    .twHeadingWrap .theHeading {
        font-size: 38px;
        line-height: 48px;
    }
}
/*-----------------------------------------
/  04. max-width: 1023px
/-----------------------------------------*/
@media(max-width: 1023px) {
    .caseStudyItems04 .cspi_details {
        padding: 29px 22px 15px;
    }
    .widgetTitle{
        font-size: 18px;
    }
    .latestPost h3 {
        padding: 0 31px 12px 32px;
    }
    .latestPost h3:hover {
        padding: 0 32px 12px;
    }
    .recent_comments li {
        padding: 0 0px 7px 58px;
    }
    .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;
        -webkit-box-flex: 48%;
            -ms-flex: 48%;
                flex: 48%;
    }
    .blogTitle {
        font-size: 32px;
        line-height: 44px;
        font-weight: 700;
        margin: 0 0 18px;
    }
    .wp_blockQuote p {
        font-size: 22px;
        line-height: 32px;
    }
    .pageBanner01 {
        padding: 190px 0 168px;
    }
    .testimonial_item_09 .tsti_cnt {
        padding: 40px 25px 50px 195px;
        width: 80%;
    }
    .testimonial_item_09 .tsti_cnt h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .testimonial_item_09 .tsti_author p {
        font-size: 16px;
        line-height: 26px;
    }.testimonial_item_09 .tsti_author h3 {
        font-size: 20px;
        line-height: 36px;
    }
    .owl-carousel .tsti9_big_author img, .tsti9_big_author img {
        margin-bottom: 127px;
    }
    .tabSecStyle_1 .aboutTabList a {
        padding: 26px 48px 22px 65px;
    }
    .tabSecStyle_1 a .p {
        font-size: 15px;
    }
    .aboutTabList a .h4 {
        font-size: 18px;
    }
    .tabSecStyle_1 .aboutTabList a .tabIconWrap {
        left: 15px;
        font-size: 40px;
    }
    :root {
        --service2Gap: 80px;
    }
    .historyList2 .historyThumb {
        padding: 27px 25px 27px 25px;
        border: 1px solid var(--tw-heading-color);
        border-radius: 10px;
    }
    .historyList2 .hiContent h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .historyList2 .hiContent p {
        font-size: 15px;
        line-height: 28px;
    }
    .historyList2 .historyItem:not(:last-child) {
        margin-bottom: 80px;
    }
    .testCarouseStyle10 .testimonial_item_10 .tsti_author img {
        width: 180px;
        border: 6px solid var(--tw-white-color);
    }
    .testimonial_item_10 .tsti_cnt h3 {
        font-size: 28px;
    }
    .testimonial_item_10 .tsti_author_inner {
        left: 100px;
    }
    .testimonial_item_10 .tsti_author h3 {
        font-size: 18px;
    }
    .testimonial_item_10 .tsti_cnt h2 {
        font-size: 16px;
    }
    .testimonial_item_10 .tsti_cnt .rating-section i {
        font-size: 14px;
    }
    .testimonial_item_10 .tsti_cnt .rating-section {
        -webkit-column-gap: 3px;
           -moz-column-gap: 3px;
                column-gap: 3px;
    }
    .testimonial_item_10 {
        padding: 35px 30px 32px;
    }
    .tsti_cnt h2 {
        margin: 0 0 14px;
    }
    .twImage_captionSlide {
        padding: 35px 35px 26px;
    }
    .twImage_captionSlide p {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 800;
    }
    /*========== Herro banner ==========*/
    .tw_hero__slide_two_cntLF {
        max-width: 430px;
    }
    .tw_hero__slide2_title {
        font-size: 52px;
    }
    .tw_hero__slide_textShape {
        width: 200px;
        height: 200px;
    }
    .tw_hero__slide_two_cntRT {
        width: clamp(380px, 50vw, 1022px);
        height: 550px;
        bottom: 165px;
    }
}
/*-----------------------------------------
/  05. 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;
        -o-object-fit: cover;
           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 .baquetLink {
        width: 60px;
        height: 60px;
    }
    .pageBannerContent .pgBanner-title {
        font-size: 48px;
        line-height: 60px;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -66px;
    }
    .hiContent p {
        line-height: 32px;
    }
    .ser6_readMoreBtn {
        width: 60px;
        height: 60px;
    }
    .pageBanner01 .container{
        max-width: 100%;
    }
    .foliopi_details h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .tstiCarouselWrap8 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 40px;
    }
    .tstiCarouselWrap8 .testCarouseStyle08 {
        padding-right: 0;
        width: 100%;
    }
    .tstiCarouselWrap8 .testimoinal8thumb {
        width: 70%;
    }

    /*========== Herro banner ==========*/
    .tw_hero__slide_three_cntLF {
        padding-top: 195px;
        max-width: 460px;
    }
    .tw_hero__slide3_desc{
        padding: 0 30px 0 0;
    }
    .tw_hero__Wrapper_three {
        --slider3_height: 860px;
    }
    .tw_hero__slide_three_cntRT {
        width: clamp(450px, 58vw, 1031px);
    }
    .tw_hero__slide_rShape {
        width: 175px;
        bottom: -22px;
    }
    .tw_hero__slide_three_cntRT::after {
        left: 95px;
        height: 345px;
    }
    .tw_hero__slide_three_cntRT::before {
        left: 199px;
        height: 745px;
    }
    .tw_hero__slide_cntLF {
        max-width: 461px;
        padding-top: 190px;
    }
    .tw_hero__slide_cntRT {
        width: clamp(370px, 50vw, 873px);
        bottom: -82px;
        height: 695px;
    }
    .tw_hero__Wrapper {
        --slider_height: 780px;
    }
    .tw_hero__slide_title {
        font-size: 48px;
    }
}

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

    .aboutTabInner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-column-gap: 50px;
           -moz-column-gap: 50px;
                column-gap: 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;
    }

    .chart_one_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .chart_one_box .right_section {
        width: 100%;
    }

    .process_separator {
        display: none;
    }

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

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

    .baquetAccordion .accordion-body {
        padding: 0 27px 25px 38px;
    }

    .baquetAccordion .accordion-button .accordion-title {
        font-size: 18px;
        line-height: 26px;
    }

    .caseStudy_linkWrap4 .baquetLink {
        padding: 33.36px 27.44px;
    }

    .caseStudyItems03 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

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

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

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

    .topbar01__lfs {
        display: none;
    }

    .topbar01 {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
    }

    .headerInner01__lfs {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 37.849%;
                flex: 0 0 37.849%;
        position: relative;
    }

    .headerInner01__rfs {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 62.151%;
                flex: 0 0 62.151%;
    }
    .twHeadingWrap .theHeading {
        font-size: 34px;
        line-height: 44px;
    }
    .testimonial_item{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .testimonial_contents {
        width: 100%;
    }
    .testimonial_img {
        width: 75%;
        margin: 0 0 -120px;
    }
    .tsti_quote_icon {
        left: 0;
        right: auto;
        bottom: 100%;
    }
    .testimonial_item_10 .tsti_author_inner {
        left: 80px;
    }
    .testimonial_item_10 .tsti_author p {
        font-size: 14px;
        border-radius: 0 0 8px 8px;
    }
    .servicelistContent01 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .servicelistContent01 h3 {
        width: calc(100% - 70px);
    }
    .serviceListIcon {
        width: 70px;
    }
    .servicelistContent01 p {
        padding-left: 70px;
    }
    .pageBanner01 {
        padding: 185px 0 135px;
    }
    .pageBannerContent .pgBanner-title {
        font-size: 35px;
        line-height: 47px;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -47px;
    }
    .pagePagination{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 64px;
    }
    .pagePagination a{
        width: 100%;
    }
    .pagePagination::after{
        width: 100%;
        height: 2px;
        border-left: 0;
        border-top: 1px solid;
        border-color: inherit;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%)
    }
    
    .arct_slideImg_cnt {
        bottom: 195px;
    }
    .testimonial_item_09 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .owl-carousel .tsti9_big_author img, .tsti9_big_author img {
        margin-bottom: -55px;
    }
    .testimonial_item_09 .tsti_cnt {
        padding: 90px 25px 50px 30px;
        width: 100%;
        top: 0;
    }
    .tstiCarouselWrap9 .owl-nav{
        display: none !important;
    }
    .elementor .testimonial_item_09 .tsti_author img, .testimonial_item_09 .tsti_author img {
        width: 80px
    }
    .testimonial_item_09 .tsti_author {
        padding: 14px 0 12px 95px;
    }
    .testimonial_item_09 .tsti_author h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .architect_carousel .owl-nav{
        display: none !important;
    }
    .twTab_items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .aboutTabContent{
        width: 100%;
    }
    .tabSecStyle_3 .aboutTabList a:hover .tabRight_arrow, .tabSecStyle_3 .aboutTabList a.active .tabRight_arrow {
        -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
                transform: translateX(0px);
    }
    .tabSecStyle_3 .aboutTabList a .tabRight_arrow {
        width: 128px;
    }
    .service_item_07 .service_imgWrap img{
        min-height: 170px;
    }
    .historyList2 .historyItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
        row-gap: 25px;
    }
    .historyList2 .historyItem > *{
        width: 100%;
    }
    .historyList2 .historyItem::after {
        left: -16.5px;
        width: 25px;
        height: 26px;
    }
    .historyList2::after {
        left: 0;
        width: 6px;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
    }
    .historyList2{
        padding-left: 20px;
    }
    .historyList2 .hiContent h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .historyList2 .hiContent p {
        font-size: 16px;
        line-height: 26px;
    }
    .historyList2 .historyItem.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: left;
    }
    /*========== Herro banner ==========*/
    .tw_hero__Wrapper_three {
        --slider3_height: 760px;
    }
    .tw_hero__slide_three_cntLF {
        padding-top: 150px;
    }
    .tw_hero__slide_rShape {
        width: 122px;
        bottom: -66px;
    }
    .tw_hero__slide_rShape svg path {
        stroke-width: 12px;
    }
    .tw_hero__slide_three_cntRT {
        width: clamp(220px, 58vw, 1031px);
    }
    .tw_hero__slide_three_cntRT::after {
        left: 85px;
        height: 312px;
    }
    .tw_hero__slide_three_cntRT::before {
        left: 182px;
        height: 673px;
    }
    .tw_hero__sliders_three .tw_hero_three_lShape img:nth-child(1) {
        top: 112px;
        width: 90%;
    }
    .tw_hero__slide_two_cntLF {
        padding-top: 165px;
    }
    .tw_hero__Wrapper_two {
        --slider2_height: 890px;
    }
    .tw_hero__slide2_title{
        margin-right: 0;
    }
    .tw_hero__slide2_desc{
        padding-right: 0;
    }
    .slide_themeWarCounter {
        right: 0;
    }
    .tw_hero__slide_two_cntLF{
        max-width: 100%;
    }
    .tw_hero__slide_two_cntLF > h2,
    .tw_hero__slide_two_cntLF > h4,
    .tw_hero__slide_two_cntLF > p{
        max-width: 460px;
    }
    .tw_hero__slide_title {
        font-size: clamp(40px, 9vw, 108px);
    }
    .tw_hero__slide_cntRT{
        display: none;
    }
    .tw_hero__slide_desc {
        padding: 0 18px 0 0;
    }
    .tw_hero__slide_cntLF {
        max-width: 440px;
        padding-top: 171px;
    }
    .tw_hero__Wrapper {
        --slider_height: 725px;
    }
}

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

    .team_box_03>*:nth-child(2) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 56%;
                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{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .servicelistContent02 h3 {
        width: 80%;
        font-size: 30px;
        line-height: 42px;
        margin: 0 0 10px;
    }
    .servicelistContent02 p {
        width: 100%;
        padding-left: 58px;
    }
    .folio_linkWrap8 .baquetLink {
        width: 55px;
        height: 55px;
    }
    .pageBannerContent .pgBanner-title {
        font-size: 31px;
        line-height: 43px;
    }
    .pageBanner01 h1.banner_shapeText {
        bottom: -24px;
    }
    blockquote.wp_blockQuote {
        padding: 25px 22px 30px 95px;
    }
    .wp_blockQuote i, .wp_blockQuote svg {
        font-size: 54px;
        width: 58px;
        top: 30px;
        left: 18px;
    }
    .wp_blockQuote p {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 14px;
    }
    .foliopi_details h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .pagePagination{
        padding: 22px;
    }
    .tstiCarouselWrap8 .testimoinal8thumb {
        width: 100%;
    }
    .architect_content {
        padding: 35px 22px 29px;
    }
    .architect_content h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .architect_slide_item_inner {
        margin: 0 auto;
        margin-bottom: -126px;
    }
    .architect_slide_item_inner{
        max-width: 351px;
    }
    .architect_buyer {
        padding: 23px 25px 10px;
    }
    .elementor .tsti_leftAuthor img, .tsti_leftAuthor img {
        width: 140px;
    }
    .tsti_leftAuthor {
        padding: 35px 0px 23px 160px;
    }
    .tsti_leftAuthor h3 {
        font-size: 24px;
        line-height: 42px;
    }
    .testimonial_item_08 .tsti_cnt h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .service_slider_items01 {
        padding: 36px 22px 25px;
    }
    .tabSecStyle_3 .aboutTabList a .h4 {
        font-size: 17px;
    }
    .testiThumbItem.slick-center .tsti_author img{
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        outline: 0 solid;
    }
    /*========== Herro banner ==========*/
    .tw_hero__slide3_title {
        font-size: clamp(45px, 7vw, 108px);
    }
    .tw_hero__slide3_subtitle {
        font-size: 15px;
    }
    .tw_hero__slide2_title {
        font-size: clamp(40px, 12.5vw, 58px);
    }


    .folioItems11 .foliopi_details{
        --number-width: 65px;
    }
    .folioItems11 .foliopi_psNumber {
        height: 65px;
        font-size: 28px;
    }
    .folioItems11 .foliopi_details {
        padding: 30px 0 25px;
    }
    .folioItems11 .foliopi_detInnerBtm {
        padding-left: 18px;
    }
    .folioItems11 .foliopi_details h3 {
        font-size: 22px;
    }
    .folioItems11 .foliopi_details p {
        font-size: 16px;
    }
    .folioItems11 .foliopi_meta a {
        padding: 10px 15px;
        font-size: 13px;
        line-height: 1;
        margin: 0 4px 4px 0;
    }
    .blogPostItem10 {
        padding: 22px 20px;
    }
    .blogPostItem10 .bpi_details h3 {
        font-size: 20px;
        line-height: 32px;
    }
}

/*-----------------------------------------
/  08. 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) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 43%;
                flex: 0 0 43%;
    }

    .team_box_03>*:nth-child(2) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 57%;
                flex: 0 0 57%;
    }
    .architect_slide_item_inner{
        max-width: 92%;
    }
}