.all-pro-div{
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.nav2-btns{
    border: transparent;
    background: transparent;
    font-weight: 500;
}
.pro-nav2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 70px;

}
.pro-nav2 a{
	width: auto;
}
.addToCardTag{
	display: flex;
	justify-content: center;
	align-items: center;
}
.search-span{
width: 220px;
height: 30px;
padding: 10px;
border: 1px solid #2A8080; ;
justify-content: space-between;
align-items: center;
border-radius: 30px;
margin: 10px;
}
.search-span input{
    border: none;
}
.mob-category{
    display: none;
}
.search-btn{
	border: none;
	background-color: transparent;
}
.pro-nav-2 a{
	text-decoration: none;
	color: black;
}
.active-link {
   
color: #2A8080 !important;
    
    font-weight: bold;
}

.hrline{
	display:flex;
	background-color:#7D7D7D;
	width:100%;
	height:0.5px !important;
	margin-bottom: 24px;

}
@media (max-width:768px) {
    .nav2-btns{
        display: none;
    }
    .mob-category{
        display: flex;
        width: auto;
        border: transparent;
        margin-top: 10px;
    }
 
    .pro-nav2{
    display: flex;
    flex-direction: column;
    align-items: start;
    height: auto;
    
        margin: 15px 0px;
}
.search-span{
width: 200px;
height: 15px;
padding: 5px;
border: 1px solid #2A8080; ;
justify-content: space-between;
align-items: center;
border-radius: 30px;
margin: 0px;
}
.mob-category option{
	font-size: 12px;
}
.mob-category select{
	font-size: 12px;
	padding: 2px 30px 2px 10px;
}
}