.modal{position: fixed;top: 0;left: 0;z-index: 99999999;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;background: rgba(0, 0, 0, 0.50);}
.modal-dialog{position: relative;margin: 0.5rem auto;overflow-y: auto;max-height: calc(100vh - 100px);border-radius:10px;top: 50%;transform: translateY(-50%);background-color: #fff;}
.fade {transition: opacity .15s linear;}

.modal-sm{width:400px;padding:30px;}
.modal .title{margin-bottom:20px;font-size: 20px;font-weight: 700;line-height: 30px;}
.modal-sm .scroll-bar{margin-top: 20px;height:340px;}
.modal-sm .modal-body{margin-right:20px;padding:0 0 20px;color:#434B53;font-size: 14px;font-weight: 500;line-height: 21px;}
.modal-sm .btn-lg{width:100%;border-radius:10px;}


/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.modal-sm{width: calc(100% - 20px);padding: 20px;}
.modal .title {margin-bottom: 8px;font-size: 18px;line-height: 26px;}

}