:root{
    --hdr-top:#DC2625;
    --top-text-color:#FFFFFF;
    --bottom-text-color:#000000;
}
.main-head{
    display:block;
}
header{
    position:relative;
    z-index:1000;
}
.container-large-container{
    max-width:1350px;
    margin:0 auto;
    padding:0 15px;
    width:100%;
}
.navbar{
    background: none;
    margin:0;
    padding:0;
    border:none;
    border-radius:none;
}
.hdr-top-wpr{
    width:100%;
    background:var(--hdr-top);
    padding:16px 0;
}
.hdr-top-wpr-inr{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
}
.hdr-top-list{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.hdr-top-list > .list-item{
    font-size:18px;
    font-weight:400;
    color:var(--top-text-color);
}
.list-item-location{
    font-size:18px;
    font-weight:400;
    color:var(--top-text-color);
    margin-right:162px;
    display:flex;
    align-items:center;
}
.list-item-location > svg{
    margin-right:2px;
}
.list-item-location > span{
    margin-right:4px;
}
.list-search{
    display:flex;
    align-items:center;
}
.list-item > svg{
    display:none;
}
.list-item >input{
    margin-right:494px;
    padding:10px 0;
}
.list-item input[type=text]{
    max-width:388px;
    width:100%;
    padding:10px 20px;
    border:1px solid rgba(0, 0, 0, 20%);
    border-radius:20px;
    margin-bottom:20px;
    margin-top: 20px;
    cursor:pointer;
}
.download-btn{
    font-size:16px;
    font-weight:400;
    padding:8px 15px;
    border-radius:63px;
    background:var(--top-text-color);
    color:var(--hdr-top);
}
.hdr-bottom-wpr{
    width:100%;
    background:rgba(220, 38, 37, 10%);
    padding:20px 0;
}
.hdr-wpr-inr{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}
.nav-logo{
    margin-right:114px;
}
.navbar-brand > img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.menu{
    border:0;
    background:none;
    position:relative;
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:-52px;
    margin-left:auto;
    display:none;
    z-index:999;
}
.menu span{
    display:inline-block;
    height:3px;
    width:30px;
    background:black;
    transition:0.5s linear;
}
.menu::after,
.menu::before{
    position:absolute;
    content:"";
    height:3px;
    width:30px;
    background:black;
    transition:0.5s linear;
}
.menu::after{
    top:1.5px;
    right:0;
}
.menu::before{
    top:-7px;
    
}
.menu.animate span {
  transform: translateX(-50px);
  opacity: 0;
}
.menu.animate::after {
  transform: rotate(45deg) translateX(-10px);
}
.menu.animate::before {
  transform: rotate(-45deg) translateX(-10px);
}
.navbar-collapsed, .navbar-collapsed > ul ,.nav-btn{
    display:flex;
    justify-content: center;
    align-items:center;
}
.navbar-collapsed{
    flex-grow:1;
    max-width: 878px;
}
.navbar-collapsed > ul{
    margin: 0 auto;
}
.nav-items{
    margin-right:50px;
}
.nav-links{
    color:var(--bottom-text-color);
    font-size:20px;
    font-weight:regular;
   
}
.nav-links:hover{
    color:#DC2625;
}
.user-profile{
    margin-right:30px;
}
.cart-btn{
    padding:8px 15px;
    background: var(--hdr-top);
    border-radius:55px;
    color:var(--top-text-color);
}
/*Media Query*/
@media screen and (max-width:1024px) {
    .hdr-top-list{
        flex-wrap:nowrap;
    }
    .hdr-top-wpr{
    padding:10px 0;
    }
    .list-item a{
        margin-right:39px;
    }
    .download-btn{
    font-size:10px;
}
}
@media screen and (max-width:768px){
    /*.navbar-collapsed{
        display:none;
    }*/
    .nav-logo{
        margin-right:604px;
    }
    .menu{
        display:inline-block;
    }
    .list-item >input{
        margin-right:20px;
    }
    .list-item-location{
        margin-left:10px;
    }
    .download-btn{
        margin-left:71px;
    }
    .navbar-collapsed {
    position: fixed;
    top: 96px;
     bottom: 0;
    /*height: 100vh;*/
    right: -100%;
    width: 40%;
    background:white;
    padding: 80px 20px;
    transition: 0.4s ease;
    z-index: 2000;
  }
  .nav-items{
    margin-right:none;
  }
  .active{
    right: 0 !important;
  }
  .navbar-collapsed{
    padding-top:57px;
  }
  .user-profile{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    margin-right:44px;
  }
  .nav-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-right:44px;
  }
  .navbar-collapsed > ul,
    .navbar-collapsed {
    flex-direction:column;
  }
  .nav-items{
    margin-bottom:20px;
    margin-left: 0;
  }
  .menu {
    z-index: 99999;
  }
    
}
@media screen and (max-width:576px) {
    .nav-logo{
        margin-right:0;
    }
     .menu{
        margin-top:6px;
    }
    .list-item-location{
        margin-right:55px;
    }
    .list-item > svg{
        display:block;
    }
    .list-item input[type=text]{
        display:none;
    }
    .download-btn {
        margin-left: 19px;
    }
}