.calc-slider__wrapper {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.calc-slider {
    width:100%;
    max-width:1200px;
    margin:50px auto 50px auto;
    display:flex;
    justify-content:space-around;
    align-items:flex-start;
}
.calc-slider__item {
    width:276px;
    position:relative;
    padding-bottom:24px;
    margin-bottom:20px;
}
.calc-slider__item::before {
    content:url('../img/ruler.png');
    display:block;
    position:absolute;
    width:278px;
    height:24px;
    bottom:0;
    left:2px;
}
.calc-slider__item--size::before {
    display:none
}
.calc-slider__labels {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:24px;
}

.calc-label {
    display: block;
    border-radius: 5px;
    background: rgb(241, 241, 242);
    color: #777777;
    padding: 0 8px;
    line-height:28px;
    height:26px;
    white-space:nowrap;
    text-align: center;
    font-size:14px;
}
.calc-label--left-size {
    transform:translateX(-50%)
}
.calc-label--right-size {
    transform:translateX(40%)
}
.calc-slider__title {
    text-align:center;
    margin-bottom:50px;
    font-size:20px;
    font-family: "MullerBold", sans-serif;
}
.calc-slider__output {
    display:flex;
    justify-content: center;
    align-items: center;
    position:relative
}
.calc-slider__output input{
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.03);
    width: 60px;
    height: 40px;
    outline:none;
    border:none;
    text-align:center;
    padding:0;
  }
.calc-slider__output span {
      position:absolute;
      right:-36px;
      top:9px;
      color:#777
}

.calc-results {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center
}
.calc-results__price {
    margin-bottom:10px
}
.calc-results__details {
    color:#777
}
.calc-results__price > span{
    font-size:20px;
    line-height:20px
}
.calc-results strong{
    font-size:30px;
    margin-left:10px;
    white-space:nowrap;
    line-height:30px;
    font-family: "MullerBold", sans-serif;
}

@media only screen and (max-width:1000px) {
    .calc-slider {
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
}