@media only screen and (max-width: 1024px) {
    .mainfloan2 {
        width: 100%;
    }

    .slider-container {
        height: 91vh;
    }

    .our-results-sliders-item {
        display: block;
    }

    .our-results-sliders-item-content-image {
        width: 100%;

    }

    .our-results-sliders-item-content-text {
        width: 100%;
        margin-bottom: 40px;
    }

    .blog-card {
        width: 48%;
    }

    .bg-video {
        height: 31vh;
    }

    .marqueetags {
        top: 5%;
    }

    .matterr {
        height: 100% !important;
    }

    .content2 {
        min-height: 10vh;
    }
}


@media only screen and (max-width: 768px) {
    
    .hero-text {
    font-size: 70px;
    line-height: 126px;
}
    .cardnewsticky {
        flex-direction: column;
        padding: 2rem;
    }

    .card-contentnewsticky,
    .main-imgnewsticky {
        width: 100%;
        padding: 0;
    }

    .main-imgnewsticky {
        margin-top: 2rem;
    }

    .content-wrapnewsticky p {
        padding-right: 0;
    }

    .case-studies-container {
        padding: 2rem 1rem;
    }

    .case-study-card {
        padding: 1.5rem;
    }

    .logos-icon {
        width: 100%;
    }

    .results-grid {
        grid-template-columns: 1fr;
    }

    .hero-text2 {
        margin-left: 14%;
    }

    .description {
        position: initial;
        width: 100% !important;
        margin-top: 30px;
    }

    .service-card {
        display: block;
    }

    .servicestext {
        width: 100%;
        margin-bottom: 30px;
    }

    .vides-services {
        width: 100%;
    }

    .ourwork-text {
        display: block;
    }

    .impressions {
        width: 100%;
        margin: 30px 0px;
    }

    .floan-images {
        height: 57vh;
    }

    .bigarrow {
        display: none;
    }

    .Our-services-h2 {
        font-size: 50px;
    }

    .email-h h1 {
        font-size: 40px;
    }

    .tabs-imgs-logos {
        display: block;
    }

    .allimgs {
        justify-content: space-between;
    }

    .alltagss ul {
        justify-content: center;
        margin: 30px 0px;
    }

    .articles-container {
        flex-wrap: wrap;
    }

    .articles-container-item {
        width: 46%;
    }

}

@media only screen and (max-width: 540px) {
    .name-number {
    width: 100% !important;
    margin-bottom: 20px !important;
}
    .cscard-image img {
    border-radius: 0px 120px 0px 0px !important;
}
    .stunning {
        height: 310px !important;
        margin-top: 20px !important;
    }
    .cscard-content {
        width: 100%;
    }

    .cscard-image {
        width: 100%;
    }

    .cscard-text p {
        padding-right: 0px;
        display: none !important;
    }
    .cscard-title h3 {
        font-size: 24px;
        line-height: 38px;
    }

    .csstack-card {
        display: block;
        position: relative !important;
        margin-bottom: 30px;
    }

    .content-wrapnewsticky p {
        padding-right: 0px;
    }

    .section-one {
        width: 100%;
    }

    .main-imgnewsticky {
        width: 100% !important;
        margin-top: 30px !important;
    }

    .section-one {
        height: 100% !important;
    }

    .card-contentnewsticky {
        width: 100%;
    }

    .cardnewsticky {
        display: block;
    }

    .services-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }

    .services-section {
        padding: 1rem 2rem 0rem 2rem !important;
    }

    .services-container {
        margin-top: -69px;
    }

    .Our-services-h2 {
        line-height: 90px;
    }

    .description {
        max-width: 100% !important;
    }

    .hero-text {
        line-height: 75px !important;
    }

    .csstack-card{
        padding: 1rem !important;
    }
    .content {
        padding: 0rem 2rem 2rem;
    }

    .logo-image3 {
        width: calc(62% - 64px) !important;
    }

    .creative-web-design {
        display: block !important;
        width: 90%;
        margin: auto;
        margin-bottom: 30px;
    }

    .creative-web-design-text {
        width: 100%;
        padding-top: 20px;
    }

    .happen-h h1 {
        font-size: 47px;
        width: 100%;
    }

    .right-sidearrow {
        display: none;
    }

    .input-form {
        width: 100%;
    }

    .contact-detail {
        display: block;
        display: block;
        width: 90%;
        margin: auto;
    }

    .contact-detail-card {
        width: 100%;
        margin-bottom: 15px;
    }

    .mission-container-h2 {
        padding: 0px 20px;
    }

    .contact-follow {
        width: 100%;
    }

    .digital-main {
        width: 92%;
        margin: auto;
    }

    .digital-main-imgss {
        margin-bottom: 30px;
    }

    .hero-text5 {
        font-size: 42px;
        padding-right: 0rem;
    }

    .tab-nav {
        flex-wrap: wrap;
    }

    .articles-container-item {
        width: 100% !important;
    }

    .blog-detail-banner {
        display: block;
    }

    .blog-detail-banner-images {
        width: 100%;
        margin-top: 30px;
        display: block;
    }

    .share {
        flex-wrap: wrap;
    }

    .blog-detail-text-content {
        width: 99%;
    }

    .video-culture video {
        height: 61vh;
    }

    .two-imagex {
        display: block;
    }

    .temasimages-left {
        width: 89%;
        margin: auto;
        padding-bottom: 30px;
    }

    .custom-form {
        display: block;
    }

    .action-btn {
        margin-top: 25px;
    }

    .radio-option {
        font-size: 9px;
    }

    .creative-web-design-image {
        width: 100%;
    }

    .video-bg video {
        width: 64% !important;
    }

    .marqueetags-item marquee h1 {
        font-size: 46px;
    }

    .images-container {
        display: block;
    }

    .left-image-container {
        width: 100%;
    }

    .center-image-container {
        width: 100%;
    }

    .right-image-container {
        width: 100%;
    }

    .center-image2 {
        margin: 20px 0px;
    }

    .work-container {
        display: block;
    }

    .work-media {
        width: 100%;
    }

    .work-image img {
        border-radius: 7%;
        margin-top: 20px;
    }

    .right-imagee {
        height: 100%;
    }

    .main-image-detail {
        margin: 0px;
    }

    .f-logo-main-image {
        width: 96%;
        margin: 30px auto;
    }

    .main-image-detail img {
        width: 100%;
    }

    .main-image-detail-box {
        width: 94%;
        margin: auto;
        padding-bottom: 20px;
    }

    .work-text {
        width: 100%;
    }

    .work-text h1 {
        font-size: 39px;
    }

    .bespoke2 {

        padding: 4rem 0rem 2rem 0rem;
    }

    .bespoke {
        padding: 2rem 0rem 2rem 0rem;
    }

    .progress {
        display: block !important;
    }

    .h-icon {
        width: 100%;
    }

    .filters-section {
        display: block;
    }

    .pills-area {
        width: 100% !important;
    }

    .selected-filters {
        width: 100%;
    }

    .rightarrow {
        display: none;
    }

    .description-text {
        width: 100%;
    }

    .bespoke3 {
        padding: 4rem 0rem 2rem 0rem;
    }

    .hero-text {
        font-size: 50px;
    }

    .servicestext h3 {
        font-size: 43px;
        line-height: 50px;
    }

    .Our-services-h222 {
        font-size: 2rem;
    }

    .Our-services-Work {
        font-size: 80px;
    }

    .title-text-main {
        font-size: 4rem;
    }

    .dkh-logo {
        margin-bottom: 20px;
    }

    .title-text-sub h3 {
        margin-bottom: 2rem;
    }

    .slider-container {
        height: 100vh;
    }

    .blog-card {
        width: 100%;
    }

    .faq-title {
        font-size: 25px;
    }

    .faq-header h3 {
        font-size: 23px;
    }

    .marqueetags-item {
        margin: 10px 0px;
    }

    .email-h h1 {
        font-size: 30px;
    }

    .pageslink {
        display: block;
    }

    .newsletter {
        margin-top: 30px;
    }

    .celebrating {
        display: none;
    }

    .bespoke h1 {
        font-size: 20px;
        font-weight: 500;
    }

    .mission-container-h {
        display: block;
    }

    .mission-container-h-text2 {
        width: 100%;
    }

    .mission-container-h-img-container2 {
        width: 100%;
    }

    .digital-main {
        display: block;
    }

    .digital-main-text {
        width: 100%;
    }

    .mission-container-h-img-arrow2 {
        display: none;
    }

    .Awwwards-main {
        display: block;
    }

    .Awwwards-main-text {
        margin-bottom: 10px;
    }

    .member-info h2 {
        font-size: 89px;
    }

    .sitepagelink {
        display: flex;
        justify-content: center;
    }

    .newsletter {
        display: flex;
        justify-content: center;
    }
    .sitepagelink ul {
    flex-wrap: wrap !important;
}
.content-service h3 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 39px;
}
}


@media only screen and (max-width: 430px) {
    .logos-icon {
        margin-top: 0px;
        gap: 0px;
    }

    .hero-text {
        line-height: 50px !important;
    }

    .Our-services-h2 {
        line-height: 39px;
    }

    .hero-text {
        font-size: 76px;
    }

    .Our-services-h22 {
        margin-top: -0px;
    }

    .bti-title {
        font-size: 26px !important;
    }

    .bti-content {
        display: block;
    }

    .bti-overlay2 {
        width: 100%;
    }

    .bti-image {
        margin-top: 0rem;
    }

    .bti-image {
        width: 100%;
        margin-bottom: 20px;
    }

    .image-tagss {
        flex-wrap: wrap;
    }

    .title-text-sub h3 {
        padding: 0px 0px 0px 0px;
    }

    .slider-container {
        height: 77vh !important;
    }

    .logs-iconw {
        gap: 40px 32px;
    }

    .bespoke-partners {
        display: block;
    }

    .Our-services-h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }

    .bespoke h1 {
        font-size: 20px;
        font-weight: 500;
    }

    .faq-title {
        font-size: 20px;
    }

    .faq-header h3 {
        font-size: 19px;
    }

    .video-bg video {
        width: 100%;
    }

    .logo-heading {
        display: block;
    }



    .creative-web-design-image {
        width: 100%;
    }

    .logo {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .pageslink {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .work-text {
        width: 100%;
    }

    .work-text h1 {
        font-size: 34px;
    }

    .digital-main-text h1 {
        margin-bottom: 15px;
    }

    .team-members-slider {
        height: 75vh;
    }
}
@media only screen and (max-width: 430px){
        .hero-text {
        font-size: 40px !important;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}