



















#currencyForm{display:none !important;}








#desktopBottomNav nav a{color: #fff;text-underline: none !important;}



#desktopBottomNav  a:active{color: #E5EAF4;text-decoration: none;}





a{text-decoration: none;}


#desktopNav a{color: #000;font-weight: 600;
text-transform:uppercase;

}



body{

font-family: Arial, sans-serif !important;


margin:0 !important;padding:0;}
header,footer{text-align:center;padding:0px;background:#f8f8f8;}
main{padding:20px;}


.product{
    border:1px solid #ddd;
    padding:0px;
    border-radius:6px;
    text-align:center;
}
.product img.main-img{width:100%;height:180px;object-fit:cover;margin-bottom:5px;}
.product .thumbnails{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;}
.product .thumbnails img{width:40px;height:40px;object-fit:cover;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:0.2s;}
.product .thumbnails img:hover{border-color:#0073e6;}
.product h3{font-size:16px;margin:10px 0 5px;}
.product p{margin:5px 0;font-weight:bold;}
.product a{display:inline-block;margin-top:8px;padding:5px 10px;background:#0073e6;color:#fff;text-decoration:none;border-radius:4px;}
.product a:hover{background:#005bb5;}

.product-container{display:flex;flex-wrap:wrap;gap:30px;margin:1% 10%;}
.product-images{flex:1 1 300px;}
.product-images img.main-img{margin-bottom:15px;}
.product-details{flex:1 1 300px;}
.product-details h1{margin:0 0 10px;}
.product-details .price{font-size:18px;font-weight:bold;margin:5px 0;}
.product-details .categories,.product-details .attributes{margin:10px 0;}
.product-details .attributes span{display:inline-block;background:#f0f0f0;padding:4px 8px;margin:3px;border-radius:4px;}
.back-button{display:inline-block;margin-top:20px;padding:6px 12px;background:#0073e6;color:#fff;text-decoration:none;border-radius:4px;}
.back-button:hover{background:#005bb5;}





body {
    font-family: Arial, sans-serif !important;
    padding: 0rem !important;margin:0px !important;
    background: #f8f8f8;
}







nav a{font-weight:600;font-size:14px;margin-right:7px;}



.wom{
padding:4px 9px !important;}
.wom:hover{
background:	#F88379;
padding:4px 9px;
border-radius: 50px;
color: #fff !important;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);}


.men{
padding:4px 10px !important;}
.men:hover{
background:	#16B4DC;
padding:4px 12px;
border-radius: 50px;
color: #fff !important;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);}


.kid{
padding:4px 10px !important;}
.kid:hover{
background:	#FFC362;
padding:4px 12px;
border-radius: 50px;
color: #fff !important;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);}



.hd{
font-family: "Nunito Sans", Sans-serif;
font-size:40px;
margin-bottom:-7px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px rgba(252, 139.9999999999999, 1.9999999999999087, 0.47);
    color: #333333;}
	
	
	
	.hdd{
font-family: "Nunito Sans", Sans-serif;
font-size:30px;
margin-bottom:-7px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px rgba(252, 139.9999999999999, 1.9999999999999087, 0.47);
    color: #333333;}

	
.view-more-bt{
padding: 8px 15px 10px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(180deg, #FFC362 0%, #AC8746 100%);
    color: #fff;
font-size: 12px;

text-align: center;

margin-top:20px;





}	
	

body{text-align:center;}


.product-card .thumbnails{padding:0px 5px;}

.product-grid{margin-bottom:20px !important;}
.categories-grid{margin-bottom:20px !important;}



.elecs .thumbnails{display:none !important;}

.hero1 .img1{float:left;}
.hero1 .img2{float:right;}

.pagination{margin-bottom:30px;}























        /* Responsive breakpoints */
        @media (max-width: 1600px) { .related-grid { grid-template-columns: repeat(10, 1fr);gap:10px; } }
        @media (max-width: 1400px) { .related-grid { grid-template-columns: repeat(10, 1fr);gap:10px; } }
        @media (max-width: 1200px) { .related-grid { grid-template-columns: repeat(8 1fr); }gap:10px; }}
        
		
		@media (max-width: 992px)  { .related-grid { grid-template-columns: repeat(4, 1fr);gap:10px; } }
        @media (max-width: 768px)  { .related-grid { grid-template-columns: repeat(3, 1fr);gap:10px; } }
        @media (max-width: 480px)  { .related-grid { grid-template-columns: 1repeat(2, 1fr);gap:10px; } }



   /* Responsive breakpoints */
        @media (max-width: 1600px) { .products-grid { grid-template-columns: repeat(10, 1fr);gap:10px; } }
        @media (max-width: 1400px) { .products-grid { grid-template-columns: repeat(10, 1fr);gap:10px; } }
        @media (max-width: 1200px) { .products-grid { grid-template-columns: repeat(8 1fr); }gap:10px; }}
        
		
		@media (max-width: 992px)  { .products-grid { grid-template-columns: repeat(4, 1fr);gap:10px; } }
        @media (max-width: 768px)  { .products-grid { grid-template-columns: repeat(3, 1fr);gap:10px; } }
        @media (max-width: 480px)  { .products-grid { grid-template-columns: 1repeat(2, 1fr);gap:10px; } }














@media (max-width: 799px) {
.hero1 .img1 img, .hero1 .img2 img {
max-width: 300px !important;
height:20px !important; 
}}

@media (max-width: 799px) {
.tilt-left img {
transform: rotate(5deg) !important;
}}

@media (max-width: 799px) {
.tilt-right img {
transform: rotate(355deg) !important;
}}

@media (max-width: 799px) {
.tilt-left img, .tilt-right img {
        transform: rotate(30deg);
    }
}




/* Responsive adjustments */
@media (max-width: 1200px) {
    .product-grid { grid-template-columns: repeat(10, 1fr); }
}
@media (max-width: 768px) {
    .product-grid { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 480px) {
    .product-grid { grid-template-columns: repeat(3, 1fr); }
}


.product-grids {
    display: grid;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 10px;
    padding: 10px;
}




@media (max-width: 799px) {
.mainslider .img1 img, .mainslider .img2 img {
max-width: 170px !important;}}

@media (max-width: 799px) {
.mainslider {
padding: 15px 0 !important;}	}

@media (max-width: 799px) {
.mainslider h1 {
font-weight: 800 !important;
    font-family: Oswald, Sans-serif !important;
font-size: 25px !important;
    color: #fff;
}	
	
}

