.container {
    max-width: 100%;
    padding: 0 3.75vw;;
}

@media (max-width: 1439px) {
    .about-heading-animate-wrapper h2 img.icon-top {
        margin-top: -4.823vh;
    }
    .about-heading-animate-wrapper h2 img {
        width: 4vw;
    }
}


@media (max-width: 1199px) {
    .footer-bottom-left p {
        font-size: 12px;
    }
    .our-company-section {
        padding: 50px 0;
    }
    .hero-heading {
        top: 100px;
    }
    .hero-section.hero-case-study-section {
        height: 345px;
    }
    .our-company-left {
        width: 240px;
        padding-left: 0;
        top: 20px;
    }
    .project-title {
        margin-bottom: 25px;
    }
    .project-title span {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    .project-title p {
        font-size: 16px;
        line-height: 1.5;
    }
    .our-company-left-info {
        padding-left: 15px;
        padding-right: 0;
    }
    .our-company-right {
        width: calc(100% - 260px);
        padding-right: 0;
    }
    .challenge-title {
        margin: 40px 0;
    }
    h2 {
        font-size: 42px;
        line-height: 60px;
    }
    .challenge-title p, .challenge-title ul li {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .refining-data {
        padding-top: 0;
    }
    .refining-data-col {
        padding: 0 8px;
    }
    .refining-data-wrap {
        margin: 0 -8px;
    }
    h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .process-step-inner h3 {
        margin-bottom: 10px;
    }
    .footer-copyright-right p {
        font-size: 12px;
    }
    .hero-section {
        height: 580px;
    }
    .hero-description p {
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 25px;
    }
    .btn-border {
        font-size: 14px;
        line-height: 1;
        font-style: normal;
        border-radius: 35px;
        padding: 12px 25px;
    }
    .hero-description {
        right: 0;
        bottom: 55px;
        width: 350px;
        text-align: left;
    }
    p {
        font-size: 16px;
    }
    .scroll-top img {
        margin-bottom: 10px;
        width: 16px;
    }
    .helped-nb-startup h4 {
        font-size: 23px;
        line-height: 31px;
        margin-right: 0;
    }
	.challenge-sub-title h3 {
	    font-size: 22px;
	    line-height: 32px;
	    margin-bottom: 20px;
	}
}

@media (max-width: 1023px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .hero-section.hero-case-study-section {
        height: auto;
        padding: 110px 0 50px;
    }
    .hero-case-study-section .hero-heading {
        top: 0;
        position: relative;
    }
    .logo {
        width: 80px;
    }
    .our-company-section {
        padding: 0px 0 50px;
        margin-top: -1px;
    }
    h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .challenge-title h2 {
        margin-bottom: 10px;
    }
    .footer {
        padding-top: 50px;
        padding-bottom: 20px;
        margin-top: -1px;
    }
    .work-together-contact-left-info {
        width: 90%;
        margin: 0 auto 60px;
        border-radius: 22px;
        padding: 45px;
    }
    .work-together-contact-left-info h2 {
        font-size: 38px;
        line-height: 47px;
        margin: 0 0 20px;
    }
    .work-together-contact-left-info p {
        font-size: 22px;
        line-height: 33px;
        padding: 0 40px 25px;
        margin: 0;
    }
    .btn-bg {
        border-radius: 45px;
        min-width: 280px;
        min-height: 50px;
        font-size: 16px;
        line-height: 1;
        padding: 8px;
    }
    .footer-copyright-wrap ul li a svg {
        height: 20px;
        width: 20px;
    }
    .footer-copyright-left {
        left: 0;
    }
    .project-title .website-link img {
        width: 12px;
        margin-left: 8px;
    }
    .hero-section {
        height: 520px;
    }
    .nmber span {
        font-size: 16px;
    }
    .work-description p {
        font-size: 14px;
        line-height: 19px;
    }
    .work-tittle {
        padding-left: 25px;
    }
    .work-startups-section {
        border-radius: 25px;
        margin: -20px 0 0;
        padding: 40px 0;
    }
    .work-startups-section::after {
        background-size: cover;
    }
    .creative-moves-section {
        margin: -20px 0 0;
        padding: 40px 0;
    }
    .about-heading-animate-wrapper h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .c-tagline_item_inner {
        padding: 40px 0;
    }
    .creative-service-repeat {
        padding: 40px 0;
    }
    .creative-service-text-info p {
        font-size: 16px;
        line-height: 23px;
        margin: 0 0 10px;
    }
    .count-number {
        font-size: 50px;
    }
	.count-number span {
		font-size: 44px;
		margin-right: 10px;
	}
    .creative-service-col-right {
        padding: 0 15px;
    }
    .service-slider-item img {
        border-radius: 18px;
        width: 100%;
        height: 215px;
        object-fit: cover;
    }
    .helped-nb-startup {
        padding-top: 20px;
    }
    .design-claim-section {
        margin: -20px 0 0;
        padding: 40px 0;
        border-radius: 22px;
    }
    .about-heading-animate-wrapper h2 img {
        margin: 0 4px;
        width: 33px;
    }
    .about-heading-animate-wrapper h2 img.icon-top {
        margin-right: 0;
        margin-top: -15px;
        width: 14px;
        right: 13vw;
    }
    .design-claim-section .mirror-text-wrapper {
        left: 4vw;
    }
    .design-claim-wrapper p {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
    }
    .design-claim-wrapper {
        padding: 0;
        max-width: 455px;
        margin: 0 auto;
    }
    .design-claim-section .mirror-heading-col:nth-child(2) .c-tagline_item_inner {
        margin-left: -25vw;
    }
    .design-claim-section .mirror-heading-col:nth-child(3) .c-tagline_item_inner {
        margin-left: -50vw;
    }
    .btn {
        border-radius: 25px;
        min-height: 50px;
        font-size: 14px;
        line-height: 1;
        padding: 8px 25px;
    }
    .deliver-results-section {
        padding: 40px 0;
    }
    .deliver-results-section .heading h2 {
        font-size: 35px;
        line-height: 1.2;
    }
    .deliver-results-section .heading {
        margin-bottom: 40px;
    }
    .deliver-results-section .container {
        padding: 0 20px;
    }
    .deliver-results-box-info {
        padding: 15px;
        border-radius: 14px;
        height: 280px;
    }
    .deliver-results-box-info img {
        margin-bottom: 15px;
        width: 28px;
    }
    .deliver-results-box-info p {
        font-size: 14px;
        line-height: 21px;
    }
	.design-claim-section .mirror-heading-col:nth-child(1) .c-tagline_item_inner h2:nth-child(2) {
		margin-left: 0px;
	}
}



@media (max-width: 767px) {
    .work-together-contact-left-info {
        width: 90%;
        margin: 0 auto 60px;
        border-radius: 22px;
        padding: 35px;
    }
    .work-together-contact-left-info h2 {
        font-size: 35px;
        line-height: 42px;
        margin: 0 0 12px;
    }
    .work-together-contact-left-info p {
        font-size: 18px;
        line-height: 26px;
        padding: 0 40px 20px;
        margin: 0;
    }
    .design-claim-section .mirror-heading-col:nth-child(4) .c-tagline_item_inner {
        margin-left: -75vw;
    }
    .helped-nb-startup h4 {
        font-size: 20px;
        line-height: 26px;
        margin-right: 0;
    }
    .about-heading-animate-wrapper h2 img.icon-top {
        margin-right: 0;
        margin-top: -15px;
        width: 14px;
        right: 8vw;
    }

	.challenge-sub-title h3 {
	    font-size: 16px;
	    line-height: 26px;
	    margin-bottom: 20px;
	}
	.design-claim-section .c-tagline_item_inner {
		padding: 0 0 15px;
	}	
}



@media (max-width: 575px) {
    .btn-bg {
        min-width: 260px;
        min-height: 45px;
        font-size: 16px;
    }
    .our-company-wrap {
        justify-content: center;
        align-items: flex-start;
    }
    .our-company-left {
        width: 100%;
        padding-left: 0;
        top: 0;
        position: relative;
    }
    .our-company-right {
        width: 100%;
        padding-right: 0;
    }
    .header {
        padding: 15px 0;
    }
    .hero-heading h1, .hero-heading h2 {
        font-size: 28px;
        line-height: 33px;
    }
    .hero-heading h1 img {
        width: 40px;
    }
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .challenge-title p, .challenge-title ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .refining-data-col {
        padding: 0 0 8px;
        width: 100%;
    }
    .refining-data-wrap {
        margin: 0;
    }
    h3 {
        font-size: 18px;
        line-height: 23px;
    }
    .challenge-title {
        margin: 25px 0;
    }
    .footer {
        padding-top: 60px;
        padding-bottom: 15px;
        margin-top: -1px;
    }
    .work-together-icon2 {
        top: -30px;
        left: 10px;
        width: 60px;
    }
    .work-together-icon3 {
        top: 5px;
        right: 5px;
        width: 45px;
    }
    .work-together-icon4 {
        top: auto;
        bottom: -30px;
        left: 40px;
        width: 55px;
    }
    .work-together-contact-left-info {
        width: 100%;
        margin: 0 auto 60px;
        border-radius: 12px;
        padding: 50px 15px 40px;
    }
    .work-together-contact-left-info h2 {
        font-size: 28px;
        line-height: 31px;
        margin: 0 0 12px;
    }
    .work-together-contact-left-info p {
        font-size: 16px;
        line-height: 23px;
        padding: 0 0 15px;
        margin: 0;
    }
    .footer-copyright-wrap {
        justify-content: space-between;
    }
    .footer-copyright-right {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .footer-copyright-right p {
        font-size: 12px;
        line-height: 1.3;
    }
    .footer-copyright {
        margin-top: 15px;
    }
    .footer-logo {
        margin-top: 0;
        position: relative;
        left: 0;
    }
    .footer-logo img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .challenge-title ul {
        padding: 0 0 0 20px;
        margin: 0;
    }
    .our-company-left-info {
        padding-left: 15px;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        row-gap: 25px;
        margin-bottom: 30px;
    }
    .project-title {
        margin-bottom: 0;
        width: 50%;
    }
    .hero-heading h2 img {
        width: 45px;
    }
    .hero-description {
        right: 0;
        bottom: 45px;
        width: 75%;
        text-align: left;
    }
	.scroll-top {
		bottom: 40px;
		width: 80px;
	}
    p {
        font-size: 16px;
        line-height: 1.2;
    }
    .scroll-top p {
        font-size: 12px;
    }
    .hero-description p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 25px;
    }
    .startups-item-repeat {
        margin: 0 0 25px;
        padding: 0 0 25px;
    }
    .works-info-startups {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .work-description {
        width: 100%;
        text-align: left;
        padding-left: 27px;
        padding-top: 5px;
    }
    .work-tittle {
        padding-left: 20px;
        width: 94%;
    }
    .about-heading-animate-wrapper h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .c-tagline_item_inner {
        padding: 20px 0 40px;
    }
    .creative-service-row-outer {
        margin: 0;
        align-items: flex-start;
        justify-content: center;
    }
    .creative-service-col-right {
        padding: 0;
        width: 100%;
    }
    .creative-service-col-left {
        width: 100%;
        padding: 0 0 25px;
    }
    .design-claim-section .c-tagline_item_inner {
        padding-top: 0;
        padding-bottom: 0;
    }
    .design-claim-section .about-heading-animate-wrapper h2 {
        font-size: 6vw;
        line-height: 1.5;
    }
    .about-heading-animate-wrapper h2 img {
        margin: 0 4px;
        width: 23px;
    }
    .about-heading-animate-wrapper h2 img.icon-top {
        margin-right: 0;
        right: 0;
    }
    .design-claim-wrapper p {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
	.deliver-results-section .heading h2 {
		font-size: 25px;
		line-height: 1.2;
	}
    .deliver-results-section .heading {
        margin-bottom: 25px;
    }
    .deliver-results-box-warp {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        row-gap: 25px;
    }
    .deliver-results-box-col-4 {
        width: 100%;
        padding: 0;
    }
    .deliver-results-box-info {
        padding: 20px;
        border-radius: 14px;
        height: 320px;
    }
    .deliver-results-box-info img {
        margin-bottom: 25px;
        width: 30px;
    }
    .dr-box-heading h3 {
        font-size: 25px;
        line-height: 1.3;
    }
    .deliver-results-box-info p {
        font-size: 18px;
        line-height: 26px;
    }
    .our-company-section {
        padding: 0px 0 10px;
        margin-top: -1px;
    }
    .hero-section {
        height: 465px;
    }
    .design-claim-section .mirror-heading-col:nth-child(1) .c-tagline_item_inner h2:nth-child(2) {
        margin-left: 0;
        position: relative;
    }
	.design-claim-section .mirror-text-wrapper {
		left: 0vw;
	}	
}