.info-container .middle-info {
    width: 700px;
    left: 40%;
    top: 20px;
    position: absolute;
    
    margin-left: -215px;
}

.anchorBottomParent {
  position:relative;
}
.anchorBottomChild {
  position:absolute;
  bottom:0;
}

@media (min-width: 768px) and (max-width: 979px) {

    .info-container .middle-info {

    left: 35%;

    }
}

@media (max-width: 767px) {

    .info-container .middle-info {
        width: 100%;
        margin-left: 0px;
        padding: 0 15px;
        left: auto;
    }
}