@media (max-width: 740px){
     .infoHalaman {text-align: center;}
     .halamanContainer {grid-template-columns: 1fr;}
     .nomorHalaman {
          display: flex;
          align-items: center;
          justify-content: center;
     }
}
@media (min-width: 741px){
     .halamanContainer {grid-template-columns: 1fr 4fr;}
     .infoHalaman {float: left; margin-top: 10px;}
     .nomorHalaman ul {float: right;}

}

.infoHalaman {color: #919191;}
.infoHalaman strong { color: black;}

.halamanContainer {
     clear:both;
     border-bottom:1px solid #D5D5D5;
     padding:10px 0px;
     display: grid;
     margin-bottom: 10px;
}



.nomorHalaman li{
     list-style:none;
     font-size:12px;
     float: left;
}
.nomorHalaman li a{
     background-color:#f0f0f0;
     color:#000;
     display: block;
     text-align: center;
     padding: 10px;
}
.nomorHalaman li a:hover{
     background-color:#cbcbcb;
     cursor: pointer;
}
.nomorHalaman li .currentPage{
     background:#000;
     color:#fff;
     font-weight:600;
}