.jPaginate{
      height: 25px;
	  position: relative;
	  color: #a5a5a5;
	  font-size: small;
	  width: 100%;
	  /* max-width: 1240px; */
	  /* min-width: 800px; */
	  /* text-align: center; */
	  margin: 0px auto;
	  /* float: left; */
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	float:left;
	margin-right:5px;
}
.jPag-control-front{
	float:left;
	position: inherit;
	left: inherit;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
	min-width:600px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
	clear:none;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
     margin: 2px auto;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }

@media screen and (min-width: 0px) and (max-width: 620px){
	.jPaginate div.middle{
		width: 70% !important;
	}
}

@media screen and (min-width: 620px) and (max-width: 700px){
	.jPaginate div.middle{
		width: 73% !important;
	}
}

@media screen and (min-width: 701px) and (max-width: 731px){
	.jPaginate div.middle{
		width: 75% !important;
	}
}

@media screen and (min-width: 732px) and (max-width: 900px){
	.jPaginate div.middle{
		width: 76% !important;
	}
}

@media screen and (min-width: 901px) and (max-width: 1032px){
	.jPaginate div.middle{
		width: 80% !important;
	}
}

@media screen and (min-width: 1033px){
	.jPaginate{
		height: 25px;
		position: relative;
		color: #a5a5a5;
		font-size: small;
		width: 98%;
		max-width: auto;
		min-width: auto;
		text-align: center;
		margin: 0px auto;
		float: none;
	}
}

@media screen and (min-width: 1033px) and (max-width: 1160px){
	.jPaginate div.middle{
		width: 81% !important;
	}
}

@media screen and (min-width: 1160px) and (max-width: 1259px){
	.jPaginate div.middle{
		width: 84% !important;
	}
}

@media screen and (min-width: 1260px) and (max-width: 1359px){
	.jPaginate div.middle{
		width: 85% !important;
	}
}

@media screen and (min-width: 1360px) and (max-width: 1469px){
	.jPaginate div.middle{
		width: 86% !important;
	}
}

@media screen and (min-width: 1470px){
	.jPaginate div.middle{
		width: 87% !important;
	}
}