/**
  Extra styling for responsive purposes
  This style supports width stops on
  -480px, -768px, +992px and +1200px 
  **/

/** For super small phone **/
@media (max-width: 360px) {
  [class*="col-"] {
    width: 100%;
  }

  #page .agents-list.material-style .post-teaser-thumbnail {
    margin-top: 30px;
    padding: 20px;
    height: 300px;
    background-size: cover !important;
  }

}

/** For small mobile phone and iPhone < version 4 **/
@media (max-width: 480px) {
}

@media (min-width: 361px) and (max-width: 480px) {
}

@media (max-width: 640px) {
  #page .area {
    padding-left: 0;
    padding-right: 0;
  }

  #page #maincontent {
    padding-top: 0;
    padding-bottom: 0;
  }

  #page #commentform,
  #page .comment-form .post-section-title,
  #page .post-comment .post-section-title,
  #page #maincontent .single > * {
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #page #maincontent .single > .property-bottom-bar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #page #maincontent .single > .property-bottom-bar .property-elements {
    padding: 15px 30px !important;
    text-align: left !important;
  }

  #page #maincontent .single.property .property-tabbed-content,
  #page #maincontent .single.property .property-element-images,
  #page #maincontent .agents-singles.material-style.single .agents-element-maps {
    padding: 0 !important;
  }

  #page #maincontent .single.property .property-tabbed-content > ul > li:first-child > a {
    padding-left: 20px;
  }

  #page #maincontent .single.page,
  #page #sidebar,
  #page .region-content {
    padding-bottom: 0;
    border: none;
  }

  #page .region-content > *:last-child {
    margin-bottom: 0;
  }

  #page #maincontent .single,
  #page .single,
  #page .multiple {
    border-left: none;
    border-right: none;
    border-top: none;
  }

  #page .wp-user-loop > *,
  #page .wploop > * {
    margin-bottom: 0;
  }


  #page #maincontent .agents-singles.material-style.single .agents-profile-box {
    margin-bottom: 10px;
  }

  #page .headline-background {
    background-size: cover !important;
    background-position: top center !important;
  }

  #page .js-isotope > * {
    width: 100%;
    /**margin-bottom: 0;**/
  }

  #page #footer {
    background-size: auto 100%;
  }

  .media.agents-info-box .media-body {
    margin: 0;
    padding: 40px;
    display: block;
    width: 100%;
  }

  #page .material-style .property-bottom-bar .property-element-price,
  #page .material-style .property-bottom-bar .property-element-status {
    display:block;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    margin-top: 6vh;
    margin-bottom: -6vh;
  }

  #page .material-style .property-bottom-bar {
    bottom: 105px;
  }

  #page .material-style.agents-grids {
    margin-bottom: 30px;
  }

  #page .parallax-vertical {
    background-position: top center !important;
    background-size: cover !important;
  }

  #page .property-search-form.property-form-with-exposed .property-split-search-toggle-button {
    background: transparent !important;
    color: #fff;
  }

  html.js .property-search-form.property-form-with-exposed .property-split-search-toggle-button {
    padding-left: 10px;
    width: 50%;
  }

  .property-search-form.property-split-form.property-form-with-exposed .property-search-submit-button {
    width: 50%;
    padding: 11px 20px;
  }

  #page .post-social ul {
    margin: 20px 0 0;
    display: block;
  }

  #page .comment-form-comment {
    width: 100%;
    float: none;
  }

  #page .comment-form-author,
  #page .comment-form-email,
  #page .comment-form-url {
    width: 100%;
  }

  #page .comment-form .form-submit .btn {
    float: left !important;
  }

  #page .pagination ul {
    padding: 0;
    background: transparent !important;
    border-width: 0;
  }

  #page .pagination ul li {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    margin: 0 10px 10px 0;
  }


  #page .region-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #page .multiple.list.with-avatar .post-teaser-content {
    padding: 60px 20px 20px !important;
  }

  #page .post-teaser-content {
    padding: 20px 20px 100px;
  }

  #page #top-header .widget {
    width: 100%;
    text-align: center;
    font-size: 10px;
    margin-top: -8px;
    margin-bottom: -8px;
    font-weight: 100;

  }

  #page .pagination > a,
  #page .pagination ul > li > a,
  #page .pagination ul > li > span {
    padding: 10px 17px;
  }

  #page #header #logo img {
    max-width: 100px;
    max-height: 60px;
  }

  #page .single.property .media.agents-info-box .agents-info .agents-elements,
  #page #maincontent .single.property .property-info .property-elements {
    width: 100% !important;
    margin-bottom: 15px;
  }

  #page .template-agents-mini-list .agents-data {
    padding-left: 0;
    margin-bottom: 30px;
  }

  #page .post-author.well.media > .pull-left {
    margin: 30px 60px;
    float: none !important;
    display: block;
    text-align: center;
  }

  #page .post-author.well {
    padding: 30px;
  }

  #page .post-author.well .media-body {
    padding: 0 0 20px;
    text-align: center;
  }

  #page #headline.clean-mode .headline-inner {
    padding-top: 200px;
  }
  #page #headline.clean-mode .headline-inner .region {
    margin: -30px !important;
    width: 100% !important;
  }

  html #page #headline.clean-mode .headline-background {
    background-size: auto 100% !important;
    background-position: 0 0 !important;
  }

  #page .template-agents-mini-list .agents-column.agents-data {
    padding: 0;
    width: 100%;
  }

  #page .material-style .post-teaser-content {
    padding-bottom: 20px;
  }
}

/** For iPad in portrait mode **/
@media (max-width: 768px) {

  html #page .with-sidebar-left,
  html #page .with-sidebar-right {
    padding-right: 0;
    padding-left: 0;
  }

  #page #header.sticky,
  #page #header {
    min-height: 60px;
  }

  #page #header.sticky #logo,
  #page #header #logo {
    margin-top: 17px;
  }

  /** Fix isotope causing bleeding **/
  #page .property-list.material-style.col-xs-12 .post-teaser-thumbnail {
    height: 300px !important;
  }

  #page .property-terms-list {
    white-space: nowrap;
    overflow-x: scroll;
  }

  #page #dsidx-listings.js-isotope > * {
    position: static !important;
    border: none !important;
    height: auto !important;
  }

  #page #dsidx-listings.js-isotope .dsidx-listing {
    border: none !important;
  }

  #page #headline.clean-mode .headline-inner {
    padding-top: 200px;
  }
  #page #headline.clean-mode .headline-inner .region {
    padding: 50px 30px !important;
    width: 300px;
  }

  #page #headline.clean-mode .headline-background {
    background-size: auto 100% !important;
    background-position: 280px 0 !important;
  }

  #page #headline.carousel-mode .headline-inner {
    max-width: 400px !important;
    width: 79% !important;
  }

  #page #headline.carousel-mode .headline-background {
    background-size: 300% auto !important;
  }

  #page #headline.carousel-mode .headline-inner .headline-item-title {
    margin: 0 !important;
    padding: 20px 30px !important;
  }

  #page #headline.carousel-mode .headline-inner .headline-item-text {
    padding: 20px 30px !important;
    margin: 0 !important;
  }

  #page #headline.carousel-mode .headline-inner .slick-slider .slick-dots {
    bottom: 0 !important;
  }

  #page #headline.fullscreen-mode .headline-title .title {
    padding: 0 80px 0 0;
    display: block;
  }

  #page #headline.simple-mode .headline-background {
    background-size: cover !important;
  }

  #page #headline.simple-mode #headline-region,
  #page #headline.simple-mode {
    text-align: center !important;
  }

  #page #maincontent .single .post-thumbnail {
    padding: 0 !important;
  }

  #page #maincontent .single > header {
    padding: 20px 60px 40px !important;
  }

  /**
  #page .post-byline {
    position: static !important;
    margin-bottom: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  **/

  /**
  #page .post-byline .meta {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  **/

  #page .post-social .post-social-text {
    margin: 0;
    text-align: center;
    display: block;
  }

  #page .post-social ul {
    margin: 20px 0 0;
    display: block;
    text-align: center;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
}

/** For iPad in landscape mode and iPhone 5 in landscape mode **/
@media (min-width: 769px) {
}

/** iPhone 5 - Landscape **/
@media (min-width: 769px) and (max-width: 960px) {

}

/** Small screen and high end mobile **/
@media (max-width: 1024px) {
}

/** For Small desktop **/
@media (min-width: 992px) {
}

/** For laptop and normal desktop **/
@media (min-width: 1200px) {
}

/** For very large desktop monitor **/
@media (min-width: 1460px) {
}