/* =============================================================================
   PAGINATION
   ========================================================================== */
.pagination{
    padding: 0;
    display: table;
    margin: 10px auto;
    text-align: center;
}
.pagination li {
    list-style: none;
    float: left;
    height: 50px;
    min-width: 50px;
    margin: 0 3px;    
    background: #ddd7ce; /*darker tan*/
}
    .pagination li:hover {
        background: #e5dfd1; /*light tan*/
    }
    .pagination li h3 {
    	margin-top: 2px;
        color: #fff;
        font-size: 1.5em
    }
    .pagination li a {
        display: block;
        height: 30px;
        padding: 10px;
        border-radius: 2px;
    }
    .pag_active {
        background: #84C343 !important; /*Alert Green*/
    }


/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 979px) {
    .pagination li {
        height: 40px;
        min-width: 40px;
        margin: 0 3px;    
    }
        .pagination li h3 {
            margin-top: 0px;
            font-size: 1.25em
        }
        .pagination li a {
            height: 20px;
            padding: 10px;
        }
}
@media screen and (max-width: 859px) {
	
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 640px) {
	.pagination li {
        height: 30px;
        min-width: 30px;
        margin: 0 1px;    
    }
        .pagination li h3 {
            margin-top: 2px;
            font-size: 1em;
        }
        .pagination li a {
            height: 20px;
            padding: 5px;
        }
}
@media screen and (max-width: 479px) {
    .pagination li {
        height: 30px;
        min-width: 20px;
        margin: 0 1px;    
    }
        .pagination li h3 {
            margin-top: 2px;
            font-size: .85em;
        }
        .pagination li a {
            height: 20px;
            padding: 5px 3px;
        }
	
}