.nav_btn_left {
    float:left;width:50%;
}
.nav_btn_right {
  float:right; width:16%; 
}
.color_red {
color:red!important;
}


 .page-bar {
        margin: 40px;
    }

     .page-bar ul,  .page-bar li {
        margin: 0px;
        padding: 0px;
    }

    .page-bar li {
        list-style: none;
    }

    .page-bar li:first-child > a {
        margin-left: 0px;
    }

    .page-bar a {
        border: 1px solid #ddd;
        text-decoration: none;
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #9c27b0;
        cursor: pointer;
    }
    .page-bar a:hover {
            background-color: #eee;
        }

        .page-bar a.banclick {
            cursor: not-allowed;
        }

    .page-bar .active a {
        color: #fff;
        cursor: default;
        background-color: #9c27b0;
        border-color: #9c27b0;
    }

    .page-bar i {
        font-style: normal;
        color: #d44950;
        margin: 0px 4px;
        font-size: 12px;
    }

@media (min-width: 992px) {
.nav_btn_left {
    float:left;width:50%;
}
.nav_btn_right {
  float:right; width:4%; 
}
}

.starImg {
    width: 20px !important;
    cursor: pointer;
    margin-right:5px;
    margin-left:5px;
}
.starImg:hover {
    box-shadow: 0 0 15px rgba(244,234,42,0.8);
}