*{
    padding: 0;
    margin: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    

}
     
/* navbar strt */
#nav-container{
    background-color: rgb(240,241,247); 
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* width: 100%; */
    height: 21%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
   
  
}

   #logo-img{
        width: 50%;
        margin: 27px 0 0 15px;
        
      }
  
#advert{
    text-align: center;
    background-color: rgb(32,35,64);
    height: 30px;
   
}
#advert p{
   color: antiquewhite;
  
}
#upper-nav{
    display: flex;
    /* background-color: blueviolet; */
}

.home-anchor-image{
  width: 13%;
  margin: 15px 0 0 15px;
} 



#lower-nav{
     display: flex;
     justify-content: space-between;
     height: 30px;
     margin-top: 1%;
   

}


/* navbar search box strt */
.search-box{
display: flex;
justify-content: space-between;
border: 1px solid black;
width: 44%;
height: 42px;
border-radius: 24px;
margin-left: 5%;
margin-top: 1%;
}
select{
border: none;
border-radius: 24px;
margin-left: 7px;

}
.span{
height: 5%;
width: 10%;
background-color: black;

}


#search-input{
border: none;
width: 100%;
margin-left: 4px;
}
.icon .fa-sharp{
font-size: 15px;
margin: 13px 0 8px 8px;
color: aliceblue;


}
h3{
margin-top: 7px;
font-size: larger;
background-color: aliceblue;
}
.icon{
background-color:rgb(32,35,64);
width: 9%;
border-radius: 0 24px 24px 0;
border: none;
}
/* navbar search box end */



 .bar-tag{
    margin-left: 35px;
    margin-bottom: 25px;
 }
#lower-middle-nav {
  display: flex;
  justify-content: space-between;
  width: 500px;
}
 
#lower-middle-nav div >a{
   text-decoration: none;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  #lower-right-nav{
    display: flex;
    justify-content: space-between;
    width: 150px;
    margin-right: 25px;
  }
  .fa-solid{
   font-size: 25px;
    color: rgb(32,35,64);
  }
  a:hover {
    color: skyblue;
  }
  
  .fa-solid:hover{
    color: skyblue;
  }
  
  .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }



  #image {
    display: grid;
    grid-template-columns: repeat(4,1fr);
  align-items: center;
    gap: 5px;
    margin-top: 200px;
  }
  
  #image div >img{
    margin: auto;
    width: 100%;
  }

  /* navbar end */



  /* footer  strt*/

.footer-up {
background-color: #545871;
padding: 20px;
}
.deals-1 {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.right > h5 {
display: inline;
color: white;
}
.right > #email {
width: 250px;
padding: 5px;
border: 0;
margin-left: 10px;
}
#footer-btn {
padding: 5px;
border: 0;
color: #545871;
font-weight: bold;
}
#footer-btn:hover {
color: white;
background-color: #2e2c38;
}
.deals-1 > p {
color: white;
font-size: 12px;
}
.deals-2 {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.deals-2 > p {
color: white;
font-size: 12px;
font-weight: bold;
}
.deals-2 > span {
color: white;
}
span > i {
margin-right: 5px;
font-size: 20px;
}
.footer-down {
background-color: whitesmoke;
padding: 10px;
}
.footer-down > p {
font-size: 12px;
}
.policy {
margin-bottom: 5px;
}
.policy > a {
color: black;
font-size: 12px;
}
.footer-images > img {
width: 75px;
}
.footer-images {
text-align: center;
margin: 20px 0;
}
#foot-img-last {
text-align: center;
}




/* media queries for smaller screen */
@media screen and  (min-width: 340px) and (max-width: 768px) {

#upper-nav{
 margin-top: 9%;
 margin-left: 50px;
}
/* #nav-container{
  width: 90%;
  
} */

#lower-middle-nav{
  display: none;
 }
 .signNordr{
  display: none;
 }

 .fa-solid {
  margin-left: 50px;
  margin-top: -20%;
 }
 .bar-tag{
  margin-left: -5px;
  margin-top: -9px;
 }
 
 .fa-sharp {
  margin-left: -5px;
 }
 .icon{
  width: 35%;
 }
 .home-anchor-image{
  display: none;
 }

 .search-box{
  margin-bottom: -5%;
  width: 55%;
  margin-left: 60px;
 }

/* footer */
.deals-1{
display: none;
}
.socialMedia-logo{
display: block;
/* background-color: cyan; */
}

.footer-images {
text-align: center;
margin: 20px 0 0 40px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 10px;
}

.hr{
display: none;
}

.footer-p{
display: none;
}

.policy{
margin-bottom: 15px;
height: 30px;
}
.deals-2{
line-height: 30px;
}


}


/* media queries for medium screen */
@media screen and  (min-width: 769px) and (max-width: 1024px) {
#lower-middle-nav{
display: none;
}

.home-anchor-image{
display: none;
}

.search-box{
margin-bottom: -5%;
width: 55%;
margin-left: 90px;
}

 #nav-container{
  /* width: 90%; */
  /* margin: 20px; */
  height: 70px;
  
} 

.deals-1{
display: none;
}
.deals-2{
line-height: 30px;
}


.socialMedia-logo{
display: block;
/* background-color: cyan; */
}

.footer-images {
text-align: center;
margin: 20px 0 0 40px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 10px;
}

.hr{
display: none;
}

.footer-p{
display: none;
}

.policy{
margin-bottom: 15px;
height: 30px;
}


}