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

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

	.bannerContent h1 {
		width: 90%;
	}

	.mainBanner {
		height: 1000px;
	}

	.menuWrap .menu {
		gap: 1.5rem;
	}

	.bannerContent p {
		margin: 2rem 0;
	}

	.secHeading br {
		display: none;
	}

	.secHeading {
		font-size: 3rem;
	}

	.bookContent p {
		margin-bottom: 20rem;
	}

	.missionContent p {
		width: 100%;
		margin: 1.5rem 0;
	}

	.contactBox {
		padding-right: 8rem;
	}

	.footWraps {
		gap: 6rem;
	}

	.stayConnected {
		margin-left: 6rem;
	}

}

@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;
	}

	.bannerContent h1 {
		font-size: 4rem;
		width: 100%;
	}

	.mainBanner {
		height: 850px;
	}

	.contactBox {
		padding: 5rem 2rem 0 2rem;
	}

	.mapWraps iframe {
		height: 550px;
	}

	.stayConnected {
		margin: 0;
	}

}

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

	.main-header {
		position: relative;
	}

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

	.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: 12px 0;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 1.125rem;
	}

	.menuWrap .menu {
		display: block;
	}

	.navbar-brand img {
		width: 180px;
	}

	.form-inline {
		gap: 1rem;
		margin-right: 5rem;
	}

	.bannerContent p br {
		display: none;
	}

	.secHeading {
		font-size: 2.75rem;
	}

	.bookContent p {
		font-size: 1.25rem;
		margin-bottom: 10rem;
	}

	.bookContent h3 br {
		display: none;
	}

	.upcomingWrap figure img {
		width: 500px;
	}

	.missionContent h2 {
		width: 100%;
	}

	.eventCard h3 {
		margin: 1rem 0;
		font-size: 1.25rem;
	}

	.productCard h3 {
		margin: 1rem 0;
	}

	.associationImages {
		justify-content: space-between;
		gap: 0;
	}

	.associationImages img {
		width: 180px;
	}

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

	.contactBox h2 {
		margin-bottom: 1rem;
	}

	.contactBox .themeBtn {
		margin: 0;
	}

	.mapWraps iframe {
		height: 450px;
	}

	.footWraps {
		gap: 2rem;
	}

	.links {
		margin-top: 2rem;
	}

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

	.shopDetails p {
		width: 100%;
	}

	.shopDetails {
		margin-top: 1rem;
	}

	.shopInner {
		padding: 3rem 0;
	}

}

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

	.bannerContent h1 {
		font-size: 3rem;
	}

	.bannerContent p {
		margin: 1rem 0;
	}

	.mainBanner {
		height: 650px;
	}

	.bookSec {
		padding: 4rem 0;
	}

	.bookContent {
		margin-top: 1rem;
	}

	.bookContent p {
		margin: 1rem 0;
	}

	.bookContent h3 {
		font-size: 1.75rem;
		margin-bottom: 1.5rem;
	}

	.upcomingWrap figure img {
		width: 400px;
	}

	.upcomingSec {
		padding: 4rem 0;
	}

	.missionContent {
		margin-bottom: 1rem;
	}

	.eventCard {
		margin-top: 2rem;
	}

	.productCard {
		margin-top: 2rem;
	}

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

	.associationImages img {
		width: 140px;
	}

	.associationSec {
		padding: 4rem 0;
	}

	.womenSec {
		padding: 4rem 0;
	}

	.productSec {
		padding: 4rem 0;
	}

	.contactBox {
		padding: 4rem 2rem;
	}

	.contactBox .form-control {
		height: 45px;
	}

	.footlogo img {
		width: 180px;
	}

	.footWraps {
		margin: 1.5rem 0;
	}

	.stayConnected p {
		margin: 1rem 0;
	}

	.stayConnected input {
		width: 100%;
	}

	.stayConnected p br {
		display: none;
	}

}

@media (max-width: 575.98px) {

	.navbar-brand img {
		width: 130px;
	}

	.menu-Bar {
		right: 1.25rem;
	}

	.bannerContent h1 {
		font-size: 2.5rem;
		letter-spacing: unset;
	}

	.mainBanner {
		height: 600px;
	}

	.bannerContent {
		margin-top: 6rem;
	}

	.secHeading {
		font-size: 2rem;
		letter-spacing: unset;
	}

	.bookContent h3 {
		font-size: 1.35rem;
	}

	.upcomingWrap figure img {
		width: 300px;
	}

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

	.associationImages img {
		width: 100px;
	}

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

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

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

	ul.links {
		gap: 1rem;
	}

	.copyRight {
		font-size: 1.125rem;
	}

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

	.innerBanner {
		height: 350px;
	}

	.innerBanner h2 {
		font-size: 3rem;
	}

}

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