/*Mobile Screen Responsive CSS*/
@media (min-width: 1025px) and (max-width: 1199px) {
    .logo img {
        width: 150px;
    }
    .BanSerSlide {
        font-size: 16px;
        width: 180px;
    }
    .SlideMenu ul li a {
        font-size: 16px;
    }
    .SlideMenu ul li span img {
        width: 24px;
    }
    img.Ham {
        width: 35px;
        height: 20px;
        object-fit: fill;
    }
    .PaddTB {
        padding: 20px 0 20px;
    }
    ul.BanNav {
        column-gap: 45px;
        justify-content: center;
    }
    .BanMain .container:not(:first-child) {
        max-width: 98%;
    }
    .HomeThirdSec .Para {
        margin-bottom: 15px;
    }   
    .HomeThirdSec .Para {
        margin-bottom: 15px;
    }
    .Content a {
        margin-top: 30px;
    }
    .HomeFourthSec {
        padding-top: 0px;
    }
    h2 {
        font-size: 28px !important;
        line-height: 42px;
    }
    .Para, body p, .service_outcome ul.missionList li {
        font-size: 16px !important;
    }
    body p br {
        display: none;
    }
    h3 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
        line-height: 36px !important;
    }
    .TabContent .Para {
        margin-bottom: 15px;
    }
    .HomeThirdSec .MainHead, .HomeThirdSec .SmallHead {
        margin-bottom: 20px;
    }
    .ConterBox h4 {
        font-size: 50px;
        line-height: 70px;
    }
    .HomeFourthSec .MainHead h2 {
        font-size: 50px !important;
        line-height: 70px;
    }
    .PinkButn a {
        font-size: 18px;
        padding: 18px 16px 18px 60px;
        top: -10px;
        border-radius: 50px;
        display: inline;
    }
    .PinkButn a span.Icon {
        width: 45px;
        height: 45px;
        display: flex    ;
        align-items: center;
        justify-content: center;
    }
    .MarqueText marquee {
        font-size: 67px;
    }
    footer h3 {
        font-size: 18px !important;
        margin-bottom: 26px;
    }
    .bnr_creative_h {
        font-size: 67px !important;
        margin-top: 0px;
    }
    .BanMenu {
        margin-top: -15px;
    }
    .TeamExperts {
        margin-top: 30px;
    }
    div#v-pills-tab {
        padding-right: 15px;    
    }
    .Butns, .themeBtn, .themebtnBlack span {
        padding: 12px 24px;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 32px;
    }
    .HomeThirdSec {
        padding: 100px 0;
    }
    .HomeThirdSec .container:before {
        top: 0;
    }
    .HomeThirdSec .container:after {
        top: -13px;
    }
    .MenuMainBody ul li a {
        font-size: 16px;
        padding: 0 10px 0;
    }
    .MenuMainBody ul li {
        margin-bottom: 0;
    }
    .MenuMainBody ul {
        margin-top: 0;
    }
    .MenuMainBody.active {
        height: 80px;
        opacity: 1;
        padding: 0px 0 15px;
    }
    .index nav.top.MenuMainBody img {
        width: 150px;
    }
    nav.top.MenuMainBody button {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .Butons {
        column-gap: 15px;
    }
    h1 {
        font-size: 54px !important;
        line-height: 68.8px !important;
    }
    section.contactUs::after, .service_outcome::after {
        content: '';
        width: 124px;
        height: 369px;
        background-size: contain;
    }
    .service_outcome::after {
        right: -30px;
    }
    .counter_main_box .counterBox:nth-child(2)::before {
        left: -70px;
    }
    .counter_main_box .counterBox:nth-child(2)::after {
        right: -25px;
    }
    .topHeading p {
        max-width: 80%;
        margin: 0px auto;
    }
    .ourServices .row .col-md-6 {
        width: 45%;
    }
    .ourServices .row {
        gap: 40px;
    }
    .ourServices .row .col-md-6:not(:first-child) {
        padding-top: 60px;
    }
    .servicesInner a span {
        font-size: 15px;
        letter-spacing: 0px;
        padding: 12px 40px;
    }
    section.ourServices {
        padding-bottom: 80px;
    }
    .loadMore {
        padding-top: 50px;
    }
    .newsletterHeading {
        padding-top: 40px;
    }
    .newsletterHeading h2:not(:last-child) {
        margin-bottom: 0px;
    }
    .news_letter_form {
        padding: 65px 0px 60px;
    }
    .portfolioImg img {
        width: 100%;
    }
    .breadcrum p, .breadcrum p a {
        font-size: 12px !important;
    }
    .whoweare_hero .col-md-4 img {
        width: 100%;
    }
    .inner-box-marketing h3 {
        font-size: 18px !important;
        margin-bottom: 15px;
    }
    .form-group input, .form-group select, .form-group textarea {
        font-size: 16px;
    }
    .form-group input, .form-group select {
        height: 60px;
    }
    .form-group input::placeholder, 
    .form-group select::placeholder, 
    .form-group textarea::placeholder {
        font-size: 16px;
    }
    .form-group textarea#notes {
        height: 180px;
    }
    .contact_form_inner {
        background-size: 100% 100%;
        border-radius: 12px;
    }
    .banner_btn {
        gap: 15px;    
        padding-top: 40px;
    }
    .influencerTabs .MarTop {
        padding: 0px 15px;
    }
    .influencer_bio {
        padding: 24px 0px 30px;
    }
    .influencerTabs .TabContent {
        margin-bottom: 50px;
    }
    .circleButton a {
        margin: 0px auto;
        font-size: 14px;
        padding: 25px 24px;
        border-radius: 100px;
    }
    .circleButton a span img {
        width: 18px;
    }
    .visual_case_study .controls .btn, .tab-carousel button {
        width: 61px;
        height: 61px;
    }
    .visual_case_study .controls .btn svg, .tab-carousel button span svg {
        width: 24px;
    }
    .owl-carousel .owl-item img {
        height: 300px;
        object-fit: cover;
        border-radius: 12px;
    }
    .six_col_sec .row .col-md-4 .inner-box-marketing:not(:last-child) {
        margin-bottom: 20px;
    }
    section.visual_case_study {
        padding: 0px 15px;
    }
    .MenuLogo {
        margin-top: 15px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .PaddTB .col-md-6 {
        width: 40%;
    }
    .PaddTB .col-md-3 {
        width: 30%;
    }
    .logo img {
        width: 150px;
    }
    .BanSerSlide {
        font-size: 16px;
        width: 180px;
    }
    .SlideMenu ul li a {
        font-size: 16px;
    }
    .SlideMenu ul li span img {
        width: 24px;
    }
    img.Ham {
        width: 35px;
        height: 20px;
        object-fit: fill;
    }
    .PaddTB {
        padding: 20px 0 20px;
    }
    ul.BanNav {
        column-gap: 15px;
        justify-content: center;
    }
    .Butn a {
        padding: 10px 20px;
    }
    .BanNav .Black a i {
        right: 0px;
    }
    .BanMain .container:not(:first-child) {
        max-width: 98%;
    }
    .HomeThirdSec .Para {
        margin-bottom: 15px;
    }   
    .HomeThirdSec .Para {
        margin-bottom: 15px;
    }
    .Content a {
        margin-top: 30px;
    }
    .HomeFourthSec {
        padding-top: 0px;
    }
    h2 {
        font-size: 28px !important;
        line-height: 42px;
    }
    .Para, body p, .service_outcome ul.missionList li {
        font-size: 16px !important;
    }
    body p br {
        display: none;
    }
    h3 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
        line-height: 36px !important;
    }
    .TabContent .Para {
        margin-bottom: 15px;
    }
    .HomeThirdSec .MainHead, .HomeThirdSec .SmallHead {
        margin-bottom: 20px;
    }
    .ConterBox h4 {
        font-size: 40px;
        line-height: 40px;
    }
    .AbtContent {
        margin-left: 0px;
        padding-bottom: 1px;
    }
    .leftCol img {
        width: 100%;
    }
    .missionList li {
        margin-bottom: 10px;
    }
    .rightCol ul li {
        font-size: 14px;
        line-height: 18px;
    }
    .counterInner h4 {
        font-size: 35px;
        line-height: 36px;
    }
    .counterInner h3 {
        font-size: 18px !important;
    }
    .counterInner {
        max-width: 211px;
    }
    .HomeFourthSec .MainHead h2 {
        font-size: 50px !important;
        line-height: 70px;
    }
    .PinkButn a {
        font-size: 18px;
        padding: 18px 16px 18px 60px;
        top: -10px;
        border-radius: 50px;
        display: inline;
    }
    .PinkButn a span.Icon {
        width: 45px;
        height: 45px;
        display: flex    ;
        align-items: center;
        justify-content: center;
    }
    .MarqueText marquee {
        font-size: 67px;
    }
    footer h3 {
        font-size: 18px !important;
        margin-bottom: 26px;
    }
    .bnr_creative_h {
        font-size: 67px !important;
        margin-top: 0px;
    }
    .BanMenu {
        margin-top: -15px;
        padding: 25px;
    }
    .BanAbtIMD {
        margin-top: 40px;
    }
    .MovingRobot::before {
        height: 264PX;
        bottom: -150px;
        width: 100%;
    }
    .logo-slider {
        gap: 15px;
    }
    .logo-slider .column {
        padding: 0px;
    }
    .logo-slider .column .slide {
        height: 160px;
    }
    .slide-track img {
        width: 100%;
    }
    .MarqueText {
        margin-top: -100px;
    }
    .bnr_creative_h::before {
        bottom: -12px;
        opacity: 0.2;
    }
    .TeamExperts {
        margin-top: 30px;
    }
    section.HomeSecondSec {
        padding: 50px 15px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: -58px;
    }
    .TeamExperts h3 {
        font-size: 20px !important;
        line-height: 120% !important;
    }
    .TeamExperts p {
        line-height: 22px;
    }
    .MarTop .col-md-4, .MarTop .col-md-6 {
        padding: 0px;
    }
    .nav-pills .nav-link {
        padding: 10px 15px;
        font-size: 14px;
    }
    .PortfolioImg img {
        object-fit: cover;
    }
    .ConterBox {
        padding-right: 0px;
    }
    .box h3 {
        font-size: 15px !important;
        color: #fff;
        margin-bottom: 10px !important;
        letter-spacing: 0.5px !important;
    }
    div#v-pills-tab {
        padding-right: 15px;    
    }
    .Butns, .themeBtn, .themebtnBlack span {
        padding: 12px 24px;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 32px;
    }
    .HomeThirdSec {
        padding: 100px 0;
    }
    .HomeThirdSec .container:before {
        top: 0;
    }
    .HomeThirdSec .container:after {
        top: -13px;
    }
    .MenuMainBody ul li a {
        font-size: 18px;
    }
    .MenuMainBody ul li {
        margin-bottom: 20px;
    }
    .MenuMainBody ul li a {
        font-size: 18px;
    }
    .MenuMainBody ul {
        margin-top: 50px;
    }
    .index nav.top.MenuMainBody img {
        width: 150px;
    }
    nav.top.MenuMainBody button {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .Butons {
        column-gap: 15px;
    }
    h1 {
        font-size: 44px !important;
        line-height: 58.8px !important;
    }
    .MenuLogo {
        margin-top: 20px;
    }
    .BanContent h1 {
        color: #1F1F1F;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .BanMain {
        padding-top: 40px;
    }
    section.contactUs::after, 
    .service_outcome::after {
        content: '';
        width: 124px;
        height: 369px;
        background-size: contain;
        z-index: -1;
    }
    section.teams {
        padding-bottom: 60px;
    }
    .teamHeading {
        padding-bottom: 30px;
    }
    section.whoweare_hero {
        padding: 45px 15px 30px;
    }
    .gifImages img {
        width: 147px;
        height: 145px;
        position: relative;
        top: -50px;
        margin-top: -80px;
    }
    .ourMisssion_inner {
        padding: 44px 15px 60px;
    }
    .counter_main_box {
        padding: 50px 15px 80px;
    }
    footer .row .footer_widget_col:nth-child(1) {
        max-width: 240px;
    }
    footer .row .footer_widget_col {
        max-width: 23%;
    }
    footer .row .footer_widget_col:nth-child(4) ul a svg {
        width: 15px;
    }
    footer .row .footer_widget_col:nth-child(4) ul a {
        width: 36px;
        height: 36px;
    }
    footer .row .footer_widget_col:nth-child(1) p {
        margin: 25px 0 0 !important;
    }
    footer ul li a {
        line-height: 32px;
        font-size: 16px;
    }
    .footerBottom {
        padding: 5px 15px 30px;
    }
    .footerBottom p {
        line-height: 22px;
        font-size: 14px !important;
    }
    /*.newsletterHeading h2 {*/
    /*    line-height: 37px;*/
    /*}*/
    /*.secondaryHeading {*/
    /*    line-height: 38px;*/
    /*}*/
    section.newsLetter::after {
        left: -215px;
        max-width: 295px;
    }
    .service_outcome::after {
        right: -30px;
    }
    .counter_main_box .counterBox:nth-child(2)::before {
        left: -35px;
    }
    .counter_main_box .counterBox:nth-child(2)::after {
        right: -15px;
    }
    .topHeading p {
        max-width: 80%;
        margin: 0px auto;
    }
    .ourServices .row .col-md-6 {
        width: 45%;
    }
    .ourServices .row {
        gap: 40px;
    }
    .ourServices .row .col-md-6:not(:first-child) {
        padding-top: 60px;
    }
    .servicesInner a span {
        font-size: 15px;
        letter-spacing: 0px;
        padding: 12px 40px;
    }
    section.ourServices {
        padding-bottom: 80px;
    }
    .loadMore {
        padding-top: 50px;
    }
    .newsletterHeading {
        padding-top: 40px;
    }
    .newsletterHeading h2:not(:last-child) {
        margin-bottom: 0px;
    }
    .news_letter_form {
        padding: 35px 0px 50px;
    }
    footer {
        padding-top: 50px;
    }
    .portfolioImg img {
        width: 100%;
    }
    .breadcrum p, .breadcrum p a {
        font-size: 12px !important;
    }
    .whoweare_hero .col-md-4 img {
        width: 100%;
    }
    .inner-box-marketing h3 {
        font-size: 18px !important;
        margin-bottom: 15px;
    }
    .form-group input, .form-group select, .form-group textarea {
        font-size: 16px;
    }
    .form-group input, .form-group select {
        height: 60px;
    }
    .form-group input::placeholder, 
    .form-group select::placeholder, 
    .form-group textarea::placeholder {
        font-size: 16px;
    }
    .form-group textarea#notes {
        height: 180px;
    }
    .contact_form_inner {
        background-size: 100% 100%;
        border-radius: 12px;
    }
    .banner_btn {
        gap: 15px;    
        padding-top: 40px;
    }
    .influencerTabs .MarTop {
        padding: 0px 15px;
    }
    .influencer_bio {
        padding: 24px 0px 30px;
    }
    .influencerTabs .TabContent {
        margin-bottom: 50px;
    }
    .circleButton a {
        margin: 0px auto;
        font-size: 14px;
        padding: 25px 24px;
        border-radius: 100px;
    }
    .circleButton a span img {
        width: 18px;
    }
    .visual_case_study .controls .btn, .tab-carousel button {
        width: 61px;
        height: 61px;
    }
    .visual_case_study .controls .btn svg, .tab-carousel button span svg {
        width: 24px;
    }
    .owl-carousel .owl-item img {
        height: 300px;
        object-fit: cover;
        border-radius: 12px;
    }
    .six_col_sec .row .col-md-4 .inner-box-marketing:not(:last-child) {
        margin-bottom: 20px;
    }
    section.visual_case_study {
        padding: 0px 15px;
    }
    .whoweare_hero .col-md-6 img {
        width: 100%;
    }
    .whoweare_hero .row:not(:first-child) {
        padding-top: 0px;
    }
    .topHeading {
        padding-bottom: 50px;
    }
    section.six_col_sec h2.secondaryHeading {
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .service_outcome {
        padding-top: 50px;
    }
    .influencerTabs .MarTop .col-md-4 {
        padding: 15px;
    }
    .influencerTabs .nav-link {
        padding: 0px;
    }
    .influencerTabs .nav-link span.arrowIcon img {
        width: 12px;
        height: 12px;
    }
    .influencerTabs .nav-link span.arrowIcon {
        padding: 2px 5px 3px;
    }
    .bottom_gallery_img img {
        width: 32.5555%;
    }
    .influencer_bio {
        flex-direction: column;
        gap: 15px;
    }
    ul.page-numbers a.page-link, .portfolio_inner .page-btn {
        height: 28px;
        font-size: 18px;
        line-height: 30px;
    }
    .bottom_gallery_img {
        padding: 65px 0px 70px;
    }
    .bannerImg img {
        width: 100%;
    }
    .bannerImg {
        padding-top: 5px;
    }
    section.detail_middle_sec {
        padding: 50px 0px 50px;
    }
    .education-training section.whoweare_hero {
        padding-bottom: 60px;
    }
    section.detail_inner_counter {
        padding-top: 60px;
    }
    .servicesInner h3 {
        font-size: 20px !important;
        margin-top: 15px;        
    }
    .webapp_overview {
        padding-top: 50px !important;
    }
    .find_more_content .col-md-8 {
        width: 100%;
        justify-content: flex-start;
    }
    .find_more_content .row {
        flex-direction: column;
    }
    .find_more_content {
        padding: 50px 0px 70px;
    }
    .find_more_content h2.secondaryHeading {
        margin-bottom: 25px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    /*Mobiile Header CSS*/
    .BanSerSlide p a {
    padding: 4px 6px;
    font-size: 14px;
}
#owl_custom12 .item {
    display: flex;
    align-items: center;
    justify-content: center;
}
    header .logo {
        text-align: center;
    }
    header .logo img {
        width: 150px;
    }
    .MenuMainBody {
        background: linear-gradient(2deg, #e86ca8 -15%, #191818 61%);        
    }
    nav.top.MenuMainBody button {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .MenuMainBody ul {
        column-count: 1;
        margin-top: 40px;
    }
    .MenuMainBody ul li {
        margin-bottom: 10px;
    }
    .MenuMainBody ul li a {
        font-size: 16px;
        font-family: 'SpaceGrotesk-Regular';
        text-align: left;
        padding: 0px 15px;
    }
        .MobTestimonail{
        display: block;
    }
    .testimonial-wrapper.DesktopTestimonial {
    display: none;
}
    .MenuMainBody ul.submenu li a {
        padding: 1px 5px;
        font-size: 12px;
    }
    .MenuMainBody ul li:hover ul.submenu {
        position: unset;
        width: fit-content;
        margin: 10px auto 0;
    }
    .BanSerSlide {
        font-size: 16px;
        width: auto;
    }
    .BanSerSlide p {
        font-size: 14px;
        width: fit-content;
    }
    
    /*Services CSS*/
    .portfolioImg img {
        width: 100%;
    }
    .ourServices .row {
        padding: 0px 15px;
    }
    .ourServices .row .col-md-6 {
        width: 100%;
        padding: 40px 0 0;
    }
    .servicesInner a span {
        font-size: 16px;
        padding: 10px 36px;
    }
    .servicesInner h3 {
        font-size: 24px;
        line-height: 38px;
        margin-top: 20px;
    }
    .ourServices .row .col-md-6:not(:first-child) {
        padding-top: 40px;
    }
    .ourServices .row:not(:first-child) {
        margin-top: 0px;
    }
    .whoweare_hero .col-md-4 img, .whoweare_hero .col-md-6 img  {
        width: 100%;
    }
    .six_col_sec .row .col-md-4:nth-child(2), .six_col_sec .row .col-md-4:nth-child(5) {
        border: none;
    }
    .inner-box-marketing {
        max-width: 100%;
    }
    .service_outcome::after {
        width: 170px;
        height: 250px;
        top: 0;
        right: 0px;
        opacity: 0.5;
        background-size: cover;
    }
    .inner-box-marketing p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .inner-box-marketing h3 {
        margin-bottom: 10px;
    }
    .service_outcome {
        padding-top: 10px;
    }
    .service_outcome ul.missionList li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .six_col_sec .row .col-md-4:nth-child(3), 
    .six_col_sec .row .col-md-4:nth-child(6) {
        padding-left: 15px;
    }
    .service_outcome img {
        margin-bottom: 15px;
    }
    .service_outcome .row:not(:first-child) {
        padding: 20px 0px 50px;
    }
    section.six_col_sec h2.secondaryHeading {
        padding-top: 25px;
    }
    .whoweare_hero .row .col-md-8 {
        padding-right: 0px;
    }
    .whoweare_hero .row:not(:first-child) p {
        font-size: 16px;
    }
    .whoweare_hero .row .col-md-8 {
        padding-right: 15px;
    }
    .whoweare_hero .row:not(:first-child) {
        padding-top: 24px;
    }
    .bottom_gallery_img {
        flex-direction: column;
        padding: 50px 0px 50px;    
    }
    .influencerTabs .MarTop .col-md-4 {
        position: relative;
        margin: 0px;
    }
    .influencerTabs .row {
        justify-content: center;
    }
    .banner_btn {
        gap: 14px;
        padding-top: 30px;
    }
    .themebtnBlack span {
        font-size: 16px;
        padding: 10px 24px;
    }
    .MarTop {
        margin-top: 0px;
    }
    .influencer_social_profile, 
    .influencer_bio {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
    }
    .influencerTabs .TabContent {
        padding: 0 0 0 0px;
        margin-bottom: 50px;
    }
    .influencer_bio {
        padding: 24px 0px 30px;
        margin-bottom: 30px;
    }
    .bannerImg img {
        width: 100%;
    }
    .bannerImg {
        padding-top: 40px;
    }
    .topHeading p {
        margin: 15px auto 0;
        font-size: 16px;
        line-height: 26px;
    }
    .education-training section.whoweare_hero {
        padding-bottom: 50px;
    }
    section.detail_middle_sec {
        padding: 50px 0px 50px;
    }
    .inner_detail_box ul li {
        font-size: 16px;
        line-height: 26px;
    }
    .inner_detail_box ul {
        padding: 15px 0px 0px 18px;
    }
    section.detail_inner_counter {
        padding-top: 50px;
    }
    .counter_main_box {
        justify-content: center;
    }
    .counterInner {
        max-width: 100%;
        text-align: center;
    }
    .counterInner p {
        font-size: 16px;
        text-align: center !important;
    }
    .fixed-tab {
        padding: 12px 24px;
        font-size: 14px;
        margin-right: 10px;
        width: fit-content;
    }
    .owl-carousel .tab {
        padding: 12px 24px;
        font-size: 14px;
        margin: 0 0px;
        line-height: 21px;
    }
    .tab-carousel button {
        font-size: 24px !important;
    }
    .visual_case_study .controls .btn, .tab-carousel button {
        border-radius: 100px !important;
        width: 51px;
        height: 51px;
    }
    .tab-carousel .owl-nav {
        padding: 0px 50px 35px 0px;
    }
    ul.page-numbers a.page-link, .portfolio_inner .page-btn {
        font-size: 12px;
    }
    .whoweare_hero .hero-img {
        padding-top: 30px;
    }
    .card {
        padding: 20px 15px;
    }
    .portfolio_inner .card-content h3 {
        font-size: 24px;
        line-height: 29.3px;
    }
    .card_box_inner .card-show-2 {
        margin: -380px auto 0px;
    }
    .card_box_inner .card-show-3 {
        margin: -360px auto 0px;
    }
    .visual_case_study .controls {
        justify-content: flex-end;
    }
    .controls svg {
        width: 24px;
        height: 24px;
    }
    .case-study-carousel .item img {
        height: 150px;
        object-fit: cover;
        border-radius: 3px;
    }
    .find_more_content {
        padding: 50px 15px 50px;
    }
    .find_more_content h2.secondaryHeading {
        margin-bottom: 30px;
    }
    .find_more_box img {
        width: 100%;
    }
    .find_more_box h3 {
        font-size: 24px;
        margin: 28px 0px 15px;
    }
    .find_more_box {
        margin-bottom: 30px;
    }
    .PaddTB {
        padding: 10px 0px;
        gap: 15px;
    }
    .SlideMenu ul {
        justify-content: space-between;
        gap: 0px;
        align-items: center;
    }
    img.Ham {
        width: 45px;
    }
    .MovingRobot::before {
        width: 100%;
    }
    .BanMain .row .col-md-6 {
        order: 3;
    }
    section.whoweare_hero {
        padding: 45px 0px 45px;
    }
    .BanAbtIMD {
        display: none;
    }
    .BanMenu {
        display: none;
    }
    .TeamExperts {
        margin-top: 30px;
        margin-left: 0;
    }
    .MarqueText marquee {
        font-size: 74px;
    }
    .BanMain .MarqueText::before, .BanMain .MarqueText::after {
        width: 50px;
        top: 28px;
    }
    .BanMain .MarqueText::after {
        right: 0;
    }
    .bnr_creative_h {
        font-size: 67px;
        margin-top: -20px;
    }
    ul.BanNav {
        gap: 25px 10px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .BanMain .row .col-md-3 {
        width: 50%;
    }
    .bnr_creative_h::before {
        display: none;
    }
    .MovingRobot::before {
        height: 174px;
        bottom: -65px;    
    }
    .BanMain {
        padding-bottom: 130px;
    }
    section.HomeSecondSec {
        padding: 50px 0px;
        margin-top: -100px;
        z-index: 9;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
    .MarqueText {
        margin-top: -130px;
    }
    .MainHead h2 {
        font-size: 28px;
    }
    .Para, .ConterBox p {
        font-size: 16px;
    }
    .nav-pills .nav-link {
        width: 100%;
        text-align: left;
    }
    div#v-pills-tabContent {
        margin-top: 25px;
    }
    .TabContent h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .TabContent .Para {
        margin-bottom: 15px;
    }
    .Butns, .themeBtn {
        padding: 10px 15px;
        font-size: 16px;
    }
    .Butons {
        justify-content: flex-start;
        column-gap: 15px;
        margin-top: 25px;    
    }
    .HomeThirdSec {
        padding: 50px 0;
        z-index: 999;
    }
    .ConterBox {
        padding-right: 0px;
    }
    .Star img {
        width: 24px;
        height: 24px;
    }
    .Star {
        margin-bottom: 15px;
    }
    .HomeThirdSec .container:before {
        width: 100%;
        height: 2px;
        left: 0;
        top: 0;
    }
    .HomeThirdSec .container:after {
        width: 24px;
        height: 24px;
        top: -11px;
    }
    .HomeThirdSec .SmallHead, .HomeThirdSec .Para {
        margin-bottom: 15px;
    }
    .HomeThirdSec .MainHead {
        margin-bottom: 20px;
    }
    .Content a {
        font-size: 16px;
        margin-top: 15px;
    }
    .CounterMain:before {
        width: 24px;
        height: 24px;
        top: -12px;
    }
    .ConterBox h4 {
        font-size: 50px;
        line-height: 50px;
    }
    .AbtContent {
        margin-top: 20px;
        margin-left: 0px;
        padding-bottom: 30px;
    }
    .HomeFourthSec {
        padding-top: 0px;
        padding-bottom: 40px;
        border-radius: 0px;
        margin-bottom: -15px;
    }
    .logo-slider .column {
        padding: 0px;
    }
    .HomeFifthSec .MarqueText:before {
        height: 87px;
        top: 1px;
        box-shadow: 0px -15px 10px #000000;    
    }
    .logo-slider {
        padding-top: 20px;
        justify-content: center;
    }
    .HomeFifthSec p.Para br {
        display: none;
    }
    .timeline-step .box {
        width: 100%;
    }
    .step2 .dot {
        top: 12%;
    }
    .step3 .dot {
        top: 15%;
    }
    .CounterMain {
        column-gap: 15px;
    }
    span.BforeImg {
        display: block;
        margin-bottom: 15px;
    }
    .HomeFourthSec .MainHead h2 {
        font-size: 28px;
        line-height: 38px;
    }
    span.Icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
    }
    .timeline-step.step3.Step3 {
        padding-bottom: 10px;
    }
    .PinkButn a {
        font-size: 16px;
        padding: 8px 14px 8px 54px;
        display: block;
        top: 0px;
        width: max-content;
        margin: 15px auto 50px;
    }
    .MenuMainBody .MenuLogo img.logoWhite {
        width: 150px;
    }
    .TabContent {
        padding: 15px;
    }
    form.newsletter {
        z-index: 999;
        position: relative;
    }
    .HomeFifthSec {
        padding: 70px 0 30px;
    }
    .HomeFourthSec:after {
        display: none;
    }
    .PortfolioImg img {
        height: 250px;
        object-fit: cover;
        border-radius: 4px;
    }
    .breadcrum p, .breadcrum p a {
        font-size: 10px;
        line-height: 16.5px;
        margin: 0px;
    }
    .topHeading h1 {
        font-size: 32px;
        line-height: 42px;
    }
    section.contactUs::after {
        width: 85px;
        height: 180px;
        top: 60px;
        animation: floatUpDown 3s ease-in-out infinite;
        background-size: contain;
    }
    body p {
        font-size: 16px;
        line-height: 24px;
    }
    .themeBtn {
        font-size: 16px;
        letter-spacing: -0.4px;
        padding: 12px 24px;
    }
    .contactUs .gifImages img {
        width: 150px;
        height: 150px;
    }
    .secondaryHeading {
        font-size: 28px;
        line-height: 38px;
    }
    .missionHeading img {
        max-width: 100px;
    }
    .missionHeading {
        margin-top: -23px;
    }
    .leftCol img {
        width: 80%;
    }
    .leftCol {
        text-align: center;
    }
    .rightCol p {
        margin: 15px 0 25px;
    }
    .rightCol ul li {
        font-size: 16px;
        line-height: 22px;
    }
    .counter_main_box {
        padding: 50px 15px 50px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }
    .counterInner h4 {
        font-size: 34px;
        line-height: 44px;
    }
    .counterInner h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .teamHeading {
        padding-bottom: 56px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
    }
    .counter_main_box .counterBox:nth-child(2)::before, 
    .counter_main_box .counterBox:nth-child(2)::after {
        display: none;
    }
    section.newsLetter::after {
        width: 150px;
        height: 150px;
        top: 170px;
        left: -95px;
    }
    .newsletterHeading h2 {
        font-size: 28px;
        line-height: 40px;
        margin: 0px !important;
    }
    .newsletter input {
        height: 39px;
        font-size: 12px;
        line-height: 24px;
        width: 180px;
        margin-right: 15px;
    }
    .news_letter_form button {
        font-size: 16px;
        width: 100px;
        height: 42px;
        letter-spacing: 0px;
    }
    .news_letter_form {
        padding: 45px 0px 60px;
    }
    .circleButton a {
        margin: 0px auto;
        font-size: 14px;
        padding: 25px 24px;
        border-radius: 100px;
    }
    .circleButton img {
        width: 24px;
        height: 24px;
    }
    section.teams {
        padding-bottom: 50px;
    }
    .newsletterHeading {
        padding-top: 20px;
    }
    .circleButton a span img {
        width: 18px;
    }
    
    /*Contact Us CSS*/
    .form_heading h2 {
        font-size: 40.93px !important;
        letter-spacing: -2.3px;
    }
    .form-group input, .form-group select {
        height: 48px;
    }
    button.submit-btn.themeBtn {
        margin-top: 0px;
    }
    .form-group input, .form-group select, .form-group textarea {
        font-size: 13px;
        padding: 10px;
    }
    .contact_form_inner .form-row { 
        gap: 15px;
        margin-bottom: 15px;
        flex-direction: column;
    }
    .contact_info .col-md-7 img {
        width: 100%;
    }
    .contact_form_inner {
        position: relative;
        padding: 15px 15px;
    }
    .form-inner-heading h2 {
        margin-top: 16px;
        font-size: 18px !important;
        line-height: 26px;
    }
    .svg_form_gif svg {
        width: 60px;
        height: 60px;
    }
    .form-inner-heading p {
        margin: 15px auto 30px;
        font-size: 14px !important;
    }
    .form-group input::placeholder, .form-group textarea::placeholder {
        font-size: 13px;
    }
    .form-group textarea#notes {
        height: 120px;
    }
    section.contact_form_main {
        padding: 0 15px 0;
    }
    .contact_form_inner {
        background-size: 100% 100%;
        border-radius: 8px;
    }
    .info_heading h3 {
        font-size: 28px;
    }
    .contact_detail {
        padding-top: 32px;
        margin-top: 24px;
    }
    .contact_detail .contact_detail_box:not(:last-child) {
        padding-bottom: 14px;
        margin-bottom: 30px;
    }
    .contact_detail_box img {
        width: 35px;
    }
    /*Footer CSS*/
    footer .row .footer_widget_col:nth-child(1) p {
        margin: 19px 0 30px !important;
        font-family: 'Inter-Regular';
    }
    footer h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    footer ul li a {
        line-height: 32px;
        font-size: 14px;
    }
    footer .row .footer_widget_col:nth-child(4) ul a {
        width: 36px;
        height: 36px;
    }
    footer .row .footer_widget_col:nth-child(4) ul a svg {
        width: 12px;
    }
    .footerBottom p {
        font-size: 14px;
        line-height: 18px;    
    }
    .footerBottom {
        padding: 15px 15px 40px;
    }
    .rightCol img {
        padding: 30px 0px 10px;
    }
    footer .row .footer_widget_col:nth-child(1) {
        max-width: 100%;
    }
    .visual_case_study .container .row {
        flex-direction: column;
    }
    .find_more_content .col-md-8 {
        flex-direction: column;
    }
    .bioTeam {
        padding: 5px 8px 5px;
    }
    .bioTeam p {
        font-size: 10px;
        line-height: 10px;
    }
    .bioTeam h4 {
        font-size: 14px;
    }
    .loadMore {
        padding-top: 20px;
    }
    section.ourServices {
        padding-bottom: 60px;
    }
    .HomeSeventhSec .row .col-md-6:not(:first-child) p.para {
        padding-bottom: 38px;
        text-align: left;
    }
    .porfolioLink {
        text-align: left;
    }
    .timeline-step .box {
        margin: 0px 0 20px;    
    }
    footer .row .footer_widget_col:nth-child(4) {
        max-width: 100% !important;
        width: 100% !important;
    }
    footer .row .footer_widget_col:nth-child(4) ul li a {
        width: 100%;
    }
    footer .row .footer_widget_col:nth-child(4) ul li a span {
        width: 36px !important;
        height: 36px;
        min-width: 36px;
    }
    footer .row .footer_widget_col:nth-child(1) ul a {
        width: 36px;
        height: 36px;
    }
    footer .row .footer_widget_col:nth-child(1) ul a svg {
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 320px) and (max-width: 1024px) {
    body .mobilenavMenu {
        display: flex !important;
        flex-direction: column;
        text-align: left !important;
        margin-top: 30px;
    }
    body .desktopnavMenu {
        display: none !important;
    }
    .MenuLogo img {
        max-width: 150px;
    }
    .MenuLogo {
        margin-top: 15px;
    }
    .MenuMainBody.active {
        height: 100vh;
        opacity: 1;
    }
}