#modal-code {
  padding: 0!important;
  overflow-y: hidden;
}

#modal-code .modal-content {
  border-radius:0px
}

#modal-code .modal-body {
  height: 100%;
  padding: 0;
}
 

#modal-code .close {
  position: absolute;
  opacity: 1;
  width: 30px;
  background: transparent;
  color: rgb(161, 159, 159);
  text-shadow: none;
  z-index: 9999;
  right: 25px;
  top: 15px;
}



/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 767px) {
  
  #modal-code > div > pre {
    zoom: 75%;
  }

  .mobile-margin {
    margin: 15px !important; 
  }
  
}

@media (min-width: 992px) {

  #modal-code .modal-content {
    min-width: 750px;
  } 

  #modal-code .modal-code-content {
    width: 650px;
  } 
  
}