/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

/* screen size MINIMUM 1024px  */
@media only screen and (min-width: 1024px) {
	.page-template-page-wide .small {
		height:30px;
	    width:20px; 
	}

	.number.number-comma.small {
		height:10px !important;
	    width:10px  !important;  
	}

	.page-template-page-wide .medium {
	    height: 61px;
	    width: 39px;
	}

	.page-template-page-wide .medium-small {
	    height: 45px;
	    width: 30px;
	}

	.number.number-comma.medium, .number.number-dot.medium {
		height:20px !important;
	    width:20px  !important;  
	}

	.number.number-comma.medium-small, .number.number-dot.medium-small {
		height:15px !important;
	    width:15px  !important;
	}

	svg.number.number-percent.small, svg.number.number-exclamation.small, svg.number.number-dot.small {
		height:43px !important;
	    width:43px  !important;
	    margin-bottom:-3px;
	  
	}

	svg.number.number-percent.medium, svg.number.number-exclamation.medium, svg.number.number-dot.medium {
		height:85px !important;
	    width:85px  !important;
	    margin-bottom:-5px;
	}
	svg.number.number-percent.medium-small, svg.number.number-exclamation.medium-small {
		height:65px !important;
	    width:65px  !important;
	    margin-bottom:-5px;
	}

	svg.number.number-percent.big, svg.number.number-exclamation.big, svg.number.number-dot.big {
		height:170px !important;
	    width:170px  !important;
	    margin-bottom:-10px;
	}

	svg.number.number-dot.small {
	    margin-left:-17px;
	    margin-right:-17px;
	}

	svg.number.number-dot.medium {
	    margin-left:-30px;
	    margin-right:-30px;
	}

	svg.number.number-dot.medium-small {
	    margin-left:-45px;
	    margin-right:-40px;
	    width: 100px !important;
	    height: 100px !important;
	    margin-bottom: -8px;
        margin-top: -50px;
	}

	svg.number.number-dot.big {
	    margin-left:-60px;
	    margin-right:-60px;
	}

	.page-template-page-wide .big {
	    height: 122px;
	    width: 78px;
	}

	.number.number-comma.big {
		height:30px !important;
	    width:30px  !important;  
	}

	.page-template-page-wide .number_wrapper {
	    padding-top:20px; padding-bottom:20px;
	}
}



/* screen size MAXIMUM 1024px  */
@media only screen and (max-width: 1024px) {
	.page-template-page-wide .small {
		height:15px;
	    width:10px;
	}
	.number.number-comma.small {
		height:5px !important;
	    width:5px  !important;  
	}

	.page-template-page-wide .medium {
	    height: 30px;
	    width: 20px;
	}
	.page-template-page-wide .medium-small {
	    height: 22px;
	    width: 15px;
	}
	.number.number-comma.medium, .number.number-dot.medium {
		height:10px !important;
	    width:10px  !important;  
	}

	.number.number-comma.medium-small, .number.number-dot.medium-small {
		height:7px !important;
	    width:7px  !important;  
	}



	svg.number.number-percent.small, svg.number.number-exclamation.small, svg.number.number-dot.small {
		height:22px !important;
	    width:22px  !important;
	    margin-bottom:-2px;
	  
	}

	svg.number.number-percent.medium, svg.number.number-exclamation.medium, svg.number.number-dot.medium {
		height:85px !important;
	    width:85px  !important;
	    margin-bottom:-3px;
	}

	svg.number.number-percent.medium-small, svg.number.number-exclamation.medium-small, svg.number.number-dot.medium-small {
		height:50px !important;
	    width:05px  !important;
	    margin-bottom:-2px;
	}

	svg.number.number-percent.big, svg.number.number-exclamation.big, svg.number.number-dot.big {
		height:170px !important;
	    width:170px  !important;
	    margin-bottom:-5px;
	}

	svg.number.number-dot.small {
	    margin-left:-9px;
	    margin-right:-9px;
	}

	svg.number.number-dot.medium {
	    margin-left:-15px;
	    margin-right:-15px;
	}

	svg.number.number-dot.medium-small {
	    margin-left:-12px;
	    margin-right:-12px;
	}

	svg.number.number-dot.big {
	    margin-left:-30px;
	    margin-right:-30px;
	}






	

	.page-template-page-wide .big {
	    height: 61px;
	    width: 39px;
	}
	.number.number-comma.big {
		height:15px !important;
	    width:15px  !important;  
	}


	.page-template-page-wide .number_wrapper {
	    padding-top:10px; padding-bottom:10px;
	}
}