@media screen and (max-width: 1440px) {
	.testseipwe {
		/* text-align: center; */
		left: 0;
		top: 10px;
		right: 0;
		width: 300px !important;
	}

	.typing-slider{
		left: 0;
		top: 10px;
		right: 0;
		width: 270px !important;
	}
}

@media screen and (max-width: 991px) {
	.video {
		aspect-ratio: 1 / 2;
	}

	.banner-title {
		padding: 20px;
	}

	.video-slider {
		height: 70vh;
	}

	.custom-shape {
		bottom: -1px;
	}

	nav.navbar {
		padding: 0;
	}

	.custom-shape-top {
		bottom: -399px;
	}

	.navbar-collapse.collapse {
		background-color: #fff;
	}

	.indexpage .navbar .navbar-nav .nav-link {
		color: rgb(0, 0, 0);
	}

	/* 4th-9th Sep, 2024 changes as per TL says */
	.nav-menu-info ul ul {
		padding: 10px;
		opacity: 1;
		visibility: visible;
		transform: scaleY(1);
		position: static;
		box-shadow: none;
		padding-left: 30px;
	}
}

@media screen and (max-width: 767px) {

	/* 4th-9th Sep, 2024 changes as per TL says */
	.headline {
		font-size: 17pt;
	}

	.headline1 {
		font-size: 22pt;
	}

	.custom-shape-top svg,
	.custom-shape svg {
		width: calc(230% + 1.3px);
	}

	.advance-box {
		/* flex-direction: column; */
		/* flex-direction: unset; */
		/* text-align: center !important; */
		position: relative;
		justify-content: flex-start;
		/* flex-direction: column; */
        align-items: flex-start;
		flex-wrap: wrap;
	}

	.faq .accordion-header button {
		padding: 0;
	}

	.accordion-button::after {
		right: 10px;
		position: static;
	}

	.accordion-body {
		padding: 0 10px;
	}

	.add-cus-btn {
		padding-left: 15px;
		padding-right: 15px;
	}

	.add-btn-cus {
		display: inline-block;
	}

	.one-line-row {
		display: inline;
	}

	.footer-link {
		margin-top: 20px;
	}

	.prd-clasw {
		width: 70px;
		display: flex;
		justify-content: center;
	}

	.prd-clasw img.img-fluid {
		display: flex;
		justify-content: center;
	}

	.mq-carousel .owl-item>div {
		font-size: 22pt !important;
	}

	.testseipwe {
		max-width: 145px;
		top: 0;
		position: initial !important;
	}

	.typing-slider{
		max-width: 145px;
		top: 0;
		position: initial !important;
	}
	

	.mq-carousel .owl-dots {
		display: none;
	}

	.btn-wiper-res {
		margin-left: 0px !important;
		margin-top: 10px;
		left: auto !important;
		width: auto !important;
		right: 0 !important;
		top: 5px !important;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 10;
	}

	.brn-proj-res {
		position: initial !important;
		width: 40% !important;
		margin-bottom: 0;
	}

	.navbar-brand img {
		width: 30mm;
	}

	iframe#vimeoVideo {
		position: absolute;
		top: 50%;
		left: 0%;
		/* transform: translate(-50%, -50%); */
		width: 100vw;
		height: 56.25vw;
		min-height: 100vh;
		min-width: 190vh;
		transition: 0.5s opacity ease-in-out;
	}

	.navbar-collapse.collapse {
		background-color: #fff;
	}

	.indexpage .navbar .navbar-nav .nav-link {
		color: rgb(0, 0, 0);
	}

	.product-box .product-details h3 {
		overflow: hidden;
	}

	.payrespo {
		margin-top: 285px;
	}

	.paycardpo {
		padding-top: 25px;
	}

	.padtop10 {
		padding-top: 10px;
	}

	.owl-carousel.owl-drag .owl-item div {
		text-align: left;
		margin: auto;
	}
}

@media screen and (max-width: 665px) {
	.owl-carousel.owl-drag .owl-item div {
		text-align: center;
	}

	.testseipwe {
		text-align: center;
		position: absolute !important;
		/* left: -48px !important; */
		width: auto !important;
		right: 0 !important;
		top: -47px !important;
		/* top: -42px !important; */
		max-width: 300px;
	}

	.typing-slider{
		text-align: center;
		position: static !important;
		left: 20px !important;
		width: 165px !important;
		right: 0 !important;
		top: -47px !important;
		/* top: -42px !important; */
		max-width: 270px;
	}
	@keyframes slide {
		25% {
		  font-size: 1.8rem;
		  letter-spacing: 3px;
		}
		to {
		  font-size: 0;
		  letter-spacing: 0;
		}
	  }

	/* 4th-9th Sep, 2024 changes as per TL says */
	
}

@media screen and (max-width: 419px) {
	.advance-box{
		flex-wrap: wrap;
	}
	.btn-wiper-res{
		margin-left: 0 !important;
	}
	
}

/* After My KT receive changes */

/* 4th-9th Sep, 2024 changes as per TL says */

@media screen and (min-device-width: 1200px) and (max-device-width: 1520px) {
	.headline {
		font-size: 30pt !important;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1199px) {
	h2.headline.headright {
		text-align: center;
	}

	.testseipwe {
		/* / text-align: center; / */
		left: 40px;
		top: 10px;
		right: 0;
		width: 300px !important;
	}

	.typing-slider{
		left: 40px;
		top: 10px;
		right: 0;
		width: 270px !important;
	}


	.mq-carousel .owl-item>div {
		font-family: "Avenair-Heavy";
		font-size: 30pt;
		font-weight: bold;
		transform: scale(0.8);
		transition: 0.6s ease;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.headline {
		font-size: 26pt !important;
	}
}