@media only screen and (min-width:344px) and (max-width:1000px)
{
	*
	{
		margin:0px;
		padding:0px;
		box-sizing:border-box;
	}
	

.new1
{
padding:0px 0px 0px 0px;
}

.navbar1
{
padding:10px 20px;
display:block;
position:static;
}

.nav1
{
display:flex;
justify-content:space-between;
padding:10px 0px 0px;
}

.menu
{
padding:0px 0px 0px 0px;
font-size:15px;
color:#1A3636;
}

.menu1 h2
{
font-size:18px;
padding:0px 0px 10px 0px; 
color:#1A3636;
}



.nav2
{
padding:0px 0px 10px 0px;
}

.nav2 ul
{
display:flex;
justify-content:center;
}

.nav2 ul a
{
font-size:15px;
padding:0px 15px;
}

.fa-magnifying-glass
{
visibility:hidden;
}

.search
{
background:none;
width:240px;
height:25px;
padding:3px 0px 3px 10px;
font-size:12px;
border:2px solid #1A3636;
border-radius:20px;
}


















.bestselling
{

display:flex;
justify-content:space-evenly;
}


.border
{
display:flex;
justify-content:space-around;
}

.border1
{
border:1px solid black;
width:170px;
height:300px;
place-items:center;
margin-bottom:10px;
}

.border1 h3
{
padding:0px 10px 0px 10px; 
}

.border1 p
{
padding:10px 10px 10px 10px; 
}

.border2
{
border:1px solid black;
width:170px;
height:300px;
place-items:center;
margin-bottom:10px;
}

.border2 h3
{
padding:0px 10px 0px 10px; 
}

.border2 p
{
padding:10px 10px 10px 10px; 
}


.border3
{
border:1px solid black;
width:170px;
height:300px;
place-items:center;
margin-bottom:10px;
}

.border3 h3
{
padding:0px 10px 0px 10px; 
}

.border3 p
{
padding:10px 10px 10px 10px; 
}


.border4
{
border:1px solid black;
width:170px;
height:300px;
place-items:center;
margin:10px;
}

.border4 h3
{
padding:0px 10px 0px 10px; 
}

.border4 p
{
padding:10px 10px 10px 10px; 
}


.border5
{
position:relative;
right:500px;
border:none;
bottom:300px;
overflow:hidden;
height:0px;
}

.border5 h3
{
padding:0px 10px 0px 10px; 
}

.border5 p
{
padding:10px 10px 10px 10px; 
}


.pic1
{
width:140px;
height:150px;
}














.footer
{
display:grid;

grid-template-columns:33% 8% 25% 33% ;
line-height:30px;
padding:30px 0px 20px 10px;
background:#EEEEEE;
height:auto;
}



.title
{
padding:0px 0px 10px 0px;
font-size:auto;
}

.title1
{
padding:0px 0px 10px 0px;
font-size:22px;
}

.para9
{
font-size:auto;
color:grey;
cursor:pointer;
}

.fa-brands
{
position:relative;
top:230px;
padding:20px 0px 0px 0px;
font-size:12px;
letter-spacing:3px;
}






}