@media screen and (max-width:1920px) {
  .home-carousel { height: 475px; }
}

@media screen and (max-width:1400px) {
  .home-carousel { height: 400px; }
}

@media screen and (max-width:1024px) {
  header nav ul.menu { text-align: right; margin: 20px 0 12px 0; }
  header nav ul.menu li { display: none; }
  header nav ul.menu > li.btn { display: inline-block; }
  header nav ul.menu > li > a { padding: 5px 0; margin: 0; border: none; }
  header nav ul.menu > li.over > a,
  header nav ul.menu > li:hover > a {
    border: none;
  }

  .home-carousel { height: 300px; }
  section.homepageContent article { width: 65%; }

  footer .shortcuts li {
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 40px;
  }

  .overflowSearch { position: relative; left: auto; right: auto; padding: 0 20px; margin: 40px auto; }
  .overflowSearch .fields { margin: 0 -1%; }
  .overflowSearch .fields .field { width: 48%; margin: 0 1% 10px 1%; }
  .overflowSearch input[type="submit"] { position: relative; top: auto; right: auto; background-position: -1500px -100px; }

  section.homepageShortcuts_50 ul li { width: 48%; height: 300px; }
  section.homepageShortcuts_33 ul li { width: 31.33%; height: 200px; }

  .showPictures[data-layoutFixed="1"] .show-carousel { width: calc(68% - 10px); }
  .showPictures[data-layoutFixed="1"] article { width: calc(32% + 10px); }

  section.show .detailsList ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  section.show .media iframe { width: 100%; height: 300px; }

  section.usersList { margin: 0; }
  section.usersList article.user { float: none; width: 100%; margin: 0 0 40px 0; clear: both; }
}

@media screen and (max-width:900px) {
  footer .network,
  footer .agency {
    width: 50%; margin-bottom: 40px;
  }
  footer .sectors { float: none; width: 100%; clear: both; }
}

@media screen and (min-width:769px) and (max-width:1024px) {
  .ads { margin: 0; }
  .ads .ad { float: none; width: 100%; margin: 0 0 40px 0; }

  .similarBlock .item { margin-bottom: 20px; }
  .similarBlock .item h3 { text-align: center; }
  .similarBlock .item .picture { display: block; margin: 0 auto 20px auto; }
  .similarBlock .item > a > div { display: block; text-align: center; }
  .similarBlock .item > a > div:first-child { width: 100%; }
}

@media screen and (max-width:768px) {
  .columnLeft,
  .columnRight {
    float: none; width: 100%;
  }
  .columnLeft { margin-bottom: 40px; }

  .contactLine > .layoutLarge > div > div { display: block; width: auto; }

  section.selection .ads li { height: 180px; }
  .home-carousel { height: 250px; }

  section.homepageContent > .layoutLarge { min-height: auto; background-image: none; }
  section.homepageContent article { width: 100%; padding: 40px 0; }
  section.homepageContent article p { text-align: justify; }

  section.homepageTeam article.user .picture,
  section.homepageTeam article.user .infos {
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }
  section.homepageTeam article.user .picture { margin-bottom: 20px; order: 1 !important; }
  section.homepageTeam article.user .infos { order: 2 !important; }
  section.homepageTeam article.user .picture .userBubble { width: 200px; height: 200px; }

  section.homepageNews .news .picture,
  section.homepageNews .news article {
    float: none; width: 100%;
  }
  section.homepageNews .news .picture { height: 350px; }

  section.homepageShortcuts_50 ul li { float: none; width: 100%; height: 400px; margin: 0 0 20px 0; }
  section.homepageShortcuts_33 ul li { width: 48%; height: 250px; }

  .showPictures { height: auto; margin-bottom: 40px; background: none; }
  .showPictures article {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    background: none;
  }
  .showPictures article div { text-align: center; }
  .showPictures article ul li { display: inline-block; margin-left: 20px; }
  .showPictures article ul li:first-child { margin-left: 0; }

  .show-carousel { height: 400px; }
  .show-carousel .owl-stage { left: 0; }
  .show-carousel .owl-controls .owl-nav .owl-prev,
  .show-carousel .owl-controls .owl-nav .owl-next {
    width: 60px;
  }
  .show-carousel .owl-controls .owl-nav .owl-prev { margin-left: 0; background-position: -1479px -1070px; }
  .show-carousel .owl-controls .owl-nav .owl-next { right: 0; margin-right: 0; background-position: -1473px -1220px; }

  .showPictures[data-layoutFixed="1"] .show-carousel,
  .showPictures[data-layoutFixed="1"] article {
    float: none; width: 100%;
  }
  .showPictures[data-layoutFixed="1"] .layoutLarge { padding: 0; }

  section.show .detailsList ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  section.show .media iframe { width: 100%; height: 400px; }

  section.show .kelquartierMap { height: auto; }
  section.show .kelquartierMap #map { height: 500px !important; }
  .accordion { float: none; width: 100%; }
  .accordion dl dd,
  .accordion dl dt a {
    width: calc(100% - 60px);
  }

  section.newsList article .picture { float: none; width: 100%; }

  section.agenciesList { margin: 0 -1%; }
  section.agenciesList article.agency { float: left; display: block; width: 48%; margin: 0 1% 20px 1%; }
  section.agenciesList article.agency .resizePicture,
  section.agenciesList article.agency .infos {
    display: block; width: 100%;
  }
  section.agenciesList article.agency .resizePicture { height: 250px; }

  section.newsshow .shareBlock {position: relative;margin-bottom: 15px; top: auto;left: auto;transform: none;box-shadow: none;}
  section.newsshow .shareBlock input {display: none;}
  section.newsshow .shareBlock ul.socialLinks {max-height: 180px;border: none;}
}

@media screen and (max-width:720px) {
  header .topMenu { float: none; margin: 0; text-align: right; clear: both; }
  header .ribbon { height: auto; }

  section.selection .ads li { width: 48%; }

  .ad .picture { cursor: pointer; }
  .ad .picture .buttons > div a:nth-child(2) { display: none; }
  .ad .picture .buttons > div a:nth-child(1) { transform: translateX(0) translateY(100%); }
  .ad:hover .picture .buttons > div .button { transform: translateX(0) translateY(0); }
}

@media screen and (min-width:641px) and (max-width:1024px) {
  section.contact .ads .ad { float: left; width: 48%; margin: 0 1% 40px 1%; }
  section.contact .ads .ad:nth-child(3) { display: none; }
}

@media screen and (min-width:641px) and (max-width:768px) {
  section.show .userBlock,
  section.show .shareBlock,
  section.show .search,
  section.show .similarBlock {
    float: left; width: 50%;
  }
  section.show .search { clear: both; }
  section.show .similarBlock { padding-top: 12px; }
}

@media screen and (max-width:640px) {
  .overflowSearch .fields { margin: auto; }
  .overflowSearch .fields .field { float: none; width: 100%; margin: 0 0 10px 0; }

  header .logo { float: none; width: 100%; padding: 10px 0; text-align: center; }
  header nav ul.menu { position: relative; text-align: left; margin: 0; }

  footer .shortcuts li {
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .home-carousel { height: 200px; }
  section.homepageNews .news .picture { height: 300px; }
  .homepageNewsList > div,
  .homepageNewsList .button {
    width: 48%; margin: 0 1% 10px 1%;
  }
  .homepageNewsList { margin: 0 -1%; }

  section.selection .quickLinks > li { padding-bottom: 20px; }
  section.selection .quickLinks > li ul { position: relative; left: auto; right: auto; }

  section.homepageShortcuts_50 ul li { height: 330px; }
  section.homepageShortcuts_33 ul li { float: none; width: 100%; height: 330px; margin: 0 0 20px 0; }

  .ads { margin: 0; }
  .ads .ad { float: none; width: 100%; height: auto; margin: 0 0 40px 0; }

  .show-carousel { height: 350px; }

  section.agenciesList { margin: 0; }
  section.agenciesList article.agency { float: none; width: 100%; margin: 0 0 20px 0; }
  section.agenciesList article.agency .resizePicture { height: 300px; }
  section.agenciesList article.agency .infos { text-align: center; }
}

@media screen and (max-width:540px) {
  section.selection .ads { margin: 0; }
  section.selection .ads li { width: 100%; height: 240px; margin: 0 0 20px 0; }

  section.homepageShortcuts_50 ul li,
  section.homepageShortcuts_33 ul li {
    height: 280px;
  }
}

@media screen and (max-width:480px) {
  .quickLinks li { display: block; margin: 0; }

  .contactLine .agency,
  .contactLine .user {
    float: none; width: 100%; text-align: center;
  }
  .contactLine .userBubble { margin: 0 auto 40px auto; }

  footer .network,
  footer .agency {
    float: none;
    width: 100%;
    text-align: center;
  }
  footer .sectors { text-align: center; }
  footer .sectors h3 { width: 100%; }
  footer .sectors ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  footer .socialLinks { text-align: center; }
  footer .smallIcon.address { padding: 0; }
  footer .smallIcon.address:before { display: block; position: relative; top: auto; left: auto; margin: 0 auto 5px auto; }


  section.homepageTeam article.user .picture .userBubble,
  section.homepageTeam article.user .infos {
    padding: 0;
  }

  section.homepageNews .news .picture { height: 250px; }
  .homepageNewsList > div,
  .homepageNewsList .button {
    float: none; width: 100%; margin: 0 0 10px 0;
  }
  .homepageNewsList { margin: 0; }

  section.homepageShortcuts_50 ul li,
  section.homepageShortcuts_33 ul li {
    height: 240px;
  }

  section.listing { padding-top: 40px; }
  #mapContainer { text-align: center; }
  #mapContainer > .button { position: relative; bottom: auto; left: auto; margin-top: 20px; }

  .show-carousel { height: 320px; }
  section.show .detailsList ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  section.show .media iframe { width: 100%; height: 250px; }
  section.show article .panorama #panorama-item {height: 250px;}
  #showMap #map { height: 300px !important; }

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

  section.usersList article.user .picture { float: none; margin: 0 0 20px 0; }
  section.usersList article.user .picture .userBubble { width: 80px; height: 80px; }
  section.usersList article.user .infos { text-align: center; }
}

@media screen and (max-width:360px) {
  section.homepageTeam article.user .picture .userBubble { width: 150px; height: 150px; }
  section.homepageNews .news .picture { height: 200px; }
  section.homepageNews .news article { padding: 20px; }

  .ad .picture { height: 200px; }
  .ad .ribbon { position: relative; top: auto; left: auto; text-align: center; }
  .adLogo .titles { display: block; }
  .adLogo .titles div { display: block; }
  .adLogo .titles .logo { width: 100%; }

  .show-carousel { height: 300px; }

  section.show .detailsList .details ul li span,
  .areas li span {
    display: block; float: none;
  }

  .similarBlock .item > a > div { display: block; text-align: center; }
  .similarBlock .item > a > div:first-child { width: auto; }
  .similarBlock .item h3 { text-align: center; }
  .similarBlock .item .picture { margin: 0 auto 20px auto; }

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

@media screen and (max-width:320px) {
  section.selection .ads li { height: 210px; }

  .show-carousel { height: 280px; }

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


@media (max-width: 420px), (min-width: 641px) and (max-width:768px), (min-width: 1025px) and (max-width:1240px) {
  .ad ul li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: -1000px;
    margin-left: 2px;
    background-image: url('/images/free10/icons.svg');
    background-repeat: no-repeat;
  }
  .ad ul li.bedrooms span { width: 18px; background-position: -100px -850px; }
  .ad ul li.bathrooms span { width: 11px; background-position: -50px -850px; }
  .ad ul li.parking span { background-position: -250px -900px; }
  .ad ul li.plotofland span { width: 15px; background-position: -100px -900px; }
  .ad ul li.area span { width: 16px; background-position: -150px -850px; }
  .ad ul li.rooms span { background-position: 0px -850px; }
  .ad ul li.reference span { background-position: -200px -850px; }
  .ad ul li.pool span { width: 26px; margin: 0 2px; background-position: -250px -850px; }
  .ad ul li.terrace span { width: 21px; height: 16px; background-position: -250px -950px; }
}