.md-overlay  { background: rgba(54, 54, 54, 0.5);   }
 .md-modal{ width: 440px;  position: fixed;    top: 10%;left: 50%; }
.md-content * {  font-size: 14px; }
.md-content {   color: #000;background: #fff; position: relative; border-radius: 0px; margin:auto;  padding:20px}
.md-content h3 {  color: rgba(174, 0, 0);   margin: 0;  margin-bottom: 0px; padding: 0px;  text-align: left;  font-size: 14px;font-weight:400;}
.md-content h2 {  color: #000 ;   margin: 0;  margin-bottom: 0px; padding: 0px;  text-align: left;  font-size: 18px;font-weight:400;}

.md-content button.md-close { background-color:#fff; border:0px; display: block; margin: 5px 5px auto auto;  cursor:pointer; cursor:hand;  position: absolute;top:0px; right:0}
.md-content .txt-fld { position: relative; width:100%; padding: 7px 25px; border:0px solid #EEE; text-align: left; }
.md-content .txt-fld label { display: block; float: left; width: 120px; padding-top: 8px; color: #000;  text-align: left;  }
.md-content .txt-fld input, .md-content .txt-fld textarea  { font-size: 16px; font-weight:500; width: 100%; padding: 8px;border-radius: 5px;color: #222;
background: #fff; outline: none;border: 1px solid #e5e5e5;    }
.md-content .form-button
{ cursor: pointer;   background-color: rgba(174, 0, 0); background-color:#ae0000 !important;; border: none; width: auto;
    overflow: visible; font-size: 16px;color: #FFF;padding: 7px 70px; border-radius: 5px; font-weight:400; margin: 20px auto;
     }

     .md-content .txt-fld  p  {  margin:  auto; text-align: center; }
 .md-content .form-button:hover {background-color: rgba(174, 0, 0)}






 @media only screen and (max-device-width: 500px) and  (orientation: landscape)
{
    /*   */
   .md-modal { width: 90vw;  position: absolute;    top: 10%; left: 50%; border:0px dotted green }
   .md-content .txt-fld  p {font-size: 3vmin; line-height:5vmin }
   .md-content .captcha   { width:50% !important;  }

}