@media screen and (max-height: 300px) {
	.menu ul {
		margin-top: 40px;
	}
}

@media only screen and (min-width: 48rem) {
	.burger {
		display: none;
		visibility: hidden;
	}
}

@media only screen and (min-width: 48rem) {
	.menu {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		margin-left: auto;
		background: none;
		box-shadow: none;
	}

	.menu-inner {
		display: flex;
		flex-direction: row;
		-moz-column-gap: 3.75rem;
		column-gap: 3.75rem;
		margin: 0 auto;
	}

	.menu-link {
		text-transform: capitalize;
	}
}

@media only screen and (max-width: 1700px) {
	.bannerSlider .slide__text {
		left: 12%;
		width: 30%;
	}

	.left-text, .right-text {
		width: 85%;
	}
}

@media only screen and (max-width: 1600px) {
	.bannerSlider .slide__text {
		left: 9%;
		width: 36%;
	}
}

@media only screen and (max-width: 1440px) {
	/* .tab-wrapper ul li {
		padding: 0 20px;
	} */

	.tab-wrapper ul a {
		font-size: 12px;
	}

	.service--banner .main__banner .slide__text {
		left: 8%;
	}

	.service--banner.about .slide__text {
		width: 60%;
	}
}

@media only screen and (max-width: 1440px) {
	.overlap-text {
		top: 10px;
	}

	.left-text, .right-text {
		width: 90%;
	}

	.box-layout .img-wrap img{
		object-fit: contain;
		width: 100%;
	}
}

@media only screen and (max-width: 1330px) {
	.bannerSlider .slide__text {
		width: 40%;
	}

	.service--banner .main__banner .slide__text {
		width: 50%;
	}

	.service--banner.about .slide__text {
		width: 80%;
	}
}

@media only screen and (max-width: 1275px) {
	.bannerSlider .slide__text {
		left: 7%;
	}

	.about-text {
		padding: 3rem 30px 3rem 60px;
	}
}

@media only screen and (max-width: 1200px) {
	.menu-inner {
		column-gap: 1.75rem;
	}

	.fs--title {
		font-size: 30px;
	}

	.service-img {
		height: 115px;
	}

	.service-title h2 {
		font-size: 18px;
	}

	.about-text.contact-text {
		padding-left: 10px;
	}

	.about-text.contact-text .offset-lg-1 {
		margin-left: 20px;
	}

	.tab-wrapper ul a {
		font-size: 12px;
	}

	.service--banner {
		padding: 50px 0;
	}

	.tab-wrapper .sticky li::after{
		height: 100%;
		top: 0;
	}

	.tab-wrapper .sticky li.exc::after{
		top: 0;
	}

	.service--banner {
		padding: 80px 0;
	}

	.overlap-text {
		position: relative;
		width: 100%;
	}

	.overlap-text.p-5 {
		padding: 3rem 1rem !important;
	}

	.inn-img {
		height: 100%;
	}

	.inn-img img {
		height: 100%;
	}

	.contact-form-main {
		padding: 1rem;
		margin-top: 0;
	}
	.bannerSlider .slide__text{
		width: 50%;
	}
}

@media only screen and (max-width: 1199px) {
	.tab-wrapper ul li{
		padding: 20px 15px;
	}
}

@media only screen and (max-width: 1190px) {
	.tab-wrapper .sticky li.exc{
		padding: 22px 10px;
	}
}

@media only screen and (max-width: 991px) {
	.column-reverse {
		flex-direction: column-reverse;
	}

	.service--banner.contact-banner .main__banner .slide__text {
		width: 100%;
		padding: 0 20px;
	}

	.slick-slide .service-img{
		height: 250px !important;
	}

	.service-slider li.service-list {
		height: 700px;
	}

	.innovation-main.contact {
		padding-top: 30px;
	}

	.contact .overlap-text {
		margin-top: 30px;
	}

	.service--banner.about {
		background-position: 65% 0%;
	}

	.img-responsive {
		height: 100%;
		width: 200px;
	}

	.menu {
		margin: 0;
	}

	.menu-inner {
		column-gap: 0.70rem;
		padding-left: 0;
	}

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

	.slide__image {
		padding: 50px 0;
	}

	.bannerSlider .slide__text {
		width: 50%;
		background-color: rgb(0 0 0 / 45%);
		padding: 30px 20px;
	}

	.banner li#slick-slide01 .slide__text {
		background: rgb(255 255 255 / 64%);
		padding: 30px 20px;
	}

	.banner li#slick-slide02 .slide__text {
		background: rgb(255 255 255 / 64%);
		padding: 30px 20px;
	}

	.banner .slick-dots {
		bottom: 60px;
	}

	.services {
		margin-top: 0;
	}

	.about-text.contact-text .offset-lg-1 {
		margin-left: 0;
	}

	.tab-wrapper ul {
		overflow-x: scroll;
		overflow-y: hidden;
		display: block !important;
	}

	.tab-wrapper ul::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	.tab-wrapper ul::-webkit-scrollbar {
		height: 6px;
		width: 12px;
		background-color: #F5F5F5;
	}

	.tab-wrapper ul::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background: linear-gradient(90deg, #00BAFF -2.45%, #00526F 101.75%);
	}

	.tab-wrapper ul li a {
		white-space: nowrap;
		font-size: 14px;
	}

	.tab-wrapper ul li {
		display: table-cell;
		padding: 8px 30px 0;
	}

	.tab-wrapper ul li::after, .tab-wrapper ul li.exc::after{
		top: 0;
	}

	.tab-wrapper .sticky li::after {
		height: 75%;
		top: 10px !important;
	}

	.box-layout .card {
		margin-bottom: 50px;
	}

	.box-layout .card::after {
		right: 50%;
		bottom: -40px;
		top: unset;
		transform: rotate(90deg);
	}

	.services-list .box-layout .fs--30 {
		font-size: 25px;
	}

	.left-wrap {
		border-bottom: 1px solid #d9d9d9;
		border-right: none;
		margin-bottom: 30px;
	}

	#acoustic-soft-trim-design .left-wrap{
		border-right: none;
	}

	#cae .right-wrap{
		border-left: none;
	}

	#cae .my-5{
		margin-top: 0 !important;
	}

	.box-layout .img-wrap img {
		width: 100%;
		object-fit: contain;
	}

	.left-text, .right-text {
		width: 100%;
		text-align: center;
		padding: 50px 20px;
	}
}

@media only screen and (max-width: 890px) {
	.slide__image {
		padding: 80px 0;
	}

	.bannerSlider .slide__text {
		width: 64%;
	}
}

@media only screen and (max-width: 767px) {
	.navbar {
		justify-content: flex-start;
	}

	.logo-wrapper {
		display: block;
		width: 100%;
	}

	.img-responsive {
		margin: auto;
	}

	.is-open .burger-line:nth-child(2) {
		opacity: 0;
	}

	.is-open .burger-line:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(-315deg);
		transform: translateY(8px) rotate(-315deg);
		width: 140%;
	}

	.is-open .burger-line:nth-child(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-9px) rotate(-49deg);
		width: 140%;
	}

	.bannerSlider .slide__text {
		width: 90%;
		left: 5%;
	}

	.menu-inner {
		row-gap: 2.25rem;
	}

	.slide__image {
		padding: 100px 0;
	}

	.service-img {
		height: auto;
	}

	.stats .col-xs-12 {
		margin-bottom: 40px;
	}

	.stats .col-xs-12:last-child {
		margin-bottom: 0px;
	}

	.fs--lg {
		font-size: 36px;
	}

	.fs--22 {
		font-size: 20px;
	}

	.about-text {
		padding: 3rem 30px 3rem 30px;
	}

	.about-us {
		padding-bottom: 0px;
	}

	.service--banner .main__banner .slide__text {
		width: 100%;
		left: 0;
		padding: 0 20px;
	}

	.facts .desc .pointers-listing.p-5 {
		padding: 3rem 1.5rem !important;
	}

	.tech.p-5 {
		padding: 3rem 1rem !important;
	}

	.innovation-main .main {
		flex-direction: column-reverse !important;
	}
}

@media only screen and (max-width: 580px) {
	.slide__image {
		padding: 120px 0;
	}

	.fs--title {
		font-size: 24px;
	}

	.slick-dots {
		bottom: 35px;
	}

	.service-list ul li {
		text-align: center;
		margin: 0;
		float: none;
	}

	.in-mt {
		margin-top: 50px;
	}

	.read-more {
		text-align: center;
	}

	.fs--desc {
		font-size: 13px;
	}

	.fs--16 {
		font-size: 14px;
	}

	.about-text {
		padding: 3rem 20px 3rem 20px;
	}

	.text-small-start {
		text-align: left !important;
	}

	.text-small-center {
		text-align: center;
	}

	.justify-small-center {
		justify-content: center !important;
	}

	footer.p-4 {
		padding: 1.5rem 0 !important;
	}

	footer a.color-white.fs--desc {
		display: block;
		word-break: break-word;
	}

	.about-text.contact-text {
		padding: 3rem 0px;
	}

	.about-us.bg-white {
		padding-bottom: 0;
	}

	.services-list .box-layout .fs--30 {
		font-size: 20px;
	}

	.tab-wrapper ul li {
		padding: 8px 10px 0;
	}

	#acoustic-soft-trim-design {
		margin-top: 0 !important;
	}

	#automotive-trim-design-and-development.box-layout .card.last-child {
		margin-bottom: 0 !important;
	}

	.gallery-slider .next-arrow {
		right: 0;
	}

	.gallery-slider .prev-arrow {
		left: 0;
	}

	.innovation-main.p-5 {
		padding: 3rem 1rem !important;
	}

	#acoustic-soft-trim-design {
		padding-top: 50px;
	}

	.bannerSlider .slick-slide {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 420px) {
	ul.bannerSlider {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.bannerSlider .slick-slide {
		padding: 50px 0;
	}

	.link-btn, .contact-text .link-btn {
		padding: 10px 20px;
	}

	.banner .slick-dots{
		bottom: 35px;
	}
}