.modal.right.fade.show .modal-dialog {
    right: 0 !important ;
    transform: translateX(-50%) !important;
    max-width: 90% !important;
}
.modal.right .modal-content {
    height: 100% !important;
    overflow: auto !important;
    border-radius: 0 !important;
}

.modal.right .modal-dialog {
    /*position: fixed !important;*/
    position: absolute !important;
    margin: auto !important;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0) !important ;
    -ms-transform: translate3d(0%, 0, 0) !important;
    -o-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
}
.modal.right .modal-height-auto {
    height: auto !important
}
.modal.right .modal-bottom{
    bottom:0 !important;
}
.modal.right.fade.show .modal-dialog {
    transform: translateX(0%) !important;
}
.modal.right.fade .modal-dialog {
    right: -320px !important;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out !important;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out !important;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out !important;
    transition: opacity 0.3s linear, right 0.3s ease-out !important;
}

.modal.right .modal-header {
    background-color: #50caff !important;
    color: #fff !important;
}
.modal.right .modal-header::after {
    content: "" !important;
    display: inline-block !important;
}
.modal.right .close {
    text-shadow: none !important;
    opacity: 1 !important;
    color: #ff4d4d !important;
    content: url(/images/icon/close_circle.svg) !important;
}
.modal-header .close {
  margin-top: 90px !important;
  margin-left: -37px;
  background-color: #fff;
  border-radius: 10PX 0 0 10PX;
  position: fixed;
  height: 43px;
  width: 37px;
  overflow-x: hidden;
  border: none;
  
}

.modal-header .close{
    margin-top:40px
}


@media (min-width: 768px){
	.navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;padding-left:0px;border-radius: 0px;}
	
	 .modal-dialog{
        /*width:600px;*/
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm{
        width:300px
    }
}