.col-4{ width:33.33%; }
.col-3{ width:25%; }
.col-2{ width:16.66%; }

.inner-additional{
  background: #f7f7f7;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#passport_type_field{ width:100%; }
.passport-field label {float: left; margin-top:3px;}
.input-text {float: right;}
.left{ float:left; padding:0px; text-align:center; } 
.top-text{ margin-top:12px; }
.passport-field{display:inline-block !important;}
.one .input-text { width:230px !important;}
.two .input-text { width:240px !important;}
.three .input-text { width:260px !important;}
.four .input-text { width:95px !important;}
.five .input-text { width:260px !important;}
.six .input-text { width:350px !important;}
.seven .input-text { width:265px !important;}
.eight .input-text { width:130px !important;}

@media only screen and (max-width: 768px){
  
  
 
  .one .input-text { width:100% !important;}
  .two .input-text { width:100% !important;}
  .three .input-text { width:100% !important;}
  .four .input-text { width:100% !important;}
  .five .input-text { width:100% !important;}
  .six .input-text { width:100% !important;}
  .seven .input-text { width:100% !important;}
  .eight .input-text { width:100% !important;}
  
  .passport-field label { font-size:10px;}
  
  
  
}