/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .display-2 {
        font-size: 1.75em;
    }
    .display-3 {
        font-size: 1.5em;
    }
    .display-4 {
        font-size: 1.25em;
    }
    .bio-ml-175 {
        margin-left: 0px;
    }
    .bio-question-mark {
        display: none;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .biocleans-image {
        margin-left: 75px !important;
    }

}
/* iPad in landscape */
@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {
        .bio-ml-175 {
            margin-left: 100px;
        }
        .bluelake-position {
            float: right !important;
            margin-top: 45px;
        }
        .biocleans-image {

        }

}
/* iPad in portrait */
@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {
        .bio-ml-175 {
            margin-left: 25px;
        }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .bluelake-position {
        margin-top: 45px;
        float: right;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .bluelake-position {
        margin-top: 45px;
        float: right;
    }

}