/*  Phones portrait 320 - 480px */

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

  /* header */

  .top {
    flex-wrap: wrap;
    padding: 0;
    margin: 15px 0 30px 0;
    width: 100%;
    height: auto;
  }

  .topLogo {
    height: 78px;
    padding-top: 12px;
    order: 0;
    margin-left: 15px;
  }

  .topIcons {
    flex-wrap: wrap;
    order: 1;
    width: 83px;
    margin-right: 15px;
  }

  .topSearch {
    margin: 0 10px 10px 0;
  }

  .topIcons > a + a {
    margin: 0;
  }

  .topIcons .topIcon:nth-last-child(2) {
    margin: 0 0 0 10px;
  }

  .topIcons .topIcon:last-child {
    display: none;
  }

  .topMenu {
    width: 100%;
    order: 2;
    margin-top: 15px;
  }

  .topMenu > ul {
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .topMenu > ul > li + li {
    margin: 0 7px;
  }

  .topMenu > ul > li {
    margin: 0 7px;
  }

  .topMenu > ul > li > a {
    font-size: 1.2rem;
    padding: 0;
    border: 0;
    line-height: 2rem;
  }

  .topMenu > ul > li > a:hover {
    padding: 0;
    border: 0;
  }

  /* main */

  .middle {
    width: 100%;
    display: block;
  }

  .middleLeft {
    width: 100%;
    padding: 0 15px;
  }

  .middleTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    padding: 15px;
    text-align: center;
    line-height: 110%;
  }

  /* home */

  .homeTop {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
  }

  .homeTop > img {
    width: auto;
    height: 250px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .homeIntro {
    display: block;
  }

  .homeText {
    width: 100%;
    margin-bottom: 15px;
  }

  .homeMap, .homeMap img {
    width: 100%;
  }

  .homeCategories a {
    width: 100%;
    margin-bottom: 15px;
  }

  .homeCategories img {
    width: 100%;
  }

  a.homeCategorySmall {
    width:calc(50% - 7.5px);
  }

  .homeRecent {
    margin-bottom: 15px;
  }

  .homeRecentArticle {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
  }

  .homeRecentArticle img {
    width: 100%;
  }

  /* article */

  .articleCover {
    height: 360px;
  }

  .articleCoverTitle {
    font-size: 2rem;
    bottom: 15px;
  }

  /* articles */

  .related {
    margin-bottom: 15px;
  }

  .relatedTitle {
    line-height: 1.5rem;
    margin-bottom: 30px;
  }

  .relatedList {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .relatedArticle {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
  }

  .relatedArticle + .relatedArticle {
    margin-left: 0;
  }

  .relatedArticle:nth-child(n+5) {
    display: none;
  }

  .list {
    display: block;
  }

  .listArticle {
    width: 100%;
  }

  .listArticleWide .listImage {
    aspect-ratio: auto;
  }

  /* cazare */

  .mapContainer {
    height: 300px;
  }

  .cazare > * {
    width: 100%;
  }

  /* comments */

  .comments1  { padding-left:  23px; background-position:   0px 0; }
  .comments2  { padding-left:  46px; background-position:  23px 0; }
  .comments3  { padding-left:  69px; background-position:  46px 0; }
  .comments4  { padding-left:  92px; background-position:  69px 0; }
  .comments5  { padding-left: 115px; background-position:  92px 0; }
  .comments6  { padding-left: 138px; background-position: 115px 0; }
  .comments7  { padding-left: 161px; background-position: 138px 0; }
  .comments8  { padding-left: 184px; background-position: 161px 0; }
  .comments9  { padding-left: 207px; background-position: 184px 0; }
  .comments10 { padding-left: 230px; background-position: 207px 0; }

  /* right */

  .middleRight {
    width: 100%;
  }

  .rightContent {
    padding: 0 15px;
  }

  /* footer */

  .footerLinks {
    width: 100%;
    padding-right: 15px;
  }

  .footerLinks > div {
    font-size: 1rem;
  }
}

/*  Phones landscape + Tablets portrait 541px - 960px */

@media only screen and (min-width: 641px) and (max-width: 1279px) {
  /* header */

  .top {
    flex-wrap: wrap;
    padding: 0;
    margin: 15px 0 30px 0;
    width: 100%;
    height: auto;
  }

  .topLogo {
    height: 78px;
    padding-top: 12px;
    order: 0;
    margin-left: 15px;
  }

  .topIcons {
    margin-right: 15px;
  }

  .topMenu {
    order: 2;
    margin-top: 15px;
    width: 100%;
  }

  .topMenu > ul {
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .topMenu > ul > li + li {
    margin: 0 7px;
  }

  .topMenu > ul > li {
    margin: 0 7px;
  }

  .topMenu > ul > li > a {
    font-size: 1.3rem;
    padding: 0;
    border: 0;
    line-height: 2rem;
  }

  .topMenu > ul > li > a:hover {
    padding: 0;
    border: 0;
  }

  /* main */

  .middle {
    width: 100%;
    display: block;
  }

  .middleLeft {
    width: 100%;
    padding: 0 15px;
  }

  .middleTitle {
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }

  /* home */

  .homeTop {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
  }

  .homeTop > img {
    width: auto;
    height: 260px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .homeIntro {

  }

  .homeText {
    width: 75%;
    margin-bottom: 15px;
  }

  .homeMap {
    width: calc(25% - 15px);
  }

  .homeMap img {
    width: 100%;
  }

  .homeCategories a {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
  }

  .homeCategories img {
    width: 100%;
  }

  a.homeCategorySmall {
    width: calc(25% - 11.25px);
  }

  .homeCategories a:nth-child(n-6), .homeCategories a:nth-child(n+11) {
    order:0;
  }

  .homeCategories a:nth-child(7) {
    order:1;
  }

  .homeCategories a:nth-child(8) {
    order:2;
  }

  .homeCategories a:nth-child(9) {
    order:3;
  }

  .homeCategories a:nth-child(10) {
    order:4;
  }

  .homeRecent {
    margin-bottom: 15px;
  }

  .homeRecentArticle {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
  }

  .homeRecentArticle img {
    width: 100%;
  }

  /* right */

  .middleRight {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }

  .middleRight > * {
    width: calc(50% - 7.5);
  }

  /* footer */

  .footerLinks {
    width: 100%;
    padding-right: 15px;
  }

  .footerLinks > div {
    font-size: 1rem;
  }

  /* articles */

  .related {
    margin-bottom: 15px;
  }

  .relatedTitle {
    line-height: 1.5rem;
    margin-bottom: 30px;
  }

  .relatedList {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .relatedArticle {
    width: calc(25% - 11.25px);
    margin-bottom: 15px;
  }

  .relatedArticle + .relatedArticle {
    margin-left: 0;
  }

  .relatedArticle:nth-child(n+5) {
    display: none;
  }
}

/*  Tablets landscape + Low res PCs 1170px - 1280px */

@media only screen and (min-width: 1260px) and (max-width: 1350px) {
  .top {
    margin-bottom: 15px;
    justify-content: space-between;
  }

  .topIcons {
    margin-left: 30px;
  }

  .topMenu {
    width: auto;
    order: 0;
  }

  .topMenu > ul > li > a {
    font-size: 1.1rem;
  }

  .topLogo {
    margin-right: 30px;
  }

  .middleTitle {
    text-align: center;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1560px) {
  .topMenu > ul > li > a {
    font: bold 1.1rem "PT Sans Narrow", Arial;
  }

  .topMenu > ul > li + li {
    margin: 0 0 0 7px;
  }
}

/* ads */

@media only screen and (min-width: 596px) and (max-width: 879px) {
  .bWide > div:nth-child(2) {
    flex-grow: 1;
  }

  .bWide > div:nth-child(3) {
    display: none;
  }
}

@media only screen and (max-width: 595px) {
  .bWide {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .bWide > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .bWide > div:nth-child(1) > img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    opacity: 0.2;
  }

  .bWide > div:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .bWide > div:nth-child(3) {
    display: none;
  }
}