.modal, 
.modal.fade.in{width: 74%;top:32px;bottom: 10px;left:13%;margin: 0;background-color: #F7F7F7;}

  .modal .modal-body{height: 100%; max-height: 2000px;padding: 0;}  
    .modal .modal-body .close{position: absolute; z-index: 1000; left: 100%; margin: 6px 0 0 -30px; font-size: 26px;}
    
.modal.fade.modal-side{width: 320px; top:32px;}    
   .modal.fade.modal-side.modal-left{left: 2px; left: auto;} 
   .modal.fade.modal-side.modal-right{right: 2px; left: auto;} 
   
.modal.fade.modal-row{width: 100%; height: 100px; top:auto; bottom: auto;}

.modal-backdrop, 
.modal-backdrop.fade.in{opacity: 0.3;filter: alpha(opacity=80);}

@media (max-width: 1024px) {
  .modal, .modal.fade.in{
    width: 90%;
    left:5%;
  }
}