.top>.LR>ul{
    list-style-type: none;
    
}
.top>.LR>ul>li{
  display:inline-block;
  margin-top: 15px;
  font-size: 15px
  
    
}
.top>.LR>ul>li>a{
   color: white;
   text-decoration: none;
    
      
  }

  .top>.LR>ul>li>a:hover{
    color: orangered;

     
       
   }
.top{
    /* margin-top:10px */
    padding:2px;
    background-color: black;
}


 
.navbar{
    background-color: orangered;
}

.nav-item>.nav-link{
    color: white !important;
    font-size: 13px;
}
.navbar-toggler{
    border: white;
    outline: none;

}
@media only screen and (max-width:786px)
{
    .dropdown-menu>.dropdown-item:hover{
        background-color: rgb(252, 252, 252);
        color: rgb(7, 7, 7);
    }
}
.dropdown-menu{
    background-color: orangered;
    
}
.dropdown-menu>.dropdown-item:hover{
   color: rgb(14, 13, 13);


}
.dropdown-menu{
    background-color:orangered;
    border: none;

}
.dropdown-menu>.dropdown-item{
    color: white;
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid white;
    /* margin-top: 10px; */
    padding: 5px;
}


.navbar-toggler .navbar-toggler-icon {
    
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(241, 248, 250)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }





  /* <div class="searchbar">
  <input class="search_input" type="text" name="" placeholder="Search...">
  <a href="#" class="search_icon"><i class="fas fa-search"></i></a>
</div> */
  /* top search bar */
  
















  @media only screen and (max-width:786px)
  {
    .nav-item >.searchbar{
          display: none;
      }

  }
.searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    background-color: #080808;
    border-radius: 30px;
    /* padding: 5px; */
    }

    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 30px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 15px;
    width: 450px;
    caret-color:red;
    font-size: 15px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
    }

    .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    text-decoration:none;
    }

    .home{
        background-color: #f9f9f9;
    }
    .home>.row>.left{
        text-align: right;
    }
    .home>.row>.left>img{
        width: 100%;

    }
    .home>.row>.right>h5{
        margin-top: 50%;
        text-align: center;
        font-size: 20px;
    }
    .home>.row>.right>h1{
        
        text-align: center;
        font-size: 50px;
    }
    .home>.row>.right>div>a>.btn{
        background-color: black;
        border:1px solid black
        
    }
    .home>.row>.right>div>a>.btn:hover{
        background-color: transparent;
      
        
        
    }
    .home>.row>.right>div{
        text-align: center;
    }
    .home>.row>.right>div>a>.btn{
        color: white;
        text-decoration: none;
        text-align: center;
    }
    .home>.row>.right>div>a>.btn:hover{
        color: orangered;
       
    }
   .content{
       border-left: 5px solid orange;
   }
   .main{
       background-color: rgba(128, 128, 128, 0.061);
       padding: 20px
       ;
   }
       
   
   .main>.row>.leftColl{
       text-align: center;
       padding: 10px;

   }
   .main>.row>.rightcol{
    padding: 10px;
   }
   .main>.row>.leftColl>a>.btn{
    background-color: black;
    border:1px solid black
    
}
.main>.row>.leftColl>a>.btn:hover{
    background-color: transparent;
    color: orangered;
  
}
.main>.row>.rightcol{
    text-align: center;

}
.main>.row>.rightcol>a>.btn{
 background-color: black;
 border:1px solid black
 
}
.main>.row>.rightcol>a>.btn:hover{
 background-color: transparent;
 color: orangered;

}
.PRODUCTS>.row>.card{
   
    margin: auto;
    margin-top: 20px;
}
.Women>.row>.card{
    margin: auto;
    margin-top: 20px;
}

.footer{
    /* background-color: rgba(0, 0, 0, 0.327); */
    background-color: #252527;
    padding: 20px;
}
.footer>.row>.services>ul{
    list-style-type: none;

}
.footer>.row>.services>ul>li>a{
   color: white;
   font-size: 13px;
}

footer>.row>.P>ul{
    list-style-type: none;

}
.footer>.row>.P>ul>li>a{
   color: white;
   font-size: 13px;
}

.footer>.row>.P>ul>li>a:hover{
    border-bottom: 1px solid orangered;
    text-decoration: none;
 }
 .footer>.row>.services>ul>li>a:hover{
    border-bottom: 1px solid orangered;
    text-decoration: none;
 }

 .bottom{
     background-color: orangered;
 }

 .bottom>.row>.social{
     /* padding: 10px; */
     margin-top: 20px;
   

 }
 .bottom>.row>.social>a{
   
    /* margin-top: ; */
    margin-left: 20px;

}
@media only screen and (max-width:425px)
{


.bottom>.row>.social{
  text-align: center;

}
.bottom>.row>.CR{
   text-align: center;

}
}
.bottom>.row>.CR{
    /* padding: 10px; */
    margin-top: 20px;
    text-align: center;

}
.bottom>.row>.CR>p{
   font-size: 13px;
   color: white;

}
.bottom>.row>.BT{
    text-align: right;
    
}
.bottom>.payment{

   text-align: center;
}
/* login */
.Forms{
    padding: 20px;
    background-color: rgba(194, 186, 186, 0.061);
    margin-top: 30px;
}

.Forms>.vl{
  margin: auto;
}
.Forms>.vl>div{
    border-left: 1px solid rgba(168, 163, 163, 0.544);
    width: 20px;
    height: 400px;
    margin: auto;
}
@media only screen and (max-width:425px)
{
    .Forms>.vl>div{

        display: none;
     
}
.bgr>.contents>h1{
    font-size: 20px;
 }
}
@media only screen and (max-width:320px)
{
    .Forms>.vl>div{

        display: none;
     
}
.bgr>.contents>h1{
    font-size: 15px;
 }
}
@media only screen and (max-width:600px)
{
    .Forms>.vl>div{

        display: none;
     
}
.bgr{
    background-image: url("images/bg.jpg");
    height: 170px;
    color: white;
    /* width: 100%; */
}
.bgr>.contents{
    padding: 50px;
}
.bgr>.contents>a{
    color: orangered;
    text-decoration: none;
}
.bgr>.contents>p{
    color: white;
}
.bgr>.contents>h1{
    color: white;
    font-weight: bold;
}
.bgr>.contents>h1{
   font-size: 31px;
}

.Forms>.loginform{
    margin:auto;
    padding: 20px;
    margin-top: 30px;
    /* border: 1px solid black; */
    box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.313);
    text-align: center;
    position: relative;
    
}
.Forms>.loginform>img{
    margin-top: -80px;
  
    
    
}
   
@media only screen and (max-width:425px)
{
    .Forms>.loginform>img{
       width: 30%;
      
        
        
    }
       

}
.Forms>.Reg>{
   margin: auto;
    padding: 20px;
}

form{
    margin-top: 40px;
    /* padding:50px; */
    /* border: 1px solid black; */

    margin: 20px;
}
form>.btn{
    border-radius: 20px;
}
form>.form-group.form-group{
    margin-top: 8%;
    
}
form>.form-group>input{
    border: none;
    border-bottom: 1px solid black;
    border-radius:0px;
    background-color: rgba(255, 255, 255, 0.238);
    
}
form>.form-group>input:hover{
    outline: none;
    outline-style: none;
    border-color: none;
    
}
form>.form-group>:hover{
    outline: none;
    outline-style: none;
    border-color: none;
    
}
       
}
.About{
    text-align: center;
    margin-top: 50px;
    /* font-size: 30px; */
    /* border-bottom: 2px solid orangered; */
    

}