/*------------------------------------
			responsive
-------------------------------------*/



@media (max-width: 1600px) {
	.letstalk-content {
		width: 35%;
	}

	.mix-btn-custom {
		padding-inline: 1rem;
		border: 1px solid #ffffffba;
		font-size: 14px !important;
		font-weight: 400;
	}
}

@media (max-width: 1401px) {

	/* about page */
	.inner-banner .inner-banner-cnt {
		width: 65%;
	}

	.banner-text h4 {
		font-size: 110px;
		line-height: 120px;
	}

	.section-title br {
		display: none;
	}

	.left-mision-cont,
	.right-mision-cont {
		padding: 20px;
	}

	/* cta */
	.cta-content {
		width: 70%;
	}

	/* portfolio page */
	/* .portf-page-content-out .item {
		width: 100%;
		height: 250px;
	} */
	.vision-hrad {
		font-size: 32px !important;
		margin-bottom: 10px !important;
	}

	.inner-banner p {
		width: 85%;
	}

	.inner-banner h2 {
		font-size: 65px;
		line-height: 88px;
	}

	.cnt-page-main-heading {
		font-size: 65px;
		line-height: 88px;
	}

	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 65px;
		line-height: 70px;
	}

	.page-about-content .section-title h2 {
		font-size: 55px;
	}
}

@media (max-width: 1200px) {
	.banner-text {
		width: 70%;
	}

	.banner-text h4 {
		font-size: 100px;
		line-height: 110px;
	}

	.inner-banner p {
		font-size: 16px;
		width: 100%;
	}

	.letstalk-content {
		width: 50%;
	}

	.about-content {
		margin-bottom: 50px;
	}

	.about-section {
		padding-bottom: 50px;
	}

	.zr-hu-video-out {
		margin-bottom: 20px;
		height: 65vh;
	}

	/* career page */
	.career-popup-out .modal-main-input {
		width: 90%;
	}

	.career-talent-cont {
		width: 100%;
	}

	.career-talent-cont h3 {
		font-size: 25px;
	}

	.career-talent-cont h3 br {
		display: none;
	}

	.vision-hrad {
		font-size: 28px !important;
	}

	.left-mision-cont,
	.right-mision-cont {
		padding: 25px;
	}

	/* .section-title h2 {
  font-size: 44px;
} */
	.event-head-title-out {
		align-items: start;
		flex-direction: column;
	}

	.inner-banner h2 {
		font-size: 64px;
		line-height: 70px;
	}

	.portf-banner-out {
		padding: 150px 0px 0;
	}

	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 56px;
		line-height: 65px;
	}

	.section-title h2 {
		font-size: 44px;
	}

	.blog-listing-items-cont h3 {
		font-size: 28px;
	}

	.single-related-article-bg {
		height: 120px
	}

	.single-related-article h4 {
		font-size: 15px;
	}

	.blog-listing-items-bg {
		height: 460px;
	}

	.main-blogs {
		padding: 50px 0px 0;
	}

	.job-info h3 {
		font-size: 24px;
	}

	.career_openings_items {
		padding: 30px;
	}

	.career-page_openings .job-info h3 {
		font-size: 26px;
	}

	.career-page_openings .job-info p {
		font-size: 18px;
		line-height: 26px;
	}

	/* .cnt-page-main-heading {
  font-size: 74px;
  line-height: 90px;
} */
	.cnt-page-sub-heading {
		font-size: 22px;
	}

	.contact-form .form-group label {
		font-size: 16px;
	}

	.left-contact-phone h4 span {
		font-size: 18px;
	}

	.left-contact-phone h4 {
		font-size: 18px;
	}

	.right-contact {
		padding: 50px;
	}

	.left-contact-mail h4 {
		font-size: 18px;
	}

	.left-contact-mail h4 span {
		font-size: 18px;
	}

	.main-nav-links .nav-item a {
		font-size: 15px;
	}

	.portfolio-items-custom .portfolio-items-img {
		height: 320px;
	}

	.pf-category .pf-category-filter .filter-item {
		font-size: 20px;
	}

	.portf-page-content-out .item {
		height: 360px;
	}

}

@media (max-width: 1024px) {
.letstalk {
    height: 600px;
}
}

@media (max-width: 992px) {

	/* nav */
	.head-desk {
		display: none;
	}

	.head-mob {
		display: block;
	}

	.header-img {
		width: 80px;
	}

	.main-header {
		top: 0;
		background: #000000a1;
		padding: 10px 0;
	}

	.menu-button {
		top: 20px;
	}

	/* END nav */

	body {
		cursor: auto;
	}

	.page-about-out {
		padding: 60px 0;
	}


	.event-column {
		width: 200px;
	}

	.event-column img {
		height: 330px;
	}

	.abt-astr2 {
		width: 180px;
		right: -245px;
	}

	.portfolio-head {
		display: block;
	}

	.zr-hu-video-out {
		height: 55vh;
	}

	/* footer */
	.left-bottom-logo-out {
		padding-right: 15px;
	}

	/* END footer */

	/* about page */
	.page-about-content .section-title h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.page-about-content p {
		font-size: 18px;
		line-height: 35px;
	}

	.page-about-content {
		padding-right: 0px;
	}

	.process-section {
		flex-direction: column;
	}

	.globe-container {
		margin: 0 auto 40px;
	}

	.blue-dot,
	.yellow-dot {
		display: none;
	}

	.ceo-message-in {
		padding: 80px;
	}

	.ceo-message-cont {
		margin-top: 30px;
	}

	.ceo-message-cont h2 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	.ceo-message-shape {
		top: 30px;
	}

	.message-qoutes svg,
	.message-qoutes i {
		font-size: 150px;
	}

	.ceo-message-img {
		width: 55%;
		margin: 0 auto;
	}

	/* cta */
	.cta-content {
		width: 90%;
	}

	.cta-content h2 {
		font-size: 35px;
	}

	/* portfolio page */
	.pf-category .pf-category-item {
		width: calc(100% / 2);
	}

	.pf-category-item-inner {
		padding: 20px;
	}

	.left-portf-popup,
	.center-portf-popup {
		margin-bottom: 30px;
	}

	.modal-main-input {
		width: 90vw;
		padding: 30px;
		height: 80vh;
	}

	/* news at mix */
	.blog-listing-items-out {
		padding-right: 0px;
	}

	/* contact page */
	.right-contact {
		margin-top: 30px;
	}

	.vis-mis {
		padding: 70px 0;
	}

	.section-title h2 {
		font-size: 42px;
	}

	.portfolio-head h2 {
		font-size: 42px;
	}

	.letstalk-content h2 {
		font-size: 42px;
	}

	.banner-text h4 {
		font-size: 85px;
	}

	.inner-banner h2 {
		font-size: 56px;
	}

	.portf-page-content-out .item {
		height: 340px;
	}

	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.section-wrapper {
		margin-top: 40px;
	}

	.section-wrapper .header {
		margin-bottom: 20px;
	}

	/* .testimonial-out {
  padding: 25px 0px 0;
} */
	.clients-banner {
		padding: 100px 0 0;
	}

	.main-blogs {
		padding: 0;
	}

	.inner-banner h2 {
		font-size: 48px;
		line-height: 60px;
	}


	.section-title h2 {
		font-size: 38px;
	}

	.career-overview {
		padding: 0;
	}

	.right-page-career-in {
		height: 420px;
	}

	.career-page_openings .job-card-icon img {
		width: 50px;
		height: auto;
		min-width: 50px;
	}

	.career-page_openings .job-info {
		margin-left: 15px;
	}

	.career-page_openings .job-info h3 {
		font-size: 22px;
	}

	.contact-page {
		padding: 0;
	}

	.main-header .dropdown-toggle {
		width: fit-content;
	}

	.about-section {
		padding-top: 100px;
	}

	.abt-astr {
		width: 200px;
	}

	.about-content {
		padding-left: 100px;
	}
	  .letstalk {
    height: 450px;
  }
  .inner-banner {
  height: 600px;
}
.portf-banner-out {
  height: 700px;
}
.clients-banner {
    min-block-size: 600px;
  }
}

@media (max-width: 800px) {
	.letstalk-content {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.menu-overlay {
		width: 100%;
		right: -100%;
	}

	.inner-banner .inner-banner-cnt {
		width: 90%;
	}

	.inner-banner h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.inner-banner p {
		font-size: 15px;
		line-height: 25px;
	}

	.banner-text {
		width: 90%;
	}

	.banner-text h4 {
		font-size: 75px;
		line-height: 80px;
	}

	/* contact page */
	.cnt-page-main-heading {
		font-size: 50px;
		line-height: 60px;
	}

	.cnt-page-sub-heading {
		font-size: 15px;
		line-height: 25px;
	}

	.abt-astr {
		top: 150px;
		width: 150px;
	}

	.about-content {
		padding-left: 15px;
	}

	.section-title h2 {
		font-size: 35px;
	}

	.about-content .main-para {
		width: 100%;
	}

	.section-title h2 {
		font-size: 35px;
	}

	.abt-astr2 {
		width: 150px;
	}

	.event-column {
		width: 170px;
	}

	.event-column img {
		height: 260px;
	}

	.changebox {
		line-height: 40px;
	}

	.portfolio-head h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.portfolio-items-img {
		height: 300px !important;
	}

	.letstalk-content h2 {
		font-size: 35px;
	}

	.zr-hu-video-out {
		height: 40vh;
	}


	/* footer */
	.footer-nav-mob {
		display: block;
		margin-top: 20px;
	}

	.footer-nav-out-desk {
		display: none;
	}

	.social-icons-out {
		gap: 8px;
		margin-top: 6px;
	}

	.social-icons-out svg {
		font-size: 17px;
	}

	/* about */
	.timeline-cntnt {
		padding-left: 30px;
	}

	.time-line-text h2 {
		font-size: 20px;
	}

	.step-content {
		gap: 20px;
	}

	.ceo-message-in {
		padding: 35px;
	}

	/* portfolio page */
	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 50px;
		line-height: 55px;
	}

	.portf-page-content-out .portf-page-content-head h2 br {
		display: none;
	}

	.portfolio-items-cont {
		opacity: 1 !important;
		transform: translateY(0) !important;
		pointer-events: auto;
		left: auto;
	}

	/* career page */
	.career-overview-cont {
		font-size: 35px;
		line-height: 50px;
	}

	.right-page-career-in {
		margin-top: 30px;
	}

	/* news at mix */
	.blog-listing-items {
		margin-bottom: 40px;
	}

	.blog-listing-items-bg {
		height: 300px;
	}

	.single-related-article-bg {
		margin-bottom: 30px;
	}


	.vis-mis-img {
		height: 300px;
	}


	/* common */
	.portfolio,
	.page-wrapper,
	.page-about-out,
	.vis-mis,
	.teams-section-three,
	.pf-category,
	.career-overview,
	.career-page_openings,
	.service-inrpages {
		padding: 40px 0px 0;
	}

	.vis-mis {
		padding: 60px 0;
	}

	.team-block-three .image-box .image img {
		height: 100%;
		object-fit: cover;
	}

	.left-serv-inner-items {
		min-width: 50px;
		max-width: 50px;
	}

	.testimonial-card {
		padding: 30px 20px 0;
		margin-top: 30px;
	}

	.testimonial-card p {
		font-size: 16px;

	}

	.testimonial-card-in {
		margin-top: 30px;
	}



	.right-contact {
		border: solid 1px;
	}

	.mix-btn {
		font-size: 15px;
	}

	.loader-logo {
		width: 150px;
	}

	.pf-category-filter {
		/* display: grid; */
	}

	.pf-category .pf-category-filter .filter-item {
		font-size: 15px;
		margin: 5px;
	}

	.portfolio-items-cont h2 {
		font-size: 20px;
	}

	.why-mix {
		padding: 30px 0px 0;
	}

}

@media (max-width: 600px) {
	.header-img img {
		width: 50px;
	}

	.menu-button {
		top: 10px;
		font-size: 22px;
	}

	.menu-button.open .close-icon {
		font-size: 26px;
	}

	.portf-banner-out {
		height: 100%;
		min-height: 100%;
	}



	.serv-inner-items {
		padding: 20px;
		min-height: 80px;
	}

	.team-mix-banner {
		max-height: 500px;
	}

	.logo-width {
		width: 70px;
	}

	.banner-text h6 {
		letter-spacing: 5px;
	}

	.banner-text h4 {
		font-size: 50px;
		line-height: 60px;
	}

	.gallery {
		height: 100%;
	}

	.gallery img {
		height: 200px;
	}

	.abt-astr2 {
		display: none;
	}

	.event-head-title-out {
		display: block;
	}

	.section-title h2 {
		font-size: 30px;
	}

	.blog-listing-items-cont h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 8px;
	}

	.blog-listing-items-date-auth {
		display: block;
	}

	.blog-listing-items-auth {
		margin-top: 15px;
		gap: 10px;
	}

	.event-section {
		display: block;
		margin-top: 20px;
	}

	.event-column {
		width: 100%;
		flex-direction: initial;
	}

	.event-column .label {
		font-size: 20px;
		line-height: 25px;
		writing-mode: initial;
		transform: rotate(0deg);
	}

	.event-column .label br {
		display: none;
	}

	.shine-border {
		display: inline-block;
		width: 170px;
		border-radius: 20px;
	}

	.event-column img {
		border-radius: 20px;
		height: 200px;
	}

	.event-column-middle {
		margin-bottom: 0px;
	}

	.changebox {
		line-height: 35px;
	}

	.portfolio-head h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.event-column {
		margin-bottom: 30px;
	}

	.portfolio-items-img {
		height: 300px !important;
	}

	/* .portfolio-items-cont h2 {
		font-size: 25px;
		font-weight: 500;
	} */

	.letstalk-content h2 {
		font-size: 25px;
	}

	.zr-hu-video-out {
		height: 30vh;
	}

	/* about page */
	.inner-banner h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.page-about-in-cont {
		padding: 30px 0;
	}

	.page-about-content .section-title h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.page-about-content p {
		font-size: 14px;
		line-height: 25px;
	}

	.step-left {
		order: 1;
	}

	/* contact page */
	.cnt-page-main-heading {
		font-size: 35px;
		line-height: 40px;
	}

	.cnt-page-sub-heading {
		font-size: 14px;
	}

	.vis-mis p {
		font-size: 14px;
		line-height: 25px;
	}

	.message-qoutes svg,
	.message-qoutes i {
		display: none;
	}

	.ceo-message-cont p {
		font-size: 14px;
		line-height: 25px;
	}

	.ceo-message-img {
		width: 65%;
	}

	/* CTA */
	.cta-content {
		padding: 80px 30px;
	}

	/* portfolio page */
	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.pf-category-item-inner {
		min-height: auto;
		padding: 15px;
	}

	.pf-category-item-inner img {
		width: 45px;
		height: 45px;
	}

	.pf-category-item h4 {
		font-size: 16px;
	}

	.pf-category .pf-category-item {
		padding: 10px 15px 0 15px;
	}

	.get-heading {
		font-size: 20px;
		width: 90%;
	}

	.offcanvas-header {
		right: 10px;
		top: 20px;
	}

	.pf-category .pf-category-filter .filter-item {
		font-size: 14px;
		min-width: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px;
		border-radius: 15px;
	}

	.pf-category-filter {
		display: flex;
		overflow-x: auto;
		margin-bottom: 10px !important;
		padding-bottom: 10px !important;
	}


	/* career page */
	.career-overview-cont {
		font-size: 25px;
		line-height: 40px;
	}

	.career-popup-out .get-heading {
		font-size: 20px;
		width: 90%;
	}

	.career_openings_all {
		margin-top: 20px !important;
	}

	.career-page_openings .job-card-icon img {
		width: 40px;
		height: 40px;
		border-radius: 10px;
		padding: 5px;
	}

	.career_openings_items {
		padding: 20px;
	}

	.career-page_openings .job-info h3 {
		font-size: 20px;
		margin-bottom: 3px;
	}

	.career-page_openings .job-info p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 7px;
	}

	.job_time img,
	.job_location img {
		width: 15px;
	}

	.career-page_openings .job-info {
		margin-left: 15px;
	}

	.career-page_openings .job_time {
		font-size: 14px;
		line-height: 15px;
		margin-bottom: 3px;
	}

	/* contact page */
	.right-contact {
		padding: 30px 15px;
	}

	.contact-form h2 {
		font-size: 25px;
	}

	.contact-form .form-group label,
	.contact-form .form-control,
	.message-conditions,
	.contact-check {
		font-size: 14px;
	}

	.social-links-footer ul {
		gap: 6px;
	}

	.social-links-footer ul li a {
		padding: 13px 14px;
	}

	.letstalk {
		height: 380px;
	}

	.vis-mis-img {
		height: 300px;
	}

	.page-about-img {
		height: auto;
	}

	.footer {
		padding-bottom: 20px;
	}

	.step-image {
		height: 100px;
		object-fit: contain;
	}

	.step-right-img {
		height: 150px;
	}

	.step-left-img {
		height: 150px;
	}

	.step-right {
		width: 100%;
	}

	.step-left {
		width: 100%;
	}

	.process-steps {
		margin-top: 40px;
	}

	.portf-page-content-out .item {
		height: 250px;
	}

	.portf-banner-out {
		padding: 100px 0px 0;
	}

	.portf-page-item-out {
		position: relative;
		width: 100%;
	}

	.pf-category {
		animation: initial;
	}

	.headline {
		font-size: 28px !important;
	}

	.blog-listing-items-auth {
		margin-top: 15px;
		gap: 10px;
		width: fit-content;
	}

	.career-talent-cont {
		padding: 60px 40px;
	}

	.career-talent-cont h3 {
		font-size: 22px;
	}

	.career-page_openings .job-card-icon img {
		height: auto;
	}

	.right-page-career-in {
		margin-top: 30px;
	}

	.right-page-career-in {
		height: auto;
	}

	.testimonial-out {
		padding: 50px 0px 0;
	}

	.menu a {
		font-size: 18px;
	}

	.main-header .dropdown-menu a {
		font-size: 16px;
	}

	.loader-logo {
		width: 120px;
	}

	.about-section {
		padding-top: 40px;
	}

	.portf-popup-cont p {
		font-size: 15px;
	}

	.portf-popup-cont ul li {
		font-size: 15px;
	}

	.inner-banner {
		height: 350px;
	}

	.inner-banner .inner-banner-cnt {
		top: 90px;
		transform: translateX(-50%);
	}

	.shadow-shape {
		height: 50px;
	}

	.left-contact {
		padding-top: 15px;
	}

	.why-mix {
		padding: 15px 0px 0;
	}


}

@media (max-width: 576px) {
	.serv-inner-items {
		width: 80%;
		margin: 10px auto;
	}
}

@media (max-width: 450px) {

	/* portfolio page */
	.pf-category .pf-category-item {
		width: calc(100% / 1);
	}

	.vision-hrad {
		font-size: 26px !important;
	}

	.vis-mis {
		padding: 40px 0;
	}

	.ceo-message-in {
		padding: 25px;
	}

	.team-block-three {
		margin-bottom: 25px;
	}

	.team-block-three .image-box {
		padding: 30px 0 20px;
	}

	.serv-inner-items {
		width: 100%;
	}

	.portf-page-content-out .portf-page-content-head h2 {
		font-size: 28px;
	}

	.left-contact-mail h4 {
		font-size: 16px;
	}

	.left-contact-mail h4 span {
		font-size: 16px;
	}

	.left-contact-mail p {
		font-size: 16px;
	}

	/* .menu {
		gap: 18px;
	} */

	.career-popup-out .modal-main-input {
		width: 100%;
		padding: 30px;
	}

	.visual {
		border-radius: 0;
		width: 100px;
	}

	.avatar-link-wrapper {
		border-radius: 10px;
	}

	.clients-banner {
		padding: 30px 0 0;
	}

	@layer layout {
		.cards {

			gap: 15px;
		}

		.card {
			margin-bottom: 0 !important;
		}
	}

	.partners {
		padding: 40px 0px 0;
	}

	.career-popup-out .offcanvas-header {
		right: 10px;
		top: 15px;
	}

	.career-popup-out .modal-main-input .input-field {
		padding: 13px;
		font-size: 14px;
	}

	.page-about-in-cont {
		padding: 0;
	}

	.page-about-content .section-title h2 {
		line-height: 34px;
	}

	.page-about-out {
		animation: none;
	}

	.menu a {
		font-size: 17px;
	}

	.team-block-three .inner-box {
		padding-bottom: 20px;
	}

	.abt-astr {
		top: 0 !important;
	}

	.event-column .label {
		font-size: 18px;
	}

	.event-column {
		gap: 15px;
	}

	.what-we-do-inner {
		padding-bottom: 20px;
	}

	.main-banner {
		height: 80vh;
	}


}

@media (max-width: 400px) {
	.event-column {
		width: 100%;
		gap: 15px;
	}

	.changebox {
		line-height: 30px;
	}

	.portfolio-head h2 {
		font-size: 25px;
		line-height: 30px;
	}

	.zr-hu-video-out {
		height: 20vh;
	}

	.left-bottom-logo-out {
		width: 100%;
	}

	.footer-nav-out {
		width: 100%;
	}

	.footer-nav-mob {
		margin-bottom: 20px;
	}

	.page-about-content .section-title h2 {
		font-size: 28px;
	}

	.step-image {
		height: 70px;
	}

	.step-right-img {
		border-radius: 15px;
	}

	.step-left-img {
		height: 125px;
	}

	.step-right-img {
		height: 125px;
	}

	.time-line-text p {
		font-size: 14px;
	}

	.step {
		min-height: 100%;
	}

	.step-content {
		gap: 10px;
		margin-top: 10px;
	}

	.time-line-text h2 {
		font-size: 18px;
		padding-top: 10px;
	}

	.timeline-cntnt-ar {
		padding-left: 20px;
	}

	.process-section {
		margin-bottom: 25px;
	}

	.mix-btn {
		font-size: 14px;
		border: 1.3px solid #ffffffba;
	}

	/* .changebox {
		line-height: 35px;
	} */

	.header-img {
		width: 75px;
	}

	.loader-logo {
		width: 100px;
	}

	.why-mix {
		padding: 50px 0px 0;
	}

	.inner-banner h2 {
		font-size: 32px;
	}

	.section-title h2 {
		font-size: 26px;
	}

	.shine-border {
		width: 160px;
	}

	.main-para {
		font-size: 16px;
	}

	.section-title h3 {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.pf-category .pf-category-filter .filter-item {
		min-width: 125px;
	}

	.portf-page-item-popup .item {
		height: 210px;
	}

	.portfolio-head {
		padding: 15px 0 15px;
	}
}