.modal-open .modal{
  padding-right: 0px !important;
}

.modal-content{
  padding: 5%;
}

/*.modal-dialog {
  top:0;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  height: auto;
  background: red;
}*/

.close {
  position: absolute;
  right: 3%;
  top: 5%;
  opacity: 1;
  font-size: 1.8em;
}

.modal-unit-subj,.modal-unit-cont{
  display: inline-block;
  vertical-align: top;
}

.modal-unit-cont{
  padding-left: 15px;
  padding-bottom: 10px;
}

.modal-unit-cont h3{
  padding: 10px 0 15px 0;
}

.modal-unit-cont span {
    font-style: normal;
    font-size: 1em
    color: #777;
    letter-spacing: -2px;
}

.modal-unit-cont p{
  letter-spacing: -1px;
}

@media all and (max-width:1000px) {
.modal-content {
    padding: 10% 5% 5% 5%;
}
.close {
    top: 3%;
}
.modal-unit-subj img{
  width: 100%;
}
#modal6 .modal-unit-subj img {
    width: 60%;
}
.modal-unit-cont h3 {
    padding: 20px 0 15px 0;
}
.modal-unit-subj, .modal-unit-cont{
  display: block;
}
.modal-unit-subj img{
  width: 100%;
}
.modal-unit-cont{
  padding: 0;
}
}

@media all and (max-width:760px) {
.modal-dialog{
  width: 90%;
  margin: 5% auto;
}
.modal-content {
    padding: 8% 5% 5% 5%;
}
.modal-unit-cont h3 {
    padding: 20px 0 15px 0;
}
.modal-unit-subj, .modal-unit-cont{
  display: block;
}
.modal-unit-subj img{
  width: 100%;
}
.modal-unit-cont{
  padding: 0;
}
.close {
    right: 2%;
    top: 2%;
}
}


@media all and (max-width:500px) {
.modal-content {
    padding: 12% 5% 5% 5%;
}
.modal-unit-cont h3 {
    padding: 0;
}
}