@media (min-width:320px) and (max-width:359px){
.page-item-prev a, .page-item-next a {
    width:87px !important;
        font-size: 12px !important;
}
.pg_num a {
    padding: 23.5px 8.3px !important;
}
#profile .pg_num a {
    padding: 24px 6.3px !important;

    font-size: 14px !important;
}
#profile .pg_num a {
    padding: 24px 6.3px !important;
    
    font-size: 14px !important;
}
#profile .pg_num.active a {
    font-size: 14px !important;
}
#profile .pagination > .active > a:before
{
        width: 4px;
}
#profile .pagination > .active > a:after
{
        width: 4px;
}
}

@media (min-width:360px) and (max-width:370px){
.page-item-prev a, .page-item-next a {
    width:87px !important;
}
.pg_num a {
    padding: 24px 10.4px !important;
}
#profile .pg_num a {
    padding: 24px 6.3px !important;
    
    font-size: 14px !important;
}
#profile .pagination > .active > a:before
{
        width: 4px;
        top:48%;
}
#profile .pagination > .active > a:after
{
        width: 4px;
        top:48%;
}
}

@media (min-width:375px) and (max-width:400px){
.page-item-prev a, .page-item-next a {
    width: 95px !important;
}
.pg_num a {
    padding: 24px 10.4px !important;
}
#profile .pg_num a {
        padding: 24.3px 11px !important;
}
#profile .pg_num.active a {
    font-size: 14px !important;
}
}

@media (min-width:400px) and (max-width:414px){
.page-item-prev a, .page-item-next a {
    width: 100px !important;
}
.pg_num a {
    padding: 24px 13px !important;
}
#profile .pg_num a {
        padding: 24.3px 14px !important;
}
#profile .pg_num.active a {
    font-size: 14px !important;
}
}




@media (min-width: 1400px) and (max-width:1599px){
.page-item-prev a, .page-item-next a {
    font-size: 22px !important;
    width: 165px !important;
}
.pg_num a {
    font-size: 22px !important;
    padding: 20px 24px !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
      font-size: 26px !important;
    padding: 17px 33px !important;
}

}






@media (min-width: 1600px) and (max-width: 1919px){
.page-item-prev a, .page-item-next a {
    font-size: 25px !important;
    width: 195px !important;
}
.pg_num a {
    font-size: 25px !important;
    padding: 20px 26px !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
      font-size: 29px !important;
    padding: 17px 33px !important;
}
}