/* CSS Document */

canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

.txt-fff{ color: #fff; }
.txt-000{ color: #000; }
.txt-121212{ color: #121212; }

.chart-covid{ max-width: 500px; width: 100%; height: 400px; margin-top: 10px; }
.chart-covid canvas{ background-color: transparent; }

.campaign-covid--container{ padding: 60px 0; }
.campaign-highlight-covid{  }
.campaign-covid--bg{ 
	background-color: #0D2147;
	background-image: url('../images/campaign/covid/bg_covid.jpg');
  background-repeat: no-repeat;
  background-position: center top;
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  width: 100%;
  padding: 60px 0;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}
.campaign-covid--bgmap{ background-color: #0D315E; padding: 50px 0; }

.campaign-covid--header{ text-align: center; padding-bottom: 80px; position: relative; }
.campaign-covid--header .covid-header h2{ font-size: 40px; line-height: 42px; color: #fff; font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; }
.campaign-covid--header .covid-header h2 span{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
.campaign-covid--header .covid-header h2 a{ color: inherit; }
.campaign-covid--header .covid-update{ font-size: 14px; color: #fff; padding-top: 20px; }

.covid-title{ position: relative; }
.covid-title h3{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 15px; line-height: 26px; text-transform: uppercase; }


.box-situation{ margin-top: 20px; }
.box-situation--case{ overflow: hidden; padding-bottom: 16px; }
.box-situation--case .situation-left{ float: left; width: calc(50% - 8px); margin-right: 8px; }
.box-situation--case .situation-right{ float: right; width: calc(50% - 8px); margin-left: 8px; }
.box-case--sum{ position: relative;  background-color: #2B62CF; }
.box-case--recovered{ position: relative; background-color: #01873A; margin-bottom: 10px; }
.box-case--deaths{ position: relative; background-color: #798587; }
.box-case--new{ position: relative; background-color: #BA004B; }
.box-case--rank{ position: relative; background-color: #0D315E; }

.box-case--big{ height: 250px; }
.box-case--small{ height: 120px; }

.text-total{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); font-size: 14px; color: #fff; font-weight: bold; }
.text-total span{ font-size: 36px; display: block; }
.box-case--sum .text-total{ font-size: 18px; }
.box-case--sum .text-total span{ font-size: 50px; }

.campaign--sponsored{ padding-top: 40px; text-align: center; font-size: 12px; color: #fff; font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; }
.campaign--sponsored img{ display: inline-block; width: 160px; margin-left: 5px; }

.campaign-covid--topic{ padding-top: 50px; }
.campaign-covid--topic .sec-header:before{ background-color: #2B63D1; }
.campaign-covid--topic .sec-header span{ background-color: #2B63D1; width: 260px; }
.campaign-covid--topic .sec-header a:hover i{ color: #fff; }

.box-covid--list{ padding-top: 30px; }
.list-detail--covid{ background-color: #0D315E; padding: 10px; height: 100px; }
.list-detail--covid h3{ max-height: 58px; overflow: hidden; }
.list-detail--covid h3 a, .list-detail--covid .f-icon{ color: #fff; }
.list-detail--covid h3 a:hover{ color: #2B63D1; }


@media (max-width: 991px) {

  .chart-covid{ height: 350px; }

  .campaign-covid--header{ padding-bottom: 60px; }
  .box-case--big{ height: 210px; }
  .box-case--small{ height: 100px; }
  .text-total{ font-size: 10px; }
  .text-total span{ font-size: 30px; display: block; }
  .box-case--sum .text-total{ font-size: 14px; }
  .box-case--sum .text-total span{ font-size: 40px; }

}
@media (max-width: 767px) {
  .owl-boxcovid.owl-carousel .owl-stage{ left: -30px; }
  .owl-boxcovid.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }
}
@media (max-width: 576px) {

  .chart-covid{ height: 300px; }

  .campaign-covid--header{ padding-bottom: 50px; }
  .campaign-covid--bg, .campaign-covid--container, .campaign-covid--bgmap{ padding: 40px 15px; background-size: 200%; }
  .box-situation--case{ padding-bottom: 10px; }
  .box-situation--case .situation-left{ width: calc(50% - 5px); margin-right: 5px; }
  .box-situation--case .situation-right{ width: calc(50% - 5px); margin-left: 5px; }
  .box-covid--list{ padding-top: 20px; }

  .campaign-covid--header .covid-header h2{ font-size: 30px; line-height: 32px; }

}
@media (max-width: 360px) {
  .campaign-covid--header .covid-header h2{ font-size: 24px; line-height: 34px; }
}


/**********************************************************/
/**********************************************************/

.covid-table{ padding: 30px 0; width: calc(100% - 80px); margin: 0 auto; }
.covid-table .box--table{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; color: #121212; background-color: #F5F5F5; width: 100%; }
.covid-table .box--table th, .covid-table .box--table td{ padding: 8px 4px; }
.covid-table .box--table thead th{ font-size: 12px; text-transform: uppercase; text-align: center; border-bottom: 4px solid #fff; font-weight: bold; }
.covid-table .box--table td{ font-weight: bold; }
.covid-table .box--table tbody td{ text-align: center; width: 80px; }
.covid-table .box--table tbody td:first-of-type{ width: calc(100% - 320px); text-align: left; padding-left: 33px; position: relative; }
.covid-table .box--table tbody td:first-of-type span{ position: absolute; left: 5px; }

.case-totle{ background-color: rgba(43,98,207,0.05); color: #2B62CF; }
.case-new{ background-color: rgba(186,0,75,0.05); color: #BA004B; }
.case-recover{ background-color: rgba(1,135,58,0.05); color: #01873A;  }
.case-death{ background-color: rgba(121,133,135,0.05); color: #798587; }
.case-active{ background-color: rgba(255,77,6,0.05); color: #FF4D06; }
.covid-table .box--table tbody tr:hover{ background-color: #ddd; }

.txt-totle{ color: #2B62CF; }
.txt-new{ color: #BA004B; }
.txt-recover{ color: #01873A;  }
.txt-death{ color: #798587; }
.txt-active{ color: #FF4D06; }


.owl-tablecovid.owl-theme .owl-dots{ margin-top: 10px; }
.owl-tablecovid.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; border-radius: 30px; }
.owl-tablecovid.owl-carousel .owl-nav button.owl-prev {
  background: url(../images/campaign/covid/arrow_blue.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  left: -40px;
}
.owl-tablecovid.owl-carousel .owl-nav button.owl-next {
  background: url(../images/campaign/covid/arrow_blue2.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  right: -40px;
}

.owl-tablecovid-map.owl-theme .owl-dots{ margin-top: 10px; }
.owl-tablecovid-map.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; border-radius: 30px; }
.owl-tablecovid-map.owl-carousel .owl-nav button.owl-prev {
  background: url(../images/campaign/covid/arrow_white.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  left: -50px;
}
.owl-tablecovid-map.owl-carousel .owl-nav button.owl-next {
  background: url(../images/campaign/covid/arrow_white2.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  right: -50px;
}


.world-total{  width: 100%; }
.world-total-row{ 
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  position: relative;
}
.world-total-col{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}
.world-total--case{ background-color: #F5F5F5; padding: 18px 0; width: 100%; text-align: center; font-weight: bold; font-size: 14px; margin-top: 20px; }
.world-total--case span{ display: block; font-size: 28px;  }
.world-total-source{ padding-top: 30px; font-size: 14px; }


.news-topic--covid{ padding-top: 50px; }
.news-covid{ padding-bottom: 30px; }
.box-covid--listnews{ padding-top: 10px; }
.btn-more-covid{ max-width: 440px; width: 100%; margin: 0 auto; }


.icn-covid1{ position: absolute; left: 300px; bottom: 0; }
.icn-covid1 img{ width: 63px; }
.icn-covid2{ position: absolute; left: 370px; bottom: 100%; }
.icn-covid2 img{ width: 39px; }
.icn-covid3{ display: inline-block; }
.icn-covid3 img{ width: 38px; }
.icn-covid4{ position: absolute; top: -30%; left: 70%; }


.campaign-covid--header .container{ position: relative; }
.box-share--covid{ position: absolute; top: 0; right: 0; padding: 0; }
.box-share--covid.box-share a{ border:0; color: #fff; font-size: 24px; }


.covid-table.stat-map{ background-color: rgba(13,73,127,0.5); padding: 10px; }
.covid-table.stat-map .box--table{ background-color: transparent; color: #fff; }
.covid-table.stat-map .box--table thead th{ border-bottom: 0; }
.covid-table.stat-map .box--table td{ font-weight: normal; }
.covid-table.stat-map .box--table tbody tr{ border-bottom: 1px solid rgba(255,255,255,0); }
.covid-table.stat-map .box--table tbody tr:last-of-type{ border:0; }
.covid-table.stat-map .box--table tbody tr:hover{ border-bottom: 1px solid rgba(255,255,255,1); background-color: transparent; }

.txt-totle2{ color: #699BFF; }
.txt-new2{ color: #EF3981; }
.txt-recover2{ color: #58FF9E;  }
.txt-death2{ color: #fff; }




@media (max-width: 991px) {

  .world-total--case span{ font-size: 24px; }
  .world-total-row{
    margin-right: -5px;
    margin-left: -5px;
  }
  .world-total-col{
    padding-right: 5px;
    padding-left: 5px;
  }

  .box-share--covid{ position: relative; text-align: center; padding-top: 20px; }

}
@media (max-width: 767px) {

  .covid-table{ width: 100%; }
  .world-total-col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .icn-covid4{ top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .icn-covid1 img{ width: 50px; }
  .icn-covid2{ left: 355px; }
  .icn-covid2 img{ width: 30px; }

}
@media (max-width: 620px) {

  .covid-table{ margin-bottom: 50px; }
  .owl-tablecovid.owl-carousel .owl-nav, 
  .owl-tablecovid-map.owl-carousel .owl-nav{ top: auto; margin-top: 0; width: 100px; left: 50%; margin-left: -50px; height: 30px; }
  .owl-tablecovid.owl-carousel .owl-nav{ bottom: -40px; }
  .owl-tablecovid-map.owl-carousel .owl-nav{ bottom: -50px; }

  .owl-tablecovid.owl-carousel .owl-nav button.owl-prev, 
  .owl-tablecovid-map.owl-carousel .owl-nav button.owl-prev{ left: 0; }
  .owl-tablecovid.owl-carousel .owl-nav button.owl-next, 
  .owl-tablecovid-map.owl-carousel .owl-nav button.owl-next{ right: 0; }

}
@media (max-width: 576px) {

  .covid-table{ padding-top: 10px; }
  .covid-table .box--table{ font-size: 12px; }
  .covid-table .box--table thead th{ font-size: 9px; }
  .covid-table .box--table tbody td{ width: 70px; }
  .covid-table .box--table tbody td:first-of-type{ width: 110px; padding-left: 27px; }
  .covid-table .box--table tbody td:first-of-type span{ left: 3px; }

  .covid-table.stat-map .box--table tbody td{ width: 80px; }
  .covid-table.stat-map .box--table tbody td:first-of-type{ width: inherit; }
  

  .world-total--case{ font-size: 12px; margin-top: 10px; }
  .world-total--case span{ font-size: 22px; }

  .icn-covid4 img{ width: 70px; }
  .icn-covid1{ left: 250px; }
  .icn-covid2{ left: 305px; }

}
@media (max-width: 360px) {

  .world-total--case span{ font-size: 20px; }
  .covid-table .box--table{ font-size: 10px; }
  .box-case--sum .text-total span{ font-size: 34px; }
  .text-total span{ font-size: 24px; }
  .covid-table .box--table tbody td:first-of-type{  padding-left: 23px; }

  .covid-table.stat-map .box--table{ font-size: 12px; }
  .covid-table.stat-map .box--table tbody td:first-of-type{  padding-left: 27px; }

  .icn-covid1{ left: 200px; }
  .icn-covid2{ left: 250px; }

}


/**********************************************************/
/**********************************************************/

.box-th-map{
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #09022E;
  padding: 50px;
}
.box-th-map h4{text-align: center; margin-bottom: 30px;}
.box-map{
  display: block;
  overflow: hidden;
  position: relative;
  /*padding-left: 80px;*/
}
.box-th-map .box-table tr {
    border-bottom: solid 1px #5F5F5F;
}
.box-th-sum{display: block; overflow: hidden;}
.box-th-sum ul{display: block; overflow: hidden;}
.box-th-sum ul li{ width: 33.33%; float: left; padding: 10px;  text-align: center; font-size: 16px;
    font-weight: 300;}
.box-th-sum ul li span{display: block; font-size: 24px; font-weight: bold;}
.box-th-sum ul li:nth-child(1) span{ color: #FF3939; }
.box-th-sum ul li:nth-child(2) span{ color: #1DB440; }
.box-th-sum ul li:nth-child(3) span{ color: #B5B5B5; }


.map-container{ width: 100%; height: 500px; position: relative; }

.map-info{ padding-top: 20px; width: 90%; margin: 0 auto; }
.map-info ul{display: block; overflow: hidden;}
.map-info ul li{display: block; padding-left: 30px; position:relative; font-size: 13px;  font-weight: 300; margin: 0 0 10px; color: #fff; width: 50%; float: left; }
.map-info ul li span{ 
  position: absolute; 
  display: block; 
  overflow: hidden; 
  width: 14px; 
  height: 14px; 
  left: 0; 
  bottom: 0; 
  top: 0;
  margin: auto 0;
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.case-0{ background-color: #850949; }
.case-1{ background-color: #A34576; }
.case-2{ background-color: #C283A3; }
.case-3{ background-color: transparent; border:1px solid #fff; }

.map-container svg path{ outline: none !important; }

.level-0{fill: #850949  !important;}
.level-1{fill: #A34576  !important;}
.level-2{fill: #C283A3  !important;}
.level-3{fill: transparent;}
.provine-info{
    display:none;
}
.popover{ background-color: #2B62CF; font-family: 'Prompt', Arial,Helvetica Neue,Helvetica,sans-serif;}
.popover-body h5{ display: block; text-align: center; margin: 10px 0; color: #fff; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #2B62CF;
}

.box-unique{width: 200px; height: 80px; display: none; z-index: 999;}
.box-arrow h5{display: block; text-align: center; margin: 10px 0; color: #fff; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.box-arrow{border-radius: 5px; text-align: center;background-color:#2B62CF; position: relative; padding:.5rem .75rem;}
.box-arrow > .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.box-arrow .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.box-arrow .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.box-arrow > .arrow::before {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color:#2B62CF;
}
.box-arrow > .arrow::after {
  content: '';
  border-bottom-color: #2B62CF;
}
.box-unique .close{font-size: 10px; color: #fff; position: absolute; top: 10px; right: 10px;}


ul.p-info{
  display: block;
  overflow: hidden;
  text-align: center;
}
ul.p-info li{
  display: inline-block;
  font-size: 10px;
  padding: 0 5px;
  text-align: center;
  font-weight: 400;
  color: #fff;
}
ul.p-info li span{
  display: block;
  font-size: 24px;
  font-weight: 600;
}
/*ul.p-info li:nth-child(1){color: #FF3939}
ul.p-info li:nth-child(2){color: #1DB440}
ul.p-info li:nth-child(3){color: #AAAAAA}*/
#controls {
  position: absolute;
  bottom: 0px;
  left: 10px;
  width: 100%;
  max-width: 50px;
}

#controls circle:hover {
  fill-opacity: 1;
}


@media (max-width:1025px) {
  .box-th-sum ul li{
    padding: 10px 3px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .box-map{ margin-bottom: 50px; }
  #controls{top: 0px; left:0;}
}
@media (max-width:576px) {
  .box-map{ margin-bottom: 30px; }
  #controls{ left:auto; right: 0; }
  .map-info ul li{  width: 100%; float: none; }
}




.fade:not(.show){ visibility: hidden; z-index: -1; }


.box-covid--list .list-vdo,
.box-covid--listnews .list-vdo{ background-color: #0D315E; padding-bottom: 0; margin-bottom: 0; }
.box-covid--listnews .list-vdo .play-time{ bottom: 30px; }

@media (max-width: 767px) {
  .box-covid--listnews .list-vdo .play-time{ bottom: 0px; }
}




/**********************************************************/
/**********************************************************/
/**********************************************************/

.campaign-covid--leading{ padding-top: 50px; }
.leading-intime{ background-color: #0D315E; padding: 40px 20px; margin-top: 15px; text-align: center; }

.covid-title h3 a{ color: #fff; }
.covid-title i{ color: #fff; font-size: 12px; }

.box-leading{}
.leading--img{ height: 140px; }
.leading--img-border{ width: 125px; height: 125px; border-radius: 50%; overflow: hidden; border:2px solid transparent; padding: 3px; margin: 0 auto; transition: all .3s; }
.leading--img-circle{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; transition: all .3s; opacity: 0.55; }
.leading--img-circle img{}
.leading-name{ font-size: 12px; line-height: 20px; font-weight: bold; color: #fff; text-transform: uppercase; }
.box-leading a:hover .leading--img-border{ border:2px solid #2B63D1; width: 135px; height: 135px; }
.box-leading a:hover .leading--img-circle{ opacity: 1; }
.box-leading a:hover .leading-name{ color: #2B63D1; }



.campaign-highlight-covid_quote{ padding: 80px 0; }
.covid_quote-title h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 28px; line-height: 42px; font-weight: bold; color: #0D2147; text-transform: uppercase; text-align: center; padding-bottom: 20px; }
.covid_quote-title2{ font-size: 18px; line-height: 20px; color: #0D2147; text-align: center; }

.campaign-highlight-covid_quote .container{ position: relative; }
.box-share--covid_quote{ position: absolute; top: 65px; right: 0; padding: 0; z-index: 5; }
.box-share--covid_quote.box-share a{ border:0; color: #0D2147; font-size: 24px; }
.box-share--covid_quote.box-share a:hover{ color: #fff; }

.covid_quote-content{ padding-top: 60px; }
.box-leader{ padding-bottom: 30px; }
.box-leader-detail h3{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; color: #121212; padding-top: 13px; padding-bottom: 5px; }
.box-leader-detail p{ font-size: 12px; line-height: 20px; color: #666; }
.box-leader-photo{ transform: scale(1); transition: .5s ease; }
.box-leader a:hover .box-leader-detail h3{ color: #2B62CF; }
.box-leader a:hover .box-leader-photo{
  transform: scale(1.01); transition: .5s ease; 
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}




.content-quote{ overflow: hidden; position: relative; }
.box-leader--photo{ float: left; width: 216px; }
.box-quote--detail{ float: left; width: calc(100% - 216px); padding-left: 25px; }
.quote--detail p{ font-size: 15px; line-height: 20px; font-weight: bold; color: #2B62CF; padding-bottom: 20px; }
.quote--detail p:first-of-type:before{ content: '\201C'; }
.quote--detail p:last-of-type:after{ content: '\201D'; }
.leader--modal{ position: absolute; bottom: -4px; }


.btn-close{ position: absolute; right: 0; top: -30px; width: 15px; z-index: 5; }

.modal-quoteContent{ max-width: 800px; }
.modal-quoteContent .modal-content{ border-radius: 0; }
.modal-quoteContent .modal-body{ padding: 45px; }

.modal-backdrop.show{ opacity: 1; background-color: #F5F5F5; }


.boxlogo{ text-align: center; padding-bottom: 20px; }
.boxlogo .logo1{ width: 100px; display: inline-block; margin-right: 10px; }
.boxlogo .logo2{ width: 33px; display: inline-block; }


@media (max-width: 991px) {

  .campaign-highlight-covid_quote{ padding: 50px 0; }
  .box-share--covid_quote{ position: relative; text-align: center; padding-bottom: 20px; top: auto; }

  .modal-quoteContent .modal-body{ padding: 30px; }

}
@media (max-width: 767px) {

  .leader--modal{ position: relative; }
  .btn-close{ position: absolute; right: 8px; top: 5px; }
  
}
@media (max-width: 576px) {

  .covid_quote-content{ padding-left: 20px; padding-right: 20px; }
  .covid_quote-content .row{ margin-right: -10px; margin-left: -10px; }
  .covid_quote-content .col-50{ padding-right: 10px; padding-left: 10px; }

  .covid_quote-title h2{ font-size: 24px; line-height: 30px; }

  .box-leader--photo{ float: none; width: 100%; overflow: hidden; width: 216px; margin: 0 auto; }
  .box-quote--detail{ float: none; width: 100%; padding-left: 0px; padding-top: 20px; }

  .modal-quoteContent .modal-body{ padding: 25px; }

}
@media (max-width: 400px) {

  .campaign-covid--leading .covid-title h3{ font-size: 14px; }

}
@media (max-width: 360px) {

  .campaign-covid--leading .covid-title h3{ font-size: 13px; }

}





/**********************************************************/
/**********************************************************/
/**********************************************************/


.pdt-30{ padding-bottom: 30px; }


.box-situation--small{  width: 100%; text-align: center; }
.box-situation--small ul{ 
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  position: relative;
}
.box-situation--small li{
  -ms-flex: 0 0 18.75%;
  flex: 0 0 18.75%;
  max-width: 18.75%;
  padding-right: 5px;
  padding-left: 5px;
}
.box-situation--small li:nth-child(1) {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 5px;
  padding-left: 5px;
}
.box-situation--small-case{ padding: 25px 0 20px; width: 100%; text-align: center; font-weight: bold; font-size: 14px; margin-top: 20px; color: #fff; }
.box-situation--small-case span{ display: block; font-size: 28px;  }

.box-situation--small-col .box-case--recovered{ margin-bottom: 0; }







@media (max-width: 991px) {

  .box-situation--small-case{ padding: 20px 0 15px; }

}
@media (max-width: 767px) {

  .box-situation--small li{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .box-situation--small li:nth-child(1), .box-situation--small li:nth-child(2) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .box-situation--small-case{ margin: 10px 0 0 0; }

}
@media (max-width: 576px) {

  .box-situation--small-case{ font-size: 12px; }
  .box-situation--small-case span{ font-size: 24px;  }

}