.thermometer-wrap {
    position: relative; 
    margin-top: 80px; 
    margin-bottom: 80px;
}

.thermometer {
    z-index: 10;
}

.thermometer-outer, .thermo-shadow {
    width: 100%;
    border-radius: 0 100px 100px 0;
    height: 60px;
    padding-left: 75px;
}

.thermometer-outer, .red-bubble {
    border: 5px solid #fff;
}

.thermometer-outer {
    background-color: rgba(255,255,255,0.7);
    overflow: hidden;
    border-left: none;
}

.thermometer-inner {
    background: #90080f;
    height: 60px;
}

/* .thermometer-wrap .visible-xs {
    display: inline-block !important;
} */

.thermometer-inner .text-right {
    text-align: right;
}

.thermo-shadow {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    z-index: 0;
}

.red-bubble {
    height: 100px; 
    width: 100px; 
    background: #e22225; 
    border-radius: 300px; 
    position:absolute; 
    box-shadow: -5px 0px 20px rgba(0,0,0,0.4);  
    z-index: 1;
    left: -10px;
    top: -20px;
}

.red-bubble .red-bubble-text {
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: right;
}

.thermometer-wrap .display-block {
    display: block;
    margin-top: 2px;
}

.thermometer-wrap .text-white {
    color: #fff;
}

.thermometer-wrap .text-capital {
    text-transform: uppercase;
}

.thermometer-wrap .text-bold {
    font-weight: bold;
}

.thermometer-wrap .text-red {
    color: #90080f;
}

.thermometer-wrap .less-50 {
    min-width: 200px;
    opacity: 0;
}

.thermometer-to-date-count {
    padding-right: 10px;
}

 @media (min-width: 768px){
    .red-bubble {
        top: -70px;
        height: 200px; 
        width: 200px; 
    }

    .red-bubble .red-bubble-text {
        top: 70px;
    }

    .thermometer-outer, .thermo-shadow {
        padding-left: 180px;
    }
}