.slide .popup-win {
        position: absolute;
    }
    .slide {
        position: relative;
    }

    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 350px;
        height: 100%;
    }

    #modal-dialog-lg{
        position: fixed;
        margin: auto;
        width: 500px;
        height: 100%;
    }

    .modal.right .modal-content {
        height: 100%;
        
    }

    .modal.right .modal-body {
        padding: 0px;
        position:relative;
    }

    .modal.right.fade .modal-dialog {
        right: -320px;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.in .modal-dialog {
        right: 0;
    }

    .modal-content {
         -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
    }
    .container-fluid{
        padding-top:5px;
    }
    .modal-header {
        border-bottom: none;
        position: absolute;
        right: 0px;
        z-index:999;
    }

        .modal-header h3 {
           padding-top: 6px;
            padding-left: 12px;
            font-family: 'Open Sans', sans-serif;
        }

 @media (max-width: 500px) {
        .modal.right .modal-dialog {
    width: 100% !important;
}
        }