/* Container and Menu Responsive */
@media (max-width: 991.98px) {

	.container,
	.custom-container {
		max-width: 900px;
	}

	.menu-area {
		padding: 20px 0;
	}

	.menu-nav {
		justify-content: space-between;
	}

	.menu-outer .navbar-wrap {
		display: block !important;
	}

	.menu-area .mobile-nav-toggler {
		display: block;
	}

	.sticky-menu.menu-area {
		padding: 20px 0;
	}
}

@media (max-width: 767.98px) {
	.transparent-header {
		top: 0;
	}

	.menu-area .mobile-nav-toggler {
		margin-top: 8px;
	}
}

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

	.container,
	.custom-container {
		max-width: 540px;
	}
}

/* Banner Responsive */
@media (min-width:992px) and (max-width: 1200px) {
	.banner-caption {
		padding-top: 80px !important;
	}
}

@media (min-width:768px) and (max-width: 991.98px) {
	.banner-caption {
		padding-top: 80px !important;
	}

	.banner-caption h2 {
		display: none;
	}
}

@media (min-width:576px) and (max-width: 767.98px) {
	.banner-caption {
		padding-top: 70px !important;
	}

	.banner-caption h2 {
		display: none;
	}

	.banner-btn {
		display: none;
	}
}

@media (min-width: 462px) and (max-width: 575.98px) {
	.banner-caption {
		padding-top: 50px !important;
	}

	.banner-caption h2 {
		display: none;
	}

	.banner-caption p {
		display: none;
	}

}

@media (min-width: 380px) and (max-width: 461.98px) {
	.banner-caption {
		padding-top: 50px !important;
	}

	.banner-caption h2 {
		display: none;
	}

	.banner-caption p {
		display: none;
	}

	.banner-btn {
		display: none;
	}
}

@media (max-width: 379.98px) {
	.banner-caption {
		padding-top: 30px !important;
	}

	.banner-caption h2 {
		display: none;
	}

	.banner-caption p {
		display: none;
	}

	.banner-btn {
		display: none;
	}
}

/* About Responsive */
@media (min-width:992px) and (max-width: 1200px) {
	.ceo-part {
		width: 80%;
	}
}

@media (min-width:768px) and (max-width: 991.98px) {
	.ceo-part {
		width: 100%;
	}

	.image-2 {
		width: 80%;
		bottom: 22%;
		right: 0;
		border-radius: 10px;
		position: absolute;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	}

	.image-3 {
		width: 64%;
	}
}


@media (min-width:576px) and (max-width: 767.98px) {
	.about-title {
		margin-top: 30px !important;
	}

	.ceo-part {
		width: 80%;
	}
}

@media (min-width:400px) and (max-width: 575.98px) {
	.text-about-left h2 {
		font-size: 26px;
	}

	.about-title {
		margin-top: 30px !important;
	}

	.ceo-part {
		width: 100%;
	}
}

@media (max-width: 399.98px) {

	.image-2 {
		display: none;
	}

	.image-3 {
		display: none;
	}

	.video-about {
		position: absolute;
		top: 42%;
		right: 44%;
	}

	.about-circle-area {
		position: absolute;
		bottom: 5%;
		left: 10%;
		display: flex;
		justify-content: center;
		background-color: var(--tg-white);
		border-radius: 50%;
		padding: 12px;
		z-index: 11;
	}

	.about-title {
		margin-top: 30px !important;
	}

	.ceo-part {
		width: 100%;
	}
}

/* Call Action Responsive */
@media (min-width: 768px) and (max-width: 992px) {
	.call {
		position: absolute;
		top: 280px;
		left: 50%
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.call {
		position: absolute;
		top: 320px;
		left: 50%
	}
}

@media (min-width: 420px) and (max-width: 575.98px) {
	.call {
		position: absolute;
		top: 350px;
		left: 50%
	}
}

@media (min-width: 380px) and (max-width: 419.98px) {
	.call {
		position: absolute;
		top: 360px;
		left: 50%
	}
}

@media (min-width: 320px) and (max-width: 379.98px) {
	.call {
		position: absolute;
		top: 390px;
		left: 50%
	}
}

@media (max-width: 319.98px) {
	.call {
		position: absolute;
		top: 460px;
		left: 50%
	}
}

/* Counter Section Responsive */
@media (min-width: 992px) and (max-width: 1200px) {
	.counter-area {
		display: inline-block;
		width: 48%;
		padding: 10px;
	}
}

@media (min-width:768px) and (max-width: 991.98px) {

	.counter-area {
		display: inline-block;
		width: 48%;
		padding: 10px;
	}
}

@media (min-width:576px) and (max-width: 767.98px) {
	.counter-area {
		display: block;
		width: 100%;
		padding: 8px;
	}
}

@media (min-width:540px) and (max-width: 575.98px) {
	.counter-area {
		display: block;
		width: 100%;
		padding: 8px;
	}
}

@media (min-width:320px) and (max-width: 539.98px) {
	.counter-area {
		display: block;
		width: 100%;
		padding: 8px;
	}
}

@media (max-width: 319.98px) {
	.counter-area {
		display: block;
		width: 100%;
		padding: 8px;
	}
}

/* Single Blog Responsive */
@media (min-width:380px) and (max-width: 992px) {

	.blog-post-no-sidebar .content .leave-comment input {
		width: 99%;
	}

	.blog-post-no-sidebar .content .leave-comment input:focus {
		width: 99%;
	}
}

@media (max-width: 379.98px) {

	.blog-post-no-sidebar .content .leave-comment input {
		width: 99%;
	}

	.blog-post-no-sidebar .content .leave-comment input:focus {
		width: 99%;
	}

	.single_comment.space-left {
		margin-left: 0;
	}
}