h2 {
  padding: 0;
  margin: 0;
}
.branch_place {
  text-align: center;
  font-size: 22px;
}

.branch_address {
  font-size: 16px;
  padding: 0;
  margin: 5px;
  
}

.branch_address p {
  margin: 0;
}

.branch_detail img {
  float: left;
  margin-right: 20px;
}

.branch_contact {
  float: left;
  height: 90px;
  padding: 0;
  margin: 0;
} 

.branch_contact ul {
  width: 450px;
}

.branch_contact ul li {
  width: 450px;
}

#branch-list {
  margin-top: 50px;
}

#branch-list td, #branch-list th{
  border: 1px solid #CCCCCC;
}

#branch-list i {
  color: blue;
  font-size: 2em;
}

.branch-name {
  font-size: 1.2rem;
}

.branch-address, .branch-tel {
  font-size: 1em;
}

.branch-tel {
  color: #4169e1;
}




.postcode {
  padding: 0;
  margin: 0;
}

hr {
  clear: both;
}

.item_title{
  font-size: 18px;
}

#branch-list {
  border: solid 1px blue;
}

#map_canvas {
  height: 600px;
  width: 100%;
}

/*-------
offices table vertical
---------*/
#branch-list th {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 5px;
}
.exp{
  writing-mode: vertical-rl;
  white-space: nowrap;
  text-orientation: upright;
  width: 1.5em;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  
}

.field {
  background-color: #D3EDFB;
}

#branch-list .base {
  background-color: #FEECD2;
}

/*-------
branch offices responsive
---------*/
@media screen and (min-width:601px) {
    #branch-list-mini {
        display: none;
        text-align: center;
    }
}

@media screen and (max-width:600px) {
    #branch-list {
        display: none;
    }
}