.cropper-modal {
    opacity: 0.8 !important;
    /*background-color: #ffffff !important;*/
}

#cropper-wrapper {
    margin: 0 auto; /* Optional: centers the cropper */
}

.bg-header {
    background-position: 12% center;
}

@media only screen and (max-width: 991px) {
    .hide-in-mobile-header {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .hide-in-site-header {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hide-on-sm-screen-and-down {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .hide-on-md-screen-and-up {
        display: none;
    }
}