/* 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: 1401px) and (max-width: 2000px) {}


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

	.stellarnav ul {
		gap: 20px;
	}

	.product-order-section h1 {
		font-size: 45px;
		line-height: 55px;
	}

	.categories-box-img {
		width: 190px;
		height: 190px;
		padding: 35px 20px;
	}

	.categories-box-img img {
		width: 120px !important;
		height: 120px !important;
		object-fit: contain;
		margin: 0px auto;
	}

	.producy-img {
		margin: 0px;
		width: 100%;
		height: 225px;
		padding: 0px;
		overflow: hidden;
		border-radius: 15px;
	}

	.product-text h3 {
		font-size: 14px;
		line-height: 14px;
	}


	.view-all-img-row {

		margin: 15px 0px 0px;
	}

	/* .about-section-left-img {
		height: 420px;
	} */
/* 
	.about-section-right {
		padding: 50px 50px;
		height: 420px;
	}

	.about-section-right h3 {
		font-size: 34px;
		line-height: 50px;
	} */


	/* .footer-newsletter p {
		font-size: 12px;
		line-height: 12px;
	} */


	/* .footer-info p {
		font-size: 16px;
		line-height: 26px;
	}

	.footer-manu-butm ul li a {
		font-size: 13px;
		line-height: 13px;
	} */

	/* .footer-menu ul li a {
		font-size: 16px;
		line-height: 26px;
	} */

}


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


	.rightlink .input-group {
		width: 100%;
	}

	.hero-content-upper {
		padding-top: 16%;
	}

	.addresscard {
		margin: 0px 0px 23px 0px;
	}

	.contactus-left .footer-social-icons {
		margin: 25px 0px 42px 0px;
	}

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

	.main-nav.scroll {
		height: auto;
		padding: 0px;
		position: relative;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	.main-nav.scroll .logo img {
		width: 60%;
	}

	.logo {
		width: 100%;
		margin: 0px;
		padding: 6px 0px 0px;
	}

	.rightlink {
		gap: 10px;
		margin-top: 12px;
	}

	.usercard a {
		width: 30px;
		height: 30px;
		padding: 0px 7px;
	}

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.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: 30px;
		height: 2px;
		margin: 0 0 6px;
		background: #262261;
	}

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

.main-nav .stellarnav ul ul {
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
	top: 0px;
	}
.main-nav .stellarnav li li {
	margin: 0px 0px;
	width: 100% !important;
	border-bottom: #ccccccb8 1px solid;
	}
.stellarnav.mobile ul {
	background: rgb(251, 245, 245);
}
.main-nav .stellarnav li li a {
    font-size: 13px;
    padding: 14px 18px;
	color: #2c2c2c;
	font-weight: 400;
	}
.stellarnav li.has-sub a {
	padding-right: 0px !important;
	}
.main-nav .stellarnav li li a:hover {
	background:	#fcfffc;
	color: #EE4036;
	}	
.main-nav .stellarnav li li a.active {
	background:	#f8fff8;
	color: #EE4036;
	}

	.modal-body {
		padding: 12px 25px 16px 21px;
	}

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

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

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

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

	.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;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
		text-align: left;
	}

	.stellarnav .menu-toggle span.bars {
		top: 9px !important;
	}
.product-order-section h1 {
	font-size: 42px;
	line-height: 51px;
    }
.categories-box-img {
	width: 150px;
	height: 150px;
	padding: 40px 40px;
    }
.categories-box-img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
    }
.producy-img {
	height: 184px;
    }
.product-text h3 {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	min-height: 30px;
    }
.product-box {
	margin-bottom: 16px;
    }
.about-section-right h3 {
	font-size: 25px;
	line-height: 35px;
    }








.footer-newsletter h3 {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
    }
.footer-menu ul li a {
	font-size: 16px;
	line-height: 23px;
    }
.footer-info {
	margin: 0% 0% 0% 0%;
    }
.footer-info p {
	font-size: 16px;
	line-height: 23px;
    }
.footer-manu-butm ul li a {
	font-size: 11px;
	line-height: 16px;
	margin: 0px 10px 0px 0px;
    }
.footer-manu-butm ul li a::after {
	margin: 2px 0px 0px 3px;
	font-size: 12px;
    }


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.rightlink .input-group {
		width: 100%;
	}

	.hero-content-upper {
		padding-top: 16%;
	}

	.addresscard {
		margin: 0px 0px 23px 0px;
	}

	.contactus-left .footer-social-icons {
		margin: 25px 0px 42px 0px;
	}

	.container-fluid {
		padding: 0px 30px !important;
	}
	.main-nav.scroll {
		height: auto;
		padding: 0px;
		position: relative;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	.main-nav .stellarnav ul ul {
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
	top: 0px;
	}
.main-nav .stellarnav li li {
	margin: 0px 0px;
	width: 100% !important;
	border-bottom: #ccccccb8 1px solid;
	}
.stellarnav.mobile ul {
	background: rgb(251, 245, 245);
}
.main-nav .stellarnav li li a {
    font-size: 13px;
    padding: 14px 18px;
	color: #2c2c2c;
	font-weight: 400;
	}
.stellarnav li.has-sub a {
	padding-right: 0px !important;
	}
.main-nav .stellarnav li li a:hover {
	background:	#fcfffc;
	color: #EE4036;
	}	
.main-nav .stellarnav li li a.active {
	background:	#f8fff8;
	color: #EE4036;
	}

	.main-nav.scroll .logo img {
		width: 60%;
	}

.logo {
    width: 160px;
    margin: 0px;
    padding: 4px 0px;
	}

	.rightlink {
		gap: 10px;
		margin-top: 12px;
	}

	.usercard a {
		width: 30px;
		height: 30px;
		padding: 0px 7px;
	}

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.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: 27px;
    height: 2px;
    margin: 0 0 6px;
    background: #262261;
	}

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


	.modal-body {
		padding: 12px 25px 16px 21px;
	}

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

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

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

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

	.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;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
		text-align: left;
	}

	.stellarnav .menu-toggle span.bars {
		top: 9px !important;
	}
.product-order-section h1 {
	font-size: 30px;
	line-height: 39px;
	margin: 0px 0px 6px 0px;
    }
.product-order-section p {
	font-size: 20px;
	line-height: 40px;
	margin: 0px 0px 20px 0px;
    }
.categories-section-header h2 {
	font-size: 30px;
	line-height: 40px;
    }
.categories-box-img {
	width: 137px;
	height: 137px;
	padding: 14px 14px;
	display: flex;
	align-items: center;
	justify-content: center;
    }
.categories-box-img img {
    width: 83% !important;
    height: 83% !important;
    object-fit: contain;
    }
.categories-section-inner .owl-dots {
	display: none;
    }
.categories-section-inner {
	margin: 36px 0px 40px 0px;
    }
.our-products-section-header h2 {
	font-size: 30px;
	line-height: 40px;
    }
.producy-img {
	height: 221px;
    }
.product-box {
	margin-bottom: 15px;
    }
.our-products-section .owl-dots {
	display: none;
    }
.product-text h3 {
	font-size: 15px;
	line-height: 17px;
	min-height: 40px;
    }
.our-products-section {
	padding: 40px 0px 40px 0px;
    }
.about-section {
	padding: 40px 0px;
    }
.about-section-left-img {
	height: 265px;
    }
.about-section-right {
	padding: 18px 24px;
    }
.about-section-right h3 {
	font-size: 21px;
	line-height: 30px;
	margin: 0px 0px 4px 0px;
    }
.about-section-right {
	height: 265px;
    }
.product-carousel-box-two .owl-dots {
	display: none;
    }
.client-section h2 {
	margin: 0px 0px 23px 0px;
	font-size: 30px;
	line-height: 40px;
    }
.contact-bottom-section {
	height: auto;
    }
.location-maap {
	height: 360px;
    }
.cmn-section {
	padding: 40px 0px;
    }
.contact-info-section {
	margin: 0px 0px 30px auto;
    }

.footer-logo {
	width: 82%;
}	
.footer-newsletter h3 {
	font-weight: 700;
   font-size: 21px;
    line-height: 29px;
    }
.newsletter-section-right {
	width: 100%;
    }
.footer-info {
	margin: 38px 0% 0% 0%;
    }
.footer-top {
	padding: 40px 0px;
    }
.footer-bottom {
	padding: 17px 0px;
    }
}


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

	.rightlink .input-group {
		width: 100%;
	}

	.hero-content-upper {
		padding-top: 16%;
	}

	.addresscard {
		margin: 0px 0px 23px 0px;
	}

	.contactus-left .footer-social-icons {
		margin: 25px 0px 42px 0px;
	}

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

	.main-nav.scroll {
		height: auto;
		padding: 0px;
		position: relative;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	.main-nav.scroll .logo img {
		width: 60%;
	}

	.logo {
		width: 100%;
		margin: 0px;
		padding: 2px 0px 0px;
	}

	.rightlink {
		gap: 4px;
		margin-top: 6px;
	}

.usercard a {
    width: 27px;
    height: 27px;
    padding: 0px 6px;
	}

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: center;
		align-items: center;
	}

	.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: 24px;
    height: 2px;
    margin: 0 0 5px;
    background: #262261;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #111314;
	}
.main-nav .stellarnav ul ul {
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
	top: 0px;
	}
.main-nav .stellarnav li li {
	margin: 0px 0px;
	width: 100% !important;
	border-bottom: #ccccccb8 1px solid;
	}
.stellarnav.mobile ul {
	background: rgb(251, 245, 245);
}
.main-nav .stellarnav li li a {
    font-size: 13px;
    padding: 14px 18px;
	color: #2c2c2c;
	font-weight: 400;
	}
.stellarnav li.has-sub a {
	padding-right: 0px !important;
	}
.main-nav .stellarnav li li a:hover {
	background:	#fcfffc;
	color: #EE4036;
	}	
.main-nav .stellarnav li li a.active {
	background:	#f8fff8;
	color: #EE4036;
	}

	.modal-body {
		padding: 12px 25px 16px 21px;
	}

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

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

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

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

	.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 ul {
		margin: 0px 0px;
		padding: 0px 0px;
		position: relative;
		width: 100%;
	}
	.stellarnav.mobile li a {
		font-size: 13px;
         padding: 10px 20px;
		color: #fff;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
		text-align: left;
	}

	.stellarnav .menu-toggle span.bars {
		top: 9px !important;
	}
.product-order-section {
	padding: 28px 0px 20px 0px;
    }
.product-order-section h1 {
	font-size: 22px;
	line-height: 29px;
	padding: 0px 3%;
	margin: 0px 0px 11px 0px;
    }
.product-order-section p {
	font-size: 18px;
	line-height: 23px;
	margin: 0px 0px 23px 0px;
    }
.product-slider-section {
	margin: 0px 22px;
    }
.product-carousel .owl-item:nth-child(2n+1) .product-slider-box img {
	width: 100%;
    }
.categories-section-header h2 {
	font-size: 24px;
	line-height: 30px;
    }
.our-products-section-header h2 {
	font-size: 24px;
	line-height: 30px;
    }
.product-box {
	margin-bottom: 12px;
    }
.categories-section .owl-dots {
	display: none;
    }
.our-products-section .owl-dots {
	display: none;
    }
.about-section {
	padding: 33px 0px;
    }
.about-section-left-img {
	height: 255px;
	margin-bottom: 26px;
   }
.about-section-right {
	padding: 24px 27px;
	height: auto;
    }
.about-section-right h3 {
	font-size: 23px;
	line-height: 29px;
    }
.client-section h2 {
	margin: 0px 0px 22px 0px;
	font-size: 24px;
	line-height: 30px;
    }
.our-products-section {
	padding: 35px 0px 35px 0px;
    }
.footer-newsletter h3 {
	font-size: 19px;
	line-height: 24px;
	margin: 0px 0px 9px 0px;
    font-weight: 600;
    }
.inner-banner-section {
	min-height: 162px;
    }
.inner-banner-text {
	top: 57px;
    }
.inner-banner-text h1 {
	font-weight: 700;
	font-size: 27px;
	line-height: 40px;
    }
.cmn-section {
	padding: 28px 0px;
    }
.about-page-left p {
	font-size: 14px;
	line-height: 21px;
	margin: 0px 0px 11px 0px;
    }
.about-page-right {
	padding: 0% 0% 0% 0%;
	height: auto;
    }
.about-butm {
	margin: 16px 0px;
    }
.about-pg-ful-img {
    margin: 0px auto;
    padding: 0px 0px;
    width: 93%;
    height: 147px;
}

.icon-box {
	width: 70px;
	height: 70px;
	padding: 14px 0px;
	margin: 0px 0px 14px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
    }
.icon-box i {
	font-size: 29px;
    }
.contact-info-section h4 {
	font-size: 23px;
	line-height: 24px;
	margin: 0px 0px 8px 0px;
   }
.contact-info-section p {
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	margin: 0px 0px 20px 0px;
    }
.contact-info-section {
	height: 250px;
	margin: 0px 0px 31px 0px;
    }
.contact-left {
	height: auto;
    }
.contact-left .contact-left-inner {
	padding: 27px 24px;
    }
.contact-left .contact-left-inner h2 {
	font-size: 27px;
	line-height: 26px;
	margin: 0px 0px 20px 0px;
    }
.contact-left .contact-left-inner p {
	font-size: 15px;
	line-height: 22px;
	margin: 0px 0px 19px 0px;
}
.contact-bottom-section {
	height: auto;
    }
.location-maap {
	height: 360px;
    }

.footer-top {
	padding: 36px 0px;
    }
.footer-logo {
	width: 73%;
    }
.newsletter-section-right {
	width: 100%;
    }
.newsletter-section-right .newsletter-form .button .btn {
	font-size: 15px;
    width: 104px;
    }
.newsletter-section-right .newsletter-form input {
	font-size: 13px;
	padding: 0 113px 0 20px;
    }
.footer-newsletter p {
	font-size: 14px;
	line-height: 16px;
    }
.footer-menu {
	padding: 22px 0% 0% 0%;
    }
.footer-menu h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 14px 0px;
    }
.footer-menu ul li a {
	font-size: 17px;
	line-height: 25px;
    }
.footer-info {
	margin: 22px 0% 0% 0%;
    }
.footer-info h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 14px 0px;
    }
.footer-info p {
	padding: 0px 0px 10px 0px;
    font-size: 16px;
    line-height: 24px;
    }
.footer-manu-butm ul li a {
	font-size: 13px;
	line-height: 15px;
	margin: 0px 9px 0px 0px;
    }
.footer-manu-butm ul li a::after {
	margin: 7px 0px 0px 3px;
	font-size: 13px;
    }
.footer-bottom {
	padding: 11px 0px;
    }
.footer-bottom-left {
	text-align: center;
    }
.footer-bottom-right {
	text-align: center;
    }
.footer-bottom p {
	font-size: 14px;
	line-height: 21px;
    }
.footer-bottom p {
	font-size: 14px;
	line-height: 21px;
    }
    
    .woo-variation-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
    }
    
        .review {
        font-size: 14px;
        line-height: 24px;
        margin: 0px 0px 10px 0px !important;
        float: left;
        width: 100%;
    }

}