@media only screen and (min-width : 600px) and (max-width:768px) {
    #notifyme {
        left: 65% !important;
        width: 600px !important;
        top: 23% !important;
    }

    .hawk-quickview .modal-dialog {
        width: auto !important;
    }
}

@media only screen and (min-width : 500px) and (max-width:599px) {
    #notifyme {
        left: 87% !important;
        width: 400px !important;
        height: initial !important;
        top: 18% !important;
    }

    .notifymodal-left {
        width: 100%;
        float: initial;
        text-align: center;
    }

    .hawk-quickview .modal-dialog {
        width: auto !important;
    }
}

@media only screen and (min-width : 440px) and (max-width:499px) {
    #notifyme {
        left: 91% !important;
        width: 400px !important;
        height: initial !important;
        top: 18% !important;
    }

    .notifymodal-left {
        width: 100%;
        float: initial;
        text-align: center;
    }

    .hawk-quickview .modal-dialog {
        width: auto !important;
    }
}

@media only screen and (min-width : 415px) and (max-width:439px) {
    #notifyme {
        left: 97% !important;
        width: 400px !important;
        height: initial !important;
        top: 18% !important;
    }

    .notifymodal-left {
        width: 100%;
        float: initial;
        text-align: center;
    }


    .hawk-quickview .modal-dialog {
        width: auto !important;
    }
}

@media only screen and (min-width : 300px) and (max-width:414px) {
    #notifyme .modal-footer
{
        text-align:center !important;
    }
    .notifymodal-right 
{
    height: initial !important;
}
    input#hawk_email_address {
        width: 256px !important;
    }
        #notifyme {
        left: initial !important;
        width: 100% !important;
        height: initial !important;
        top: 18% !important;
    }
    .btn.hawk-notify-submit {
        width: 115px !important;
    }

    .btn.hawk-notify-cancel {
        width: 115px !important;
    }
    .notifymodal-left {
        width: 100%;
        float: initial;
        text-align: center;
    }

    .notifymodal-right {
        float: right;
        height: initial !important;
        padding-top: 26px;
        width: 100% !important;
    }

    .notifymodal-top {
        width: initial !important;
    }

    .notifymodal-bottom {
        width: initial !important;
    }

    .hawk-quickview .modal-dialog {
        width: auto !important;
    }
}