/* Created By:
 ********************
 ThemeAdcart
 themeadcart.com
 ******************* */

:root {
	--dark: #34495E;
	--light: #fafafa;
	--success: #0ABF30;
	--error: #E24D4C;
	--warning: #E9BD0C;
	--info: #3498DB;
	--primary-color: rgb(11, 78, 179);
	--grey: #f1f0f6;
	--dark-grey: #8d8d8d;
	--dark: #000;
	--green: #81d43a;
	--light-green: #e3ffcb;
	--blue: #7a3989;
	--light-blue: #d0e4ff;
	--dark-blue: #0c5fcd;
	--red: #fc3b56;
	--bs-blue: #070bdd;
	--bs-indigo: #924ffd;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-dyellow: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-hover: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #000000;
	/* --bs-darkorange: darkorange; */
	--bs-darkorange: #ff2b2b;
	--bs-light-gray:#ebebeb;

}

@media (max-width:1042px){

	
.main-content .main-product .featured-collection{
	width: 100%;
}

}


@media (max-width:830px){
	.categor-bar{
		display: none;
		
	}
	.logo-bar .menu-bar{
		display: none;
	}
	.logo-bar .cart-bar #fabars{
		display: block;
		cursor: pointer;
		position: relative;
	}
	.logo-bar .cart-bar #fabars .fa-bars{
		font-size: 14px;
	}
	
	
	.absulate-category{
		display: block;
        visibility: hidden;
		position: absolute;
		width: 100%;
		top: 19%;
		
		z-index: 1000;
		background-color: var(--bs-white);
		align-items: center;
		box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
		display: flex;
		justify-content: center;
		padding: 10px;
	}
	
	.absulate-category ul li{
		padding: 5px;
		text-align: left;
		
	}
	.absulate-category ul li a{
		color: var(--bs-gray);
	}
	.absulate-category ul li a:hover{
		color: var(--bs-dark);
	}
	.main-content .main-product .featured-collection{
		width: 100%;
	}

	.main-content .main-product .featured-collection .featured-section .product-slider{
		width: 50%;
		height: 600px;
		background-color: #c7e7cc;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.main-content .main-product .featured-collection .featured-section .banner-collection{
		width: 50%;
		height: 600px;
	
	
	}
		
	.main-content .main-product .featured-collection .featured-section .banner-collection .left-featured .first-ban{
		display: none;

		
	}
		
	.main-content .main-product .featured-collection .featured-section .banner-collection .left-featured .second-ban{
		width: 100%;
		height: 300px;

	}
	
.main-content .main-product .featured-collection .featured-section .right-featured .third-ban{
	width: 100%;
	height: 300px;

}
	.main-content .main-product .featured-collection .featured-section .right-featured .fourth-ban{
        display: none;
	}




	
	.main-content .main-product .subscribe{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.main-content .main-product .subscribe form {
		display: flex;
		align-items: center;
		width: 60%;
		position: relative;
	
	
	}
}

@media (max-width:506px){
	.topbar{
		padding: 10px 10px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		background-color: var(--light);

	}
}
@media (max-width:348px){
	.tab-buttons {
        flex-direction: column;
    }
}
@media (max-width:297px){
	
	.main-content .main-product .subscribe form {
		display: flex;
		align-items: center;
		width: 80%;
		position: relative;
	
	
	}
}
@media (max-width:1116px){
	
	.top-cat-item .top-item a img{
		width: 100%;
		
	}
}

@media (max-width:614px){
	
		
	.main-product .slider .slider-item{
		width: 100%;
		height: 250px;
	} 

	.main-product .slider .slider-item a img{
		width: 100%;
		height: 250px;
		object-fit: cover;
	}
	
	
}
@media (max-width:430px){
	
	.main-product .slider .slider-item{
		width: 100%;
		height: 200px;
	} 

	.main-product .slider .slider-item a img{
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	.tab-buttons {
		width: 100%;
		

	}




	.main-content .main-product .featured-collection .featured-section{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		padding-bottom: 50px;
	
	
	}
	
	.main-content .main-product .featured-collection .featured-section .product-slider{
		width: 100%;
		height: 400px;
		
	}
	
	.main-content .main-product .featured-collection .featured-section .banner-collection{
		width: 100%;
		height: 400px;
	}
		
	.main-content .main-product .featured-collection .featured-section .banner-collection .left-featured{
		width: 100%;
		height: 200px;

	}

	.main-content .main-product .featured-collection .featured-section .right-featured{
		width: 100%;
		height: 200px;
	}

		
	.main-content .main-product .featured-collection .featured-section .banner-collection .left-featured .second-ban img{
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.main-content .main-product .featured-collection .featured-section .right-featured .third-ban img{
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
}


@media (max-width:1050px){
	
   
	.main-content .main-product .special-product{
		width: 100%;
		padding: 0px 2% 50px;
	}

	
	.main-content .main-product .special-product .special-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
		margin: 10px 0;
		
	}
	.main-content .main-product .news-publish .news-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 21px;
		
	}
	
	.alll-product .alll-product-section{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 21px;
	}
	
	
}

@media (max-width:830px){
	
	.main-content{
		width: 100%;
		
	}

		
	.main-content .main-product{
		width: 100%;

	}
	
	.main-content .main-product .special-product .special-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		
	}
	
	.tab-buttons {
		width: 80%;
		display: flex;
		justify-content: center;
		background-color: #f1f1f1;
		align-items: center;
		margin: auto;
		border-radius: 5px;

	}


	.alll-product .alll-product-section{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 21px;
	}

}

@media (max-width:661px){
	
	.main-content{
		width: 100%;
		padding:10px;
		display: flex;
		justify-content: space-between;
		gap: 10px;
	}

	.main-product .slider .swiper-slide .slider-item {
		width: 100%;
		height: 180px;
	}
	.main-product .slider .swiper-slide .slider-item a img{
		width: 100%;
		height: 180px;
		object-fit: cover;
	}
		
	.main-content .main-product .new-product .new-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 21px;
		padding-top: 20px;
		
	}
	.main-content .main-product .special-product{
		width: 100%;
		padding: 0px 0px;
	}

	.main-content .main-product .special-product .special-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		
	}
		
	.main-content .main-product .news-publish .news-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 21px;
		
	}
		
	.about-service{
		padding: 20px 15px;

		
	}

	
	.alll-product{
		width: 100%;
		padding: 50px 15px;
	}
		
	.alll-product .alll-product-section{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 21px;
	}

}
	
@media (max-width:702px){
	.topbar .left-topbar{
		display: none;
	  }
	  
	.topbar .right-topbar{
		display: flex;
		justify-content: center;
		width: 100%;
	}
}

@media (max-width:418px){
	
	.main-content .main-product .featured-collection .featured-section .product-info h1{
		text-align: left;
		font-size: 26px;
		font-weight: 700;
	}
	.main-content .main-product .featured-collection .featured-section .product-info p{
		text-align: left;
		text-align: justify;
		font-size: 13px;
		font-weight: 500;
	}
		
	.main-content .main-product .featured-collection .featured-section .product-slider .product-section{
		width: 100%;
		height: 400px;
	}	
	.main-content .main-product .featured-collection .featured-section .product-slider .product-section .product-collection{
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 350px;

	}
	.main-content .main-product .featured-collection .featured-section .product-collection img{
		width: 100%;
		height: 300px;
		object-fit: cover;
	}


	
	.main-content .main-product .new-product .new-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 21px;
		padding-top: 20px;
		
	}
	.main-content .main-product .special-product .special-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		
	}
	
.main-content .main-product .news-publish .news-section .swiper-slide{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 21px;
	
}


.alll-product .alll-product-section{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 21px;
}

}

@media (max-width:286px){
	
	
	.main-content .main-product .new-product .new-product-section{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 21px;
		padding-top: 20px;
		
	}
	.alll-product .alll-product-section{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 21px;
	}
}


@media (max-width: 810px) {
		
	.about-service{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 21px;
	}

	
	
}

@media (max-width: 402px) {
		
	.about-service{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 21px;
	}

	
	
}




@media (max-width:326px){
	.topbar .right-topbar{
		gap: 10px;
	}
	.topbar .right-topbar a{
		font-size: 12px;
	}
}



@media (max-width:702px){
	.topbar .left-topbar{
		display: none;
	  }
	  
	.topbar .right-topbar{
		display: flex;
		justify-content: center;
		width: 100%;
	}
}

@media (max-width: 992px) {
	.footer {
		display: flex;
		justify-content: space-between;
	}
}
@media (max-width: 709px) {
	.footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.footer .footer_about {
		width: 70%;
		align-items: flex-start;
	}
}
@media (max-width: 709px) {
	.footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
		align-items: flex-start;
		justify-items: start;
	}
	.footer .footer_about {
		width: 250px;
		align-items: center;
	}
}
@media (max-width: 631px) {
	
	.main-content .main-product .featured-collection .featured-section{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column-reverse;
		padding-bottom: 50px;


	}

	.main-content .main-product .featured-collection .featured-section .product-info{
		width: 100%;
		height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 5%;
	}
	
	.main-content .main-product .featured-collection .featured-section .product-slider{
		width: 100%;
		height: 600px;
		background-color: #eff1d9;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
		align-items: start;
		justify-items: start;
		padding: 20px 15px;
	}
	.footer .footer_about {
		width: 200px;
		align-items: start;
	}
}
@media (max-width: 465px) {
	.main-content .main-product .testimonial .testimonial-section .review{
		text-align: center;
		color: var(--bs-gray);
		font-size: 12px;
		margin-bottom: 0 !important;
		padding: 10px;
		width: 80%;
		margin: auto;
	
	}
	.footer {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
		align-items: start;
		justify-items: start;
	}
	.footer .footer_about {
		width: 100%;
		justify-items: start;
	}

		
	.logo-bar .logo a img{
		
		height: 30px;

	}

}





@media (max-width: 522px) {
	
	.blog_details{
		padding: 20px 20px;
	}
}



@media (max-width: 574px) {
	.all-category .section-block .category-block {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px 10px;
	}
}
@media (max-width: 436px) {
	.all-category .section-block .category-block {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px 10px;
	}
}


@media (max-width: 490px) {
	.add_cartt {
			padding: 20px 5%;
		}
		.add_cartt .product-thumbail {
			display: flex;
			align-items: center;
			flex-direction: column;
		}
		.add_cartt .product-thumbail .name-remove .name {
			display: none;
		}
	
		.not-found {
			width: 300px;
			height: 300px;
			
		}

		.checkout{
			padding: 20px 5%;
		}
		.checkout .form-flax{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			gap: 20px 20px;
			padding: 10px 0;
		}
		.check-term-condition label {
			margin: 0 !important;
			padding-left: 5px;
			text-wrap: nowrap;
			font-size: 11px;
		}
	
		
	}
	
	
@media (max-width: 678px) {
	.contact {
		padding: 50px 50px;
	}
}
@media (max-width: 522px) {
	.contact {
		padding: 50px 20px;
	}
	.blog_details{
		padding: 20px 20px;
	}
}


@media (max-width: 700px) {
	.mtable {
		width: 100%;
	}

	.mtable thead {
	  display: none;
	}

	.mtable tr {
	  display: block;
	  margin-bottom: 10px;
	}

	.mtable td {
	  display: block;
	  text-align: right;
	  position: relative;
	  padding-left: 50%;
	  border: 1px solid #ddd;
	}

	.mtable td::before {
	  content: attr(data-label);
	  position: absolute;
	  left: 0;
	  width: 50%;
	  padding-left: 10px;
	  font-weight: bold;
	  white-space: nowrap;
	}

	/* Optional: Adjust padding and text alignment */
	.mtable td {
	  padding-left: 50%;
	  text-align: left;
	}
  }

  @media (max-width: 454px) {
		
	.invoice-section{
		padding: 50px 10%;

	}

	
.invoice-document{
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}
  }

  
@media (max-width: 402px) {
		
		
	.signup-form {
		width: 280px;
		padding: 50px;
		margin: 40px;
		align-items: center;
		border-radius: 10px;
		background-color: var(--bs-white);
	}
	.sign-up input {
		width: 245px;
		padding: 6px;

	}
	.sign-up button {
		width: 245px;
		height: 40px;
		font-size: 14px;
		background-color: #6610f2;
		border-radius: 5px;
		outline: none;
		border: none;
		color: var(--bs-white);
		transition: 0.3s ease;
	}
	
}
  
@media (max-width: 813px) {
		
	.order-view{
		padding: 20px 5%;
	}
	.order-view .order-info{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
    .order-view .product-thumbail {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.order-view  .product-thumbail .name-remove .name {
	    display: none;
	}

	.order-view table thead {
		font-size: 9px;
	 }
	.order-view table thead tr th{
		padding: 1px;
	 }

}

@media (max-width:1042px){


	.product_viewer {
		padding: 20px 3%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.product_viewer .view_section .product_view {
		width: 100%;
		padding: 10px 0;
	}
	.product_viewer .view_section .product-info-delivery {
		width: 100%;
		padding: 10px 0px;
	
	}
	
	.product_viewer .view_section {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	
	
	}
	
	
@media (max-width: 472px) {

	
	.product_viewer .view_section .product_view .xzoom-container img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		border: 1px solid #ddd;
	}
	.product_viewer .view_section .product_view .xzoom-container .xzoom-thumbs img {
		display: inline-flex;
		height: 50px;
		width: 50px;
		border: 1px solid darkgrey;
		object-fit: contain;
	}
		
	.product_info .share_link {
		display: flex;
		gap: 10px;
		line-height: 30px;
		padding: 30px 0;
	}
}


@media (max-width:1050px){
	
   
	.similar-product{
		width: 100%;
		padding: 15px 100px 50px;
	}

	
	.similar-product .similar-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
		margin: 10px 0;
		
	}
	
	
}


@media (max-width:830px){
	
	.similar-product .similar-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		
	}
	
}

@media (max-width:661px){

	.similar-product{
		width: 100%;
		padding: 15px 100px 50px;
	}

	.similar-product .similar-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		
	}
	
}
@media (max-width:631px){

	.similar-product{
		width: 100%;
		padding: 15px 15px 50px;
	}

	.product_tab {
		padding: 20px 15px;
		width: 100%;
	}
	.similar-product .similar-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		
	}
		
	.blog{
		padding: 0px 15px;

	}
}

@media (max-width:418px){

	
	.similar-product .similar-product-section .swiper-slide{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		
	}
	
}

@media (max-width:348px){

.product_tab {
	padding: 20px 8px;
	width: 100%;
}
}


@media (max-width: 774px) {
	.product_tab .tab-content iframe {
		height: 300px;
	}
}
@media (max-width: 682px) {
	.product_tab .tab-content iframe {
		height: 250px;
	}
}
@media (max-width: 450px) {
	.product_tab .tab-content iframe {
		height: 180px;
	}
}

@media (max-width: 682px) {
	.product_tab .tab-content iframe {
		height: 250px;
	}

	.rating-review-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: auto;
	}
	.rating-review-item .left-rating {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.rating-review-item .right-rating {
		width: 100%;
		padding-left: 5%;
		justify-content: center;
	}

	.review_submit {
		width: 100%;
		display: flex;
		justify-content: center;
	}
}