@media (max-width:991px) {
    .product-gallery {
     


        .grid-box a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
    
            .show-text {
                position: absolute;
                left: 15px;
                bottom: 20px;
                color: white;
                border: 1px solid var(--chalk);
                padding: 0px 5px !important;
                transition: all .6s linear;
                opacity: 1;
                scale: 1;
    
                h4 {
                    color: white;
                    font-size: 8px;
                    font-weight: 400;
                    padding: 0px !important;
                }
            }
            
        }

        .grid-box{
           
            .hovershow{
              
                p{
                    color: white;;
                    text-align: center;
                    font-size: 14px;
                    font-weight: normal !important;
                    line-height: normal !important;
                    opacity: 0;
                    transition: all .5s linear;
                    display: none !important;
                }
                h5{color: white;opacity: 0;
                    transition: all .5s linear;
                 }
            }
         
        }
    
      
    }

    h2{
        font-size: 30px;
        line-height: 30px;
    }
    .store-newsletter1 {
        padding: 76px 40px !important;
    }    

    .common-headings {
        text-align: center;
        padding: 5px 0px;
        margin-bottom: 5px;
    
        h3 {
            color: var(--primary);
            font-size: 25px;
            font-weight: 600;
            text-align: center;
            display: inline-block;
            position: relative;
            text-transform: uppercase !important;
    
            &::before {
                display: none;
            }
    
            &::after {
                display: none;
            }
        }
    }
    
    .common-headings1 {
        text-align: center;
        padding: 5px 0px;
        margin-bottom: 5px;
    
        h3 {
            color: white;
            font-size: 27px;
            font-weight: 600;
            text-align: center;
            display: inline-block;
            position: relative;
            text-transform: uppercase !important;
    
            &::before {
              
                display: none;
            }
    
            &::after {
               
                display: none;
            }
        }
    }


    .bgset18 {
        padding: 65px 0px;
        .bg-shadow {
            background: #00000067;
            padding: 20px;
            width: 90%;
        }
    }
  

}
@media (max-width:661px) {

.martop{
    margin-top: 15px !important;
}

.swiper-pagination {
    display: none !important;
}

    .mobile-onnn{
        display: block;
    }
    .desktop-off{
        display: none;
    }
    .tabcontent{
        margin-top: 20px;
    }

    .tab {
        display: flex;
        justify-content: flex-start;
         border: 1px solid #ccc;
         background-color: #f1f1f1;
         width: 100%;
         height: 100%;
         overflow-x: scroll;
       }
       
       .tab button {
        min-width: 300px;
       }
       .stickyse {
         position: -webkit-sticky; /* For Safari */
         position: static;
         top: 100px;
         /* height: 100%; */
         /* overflow: hidden; */
       }

    .yt-video{
        display: none;
	}
    .pf-ebtn{
		text-align: end;
		width: 70%;
margin-top: 0px !important;
		
	}

    .about-usee{
       
        h4{
            font-size: 25px;
        }
    }

    .Product_feature_section {
        position: relative;
            &::before {
                position: absolute;
                content: "";
                background: #e5e5e4 url('../images/product-feature-img/gray-bg.webp') right bottom no-repeat;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                z-index: -1;
                
            }
        
            .productFeature-box {
                display: flex;
                /* align-items: center; */
                justify-content: space-between;
                flex-direction: column;
                gap: 20px;
                height: 100%;
                padding-top: 20px;
        
                .pf-img {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        width: 60%;
                       
                    }
                }
            }
        	.pf-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
                /* border: 1px solid red; */
                padding: 5px;
        
                h4 {
                    font-size: 20px;
                    color: var(--primary);
        
                }
        
            }
        
        }

        .productfeature .swiper-wrapper{
            padding-bottom: 30px;
        }


        .suscribe-section{

	
            .store-newsletter{
                position: relative;
                padding: 40px  30px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                gap: 30px;
        }
        .store-newsletter1{
            position: relative;
            padding: 40px  30px !important;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 30px;
    }
   
     
}
.blogs-section{
    h2{
        font-size: 30px;
    }
}

.blogssection .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 8%) !important;

}

.blogssection .swiper-button-prev {
	top: var(--swiper-navigation-top-offset, 8%) !important;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}




.footer-widget{
    margin-bottom: 0px;
}
.footer-bottom{
    padding: 5px;
}


.footer-desc{
    margin-bottom: 10px;
}

.footer-card{
    margin-bottom: 10px;
}
.footer-copytext{
    margin-bottom: 0px;
}

/* prodcut tables */

.tablespection{
	width: 100% !important;
	overflow-x: scroll;
	table{
		width: 100% !important;
		

		thead{
			background: #43b3fb;
			color: white;
			th{
				border: 1px solid white;
				text-align: center;
				font-size: 14px;
				font-weight: 400;
                min-width: 110px;
			}
		}
	}
  }


  /* ======================================= product page =========================================== */

.product-page-section {
	background: white;

	.product-img45 {
	  position: relative;
	  border: 1px solid rgb(186, 186, 186);
	  border-radius: 3px;
	  overflow: hidden;
	  padding: 5px 20px;
	  transition: all 0.3s linear;
	  background: white;
	  z-index: 1;

	  &::after{
		position: absolute;
		content: "";
		width: 0%;
		height: 0%;
        /* border: 2px solid var(--primary); */
		top: 0px;
		left: 0px;
		z-index: -1;
		transition: all .4s linear;
	  }

	  &:hover::after{
		width: 100%;
		height: 100%;
		border: 2px solid var(--primary);
	  }
  
	  img {
		border-radius: 3px;
		transition: transform 0.3s linear; /* Smooth transition for image movement */
	  }
  
	  .hovertext {
		position: absolute;
		top: 50%;
		left: 7%;
		transform: translateY(-50%);
  
		h5 {
		  font-size: 10px !important;
		  color: rgba(0, 0, 0, 0.824);
		}
	  }
  
	
	}
  }


  .enwuirybtn {

	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;

	button {
		color: var(--chalk);
		background: var(--primary);
		width: 120px;
        margin-top: 0px;
        font-size: 11px;
		padding: 2px 5px;
		border-radius: 5px;
		border: 2px solid var(--primary);
		transition: all .3s linear;
		&:hover{
			background: white;
			border: 2px solid var(--primary);
			color: var(--primary);
		}
	}

}


}