@media screen and (max-width: 640px) {
  .navbar-default .navbar-toggle {
    border: none;
    position: absolute;
    margin: auto 10px auto 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  .navbar-default .navbar-toggle .icon-bar {
    width: 34px;
    height: 3px;
  }
  .navbar-default .navbar-toggle.collapsed  .icon-bar {
    background-color: white;
  }
  .navbar-default.fixed .navbar-toggle .icon-bar,
  header.innerheader .navbar-default .navbar-toggle .icon-bar {
    background: #008575;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
  }
  #navbar.mobile-full-screen {
    background: white;
    color: black;
    position: fixed;
    width: 100%;
    margin: 0px;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow-y: scroll;
    max-height: none;
  }
  header nav.fixed #navbar {
    margin-top: 0px;
  }
  ul.nav.navbar-nav.navbar-right {
    margin: 15vh auto 0px;
  }
  #navbar.mobile-full-screen .navbar-nav li {
    text-align: center;
    font-size: 2em;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  header .navbar-default .navbar-nav>.active a, header .navbar-default .navbar-nav>.active a:focus, header .navbar-default .navbar-nav>.active a:hover, header .navbar-default .navbar-nav>.open>a, header .navbar-default .navbar-nav>.open>a:focus, header .navbar-default .navbar-nav>.open>a:hover, 
  header .navbar-default .navbar-nav li a {
    color: black;
    font-size: 0.8em;
    margin-bottom: 0px;
    line-height: 1em;
  }
  header .navbar-default .navbar-nav li a:focus, header .navbar-default .navbar-nav li a:hover {
    color: black;
  }
  /** dropdown menu **/
  /*collapse overwrite */
  .collapsing {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    display: none;
  }
  header .navbar-default .dropdown-menu.open {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    margin: 0px 0px 30px 0px;
    left: 0px;
    right: 0px;
    border-bottom: solid 3px #008575;
  }
  section.h-banner.section, .page-title.banner {
    height: 512px;
  }

  .secondary-nav {
    display: none;
  }
  .searchsec .form-group {
    margin: 0px;
    border-right: none;
  }
  /** sections **/
  .s-rating.section {
    padding: 0px;
    margin-top: 100px;
  }
  .s-rating-content {
    margin-top: 50px;
  }
  /** hide glist **/
  .glist {
    display: none;
  }
  .brglist {
    padding: 0px;
  }
  /** Search page **/
  .page-title .container {
    bottom: auto;
    top: 200px;
  }
  .sorting {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
  .sorting>span {
    display: none;
  }
  .sorting .selectdropdown {
    width: 100%;
  }
  .resultcards ul, .resultsec .resultcards li {
    width: 100%;
  }
  article.card {
    height: auto;
    margin-bottom: 30px;
  }
  .cardimg {
    height: auto;
  }
  .cardimg .img-LANDSCAPE, .cardimg {
    height: auto;
    width: 100%;
    max-width: none;
  }
  .col-right-sidebar {
    padding: 0px 13px;
  }
  .listing-details .client-rating h6 {
    margin: 10px 0px;
  } 
  .de-dropdown-menu {
    top: 0;
    width: 100%;
  } 
  .cardimg img, .cardimg .img-LANDSCAPE {
    width: 100%;
    height: 100%;
    max-width: none;
  }


  /** Tabs - Gold **/
  .select-tab {
    display: block;
    border: 1px solid #00816D;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .select-tab:focus {
    border-color: #00816D;
  }
  .tab-buttons {
    display: none;
  }
  .listview .resultcards .cardimg {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }

  .navbar-brand > img {
      height: 60px;
  }
  header .navbar-default .navbar-brand, 
  header nav.fixed .navbar-brand {
      padding: 5px;
  }
  .navbar .container .navbar-brand {
    padding: 5px 0px;
  }
  .inner-slider {
    margin-top: 80px;
  }
  div#location-dropdown {
    width: 100%;
    left: 0;
  }
  .region-list-container {
    float: none;
  }
  .region-list-container .main-region {
    width: 100%;
    float: none;
  }
  .price-control-dialog {
    width: 100%;
    right:0px;
  }
  #search_page .page-title .sec-head {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #ng-mobile-images {
		display: none;
	}
}
@media (max-width: 768px) {
  #ng-desktop-images {
		display: none;
	}
}