.numbers {
	width:100%;
    border-radius:50%;
    text-align:center;
    font-weight: 700;
    padding:50% 0;
    line-height:0;
    position:relative;
    background-color:rgb(83 189 143);
	border-bottom:2px solid #383b3d
}

@media all and (min-width: 1438px) {
.runing_numbers_section {
    width: 100%;
    float: right;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_footer {
    width: 100%;
    float: right;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_float_img {
    width: 400px;
    right:0;
    top: calc(50% - 200px);
    position:absolute;
    z-index:0;
}
.runing_numbers_section_text {
    float: right;
    width:100%;
    margin-bottom: 150px;
    max-width: 80%;
    z-index:1;
    position:relative;
    line-height:1.5em;
    font-size:34px
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	z-index:1;
	position:relative;
	background-color:rgb(21 18 54 / 16%)
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left: 5%;
	border: 0px solid #fff;
	box-sizing:border-box;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
    width: 80px;
    float:right;
    margin-left:calc(50% - 40px);
    margin-right:calc(50% - 40px);
}
.numbers {
    font-size: 22px;
}
.numbers_item_name {
	padding-top: 0px;
	line-height:1.2em;
	font-size:16px
}
.numbers_grid_container {
	float: right;
	width: 66%;
	padding-right: 17%;
	padding-left: 17%;
}
.numbers_text_grid_container {
	float: left;
	width: 580px;
	padding-left:140px
}
.numbers_numbers_grid_container {
	float: right;
	width: 720px;
	box-sizing:border-box;
	padding-right:200px
}
.numbers_section_symbol {
    width: 80px;
    float: left;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
	position:absolute;
    top: calc(50% - 40px);
    z-index:1;
}
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
.runing_numbers_section {
    width: 100%;
    float: right;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_footer {
    width: 100%;
    float: right;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_float_img {
    width: 400px;
    right:0;
    top: calc(50% - 200px);
    position:absolute;
    z-index:0;
}
.runing_numbers_section_text {
    float: right;
    width:100%;
    margin-bottom: 150px;
    max-width: 80%;
    z-index:1;
    position:relative;
    line-height:1.5em;
    font-size:34px
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	z-index:1;
	position:relative;
	background-color:rgb(21 18 54 / 16%)
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left: 5%;
	border: 0px solid #fff;
	box-sizing:border-box;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
    width: 60px;
    float:right;
    margin-left:calc(50% - 30px);
    margin-right:calc(50% - 30px);
}
.numbers {
    font-size: 18px;
}
.numbers_item_name {
	padding-top: 0px;
	line-height:1.2em;
	font-size:16px
}
.numbers_grid_container {
	float: right;
	width: 66%;
	padding-right: 17%;
	padding-left: 17%;
}
.numbers_text_grid_container {
	float: left;
	width: 100%;
	padding-left:40px;
	padding-right:70px;
	box-sizing:border-box
}
.numbers_numbers_grid_container {
	float: right;
	width: 100%;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
}
.numbers_section_symbol {
    width: 80px;
    float: left;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
	position:absolute;
    top: calc(50% - 40px);
    z-index:1;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media (max-width: 768px) and (min-width: 481px) {
.runing_numbers_section {
    width: 100%;
    float: right;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_footer {
    width: 100%;
    float: right;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_float_img {
    width: 400px;
    right:0;
    top: calc(50% - 200px);
    position:absolute;
    z-index:0;
}
.runing_numbers_section_text {
    float: right;
    width:100%;
    margin-bottom: 150px;
    max-width: 80%;
    z-index:1;
    position:relative;
    line-height:1.5em;
    font-size:34px
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	z-index:1;
	position:relative;
	background-color:rgb(21 18 54 / 16%)
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left: 5%;
	border: 0px solid #fff;
	box-sizing:border-box;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
    width: 60px;
    float:right;
    margin-left:calc(50% - 30px);
    margin-right:calc(50% - 30px);
}
.numbers {
    font-size: 18px;
}
.numbers_item_name {
	padding-top: 0px;
	line-height:1.2em;
	font-size:16px
}
.numbers_grid_container {
	float: right;
	width: 66%;
	padding-right: 17%;
	padding-left: 17%;
}
.numbers_text_grid_container {
	float: left;
	width: 100%;
	padding-left:40px;
	padding-right:70px;
	box-sizing:border-box
}
.numbers_numbers_grid_container {
	float: right;
	width: 100%;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
}
.numbers_section_symbol {
    width: 80px;
    float: left;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
	position:absolute;
    top: calc(50% - 40px);
    z-index:1;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media (max-width: 480px) and (min-width: 319px) {
.runing_numbers_section {
    width: 100%;
    float: right;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_footer {
    width: 100%;
    float: right;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_float_img {
    width: 400px;
    right:0;
    top: calc(50% - 200px);
    position:absolute;
    z-index:0;
}
.runing_numbers_section_text {
    float: right;
    width:100%;
    margin-bottom: 150px;
    max-width: 80%;
    z-index:1;
    position:relative;
    line-height:1.5em;
    font-size:34px
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	z-index:1;
	position:relative;
	background-color:rgb(21 18 54 / 16%)
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left: 5%;
	border: 0px solid #fff;
	box-sizing:border-box;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
    width: 60px;
    float:right;
    margin-left:calc(50% - 30px);
    margin-right:calc(50% - 30px);
}
.numbers {
    font-size: 18px;
}
.numbers_item_name {
	padding-top: 0px;
	line-height:1.2em;
	font-size:16px
}
.numbers_grid_container {
	float: right;
	width: 66%;
	padding-right: 17%;
	padding-left: 17%;
}
.numbers_text_grid_container {
	float: left;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing:border-box
}
.numbers_numbers_grid_container {
	float: right;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
.numbers_section_symbol {
    width: 80px;
    float: left;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
	position:absolute;
    top: calc(50% - 40px);
    z-index:1;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
.runing_numbers_section {
    width: 100%;
    float: right;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_footer {
    width: 100%;
    float: right;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing:border-box;
    position:relative;
}
.runing_numbers_section_float_img {
    width: 400px;
    right:0;
    top: calc(50% - 200px);
    position:absolute;
    z-index:0;
}
.runing_numbers_section_text {
    float: right;
    width:100%;
    margin-bottom: 150px;
    max-width: 80%;
    z-index:1;
    position:relative;
    line-height:1.5em;
    font-size:34px
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	z-index:1;
	position:relative;
	background-color:rgb(21 18 54 / 16%)
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left: 5%;
	border: 0px solid #fff;
	box-sizing:border-box;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
    width: 60px;
    float:right;
    margin-left:calc(50% - 30px);
    margin-right:calc(50% - 30px);
}
.numbers {
    font-size: 18px;
}
.numbers_item_name {
	padding-top: 0px;
	line-height:1.2em;
	font-size:16px
}
.numbers_grid_container {
	float: right;
	width: 66%;
	padding-right: 17%;
	padding-left: 17%;
}
.numbers_text_grid_container {
	float: left;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing:border-box
}
.numbers_numbers_grid_container {
	float: right;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
.numbers_section_symbol {
    width: 80px;
    float: left;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
	position:absolute;
    top: calc(50% - 40px);
    z-index:1;
}
}