@media only screen and (min-width: 1800px)
{
  .tartalom
  {
    padding: 0;
  }
  .card-contents {
    padding: 5% 0 5% 0;
  }
  #first
  {
    margin: 0;
  }
}
@media only screen and (max-width: 1400px)
{
  .mySwiper .swiper-slide {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1300px)
{
  .focim
  {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1200px)
{
  .card_read-more {
    line-height: 1.3;
    font-size: 17px;
  }
  .teglalap
  {
      display: inline;
  }
  .teglalap img
  {
      text-align: center;
  }
  .boksz
  {
    width: 100%;
  }
    
    .box
    {
      width: 95%; 
    }
    .jobb
    {
      margin: 10vh 0 0 0;
    }
}
@media only screen and (max-width: 1100px)
{
  
  .slidershow
  {
    margin: 10% 0 0 5%;
    width: 85%;
  }
  .mySwiper .swiper-slide {
    font-size: 35px;
  }
  .swiper-wrapper
  {
    padding-bottom: 20vh;
  }
}
@media only screen and (max-width: 1000px)
{
  #tajekoztato, .box
  {
      font-size: 17.5px;
  }
  .szovegcim
  {
      font-size: 25px;
  }
  .termekleiras
  {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px)
{
  .mobilelogo
  {
    display: initial;
    z-index: 10;
  }
  .kapcsolat
  {
    font-size: 40px;
  }
  .elerhetoseg
  {
    display: inline;
  }
  .elerhetosegdiv
  {
    width: 100%;
  }
  .rolunk
  {
    font-size: 34px;
  }
  .card_name
  {
    font-size: 31px;
  }
    .footer
    {
        display: inline-block;
        font-size: 13px;
    }
    .fo
    {
      font-size: 15px;
    }
    .fo:not(:last-child)
    {
      margin-right: 30px;
    }
    .footerdiv
    {
        width: 100%;
    }
    #second
    {
        margin: 60px 0 0 60px;
    }
    .szamok
    {
        flex-direction: column;
    }
 
  .reszponzivkihagy
  {
      height: 80px;
  }
  .mySwiper .swiper-slide {
    font-size: 25px;
  }
  #mainmargin
  {
    padding-top: 100px;
  }
  .hirek .swiper-slide {
    width: 250px;
    height: 400px;
  }
  .swiper-slide img
  {
    width: 250px;
    height: 400px;
  }
  .fejlec
  {
    display: initial;
  }
  .slidershow
  {
    margin-left: 0;
    width: 95%;
  }
  .landingpage
  {
    padding: 15vh 0 0 5%;
  }
  .toggle .line1
  {
      transform: rotate(-45deg) translate(-5px,6px);
  }
  .toggle .line2
  {
      opacity: 0;
  }
  .toggle .line3
  {
      transform: rotate(45deg) translate(-5px,-6px);
  }
  .burger
  {
      display: block;
      cursor: pointer;
  }
  .swiper-container {
    height: 100vh;
  }
  .navbar .logo svg {
    transform: rotate(-180deg);
  }
  .navbar .link-text {
    display: inline;
  }
  
  .navbar .logo svg
  {
    margin-left: 11rem;
  }
  .nav-item
  {
    opacity: 0;
  }
  .navbar .logo-text
  {
    left: 0px;
  }
  /*.nav-link {
    filter: grayscale(0%) opacity(1);
    background: var(--bg-secondary);
    color: var(--text-secondary);
  }*/
  .navbar {
    width: 16rem;
    left: -16rem;
  }
  main
  {
    margin: 0;
  }
  .map-responsive{
    padding-bottom:70%;
  }
 
}
@media only screen and (max-width: 650px)
{
  .card_read-more--open {
    height: 38rem;
  }
}
@media only screen and (max-width: 600px)
{
  .swiper-wrapper
  {
    padding-bottom: 25vh;
  }
}
@media only screen and (max-width: 500px)
{
  .kapcsolat
  {
    font-size: 33px;
  }
  .focim
  {
    font-size: 45px;
  }
}
@media only screen and (max-width: 450px)
{
  .card_read-more {
    font-size: 15px;
  }
}
@media only screen and (max-width: 400px)
{
  .rolunk
  {
    font-size: 28px;
  }
  .card_name
  {
    font-size: 26px;
  }
  #first, #second
  {
      margin-left: 20px;
  }
  #second
  {
    margin-bottom: 30px;
  }
  .allogo
  {
    margin: 20px 0 30px 0;
  }
  .hirek .swiper-slide {
    height: 350px;
  }
  .swiper-slide img
  {
    height: 350px;
  }
  .focim
  {
    font-size: 40px;
  }
}