/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2160px) {}

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1399px) {


	.stellarnav>ul>li>a {
		padding: 0px 14px;
		font-size: 18px;

	}


	.bannercarousel-text h1 {
		font: normal normal normal 55px/70px Anton;
	}

	.bannercarousel-text h6 {
		font: normal normal normal 35px/45px Outfit;
		margin: 0px 0px 25px 0px;
	}

	.product-box h3 {
		font: normal normal 600 24px/30px Outfit;
	}


	.about-section {
		min-height: auto;
	}

	.about-section-right {
		padding: 30px 40px;
		min-height: auto;
	}


	.about-section-right h2 {
		font: normal normal normal 40px/40px Anton;
		margin: 0px 0px 15px 0px;
	}

	.about-section-right p {
		font: normal normal normal 16px/26px Outfit;
		margin: 0px 0px 20px 0px;
	}

	.featured-products-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.featured-products-header p,
	.blog-section-header p {
		padding: 0% 16%;
	}


	.our-promise-section h2 {
		font: normal normal normal 40px/55px Anton;
	}

	.blog-section-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.footer-top {

		padding: 40px 0px;
	}

	div#sync2 {
		width: 94%;
		margin: 0 auto;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {


	.logo {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}

	.logo img {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		object-fit: cover;

	}

	.rightlink {
		width: 25%;
	}

	.rightlink ul {
		display: flex !important;
		gap: 15px;
		background: transparent !important;
		flex-wrap: wrap;
	}

	.stellarnav {
		justify-content: end;
		display: flex;
		padding: 0px;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #EF4C8D;
		;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #EF4C8D;
		;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #EF4C8D;
		;
		padding: 12px 6px;
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 8px 12px;
		color: #fff;
		font-weight: 400;
	}

	.main-nav .stellarnav li li a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a:hover {
		color: #000 !important;
	}

	.stellarnav>ul>li>a.active {
		color: #000 !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.97);
	}

	.stellarnav .menu-toggle span.bars {
		top: 7px !important;
	}


	/* =========================my-css======================================== */


	.bannercarousel-text {
		top: 10%;
		width: 60%;
	}


	.bannercarousel-text h1 {
		font: normal normal normal 50px/65px Anton;
		width: 77%;
	}

	.bannercarousel-text h6 {
		font: normal normal normal 30px/40px Outfit;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.shopnow {
		font: normal normal bold 14px/20px Outfit;
		padding: 14px 20px;
	}

	.banner-section .owl-dots {
		bottom: 10px;
	}

	.product-section {
		padding: 30px 0px;
		margin: 0px;
	}

	.product-box h3 {

		font: normal normal 600 20px/30px Outfit;

		padding: 0px;
		margin: 10px 0px 0px;
	}

	.about-section-right {
		padding: 40px 40px;
		min-height: auto;
	}

	.about-section-right h2 {
		font: normal normal normal 25px/30px Anton;
		margin: 0px 0px 10px 0px;
	}


	.about-section-right p {
		font: normal normal normal 14px/20px Outfit;
		margin: 0px 0px 10px 0px;
	}


	.about-section {
		min-height: auto;
	}


	.about-read-more {
		font: normal normal bold 14px/20px Outfit;
		padding: 14px 20px;
		margin: 10px 0px;
	}


	.featured-products-section {
		padding: 30px 0px;
		margin: 0px;
	}


	.featured-products-header h2 {
		font: normal normal normal 30px/40px Anton;
		margin: 0px 0px 10px 0px;
	}

	.featured-products-header p {
		font: normal normal normal 16px/24px Outfit;
		padding: 0% 10%;
	}

	.featured-products-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	.recommended-box h3 {
		font: normal normal normal 16px/20px Anton;
	}


	.recommended-box p {
		font: normal normal 800 16px/26px Outfit;
	}


	.featured-products-row .owl-theme .owl-nav {
		display: none;
	}


	.our-promise-section {
		padding: 30px 0px;

	}


	.our-promise-section h2 {
		font: normal normal normal 35px/50px Anton;
		margin: 0px 0px 30px 0px;
	}


	.our-proms-tag-row-text h4 {
		font: normal normal normal 18px/20px Anton;
		margin: 0px 0px 6px 0px;
	}

	.our-proms-tag-row-text p {
		font: normal normal normal 14px/20px Outfit;
	}

	.client-section {
		padding: 30px 0px 0px;

	}

	.client-testimonial {
		padding: 30px 0px;
		height: auto;
	}

	.client-testimonial p {
		font: normal normal normal 20px/28px Outfit;
		padding: 3% 7%;
		margin: 0px;
	}

	.btm-cntnt h5 {
		font: normal normal normal 20px/25px Anton;
	}

	div#sync2 {
		width: 93%;
		margin: 0 auto;
	}


	.client-testimonial h2 {
		font: normal normal normal 30px/30px Anton;
		margin: 0px 0px 10px 0px;
	}

	.client-video {
		height: auto;
	}

	.client-video img {
		height: auto;
	}


	.blog-section {
		padding: 30px 0px;
		margin: 0px;
	}

	.blog-section-header h2 {
		font: normal normal normal 30px/40px Anton;
		margin: 0px 0px 10px 0px;
	}


	.blog-section-header p {
		font: normal normal normal 16px/24px Outfit;
		padding: 0% 10%;
	}


	.blog-section-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.date-box {
		padding: 5px 10px;
	}


	.date-box h6 {
		font-size: 14px;
	}

	.blog-section-box p {
		font: normal normal 600 16px/20px Outfit;
	}


	.blog-section-box {
		min-height: auto;
	}


	.blog-read-more {
		font: normal normal bold 14px/26px Outfit;
		padding: 12px 20px;
	}


	.footer-contant h3,
	.footer-links h3,
	.footer-links-row2 h3,
	.footer-newsletter-row h3 {
		font: normal normal normal 20px/20px Anton;
	}


	.footer-top {
		position: relative;
		padding: 30px 0px;
	}


	.logo2 {
		padding: 0px;
		margin: 0px;
	}

	.footer-butm-left p,
	.footer-butm-right p {
		font-size: 12px;

	}


	.footer-links-row2 ul li a {
		font-size: 12px;
	}

	.footer-links ul li a {
		font-size: 12px;
	}

	.footer-contant p {
		font: normal normal normal 12px/22px Outfit;
	}

	.footer-contant p a {
		font: normal normal normal 12px/22px Outfit;
	}

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


	.container-fluid {
		padding: 0px 20px !important;
	}


	.logo {
		width: 100%;
		margin: 0px;
		text-align: center;
	}

	.logo img {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		object-fit: cover;

	}

	.rightlink {
		width: 40%;
	}

	.rightlink ul {
		display: flex !important;
		gap: 15px;
		background: transparent !important;
		flex-wrap: wrap;
	}

	.stellarnav {
		justify-content: end;
		display: flex;
		padding: 0px 0px;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #EF4C8D;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #EF4C8D;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #EF4C8D;
		padding: 12px 6px;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.97);
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 8px 12px;
		color: #fff;
		font-weight: 400;
	}

	.main-nav .stellarnav li li a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a:hover {
		color: #000 !important;
	}

	.stellarnav>ul>li>a.active {
		color: #000 !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}


	.stellarnav .menu-toggle span.bars {
		top: 7px !important;
	}


	/* =========================my-css======================================== */


	.bannercarousel-text {
		top: 10%;
		width: 60%;
	}


	.bannercarousel-text h1 {
		font: normal normal normal 30px/40px Anton;
		width: 82%;
	}

	.bannercarousel-text h6 {
		font: normal normal normal 30px/40px Outfit;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.shopnow {
		font: normal normal bold 14px/20px Outfit;
		padding: 14px 20px;
	}

	.banner-section .owl-dots {
		bottom: 10px;
	}

	.product-section {
		padding: 30px 0px;
		margin: 0px;
	}

	.product-box h3 {

		font: normal normal 600 20px/30px Outfit;

		padding: 0px;
		margin: 10px 0px 0px;
	}


	.about-section-right {
		padding: 20px 15px;
		min-height: auto;
	}


	.about-section-right h2 {
		font: normal normal normal 25px/30px Anton;
		margin: 0px 0px 10px 0px;
	}


	.about-section-right p {
		font: normal normal normal 14px/20px Outfit;
		margin: 0px 0px 10px 0px;
	}


	.about-section {
		min-height: auto;
	}


	.about-read-more {
		font: normal normal bold 14px/20px Outfit;
		padding: 14px 20px;
		margin: 10px 0px;
	}


	.featured-products-section {
		padding: 30px 0px;
		margin: 0px;
	}


	.featured-products-header h2 {
		font: normal normal normal 30px/40px Anton;
		margin: 0px 0px 10px 0px;
	}

	.featured-products-header p {
		font: normal normal normal 16px/24px Outfit;
		padding: 0% 10%;
	}

	.featured-products-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	.recommended-box h3 {
		font: normal normal normal 16px/20px Anton;
	}


	.recommended-box p {
		font: normal normal 800 16px/26px Outfit;
	}


	.featured-products-row .owl-theme .owl-nav {
		display: none;
	}


	.our-promise-section {
		padding: 30px 0px;

	}


	.our-promise-section h2 {
		font: normal normal normal 40px/50px Anton;
		margin: 0px 0px 30px 0px;
	}


	.our-proms-tag-row-text h4 {
		font: normal normal normal 18px/20px Anton;
		margin: 0px 0px 6px 0px;
	}

	.our-proms-tag-row-text p {
		font: normal normal normal 14px/20px Outfit;
	}

	.client-section {
		padding: 30px 0px 0px;

	}

	.client-testimonial {
		padding: 30px 0px;
		height: auto;
	}

	.client-testimonial p {

		font: normal normal normal 14px/20px Outfit;

		padding: 0% 7%;
		margin: 0px;
	}

	.btm-cntnt h5 {
		font: normal normal normal 20px/25px Anton;
	}

	div#sync2 {
		width: 93%;
		margin: 0 auto;
	}


	.client-testimonial h2 {
		font: normal normal normal 30px/30px Anton;
		margin: 0px 0px 10px 0px;
	}

	.client-video {
		height: auto;
	}

	.client-video img {
		height: auto;
	}


	.blog-section {
		padding: 30px 0px;
		margin: 0px;
	}

	.blog-section-header h2 {
		font: normal normal normal 30px/40px Anton;
		margin: 0px 0px 10px 0px;
	}


	.blog-section-header p {
		font: normal normal normal 16px/24px Outfit;
		padding: 0% 10%;
	}


	.blog-section-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.date-box {
		padding: 5px 10px;
	}


	.date-box h6 {
		font-size: 14px;
	}

	.blog-section-box p {
		font: normal normal 600 16px/20px Outfit;
	}


	.blog-section-box {
		min-height: auto;
	}


	.blog-read-more {
		font: normal normal bold 14px/26px Outfit;
		padding: 12px 20px;
	}


	.footer-contant h3,
	.footer-links h3,
	.footer-links-row2 h3,
	.footer-newsletter-row h3 {
		font: normal normal normal 20px/20px Anton;
	}


	.footer-top {
		position: relative;
		padding: 30px 0px;
	}


	.logo2 {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}

	.footer-butm-left p,
	.footer-butm-right p {
		font-size: 12px;

	}


}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {


	.container-fluid {
		padding: 0px 10px !important;
	}


	.logo {
		width: 168px;
		margin: 0px auto;
		text-align: center;
	}

	.logo img {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		object-fit: cover;

	}

	.navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		font-size: 1.25rem;
		text-decoration: none;
		white-space: nowrap;
	}

	.rightlink {
		width: 100%;
	}

	.rightlink ul {
		display: flex !important;
		gap: 15px;
		background: transparent !important;
		flex-wrap: wrap;
	}

	.stellarnav {

		padding: 5px 0px 0px;
		float: right;
		text-align: right;

	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #EF4C8D;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #EF4C8D;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #EF4C8D;
		padding: 12px 6px;
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 8px 12px;
		color: #fff;
		font-weight: 400;
		text-align: left;
	}

	.main-nav .stellarnav li li a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a:hover {
		color: #000 !important;
	}

	.stellarnav>ul>li>a.active {
		color: #000 !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #fff4f4;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.97);
	}

	.stellarnav .menu-toggle span.bars {
		top: 7px !important;
	}


	/* =========================my-css======================================== */


	.topr_single {
		position: relative;
		padding-left: 0px;
		display: flex;
		gap: 0;
	}


	.bannercarousel-text h1 {
		font: normal normal normal 20px/25px Anton;
	}

	.banner-section .owl-dots {
		display: none;
	}

	.product-section {
		padding: 20px 0px;
		margin: 0px;
	}


	.product-box h3 {

		font: normal normal 600 25px/30px Outfit;

		padding: 0px;
		margin: 10px 0px 20px;
	}


	.about-section-right {
		padding: 20px 30px;
		min-height: auto;
		height: 100%;
	}


	.about-section-right h2 {
		font: normal normal normal 25px/40px Anton;
		margin: 0px 0px 10px 0px;
		letter-spacing: 0.8px;
	}

	.about-section-right p {
		font: normal normal normal 16px/22px Outfit;
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}


	.about-read-more {
		background: #6A082F 0% 0% no-repeat padding-box;
		border-radius: 8px;
		opacity: 1;
		text-align: center;
		font: normal normal bold 14px/20px Outfit;
		letter-spacing: 4px;
		color: #FFFFFF;
		text-transform: uppercase;
		padding: 14px 20px;
		margin: 10px 0px 20px;
		float: left;
		cursor: pointer;
		font-weight: 500;
	}


	.featured-products-section {
		padding: 20px 0px;
		margin: 0px;
	}


	.featured-products-header {
		margin: 0px 0px 16px 0px;
		padding: 0px;
	}

	.featured-products-header h2 {
		font: normal normal normal 25px/30px Anton;
		margin: 0px 0px 20px 0px;
	}

	.featured-products-header p {
		padding: 0% 5%;
		font: normal normal normal 16px/22px Outfit;
	}


	.featured-products-row .owl-theme .owl-nav {
		display: none;
	}


	.our-promise-section {
		padding: 30px 0px;

	}

	.our-promise-section h2 {
		font: normal normal normal 30px/40px Anton;
		margin: 0px 0px 30px 0px;
	}


	.our-proms-tag-row-text h4 {
		font: normal normal normal 22px/26px Anton;
		margin: 0px 0px 5px 0px;
		letter-spacing: 0.8px;
	}


	.our-proms-tag-row {
		margin-bottom: 20px;
	}


	.client-section {
		padding: 20px 0px 0px;
		margin: 0px;
	}

	.client-testimonial {
		padding: 30px 0px;
	}

	.client-testimonial h2 {

		font: normal normal normal 25px/30px Anton;

		padding: 0px;
		margin: 0px 0px 5px 0px;
	}


	.client-testimonial p {

		font: normal normal normal 16px/22px Outfit;

		padding: 5% 7%;
		margin: 0px;
	}


	#sync2 .item {
		padding: 4px 30px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		cursor: pointer;
		width: 100%;
	}


	.client-testimonial {
		height: auto;
		margin-bottom: 20px;
	}


	.client-video {
		height: auto;
	}

	.client-video img {
		height: auto;
	}


	.blog-section {
		padding: 30px 0px;
		margin: 0px;
	}


	.blog-section-header h2 {
		font: normal normal normal 25px/35px Anton;
		margin: 0px 0px 10px 0px;
	}


	.blog-section-header p {
		font: normal normal normal 16px/22px Outfit;
		padding: 0% 5%;
	}


	.blog-section-header {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}


	.blog-section-box p {
		font: normal normal 600 16px/22px Outfit;
	}


	.blog-section-box {
		float: left;
		min-height: 470px;
	}

	.footer-top {
		position: relative;
		padding: 30px 0px;
	}


	.footer-newsletter-row h3 {
		font: normal normal normal 20px/20px Anton;
		margin: 0px 0px 12px 0px;
	}

	.footer-left {
		padding: 0% 10% 08% 0%;

		border-right: none;

	}


	.footer-links-row2 h3 {
		font: normal normal normal 20px/24px Anton;
	}


	.footer-links h3 {
		font: normal normal normal 20px/24px Anton;
		margin: 10px 0px 20px 0px;
	}

	.footer-contant h3 {
		font: normal normal normal 20px/24px Anton;
	}

	.footer-contant p {
		font: normal normal normal 14px/22px Outfit;
	}

	.footer-contant p a {
		font: normal normal normal 14px/22px Outfit;
	}

	.footer-butm-left p {
		font-size: 12px;

		text-align: center;
		line-height: 16px;
	}

	.footer-butm-right p {
		text-align: center;
		font-size: 12px;

		padding: 0px;
		margin: 0px;
	}
	
	.testimonial_section_inn {
    min-height: auto;
}


}