@media screen and (min-width:1024px) {
  article.publisher,
  article.hosting {
    float: left; width: 50%;
  }
}


@media screen and (max-width:1700px) {
  .ad { height: 520px; }
  .ad .picture { height: 310px; }
}

@media screen and (max-width:1600px) {
  section.showPictures[data-pictures="3"] { height: 280px; }
  section.showPictures[data-pictures="4"] { height: 220px; }
}

@media screen and (max-width:1450px) {
  .ad { height: 480px; margin-bottom: 20px; }
  .ad .picture { height: 270px; }
}

@media screen and (max-width:1280px) {
  .ad { height: 480px; }
  .ad .picture { height: 230px; }
}

@media screen and (max-width:1200px) {
  section.showPictures { height: 500px; }
  section.showPictures[data-pictures="2"] { height: 375px; }
  section.showPictures[data-pictures="3"] { height: 250px; }
  section.showPictures[data-pictures="4"] { height: 180px; }

  section.agenciesList article.agency { float: none; width: 100%; min-height: 0; margin: 0 0 20px 0; }
  section.agenciesList article.agency .resizePicture { width: 40%; }
  section.agenciesList article.agency .infos { width: 60%; }
}

@media (max-width: 480px), (min-width: 641px) and (max-width: 1024px) {
  section.userList article.user .picture { float: none; margin: 0 auto 20px auto; }
  section.userList article.user .infos p { text-align: center; }
}

@media screen and (max-width:1024px) {
  header nav ul.menu { text-align: left; }
  header nav ul.menu li { display: none; }
  header nav ul.menu > li.btn { display: inline-block; }
  header nav ul.menu > li > a { font-size:14px; padding: 5px 0; }
  header nav ul.menu > li > ul,
  header nav ul.menu > li > ul > li {
    display: block !important;
  }
  header nav ul.menu > li > ul > li a { padding-left: 15px; }

  footer .follow { text-align: center; }
  footer .content { float: none; width: 550px; margin: 0 auto 20px auto; clear: both; }
  footer .navigation,
  footer .sectors {
    float: none; width: auto; margin-bottom: 20px;
  }
  footer .navigation ul li,
  footer .sectors ul li {
    display: inline-block; margin-right: 15px;
  }
  footer ul.alerts,
  footer ul.socialLinks {
    float: none; display: block; width: 100%;
  }
  footer ul.socialLinks { margin-bottom: 20px; }
  footer ul.alerts li { float: none; display: inline-block; width: auto; margin-bottom: 10px; }
  footer ul.alerts li:first-child { margin-right: 20px; }

  .ad { width: 48%; height: 440px; }
  .ad .picture { height: 240px; }

  section.shortcuts_50 ul li { width: 50%; height: 300px; }
  section.shortcuts_33 ul li { width: 33.33%; height: 200px; }

  section.showPictures,
  section.showPictures[data-pictures] {
    height: 400px;
  }
  section.show article, .path { width: 60%; }
  section.show aside, ul.action { width: 38%; }
  section.show article .details { margin: 0; }
  section.show article .details div { float: none; width: 100%; margin: 20px 0 0 0; }
  section.show .media iframe { width: 100%; height: 300px; }

  section.agency { text-align: center; }
  section.agency article,
  .address {
    float: none; display: block; width: 100%;
  }
  .address { display: inline-block; width: auto; margin-top: 20px; }
  .address>div { text-align: left; }

  section.contact article.cms,
  section.newsshow article.cms,
  .blockMap {
    width: 60%;
  }
  
  section.contact aside.contact,
  section.newsshow aside.news {
    width: 38%;
  }
}

@media screen and (max-width:900px) {
  .ad { height: 480px; }
  .ad .picture { height: 260px; }

  .search form > div,
  .listingSearch form > section > div {
    width: 31%;
  }
  aside.searchAlert { padding-right: 255px; }

  section.cms article,
  section.cms article p {
    text-align: justify;
  }
}

@media screen and (max-width:768px) {
  .estate-show header .logo { display: none; }

  section.shortcuts_50 ul li { float: none; width: 100%; height: 400px; }
  section.shortcuts_33 ul li { width: 50%; height: 250px; }

  section.listing article > div { min-width: 0; max-width: none; }

  .ad { height: 430px; }
  .ad .picture { height: 190px; }

  section.agenciesList article.agency .resizePicture,
  section.agenciesList article.agency .infos {
    width: 50%
  }

  section.showPictures,
  section.showPictures[data-pictures] {
    height: auto;
  }
  .show-carousel { height: 360px; }
  .show-carousel .owl-controls .owl-nav .owl-prev { left: 10px; background-position: -40px -222px; }
  .show-carousel .owl-controls .owl-nav .owl-next { right: 10px; background-position: -40px -342px; }
  .show-carousel .owl-controls .owl-nav .owl-prev,
  .show-carousel .owl-controls .owl-nav .owl-next {
    width: 50px; height: 75px;
  }
  section.showPictures .title { position: relative; bottom: auto; left: auto; }
  section.showPictures .title h1,
  section.showPictures .title h2 {
    float: none;
  }
  aside.showThumbs { height: 90px; }
  .show-carousel-thumbs .item { width: 100px; }
  .show-carousel-thumbs .owl-controls .owl-nav .owl-prev { background-position: -45px -215px; }
  .show-carousel-thumbs .owl-controls .owl-nav .owl-next { background-position: -40px -335px; }
  section.show article,
  .path,
  section.show aside,
  ul.action {
    float: none; width: 100%;
  }

  section.show .media iframe { width: 100%; height: 400px; }

  section.cmsForm article.cms,
  section.contact article.cms,
  section.newsshow article.cms,
  section.cmsForm aside.contact,
  section.contact aside.contact,
  section.newsshow aside.news,
  .blockMap {
    float: none; width: 100%;
  }
}

@media screen and (max-width:640px) {

  header { height: 350px; }
  header .logo { height: auto; }
  header .logo > div img { max-width: 50%; max-height: 100px; }

  .homepage-index header { height: auto !important; }
  .homepage-index header .logo { height: auto; }
  .home-carousel { height: 300px; }
  .home-carousel .item { position: relative; overflow: hidden; }
  .home-carousel .item img {
    position: absolute;
    left: -9999px;
    right: -9999px;
    width: auto;
    height: 100%;
    margin: auto;
  }

  footer .content { width: 100%; }

  section.shortcuts_50 ul li { height: 330px; }
  section.shortcuts_33 ul li { width: 100%; height: 330px; }

  .ads { margin: 0; }
  .ad { width: 100%; height: auto; margin: 0 0 20px 0;}
  .ad .picture { height: 350px; }

  .search form > div,
  .listingSearch form > section > div {
    float: none; width: 100%; margin: 0 0 5px 0;
  }
  aside.searchAlert { padding: 20px; }
  aside.searchAlert .alertMail { position: relative; top: auto; right: auto; }
  .search input[type="submit"] { float: right; }

  .show-carousel { height: 320px; }
  .back { float: none; margin: 0 0 20px 0; }
  .path p a,
  .path p span {
    float: none; display: block;
  }
  .path p a:last-of-type:after { content: none; }

  section.agenciesList article.agency .resizePicture,
  section.agenciesList article.agency .infos {
    display: block;
    width: 100%;
  }
  section.agenciesList article.agency .resizePicture { height: 350px; }

  section.userList article.user { float: none; width: 100%; }

  section.newsList article { height: auto; }
  section.newsList article .picture { float: none; width: auto; padding-top: 66%; margin: 0; }
  section.newsList article .content .button { position: relative; bottom: auto; right: auto; margin-top: 10px; }
}

@media screen and (max-width:560px) {
  footer .agency { height: auto; }
  footer .content .picture,
  footer .content .comment {
    display: block; width: auto;
  }
  footer .content .picture { height: 200px; margin: 0 0 10px 0; }
  footer ul.alerts li { display: block; margin: 0 0 10px 0 !important; }

  section.shortcuts_50 ul li,
  section.shortcuts_33 ul li {
    height: 280px;
  }

  .ad .picture { height: 290px; }
}

@media screen and (max-width:480px) {
  header { height: 300px; }
  .home-carousel { height: 250px; }

  .address>div { display: block; text-align: center; }
  .address>div:first-of-type { margin: 0 auto 20px auto; }
  .address>div>div { margin: 0; }
  section.shortcuts_50 ul li,
  section.shortcuts_33 ul li {
    height: 240px;
  }

  .ad .picture { height: 240px; }

  section.show .media iframe { width: 100%; height: 250px; }
  section.show article .panorama #panorama-item {height: 250px;}

  section.agenciesList article.agency .resizePicture { height: 250px; }
}

@media screen and (max-width:440px) {
  section.show article .details div.diagnostics img { display: block; width: auto; }
}

@media screen and (max-width:360px) {
  header { height: 250px; }
  .home-carousel { height: 200px; }

  footer .navigation ul li,
  footer .sectors ul li {
    display: block;
    margin: 0;
  }

  section.shortcuts_50 ul li,
  section.shortcuts_33 ul li {
    height: 175px;
  }

  aside.searchAlert { padding-bottom: 60px; }
  aside.searchAlert .alertMail { position: absolute; top: auto; right: 20px; bottom: 20px; }
  .ad .picture { height: 200px; }

  section.agenciesList article.agency .resizePicture { height: 180px; }
}

@media screen and (max-width:320px) {
  header { height: 200px; }
  .home-carousel { height: 150px; }

  section.shortcuts_50 ul li,
  section.shortcuts_33 ul li {
    height: 150px;
  }

  .ad .picture { height: 170px; }

  section.agenciesList article.agency .resizePicture { height: 150px; }
}