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

.navbar
{
display:flex;
justify-content:space-between;
padding:10px 20px;
background:#F1EEDC;
}

.help
{
display:none;
}

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

.fa-mobile
{
color:#6A9C89;
}

.nav3
{
padding:10px 0px 0px 15px;
color:#6A9C89;
}



.nav3:hover
{
color:#88AB8E;
cursor:pointer;
}

.fa-question
{
font-size:15px;
border:1px solid black;
border-radius:20px;
padding:1px 10px;
}















.navbar1
{
display:block;
}


.navbar1
{
padding:10px 20px;
}

.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;
}













.banner
{
display:block;

width:100%;
height:320px;
background:#E7F0DC;
}

.bannertext
{
padding:30px 20px 20px 20px;
font-size:35px;
}

.seemore
{
background:black;
color:white;
width:80px;
padding:4px;
border:1px solid black;
border-radius:25px;
font-size:15px;
}

.seemore:hover
{
background:white;
color:black;
border:1px solid white;
}








.boooks
{
display:flex;
justify-content:center;
}

.book1
{
position:relative;
left:50px;
padding:8px 0px 0px 0px;
}

.book12
{
width:65px;
height:104px;
}

.book2
{
position:relative;
left:25px;
padding:5px 0px 0px 0px;
}

.book21
{
width:70px;
height:110px;
}


.book3
{
position:relative;
right:10px;
padding:0px 0px 100px 0px;
z-index:2;
}

.book31
{
width:80px;
height:120px;
}


.book4
{
position:relative;
right:30px;
padding:5px 10px 0px 0px;
z-index:1;
}


.book41
{
width:70px;
height:110px;
}

.book5
{
position:relative;
right:70px;
padding:8px 0px 0px 0px;
}

.book51
{
width:65px;
height:104px;
}


















.categories
{
font-size:30px;
font-weight:bold;
padding:30px 0px 30px 25px;
}



.boxes
{
display:grid;
grid-template-columns:auto auto;
}

.box1
{
width:150px;
height:150px;
background:#FFEFEF;
font-size:18px;
}

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

.box1 p 
{
padding:0px 0px 0px 10px;
}


.box2
{
width:150px;
height:150px;
background:#F1EEDC;
font-size:18px;
}

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

.box2 p 
{
padding:0px 0px 0px 10px;
}


.box3
{
width:150px;
height:150px;
background:#F5EDED;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}

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

.box3 p 
{
padding:0px 0px 0px 10px;
}


.box4
{
width:150px;
height:150px;
background:#C6EBC5;
font-size:18px;
margin-top:10px;
}

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

.box4 p 
{
padding:0px 0px 0px 10px;
}


.box5
{
width:150px;
height:150px;
background:#F1F5A8;
font-size:18px;
}

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

.box5 p 
{
padding:0px 0px 0px 10px;
}


.fa-image
{
font-size:50px;
padding:30px 30px 10px 50px;
color:#C8A1E0;
}

.fa-utensils
{
font-size:50px;
padding:30px 0px 10px 50px;
color:#FF8343;
}

.fa-heart-pulse
{
font-size:50px;
padding:30px 0px 10px 50px;
color:red;
}

.fa-notes-medical
{
font-size:50px;
padding:30px 0px 10px 50px;
color:#387F39;
}

.fa-book-atlas
{
font-size:50px;
padding:30px 0px 10px 50px;
color:#7FA1C3;
}














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



.Bestselling1
{
font-size:30px;
font-weight:bold;
padding:10px 0px 40px 30px;
}


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

.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;
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;
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;
place-items:center;
margin-bottom:10px;
}

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

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


.border5
{
border:1px solid black;
width:170px;
place-items:center;
}

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

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


.pic1
{
padding:20px 0px 20px 25px;
}



















.deals
{
background:#FFEFEF;
height:600px;
}

.week
{
font-size:30px;
font-weight:bold;
padding:50px 0px 20px 35px;
}

.one
{
display:grid;
grid-template-columns:50% 50%;
place-items:center;
}

.two
{
display:block;
background:white;
width:180px;
height:380px;
border:0.5px solid black;
}

.two12
{
width:180px;
height:200px;
padding:20px 20px 0px 20px;
}

.two2
{
padding:20px 0px 0px 20px;
line-height:28px;
}

.three
{
display:block;
background:white;
width:180px;
height:380px;
border:0.5px solid black;
}

.three12
{
width:180px;
height:200px;
padding:20px 20px 0px 20px;
}

.three2
{
padding:20px 0px 0px 20px;
line-height:28px;
}
















.releases
{
font-size:30px;
font-weight:bold;
padding:30px 0px 30px 35px;
}

.parent
{
background:#B4D4FF;
display:block;
justify-content:space-evenly;

}

.sale
{
padding:0px 0px 0px 70px;
}

.sale1
{
width:250px;
height:250px;
padding:20px 0px 20px 0px;
}

.sale h3
{
font-size:30px;
padding:0px 0px 15px 0px;
}

.para1
{
color:red;
font-size:40px;
font-weight:bold;
padding:0px 0px 15px 0px;
}

.para2
{
color:#758694;
font-size:20px;
padding:0px 70px 20px 0px;
}

.view
{
background:red;
width:120px;
padding:10px 10px 10px 20px;
font-size:18px;
color:white;
border-radius:20px;
border:1px solid red;
}


.parent1
{
background:#B4D4FF;
height:662px;
padding:20px 0px 20px 0px;
}

.four
{
display:flex;
justify-content:space-evenly;
margin-bottom:10px;
}

.four1
{
display:flex;
justify-content:space-evenly;
}

.novel11
{
width:90px;
height:190px;
padding:20px 2px 10px 2px;
}

.novel1
{
width:180px;
height:260px;
border:none;
}

.novel2
{
width:180px;
height:260px;
border:none;
}
.novel3
{
width:180px;
height:260px;
border:none;
}
.novel4
{
width:180px;
height:260px;
border:none;
}
.novel5
{
width:180px;
height:260px;
border:none;
}

.novel6
{
width:180px;
height:260px;
border:none;
}
.novel7
{
width:180px;
height:260px;
border:none;
}
.novel8
{
width:180px;
height:260px;
border:none;
}

.para3
{
padding:0px 10px 0px 10px; 
font-size:13px;
}

.para4
{
padding:0px 10px 0px 10px; 
line-height:20px;
font-size:12px;
}

.new
{
width:100%;

}
















.para7
{
font-size:30px;
}

.para8
{
font-size:16px;
padding:20px 0px 30px 0px;
}

.email
{
width:250px;
padding:10px 15px;
border:1px solid black;
background:none;
font-size:12px;
}

.subscribe
{
width:120px;
padding:10px 15px;
border:1px solid black;
background:black;
color:white;
font-size:12px;
}















.favourite
{
font-size:30px;
font-weight:bold;
padding:30px 0px 30px 35px;
}

.authors
{
display:flex;
justify-content:space-evenly;
}

.author11
{
width:50px;
height:50px;
border-radius:100px;
}

.para6
{
display:block;
place-items:center;
padding:20px 0px 0px 0px;
}






















.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:20px;
}

.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;
}

}