.bootstrap-iso .table > thead > tr > th:nth-child(2) {
    min-width: 120px;
}

.bootstrap-iso .table > thead > tr > th:nth-child(3) {
    width: 25%;
}

section.directory-form { 
    background: #f2f2f2;
    padding: 20px 40px;
    border-bottom: 1px solid #d4d4d4;
    display: table;
    width: 100%;
    
}

section.directory-form .information {
    display: table-cell;
    width: 200px;
    padding: 15px 15px 15px 0;
    border-right: 1px solid #e0e0e0;
    vertical-align: middle;
}

section.directory-form .form {
    padding: 15px 0 15px 25px;
}

section.directory-form .icon {
    text-align: center;
    vertical-align: middle;
    font-size: 60px;
    color: #bbbbc1;
}

section.directory-form .title {
    text-align: center;
    font-size: 20px;
    line-height: 2;
}

section.directory-form .item-row {
    padding: 0 0 15px 0;
    width: 100%;
    display: table;
}

section.directory-form .item-input {
    float: left;
	padding: 0 5px;
}

section.directory-result {
    padding: 0px;
    font-size: .9em;
}
section.directory-result .table .thead-dark th {
   /* color: #fff;
    background-color: #324773 !important;*/
    border-color: transparent !important;
}

section.directory-result th:nth-child(7), section.directory-result td:nth-child(7) {
    display: none;
}

.bootstrap-iso .table > thead > tr:nth-child(2) {
    background-color: #dcdbe0;
    color: #807b8c;
    font-weight: 100;
}

.bootstrap-iso .table > thead > tr:nth-child(1) {
    background-color: #324773 !important;
    color: white;
}
.directory-result td:first-child {
    text-align: center;
}


section.content {
  width: 100%;
  margin: auto;
  margin-bottom: 5%;
}
section.drows {
  display:flex;
  border-color: transparent !important;
}

section.drows:nth-child(4) {
    display: none !important;
}

section.col-left {
  background-color:#324773;
  color: white;
  width:30%;
  padding:20px;
  border-bottom:1px solid #ccc;
}
section.col-right {
  background-color:#f2f2f2;
  width:70%;
  padding:20px;
  border-bottom:1px solid #ccc;
  transition-duration:0.5s;
}
/*section.col-right:hover {
  background-color:#ff9800;
}*/
th.table-header {
    text-align: center;
}
/************************************Mobile Start********************************************/
@media (min-width: 320px) and (max-width: 500px) {
section.directory-result th{
    display: none;
}
section.directory-result td:nth-child(7) {
    display: none !important;
}

section.drows {
    display: block;

}
section.col-left {
    width: 100%;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    }

section.col-right {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px;
}
	
	section.directory-form
	{
		padding: 10px;
	}
	
	section.directory-result {
	    padding: 40px;
	    padding: 0;
	}

	section.directory-form .information {
	    display: block;
	    width: 100%;
	    padding: 0;
	    border-bottom: 1px solid #e0e0e0;
	    border-right: none;
	}
	
	section.directory-form .form {
	    padding: 15px 0;
	}
	
	.bootstrap-iso .btn-primary {
	    width: 100%;
	}
	
	.bootstrap-iso .table > thead:first-child > tr:nth-child(2) > th {
    display: none;
}

	.bootstrap-iso .table > tbody > tr > td
	{
	    display: inline-block;
	    width: 100%;
	}
	
	.bootstrap-iso .table > tbody > tr > td:nth-child(1) {
    border: none;
    font-size: 15px;
    padding: 15px 10px 0 10px;
    display: table-cell;
    width: auto;
    text-align: center;
}	
	.bootstrap-iso .table > tbody > tr > td:nth-child(2) {
		padding-top: 15px !important;
		color: #FF9800;
    }
    
    .bootstrap-iso .table > tbody > tr > td:nth-last-child(1) {
	    padding-bottom: 15px !important;
	}
	
	.bootstrap-iso .table > tbody > tr > td:nth-child(3) {
		color: #4459ab;
		font-weight:bold;
    }

	
	.bootstrap-iso .table > tbody > tr > td:nth-child(2),
	.bootstrap-iso .table > tbody > tr > td:nth-child(3),
	.bootstrap-iso .table > tbody > tr > td:nth-child(4),
	.bootstrap-iso .table > tbody > tr > td:nth-child(5),
	.bootstrap-iso .table > tbody > tr > td:nth-child(6),
	.bootstrap-iso .table > tbody > tr > td:nth-child(7)
	{
		border: none;
	    font-size: 15px;
	    padding: 0 10px 0 0;

	}

	/*.bootstrap-iso .table > tbody > tr > td:nth-child(6)::before {
    content: "Area of Expertise";
    	    font-size: 15px;
    	font-weight: bold;	
    	    color: #0c0c0c;*/
}


}

/******Tablet Section******/
@media (min-width: 501px) and (max-width: 1024px){

	section.directory-result {
	    padding: 0;
	}
	
	section.directory-form .information {
	    width: 100px;
	    	}

	section.directory-form .information {
	    display: table-cell;
	    width: 100px;
	    padding: 15px 15px 15px 0;
	    border-right: 1px solid #e0e0e0;
	    vertical-align: middle;
	}

}