@media (max-width:991px){

	/* MOBILE NAV MENU */
	
	.nav-links{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	background:#050c17;
	flex-direction:column;
	align-items:center;
	gap:25px;
	padding:30px 0;
	display:none;
	}
	
	/* WHEN MENU IS ACTIVE */
	
	.nav-links.active{
	display:flex;
	}
	
	
	/* SHOW MENU BUTTON */
	
	.menu-btn{
	display:flex;
	}
	
	
	/* HERO MOBILE LAYOUT */
	.hero{
		height: 800px;
	}
	.hero-container{
	flex-direction:column;
	text-align:center;
	top: -52px;
	}
	
	.hero h1{
	font-size:40px;
	}
	
	.hero-buttons{
	flex-direction:column;
	align-items:center;
	}
	
	.hero-stats{
	justify-content:center;
	}
	
	.hero-image img{
	width:280px;
	}
	
	}


/*------------------  category-section----------------- */

	/* TABLET */

@media (max-width:1024px){

	.category-container{
	grid-template-columns:repeat(2,1fr);
	}
	
	.category-header h2{
	font-size:34px;
	}
	
	}
	
	/* MOBILE */
	
	@media (max-width:600px){
	
	.category-container{
	grid-template-columns:1fr;
	}
	
	.category-card img{
	height:260px;
	}
	
	.category-header h2{
	font-size:28px;
	}
	
	}


	/*--------------- offer-section------------------- */
	@media (max-width:900px){

		.offer-box{
		
		flex-direction:column;
		
		text-align:center;
		
		gap:40px;
		
		}
		
		.offer-left{
		
		max-width:100%;
		
		}
		
		.offer-left h1{
		
		font-size:32px;
		
		}
		
		.discount-circle{
		
		width:180px;
		height:180px;
		
		}
		
		.discount-circle h2{
		
		font-size:40px;
		
		}
		
		}
		/*--------------- offer-section ens------------------- */



		/*--------------- choose-section------------------- */
		@media (max-width:1000px){

			.choose-container{
			grid-template-columns:repeat(2,1fr);
			}
			
			}
			
			@media (max-width:600px){
			
			.choose-container{
			grid-template-columns:1fr;
			}
			
			.choose-title h2{
			font-size:30px;
			}
			
			}
			/*--------------- choose-section-end------------------- */


			/* <!----------------- about page body begings -------------------> */
			/* ================= TABLET VIEW ================= */
			@media (min-width: 577px) and (max-width: 991px) {

				.about-hero {
				height: 220px;
				padding: 20px;
				}
			
				.about-hero h1 {
				font-size: 32px;
				}
			
				.about-hero p {
				font-size: 16px;
				max-width: 500px;
				}
			
				.crumb5 {
				padding: 6px 12px;
				font-size: 13px;
				}
			}
			/* ================= PHONE VIEW ================= */
			@media (max-width: 576px) {

				.about-hero {
				height: 200px;
				padding: 20px 15px;
				}
			
				.about-overlay {
				width: 100%;
				}
			
				.about-hero h1 {
				font-size: 24px;
				margin-bottom: 10px;
				}
			
				.about-hero p {
				font-size: 14px;
				max-width: 100%;
				}
			
				.breadcrumb5 {
				margin-bottom: 15px;
				}
			
				.crumb5 {
				padding: 5px 10px;
				font-size: 12px;
				}
			
				.arrow5 {
				margin: 0 5px;
				}
			}
			/* <!----------------- about page body ends -------------------> */



			/* =========================
            TABLET
            ========================= */
		    @media (max-width: 1024px){

			.product-grid{
			grid-template-columns: repeat(2, 1fr);
			gap:25px;
			}
			
			.featured-products h2{
			font-size:34px;
			}
			
			}
			
			
			/* =========================
			MOBILE
			========================= */
			@media (max-width: 768px){
			
			.container5{
			width:95%;
			}
			
			.product-grid{
			grid-template-columns:1fr;
			gap:20px;
			}
			
			.product-info{
			text-align:center;
			}
			
			.product-buttons{
			justify-content:center;
			}
			
			.featured-products h2{
			font-size:28px;
			}
			
			.featured-products p{
			font-size:14px;
			}
			
			}
			
			
			/* =========================
			SMALL PHONES
			========================= */
			@media (max-width:480px){
			
			.featured-products{
			padding:60px 0;
			}
			
			.product-info h3{
			font-size:16px;
			}
			
			.price .new{
			font-size:18px;
			}
			
			.product-buttons button{
			font-size:14px;
			padding:8px;
			}
			
			}


			/* ================= TABLET for cart ================= */
/* 
			@media (max-width:1024px){

				.products-grid{
				grid-template-columns:repeat(2,1fr);
				}
				
				#cart-panel{
				width:320px;
				}
				
				} */

				/* ================= MOBILE ================= */

				/* @media (max-width:768px){

					.featured-products{
					padding:60px 20px;
					}
					
					.products-grid{
					grid-template-columns:1fr;
					gap:20px;
					}
					
					.product-card img{
					height:180px;
					}
					
					#cart-panel{
					width:100%;
					}
					
					.cart-header h3{
					font-size:18px;
					}
					
					} */

					/* ================= SMALL PHONES ================= */

					/* @media (max-width:480px){

						.featured-products h2{
						font-size:24px;
						}
						
						.subtitle{
						font-size:14px;
						}
						
						.add-cart{
						width:100%;
						}
						
						#cart-count{
						font-size:10px;
						padding:2px 5px;
						}
						
						} */


			/*--------------- footer-section-------------------- */
			@media (max-width:1000px){
				.footer-container{
				grid-template-columns:repeat(2,1fr);
				}
				}
				
				
				@media (max-width:600px){
				.footer-container{
				grid-template-columns:1fr;
				}
				
				.newsletter{
				flex-direction:column;
				gap:10px;
				}
				
				.newsletter input{
				border-radius:8px;
				}
				
				.newsletter button{
				border-radius:8px;
				}
				}
			/*--------------- footer-section-end------------------- */