@charset "utf-8";
/* CSS Document */
 /* Check if the screen size is at least 600px */ 
        @media only screen and (min-width: 768px) { 
div.dmxpagination {
	padding:5px;
	margin:5px;
	text-align:center;
}

div.dmxpagination a{
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #aaa;
}
div.dmxpagination a.smll{
	padding: 0px 0px 0px  0px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #000;
}

div.dmxpagination a:hover, div.dmxpagination a:active {
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.dmxpagination span.current {
	padding: 10px 15px 10px 15px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #fa0f07;
	color: #FFF;
}
div.dmxpagination span.disabled {
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
  .pag-sm { 
                display: none; 
            }          

        } 
  
        /* check if the screen size is at least 400px */ 
        @media only screen and (max-width: 767px) { 
div.dmxpagination-sm {
	padding:5px;
	margin:5px;
	text-align:center;
}

div.dmxpagination-sm a{
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #aaa;
}
div.dmxpagination-sm a.smll{
	padding: 0px 0px 0px  0px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #000;
}

div.dmxpagination-sm a:hover, div.dmxpagination a:active {
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.dmxpagination-sm span.current {
	padding: 10px 15px 10px 15px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #fa0f07;
	color: #FFF;
}
div.dmxpagination-sm span.disabled {
	padding: 10px 15px 10px 15px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

.pag-sm { 
                display: block; 
            } 
div.dmxpagination {
	display: none;
}
        }