#homepage{
  display:flex;
  flex-direction: row;
  margin: 0 auto;
  max-width:1440px;
}

.browseCatalogSidebar{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 5px;
  padding-left:0px;
  margin-left:0;
}


#catalogH2{  
  background:#2e394f;
  width:200px;
  margin-bottom:0;
  margin-top:0
}

#catalogH2 a{
  color:#fff;
  padding:10px;
  margin-bottom:0
}
.browseCatalogSidebar a{
  display:flex;
  align-items: center;    
  margin-bottom:5px;
  border-bottom:1px solid #eee;
  padding-left:10px;
  color:#000;
  font-size:18px;
}
.browseCatalogSidebar a:hover{
  background: #536a97;
  color:#fff;
}
.catalogH3 a{
  border:none;
}

/*display catalog on homepage*/
#catalogHome {
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  
  width: 100%;
  padding:12px;
 }
 
 #rightContent .productBox{
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
   text-align: center;
   padding: 18px;
   border:1px solid #000;
   border-radius:8px;
   width:230px;
   margin-bottom:15px;
   margin-right:15px;
 }
#rightContent .productInfo-WD{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  height:100px;
  
}
 
#rightContent .productBox a{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top:15px
}
 #rightContent .productActBtn-WD{
   display:flex;
   flex-direction: row;
   align-items: center;
    background:#058bff;
    padding:15px;
    margin-top:15px;
    color:#fff;
    font-weight: bold;
    /*! margin-top:10px; */
   cursor: pointer;
   border-radius:15px;
 }
 
 #rightContent .productName-WD{
   font-size:15px;
 }
 #rightContent .productImg{
   width:250px; 
   
 }
 #rightContent .productPrice-WD {
  display: flex;
   justify-content: center;
   margin: 0;
   padding-top:30px;
font-size: 23px;
font-weight: bold;
/*! padding-top: 25px; */
}
#attributeSliderH2 {
background:#899bb1;
margin:0;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-radius: 6px 6px 0 0;  
color:#fff;
}

#rightContent{
border:1px solid #868686;
border-radius:6px;  
}
 
@media screen and (max-width:772px){
  .browseCatalogSidebar{
    display:none;
  }
  #rightContent .productBox{
    justify-content: center;
    width:220px;
  }
}
 
 
@media screen and (max-width:548px){
  #rightContent .productBox{
    justify-content: center;
    width:220px;
  }
  
  #rightContent #catalogHome{
    justify-content: center;
  }
}