@media (min-width:1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1440px;
	}

}

@media (max-width:1399px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}

	.works-flex {
		transform: scale(0.8);
		height: 640px;
	}

	section.hero-banenr .container {
		padding: 0 10px;
	}

	.learn-box {
		min-width: 385px;
		max-width: 385px;
		min-height: 312px;
		max-height: 312px;
	}

	.about-title {
		padding: 0 0;
	}

	.team-main-img {
		min-width: 200px;
		max-width: 200px;
		min-height: 200px;
		max-height: 200px;
	}

	.team-box {
		max-height: 200px;
		min-height: 200px;
	}

	section.hme-sec-5.our-work-main-pg-bnr .page-block-title {
		justify-content: center;
		align-items: center;
	}

	section.about-sec-3 .space-112px {
		min-height: 50px;
	}

	.team-bx-txt {
		height: 200px;
	}

	.team-bx-txt h4 {
		font-size: 18px;
	}

	.team-bx-txt p.font-black {
		font-size: 14px;
		line-height: normal;
	}

	.hero-bnr-bx {
		min-height: 550px;
		max-height: 550px;
	}

	.space-page-top {
		min-height: 120px;
	}

	.metrics-bx {
		min-width: 272px;
		max-width: 272px;
		min-height: 320px;
		max-height: 320px;
	}

	h4 {
		font-size: 30px;
	}

	.hero-bnr-bx h1 {
		font-size: 300px;
	}

	.hero-title-b {
		font-size: 250px;
	}

	section.hme-sec-9 .container {
		padding: 0 100px;
	}

	.services-subtext {
		line-height: 114px;
	}

	.inner-work-sec .space-112px.hide-on-mobile {
		min-height: 50px;
	}

	.skill-side-img img {
		height: 580px;
	}

}


@media(max-width: 767px){
	h2.hero-title-b {
	    font-size: 56px;
	    line-height: 48px;
	}
.footer-wrapper.ftr-services .footer-link-wrapper .ftr-link {
    width: 100%;
    display: table;
}
 .innerPacks ul {
    height: auto;
    touch-action: auto !important;
  }

canvas {
  display: none;
}
.footer-link-wrapper {}

.footer-wrapper.ftr-services .footer-link-wrapper {
    flex-direction: column;!;!importan;!i;!;
    justify-content: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    /* grid-column-gap: 0; */
    /* grid-row-gap: 0; */
    flex-wrap: nowrap;
}

.footer-wrapper.ftr-services {
    width: 100%;
    text-align: center;
    flex-direction: column;
}

.ftr-link a {
    text-align: center;
}
	.hero-bnr-bx h1 {
        font-size: 76px;
        line-height: 55px;
        top: 21px;
    }

	.metrics-list ul {
	    flex-wrap: wrap;
	    gap: 20px 0;
	}

	.learn-more-list ul {
	    flex-wrap: wrap;
	    gap: 30px 0;
	}

	.learn-more-list li img {
	    min-width: 100%;
	    max-width: 100%;
	    width: 100%;
	    height: auto;
	}

	.learn-box {
	    min-width: 100%;
	    max-width: 100%;
	    text-align: center;
	    width: 100%;
	}

	h3.services-subtext {
	    overflow-wrap: normal;
	    width: 100%;
	    font-size: 36px;
	    line-height: 36px;
	}

	h2.large-title {
	    font-size: 36px;
	    line-height: 32px;
	}

	.services-list-dtl {
	    width: 240px;
	    height: 480px;
	    justify-content: center;
	    align-items: center;
	}

	.services-list-dtl-align-right {
	    justify-content: center;
	    align-items: center;
	}

	h2.works-title-huge {
	    font-size: 64px;
	    line-height: 50px;
	}

	.services-list-dtl-align-left {
	    justify-content: center;
	    align-items: center;
	    display: flex;
	}

	ul.rating-list {
	    flex-direction: column;
	    gap: 30px 0;
	}

	.large-title-wrapper h2 {
	    font-size: 36px;
	    line-height: 32px;
	}

	.skill-main-col {
	    flex-direction: column;
	    top: 0;
	    align-items: center;
	    justify-content: center;
	    gap: 40px 0;
	    padding-top: 50px;
	}

	.skill-list {
	    width: 100%;
	    padding: 0;
	}

	section.hme-sec-9 .container {
	    padding: 0 10px;
	}

	.reviews-text {
	    font-size: 27px;
	    line-height: normal;
	    font-weight: 400;
	    width: auto;
	    max-width: max-content;
	}

	.main-services-list {
	    top: -50px;
	    padding: 0 10%;
	    gap: 50px 0;
	}

	.serv-inr-dtl a {
	    height: 500px;
	    width: 500px;
	}

	.services-flex {grid-column-gap: 10px;}

	h2.cta-text {
	    text-align: center;
	    font-size: 36px;
	    line-height: 32px;
	}

	.cta-sec-main.active .cta-img-1 {
	    display: none;
	}

	.cta-sec-main.active .cta-img-3 {
	    display: none;
	}

	.cta-sec-main.active .cta-img-2 {
	    display: none;
	}

	section.footer .container {
	    padding: 0 10%;
	}

	.main-footer-col-st {
	    flex-direction: column;
	    text-align: center;
	    margin: 0 auto;
	    width: 100%;
	    max-width: 100%;
	    gap: 20px 0;
	}

	.ftr-1 {
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	    align-items: center;
	}

	.footer-wrapper {
	    text-align: center;
	    width: 100%;
	}
	.works-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

	a.works-link-wrapper {
	    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) skew(0deg, 0deg);
	}

	.inner-work-sec .space-112px.hide-on-mobile {
	    min-height: 0;
	}

	section.inner-work-sec .container {
	    padding: 0 2%;
	}

	.page-title-flex {
	    /* min-height: 0; */
	}

	.work-tittle {
	    height: 220px;
	    min-height: 160px;
	}
	.learn-more-list ul li {
	    width: 100%;
	}

	div#navbarSupportedContent {
	    display: none;
	}
	.works-flex {
	    position: relative;
	    /* height: 374px; */
	    /* width: auto; */
	    transform: scale(1);
	    height: 500px;
	}

	.works-wrapper {
	    gap: 60px 0;
	}

	.sidenav{
	    display: block;
	            z-index: 2;
	}
	.hamburger{
		display: block;
	}
	.our-work-main-pg-bnr .page-title-wrapper {
	    padding: 20px 20px;
	}
	.our-work-main-pg-bnr .title-para p{
		width: 100%;
	}
	.large-title {
        font-size: 36px;
        line-height: 32px;
    }
    .about-title {
	    flex-direction: column;
	    gap: 10px 0;
	}

	.image-bx-paralx {
	    max-height: max-content;
	    min-height: auto;
	}

	.vision-wrapper {
	    text-align: center;
	}

	.abt-sec-2 .container {
	    padding: 0 10%;
	}

	h3.vision-description {
	    font-size: 30px;
	    line-height: 42px;
	    color: #fff;
	    background: transparent;
	}

	.teams-title-wrapper p {
	    width: 100%;
	}

	.values-title-wrapper {
	    flex-direction: column;
	    justify-content: center;
	    text-align: center;
	    gap: 10px 0;
	}

	.values-title-wrapper p {
	    width: 70%;
	    text-align: center;
	}

	.values-row-block {
	    width: 100%;
	    min-width: 100%;
	}

	.value-bx-st:hover .cta-img-st {
	    display: none;
	}

	.values-row-block {
	    flex-direction: column;
	    height: auto;
	    min-height: auto;
	    max-height: max-content;
	    padding: 20px 20px;
	    width: 100%;
	}

	.value-bx-st {
	    width: 90%;
	}

	h2,h3{
	    font-size: 32px;
	        line-height: 32px;
	}

	.awards-title-wrapper p {
	    width: 100%;
	}

	.abt-sec-5 .container {
	    padding: 0 10%;
	}

	.awards-list {
	    padding: 0 20px;
	    /* position: sticky; */
	    /* top: 50px; */
	    background-attachment: scroll !important;
	}

	.awards-card {
	    height: auto;
	    flex-direction: column;
	    min-height: auto;
	    max-height: max-content;
	    text-align: center;
	}

	.awards-text-wrapper {
	    text-align: center;
	    align-items: center;
	}

	img.cta-img-1.cta-side-img-st {
	    display: none;
	}

	img.cta-img-2.cta-side-img-st {
	    display: none;
	}

	img.cta-img-3.cta-side-img-st {
	    display: none;
	}


	.team_slider .slick-list {
	    width: 100%;
	}

	.team-main-img {min-width: auto;max-width: 100%;min-height: 200px;max-height: 200px;}

	section.about-sec-3 .container {
	    padding: 0 5%;
	}

	.team-box {
	    flex-direction: column;
	    min-height: auto;
	    max-height: max-content;
	    margin: 0 auto;
	}

	.serv-main-page-sec-1 .page-title-wrapper {
	    padding: 0;
	}
	.team-bx-txt {
	    height: auto;
	}

	.team-main-img img {
	    width: 100%;
	    margin: 0 auto;
	    min-height: 200px;
	    max-height: 200px;
	}

	.cta-img-st {
	    display: none;
	}

	.team_slider .slick-list .slick-slide {
	    margin: 0 auto;
	}
	section.contact-form-main-dv .container {
	    padding: 0 3%;
	}

	section.contact-form-main-dv .contact-form-col-lft {
	    width: 100%;
	    /* padding: 0 30px; */
	}

	section.contact-form-main-dv .row {
	    gap: 30px 0;
	}

	.form-div.form-div-btn input {
	    margin-top: 15px;
	}

	section.faq-sec .faq-text-wrapper p {
	    width: 100%;
	    max-width: 100%;
	}

	section.faq-sec .container {
	    padding: 0 20px;
	}

	div#accordionExample {
	    width: 100%;
	    padding-top: 30px;
	    margin: 0 auto;
	    justify-content: center;
	}

	section.faq-sec .row {
	    gap: 20px 0;
	    grid-column-gap: 0;
	    grid-row-gap: 0;
	}
	section.faq-sec .faq-text-wrapper {
	    width: 100%;
	}

	button.accordion-button {
	    font-size: 18px;
	    line-height: normal;
	    font-weight: 300;
	}

}