$.noty.layouts.bottomLeft = {

    name     : 'bottomLeft',

    options  : { // overrides options



    },

    container: {

        object  : '<ul id="noty_bottomLeft_layout_container" />',

        selector: 'ul#noty_bottomLeft_layout_container',

        style   : function() {

            $(this).css({

                bottom       : 20,

                left         : 20,

                position     : 'fixed',

                width        : '310px',

                height       : 'auto',

                margin       : 0,

                padding      : 0,

                listStyleType: 'none',

                zIndex       : 10000000

            });



            if(window.innerWidth < 600) {

                $(this).css({

                    left: 5

                });

            }

        }

    },

    parent   : {

        object  : '<li />',

        selector: 'li',

        css     : {}

    },

    css      : {

        display: 'none',

        width  : '310px'

    },

    addClass : ''

};