.locate-map {
    position: relative;
    width: 100%;
}
/* reset grid gutter padding */
.locate-map > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
/* Sidebar */
.locate-list-container {    
    padding: 15px;
}
.locate-list-container .page-header {
    padding-bottom: 0; /* overlay page-header and header margin */
    margin-top: 0;
    text-align: left;
}
.locate-list-dropdown {
    padding-bottom: 35px;
}
.locate-list-dropdown .dropdown + .dropdown {
    margin-top: 5px;
}
.locate-list-dropdown .dropdown-toggle {
    display: block;
    padding: 8px 20px;
    color: #666;
    text-transform: uppercase;
    background-color: #ececec;
    cursor: pointer;
}
.locate-list-dropdown .dropdown-toggle > i {
    float: right;
    margin-top: 4px; /* centralise icon */
}
.locate-list-dropdown .dropdown-menu {
    background-color: #ececec;
    right: 0;
    min-width: 0;
    margin-top: 0;
    border: 0 none;
    border-radius: 0;
}
/* Infobox */
.locate-list-items {
    overflow: auto;
}
.locate-list-items > div {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ececec;
}
.locate-list-items > div:first-child {
    padding-top: 0;
    border-top: 0;
}
.locate-list-items .infoboxcontent {
    cursor: pointer;
}
.infoboxcontent h6 {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 5px;
}
/* Map infobox */
#locateGmap .infoBox {
    background: #fff;
    width: 200px;
    margin-left: -40px;
    margin-bottom: -10px;
    box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.infoBox {
    -webkit-animation: fadeIn 300ms;
    animation: fadeIn 400ms;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0; margin-bottom: 40px;}
    to {opacity: 1; margin-bottom: 0px;}
}
/* Standard syntax */
@keyframes fadeIn {
    from {opacity: 0; margin-bottom: 40px;}
    to {opacity: 1; margin-bottom: 0;}
}
#locateGmap .infoboxcontent {
    margin: 10px 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.infoBox:after {
     content: "";
     position: absolute;
     bottom: -5px;
     right: 0;
     border-top: 8px solid #fff;
     border-left: 8px solid transparent;
 }
 
 @media (min-width: 768px) {
    .locate-map,
    .locate-list-container,
    #locateGmap {
	 height: 800px; /* height for google map */
     }
     .locate-list-items {
	 height: 570px; /* Sidebar items list height */
     }
     .locate-list-container {
	 padding: 25px;
     }
 }