@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1800px;
	}
}

@media only screen and (max-width: 1600px) {
	.bannerContent p {
		width: 50%;
		margin: 1rem auto 2rem;
	}

	.callUs {
		margin-top: 1rem;
	}

	.mainHeading {
		font-size: 4rem;
	}

	.offerWrap h3 {
		font-size: 1.2rem;
	}

	.offerSlider {
		margin-top: 3rem;
	}

	.aboutContent p {
		font-size: 1.125rem;
	}

	.reviewWraps h3 {
		width: 80%;
	}

	.newsLetter input {
		width: 100%;
		margin-bottom: 10px;
	}

	.newsForm {
		flex-direction: column;
		align-items: baseline;
	}

	.newsLetter .themeBtn {
		padding: 1rem 3em;
	}

	.contactList li a {
		font-size: 1.125rem;
	}

	.aboutInner .aboutContent p {
		width: 100%;
		margin: 1rem 0 0 0;
	}

	.aboutInner .aboutContent .themeBtn {
		margin-top: 1rem;
	}

	.teamWraps {
		gap: 1rem;
	}

	.teamWraps figure {
		width: 50%;
	}

	.menuWrap {
		position: relative;
		z-index: 1;
	}
	
	.preLoader img {
    width: 400px;
}
}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.mainBanner {
		height: 850px;
	}

	.secHeading {
		font-size: 3rem;
	}

	.reviewSec {
		padding: 8rem 0;
	}

	.faqBox #accordion .card .btn-link {
		font-size: 2.5rem;
	}

	.lookContent p {
		margin-bottom: 2rem;
	}

	.newsLetter h3 {
		font-size: 1.25rem;
	}

	.newsLetter p {
		margin-bottom: 1rem;
	}
	
	.preLoader img {
    width: 300px;
}
a.logo.navbar-brand img {
    max-width: 50% !important;
}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.main-header {
		position: relative;
	}

	.menu-Bar {
		display: block;
		top: 50%;
		bottom: initial;
		transform: translateY(-50%);
		left: 3rem;
		right: unset;
	}

	.menuWrap.open {
		display: flex;
		left: 0px;
	}

	.menuWrap {
		position: fixed;
		left: -210%;
		right: 0;
		top: 0;
		margin: auto;
		background: var(--secondary);
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center !important;
		flex-flow: column;
		transition: all 0.4s ease;
		z-index: 3;
		width: 100vw
	}

	ul.menu li {
		display: block
	}

	ul.menu li a {
		padding: 10px 0;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 1.125rem;
	}

	.menuWrap .menu {
		display: block;
	}

	.mainBanner {
		height: 750px;
	}

	.mainHeading {
		font-size: 3.5rem;
	}

	.callUs {
		font-size: 2rem;
	}

	.bannerContent p {
		width: 70%;
	}

	.offerSec .swiper-button-next,
	.offerSec .swiper-button-prev {
		width: 40px;
		font-size: 1.5rem;
	}

	.aboutContent p {
		font-size: 1rem;
	}

	.aboutContent h2 {
		font-size: 2.5rem;
	}

	.chooseWraps {
		margin-top: 2rem;
	}

	.chooseContent h3 {
		font-size: 1.3rem;
	}

	.chooseContent p {
		width: 95%;
	}

	.reviewWraps span {
		margin-top: 2rem;
	}

	.reviewWraps h3 {
		font-size: 2.5rem;
	}

	.reviewSec .swiper-button-next,
	.reviewSec .swiper-button-prev {
		width: 40px;
		font-size: 1.5rem;
	}

	.faqBox {
		margin-top: 3rem;
	}

	.card-body {
		width: 100%;
	}

	.contactList li a {
		font-size: 1rem;
	}

	.links li a {
		font-size: 1.125rem;
	}

	.newsLetter input {
		height: 50px;
	}

	.serviceInner .row+.row {
		margin-top: 2rem;
	}

	.serviceInner {
		padding: 5rem 0;
	}

	.teamWraps figure {
		width: 100%;
	}

	.teamWraps {
		flex-direction: column;
	}

	.teamInner {
		padding: 4rem 0;
	}
	
	.menu > li.current-menu-item > a {
    color: white !important;
}

}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.offerWrap h3 {
		font-size: 1.5rem;
	}

	.aboutSec {
		padding: 3rem 0;
	}

	.aboutContent p {
		font-size: 1.125rem;
	}

	.aboutContent {
		margin: 1.5rem 0;
	}

	.chooseSec {
		padding: 2rem 0;
	}

	.chooseHeading p br {
		display: none;
	}

	.chooseWraps {
		flex-direction: column;
		gap: 1rem;
	}

	.chooseContent h3 {
		font-size: 1.5rem;
	}

	.chooseContent p {
		width: 100%;
		font-size: 1.125rem;
	}

	.reviewWraps h3 {
		width: 100%;
	}

	.reviewSec {
		padding: 6rem 0;
	}

	.faqBox #accordion .card .btn-link {
		font-size: 2rem;
	}

	.card-body ul li a {
		font-size: 1.3rem;
	}

	.teamSec {
		padding: 3rem 0;
	}

	.lookContent p br {
		display: none;
	}

	.footerlogo a img {
		width: 150px;
	}

	footer .col-md-3.text-center {
		text-align: left !important;
	}

	footer {
		padding: 2rem 0 2rem 0;
	}

	.contactList li a {
		font-size: 1.125rem;
	}

	.newsLetter h3 {
		font-size: 1.5rem;
	}

	.newsLetter {
		margin-top: 1.5rem;
	}

	.links {
		margin-bottom: 1.5rem;
	}

	.links li+li {
		margin-top: 8px;
	}

	.newsLetter p {
		font-size: 1.125rem;
	}

	.serviceWrap figure img {
		width: 100%;
	}

	.serviceWrap {
		margin-bottom: 1rem;
		display: block;
	}

	.serviceInner .row+.row {
		margin-top: 0rem;
	}

	.contactContent {
		margin-bottom: 1rem;
	}

	.contactForm label {
		font-size: 1.125rem;
	}

	.contactForm .form-control {
		height: 40px;
	}

	.contactForm .form-group {
		margin-bottom: 1rem;
	}

	.contactInner {
		padding: 3rem 0;
	}
	
		.preLoader img {
    width: 200px;
}
}

@media (max-width: 575.98px) {
	.form-inline {
		display: none;
	}

	.navbar-brand {
		display: block;
		text-align: right;
	}

/* 	.navbar-brand img {
		width: 100px;
	} */

	.menu-Bar {
		left: 1.3rem;
	}

	.mainHeading {
		font-size: 2.5rem;
	}

	.bannerContent p {
		width: 100%;
		margin: 1rem 0;
	}

	.mainBanner {
		height: 550px;
		padding-bottom: 4rem;
	}

	.callUs {
		font-size: 1.5rem;
	}

	.themeBtn1 {
		padding: 1.5rem 2rem;
	}

	.offerSlider {
		margin-top: 1rem;
	}

	.offerSec {
		padding: 3rem 0 3rem 0;
	}

	.secHeading {
		font-size: 2.5rem;
	}

	.chooseHeading p+p {
		margin-top: 1rem;
	}

	.reviewSec .swiper-button-next,
	.reviewSec .swiper-button-prev {
		display: none;
	}

	.reviewWraps h3 {
		font-size: 2rem;
	}

	.faqBox {
		margin-top: 1rem;
	}

	.lookSec {
		padding: 4rem 0;
	}

	.lookContent p {
		margin-bottom: 1rem;
	}

	.newsLetter input {
		height: 40px;
	}

	.innerBanner {
		height: 300px;
	}

	.aboutInner .aboutContent {
		margin-top: 0;
	}

	.aboutInner .aboutContent .themeBtn {
		padding: 1.5rem 3rem;
	}

	.serviceInner {
		padding: 3rem 0;
	}

	.galleryWraps {
		margin-bottom: 1.5rem;
	}
	    a.logo.navbar-brand img {
        max-width: 30% !important;
    }
}

@media (max-width: 320.98px) {}