body {
  font-family: 'Open Sans',Arial,sans-serif;
  margin: 0;
  padding: 0; height: auto;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style:none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

p {
   font-size: 18px;
   line-height: 32px;
   margin: 5px 0;
}

address {
  font-style: normal;
}

.wrapper {
  width: 1000px; height: auto;
  margin: 0 auto;
}

header {
  background-color: #efefef;
  padding: 20px 0;
  border-bottom: 1px solid #BDBDBD;
}

.main-nav {
  text-align: center;
}

.main-nav .topnav {
  
}

.main-nav .topnav a {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  padding: 10px 15px;
  margin-right: 10px;
  font-size: 18px;
}

.main-nav .topnav a:hover {
  text-decoration: none;
}

.main {
  background-color: #f8f8f8;
  padding: 20px;
}

#intro h1 {
  margin-top: 0;
}

#process-section .block {
  width: 236px;
display: inline-block;
margin-right: 99px;
vertical-align: top;
margin-bottom: 15px;
}

.block:last-child {
  margin-right: 0 !important;
}

#job {
  margin-bottom: 40px;
}

#interview,#members,#register{
  margin-bottom: 40px;
}

#members .block {
    width: 280px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    padding: 20px;
    background: #fff;
    margin-right: 17px;
    border: 1px solid #ddd;
}

#about-ceo {
  text-align: center;
}

#about-ceo #ceo-image img {
  border-radius: 200px;
}

#news-images {
  margin-top: 30px;
}

#news-images .block {
  width: 310px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

#contact {
  text-align: center;
}

#members .block {
  text-align: center;
}

#members .block .memeber-image img {
  width: 203px;
  height: 203px;
}

#members .block .memeber-info h4 {
  margin-bottom: 0;
}

#members .block .memeber-info p {
  margin-bottom: 0;
}

.lists {
  padding-left: 40px;
}

.lists li {
  list-style-type: disc;
  line-height: 30px;
}

#register-btn {
  text-align: center;
  margin:20px 0;
}

#register-btn a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  background-color: #b41017;
  border-radius: 3px;
  padding: 15px 25px;
}

#register-btn a:hover {
  background-color: #640302;
  text-decoration: underline;
}

#contact-content h3 {
  margin-top: 0;
}

.contact-form {
  margin-top: 30px;
}
.contact-form label {
  display: inline-block;
  width: 140px;
  vertical-align: top;
}

.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea {
  margin-bottom: 20px;
  border: 1px solid #BCBCBC;
}

.contact-form input[type="text"],.contact-form input[type="email"] {
  width: 350px;
  height: 40px;
  padding: 0 8px;
}

.contact-form textarea {
  width: 550px;
  height: 200px;
  padding: 8px;
  font-family: 'Roboto',Arial,sans-serif;
  font-size: 14px;
}

.contact-form button {
  border: none;
  color: #fff;
  font-size: 15px;
  background-color: #b41017;
  border-radius: 3px;
  padding: 8px 20px;
  cursor: pointer;
}

.contact-form #submit {
  margin-left:140px;
  margin-right: 10px;
}

#success {
  padding: 10px;
background-color: #85d285;
color: #fff;
border-radius: 5px;
margin: 40px 0;
}

#success h2, #error h2 {
  margin: 0;
}

#error {
  padding: 10px;
background-color: #f38d8d;
color: #fff;
border-radius: 5px;
margin: 40px 0;
}

.pm-button {
  margin-top: 20px;
  text-align: center;
}

footer {
  background-color: #efefef;
  text-align: center;
  padding: 20px 0;
}

footer p {
  margin: 0;
  font-size: 13px;
}
@media (max-width:500px){
    
   .wrapper {
    width: 400px;
    height: auto;
    margin: 0 auto;
}
#contactform123{min-height: 1026px !important;}
.main {
    background-color: #f8f8f8;
    padding: 6px;
}
.contact-form #submit {
    margin-left: 126px;
    margin-right: 10px;
}
#interview h1{
    
        font-size: 30px;
    
}
#process-section .block {
    width: 100%;
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
    margin-bottom: 15px;
}
#news-images .block {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
}
#features p{
    
    font-size: 15px;
    line-height: 26px;
    margin: 5px 0;
    
    
}
#job p{
    
    line-height: 26px;
    font-size: 15px;
        text-align: justify;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    width: 298px;
    height: 40px;
    padding: 0 8px;
}
    
   .main-nav .topnav a {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    padding: 10px 15px;
    margin-right: 30px;
    font-size: 16px !important;
} 
.contact-form textarea {
    width: 296px;
    height: 138px;
    padding: 8px;
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 14px;
}
    
   header {
    background-color: #efefef;
    padding: 30px 0;
    border-bottom: 1px solid #BDBDBD;
  
} 
    
    iframe{
        height:450px;
        
    }
    .mob{
        font-size:20px !important;
    }
    #intro{
            text-align: center;
        
        
    }
    .liv{
        
        text-align: center;
    }
    #about-ceo #ceo-image img {
    border-radius: 201px;
    max-width: 57%;
}
#ceo-info p{
    
        font-size: 15px;
    line-height: 26px;
    margin: 5px 0;
}
}
@media (max-width:380px){
    
   .wrapper {
    width: 345px;
    height: auto;
    margin: 0 auto;
}


    
   .main-nav  a {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    padding: 10px 15px;
    margin-right: 10px;
    font-size: 11px;
} 
    
   header {
    background-color: #efefef;
    padding: 30px 0;
    border-bottom: 1px solid #BDBDBD;
  
} 
    
    iframe{
        height:450px;
        
    }
    
    
}