.mesaj {
    position: relative;
    padding: 2em;
    width: 400px;
    max-width: 100%;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.32);
    word-wrap: break-word;
}

    .mesaj strong {
        float: left;
    }

    .mesaj i {
        position: absolute;
    }

    .mesaj > .metinHaznesi {
        padding-left: 4em;
    }

.mesajHaznesi {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1500;
    padding: 1em;
    font-size: small;
}

    .mesajHaznesi .alert-info {
        background-image: linear-gradient( 225deg, rgba(191,241,236,1) 22.3%, rgba(109,192,236,1) 84.1% );
    }

    .mesajHaznesi .alert-danger {
        background-image: linear-gradient( 45deg, rgba(246,114,128,1) 0.2%, rgba(248,177,149,1) 90.6% );
    }

    .mesajHaznesi .alert-success {
        background-image: linear-gradient( 45deg, rgba(114,210,39,1) 11.3%, rgba(182,235,141,1) 100.2% );
    }

@media only screen and (max-width: 780px) {
    .mesajHaznesi {
        width: 100%;
    }

    .mesaj {
        width: 100%;
    }
}