/* Počítače a zariadenia so stredne veľkým rozlíšením */
@media (min-width: 992px) and (max-width: 1300px) {
  .content.mainpage .partners .inner-container-partners {
    padding:0px;
    }
    .content.mainpage .register-project .register-projec-content .img img {
    height: 240px;
    }
  .content.mainpage .register-project .register-projec-content .img {
    height: 250px;
  }
  .content.mainpage .inner-container {
     margin-left: 10px;
    margin-right: 10px;
  }
  .content.mainpage .category .category-content .box .cover {
    font-size: 20px;
  }
  .content.mainpage .event .event-content .description {
    white-space: normal;
  }
  .content.mainpage .event .event-content .place {
    white-space: normal;
  }
  .content.mainpage .category .category-content .box .cover {
    padding-left: 15px;
  }
  .content.mainpage .register-project .register-projec-content .img .img-inner {
    height: 230px;
  }

}

@media (min-width: 870px) and (max-width: 991px) {
  .category-title {
    font-size: 0.9rem;
    line-height: 1.3;
  }
}

@media (min-width: 768px) and (max-width: 869px) {
  .category-title {
    font-size: 0.8rem;
    line-height: 1.3;
  }
}

/* Tablety a zariadenia s malým rozlíšením */
@media (min-width: 768px) and (max-width: 991px) {
  .content.mainpage .title-section {
    position: static;
    transform: none;
    font-size: 40px;
    margin-bottom: 45px;
  }
  .content.mainpage .register-project .title-section {
    margin-top: initial;
  }

  .content.mainpage .header .head-content {
    margin-left : initial;
  }
  .content.mainpage .header .logo {
    margin-top: 205px;
    margin-right: initial;
  }
  .content.mainpage .header .angle {
    margin-top: 185px;
  }
  .content.mainpage .header .head-content {
      margin-top: 220px;
  }
  .content.mainpage .category .category-content .box .cover {
    height: 250px;
    font-size: 20px;
  }
  .content.mainpage .category {
    padding-bottom: 60px;
  }
  .content.mainpage .inner-container {
    margin-left: 30px;
    margin-right: 30px;
  }
  .content.mainpage .about .title {
    padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
  }
  .content.mainpage .about {
    padding-bottom: 20px;
  }
  .content.mainpage .rating .title {
    padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
  }
  .content.mainpage .rating .rating-content .item {
    cursor: pointer;
    height: 230px;
  }
  .content.mainpage .rating {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .content.mainpage .register-project {
    padding-bottom: 50px;
    padding-top: 70px;
  }
  .content.mainpage .register-project .register-projec-content .img img {
    height: 230px;
  }
  .content.mainpage .register-project .register-projec-content .img {
    height: 240px;
  }
  .content.mainpage .register-project .project-title {
    font-size: 20px;
    line-height: 22px;
    padding-top: 15px;
    padding-left: 8px;
  }
  .content.mainpage .register-project .char {
    margin-top: 8px;
  }

  .content.mainpage .register-project .btn-container {
    margin-top: 55px;
  }
  .content.mainpage .publicVote .title {
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 0px;
  }
  .content.mainpage .publicVote {
    padding-bottom: 10px;
  }
  .content.mainpage .organizator {
    margin-bottom: 80px;
  }
  .event {
    background-color: #f6ba2b;
    padding-bottom: 50px;
    padding-top: 0px;
    text-align: center;
  }
  .content.mainpage .event .event-content .description{
        white-space: normal;
  }
  .content.mainpage  .event .event-content .place{
      white-space: normal;
    }
  .content.mainpage .organizator .organizator-content .description {
    font-size: 16px;

  }
  .content.mainpage .organizator .title {
    margin-bottom: 50px;
  }
  .content.mainpage .partners .inner-container-partners {
    padding: 0px;
  }
  .content.mainpage .partners .title-partner {
    /* text-align: center; */
    position: relative;
    border: none;
    height: initial;
    display: block;
    align-items: initial;
    top: initial;
    left: initial;
    background-color: inherit;
    max-width: none;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
  }

  .content.mainpage .partners .border {
    margin: 3px 5px 10px 5px;
  }
  .content.mainpage .partners {
    margin-top: 50px;
    margin-bottom: 70px;
  }
  .content.mainpage .history .title {
    margin-bottom: 50px;
  }
  .content.mainpage .register-project .register-projec-content .img .img-inner {
    height: 230px;
  }



}

/* Mobilné zariadenia */
@media (max-width: 767px){
  .ceremonial {
    margin-bottom: 30px;
    font-size: 18px !important;
    line-height: 23px;
  }
  .pdf-vysledky {
    font-size: 20px !important;
  }
  .youtube-holder iframe {
      height: 300px;
  }
  .circle-content {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    margin: 1rem auto;
    color: #122A43;
  }
  .content.mainpage section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .content.mainpage section .title {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 30px;
  }


  .content.mainpage .organizator,
  .content.mainpage .partners {
    padding-top: 70px;
    padding-bottom: 0px;
  }

  .content.mainpage .header .button-pannel {
    margin-bottom: 40px;
    margin-top: 15px;
  }
  .content.mainpage .header {
    min-height: 0;
  }

  .content.mainpage .header .logo {
    max-height: 140px;
    margin: 40px auto 10px auto;
    display: block;
  }
  .content.mainpage .header .head-content {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 25px auto 10px auto;
    line-height: 25px;
    float: none;
    display: block;
  }
  .content.mainpage .title-section {
    position: static;
    transform: none;
    font-size: 32px;
    margin-bottom: 25px;
  }
  .content.mainpage .category .category-content .half {
    width: 100%;
  }
  .content.mainpage .category .category-content .one-third {
    width: 100%;
  }
  .content.mainpage .category .category-content .one-fifth {
    width: 100%;
    font-size: 1.5rem;
  }
  .content.mainpage .category .category-content .one-sixth {
    width: 100%;
    font-size: 1.5rem;
  }
  .content.mainpage .category .category-content .box .cover {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .content.mainpage .inner-container {
    margin-left: 0px;
    margin-right: 0px;
  }
  .content.mainpage .term .up-row {
    top: -465px;
  }
  .content.mainpage .term .up-row .date {
    margin-bottom: 10px;
  }
  .content.mainpage .term .up-row .cont {
    height: 75px;
    min-height: 110px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
  .content.mainpage .term .up-row .active {
    outline: none;
  }
  .content.mainpage .term .up-row {
    text-align: left;
  }
  .content.mainpage .term .up-row .cont-up {
    position: initial;
  }
  .content.mainpage .term .up-row .description {
    max-width: 75%;
    margin-left: 10px;
  }
  .content.mainpage .term .up-row .date {
    margin-left: 10px;
  }
  .content.mainpage .term-content {
    max-height: 380px;
  }
  .content.mainpage .rating .rating-content .item {
    height: 270px;
    background-clip: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
  }
  .content.mainpage .rating {
    padding-bottom: 70px;
  }
  .content.mainpage .register-project .title-section {
    margin-top: 0px;
    display: block;
    white-space: inherit;
  }
  .content.mainpage .register-project {
    background-color: #07253f;
    padding-bottom: 50px;
    padding-top: 70px;
  }
  .content.mainpage .register-project .project-title {
    font-size: 18px;
    line-height: 24px;
    padding-top: 15px;

  }
  .content.mainpage .register-project .char {
    display: none;
  }
  .content.mainpage .register-project .item{
    margin-top: 45px;
    position: relative;
    left:0px;
    padding-left: 25px;

  }
  .content.mainpage .register-project .register-projec-content .img {
    width: 85%;
  }
  .event {
    text-align: center;
  }
  .content.mainpage .event .title-section {
     margin-top: 0px;
  }
  .content.mainpage .event .event-content .description {
    font-size: 18px;
    line-height: 22px;
  }
  .content.mainpage .event .event-content .place {
    font-size: 30px;
  }
  .content.mainpage .event .btn-container {
      margin-top: 35px;
  }
  .content.mainpage .organizator .organizator-content .description {
    margin-bottom:15px;
    font-size:16px;
   }
  .content.mainpage .organizator .organizator-content .description br {
    display:none;
   }
   .content.mainpage .organizator .organizator-content .img-holder  {
     display:inline-block;
     padding: 10px;
     margin-top: 0;
     margin-bottom:15px;
     position:relative;
     left:50%;
     transform:translateX(-50%);
  }
   .row.header.menu .logo-gold {
     max-width: 50px;
     max-height: 50px;
   }
   .flex-items {
     flex-wrap: wrap;
   }
  .flex-items img {
    width: 100%;
    height: 100%;
  }
  .content.mainpage .partners .img-holder {
    width: 140px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
  }
  .organizator-content .title {
    margin-bottom: 0 !important;
  }
  .main-content {
    margin-top: 70px !important;
  }
  .content.mainpage .partners .inner-container-partners {
    padding: 0px;
  }
  .content.mainpage .partners .title-partner {
    position: initial;
    border: none;
    height: auto;
    display: inherit;
    padding-top: 10px;
    max-width: initial;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .content.mainpage .partners .logo {
      text-align: center;
    }
    .content.mainpage .partners .border .img-holder {
      margin-bottom: 10px;
      margin-top: 10px;
    }

  .content.mainpage .history .item {
    height: 120px;
    width: 120px;
    margin-bottom: 20px;
  }

  .content.mainpage .history .item .description {
    font-size: 22px;
    margin-left: 25px;
  }
  .content.mainpage .partners .border {
        margin: 15px 15px 15px 15px;
      }
  footer {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  
  .content.mainpage  .event .event-content .entry {
    font-size: 20px;
  }
}