h3#CategoryA {
    float: left;
    width: 100%;
}
h3#CategoryB {
    float: left;
    width: 100%;
}
h3#CategoryC {
    float: left;
    width: 100%;
}
     #divDocArchiveToolsWrp {
    text-align: center;
    margin: 2%;
}
 #divDocArchiveListWrp {
    text-align: center;
}
  
  @media screen and (min-width: 320px) {
  #divDocArchiveListWrp li {
    width: 88%;
    float: left;
    border: 1px solid grey;
    margin-top: 1%;
    margin-bottom: 1%;
	border-radius: 5px;
    padding: 0.5%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    list-style:none;
}
}
  @media screen and (min-width: 480px) {
  #divDocArchiveListWrp li {
    width: 44%;
  margin:1%;
   float: left;
    list-style:none;
}
}

@media screen and (min-width: 1025px) {
 #divDocArchiveToolsWrp {
    text-align: center;
    margin: 2%;
}
 #divDocArchiveListWrp {
    text-align: center;
}
 #divDocArchiveListWrp li {
    float: left;
    width: 30.3333%;
}
}
 @media screen and (min-width: 1280px) {
    #divDocArchiveListWrp li {
        float: left;
        width: 23%;

    }
}