.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 }
.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) }
.modal-dialog { position: relative;width: auto; margin: 10px auto;top:200px}
.modal-dialog h4 { font-size: 1em }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5) }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; text-align: left; background:#216290; }
.modal-header .close { margin-top: -2px; color: #FFF; font-size: 32px;visibility:visible !important ;text-align:right}
.modal-header .modal-title { color: #FFF }
.modal-title { margin: 0; line-height: 1.42857143 }
.modal-header .close:focus, .modal-header .close:hover { color: #72D2FF }
.modal-body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #444; text-transform: none; font-weight: 400; position: relative; padding: 15px }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 }
.feature.em-broker img{max-width:100px;height:auto}
@media (max-width:499px) {
.modal-body .col-xs-4.dif,.modal-body .col-xs-5,.modal-body .col-xs-6,.modal-body .col-xs-7,.modal-body .col-xs-8.dif{width:100% !important}}.feature.em-broker .em-modal { display: block }
.feature.em-broker .em-modal .btn { margin: 2%; display: block; clear: both; width: 92% }
.feature.em-broker .tele { float: none; margin: 0 10px; text-align: center }
.feature.em-broker span { visibility: hidden }
.feature.em-broker .em-modal span { visibility: visible }

@media (min-width:768px) {
.modal-dialog { width: 600px; margin: 0 auto;top:200px}
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) }
.em-modal .btn { margin: 5px 10px 0; display: inline-block; width: auto }
.feature.em-broker .em-modal { margin: 0 10px; display: inline-block; width: auto }
.feature.em-broker .em-modal .btn { margin: 0 2%; width: auto }
.feature.em-broker .tele { float: right; text-align: right }
.feature.em-broker span { visibility: visible }
}