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

@media only screen and (max-width: 1600px) {
	.slide-inner {
		padding: 0 10rem;
	}

	.botom-set {
		margin-bottom: -5rem;
	}

	.arrow .swiper-button-prev {
		right: -8rem;
	}

	.arrow .swiper-button-next {
		right: -16rem;
	}

	.aboutpg-content {
		margin: 0;
		padding: 0;
	}
}

@media only screen and (max-width: 1445px) {
	.botom-set {
		margin-bottom: -3rem;
	}
}

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

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

	.botom-set {
		margin-bottom: 0;
	}
}

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

	.main-navigate {
		display: none;
	}

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

	.an-navbar .row .col-md-4:first-child {
		display: none;
	}

	.menulist .search {
		display: block;
	}

	.slide-inner figure img {
		display: none;
	}

	.arrow :is(.swiper-button-prev, .swiper-button-next) {
		top: 80px;
	}

	.newsletter-section {
		padding: 4rem 0 !important;
	}

	.newsletter-img {
		display: none;
	}

	footer.footer .row {
		gap: 2rem;
	}

	.footer h3 {
		margin-bottom: 0.5rem;
	}

	footer .options {
		justify-content: start !important;
		gap: 2rem;
	}

	.footerSocial-links {
		gap: 2rem;
	}

	.contact-info {
		margin-bottom: 1rem;
	}
}

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

	.arrival-main {
		height: auto;
	}

	.arrivalimgSlider2,
	.trendSlider,
	.arrivalimgSlider1 {
		display: none;
	}

	.best-seller {
		padding: 5rem;
	}

	.blogSlider {
		margin: 0;
		padding: 0 2rem;
	}

	.featureSlider {
		margin: 0;
	}

	.blogSlider-btn .swiper-button-prev {
		left: 3rem;
	}

	.blogSlider-btn .swiper-button-next {
		right: 3rem;
	}

	.brands-logo {
		padding: 0;
	}

	.inner-banner .overlay {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.inner-banner>img {
		height: 400px;
	}

	.inner-banner figure img {
		display: none;
	}

	.aboutpg-content {
		margin-top: 2rem;
	}
}

@media (max-width: 575.98px) {
	header {
		padding: 1rem 0 !important;
	}

	a.top-logo {
		margin: 0 0 1rem;
	}

	.mainSlider {
		height: 500px;
	}

	.slide-inner {
		padding: 0 1rem;
	}

	.mainSlider :is(.swiper-button-prev, .swiper-button-next) {
		top: auto;
		bottom: 1rem;
	}

	.mainSlider .swiper-button-prev {
		left: auto;
		right: 11rem;
	}

	.newsletter-box {
		padding: 2rem;
	}
}

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