/**
 * @file
 * Subtheme specific CSS.
 */

/* G L O B A L */

/* font */

@import url('https://fonts.cdnfonts.com/css/open-sans-condensed-2');

h1,
h2,
h3,
body {
  font-family: 'Open Sans Condensed', sans-serif;
  line-height: 160%;
}

img:hover {
  opacity: 0.8;
}

.feed-icon {
  display: none;
}

/* Cikk Cim*/

.cikkcim {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

/* linkek aláhúzása */

 a,
.cikkcim a {
  text-decoration: none;
  color: #444;

}

/* Cikk dátum*/
.card-datum {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Képek igazítása */

.node .field--type-image {
  float: none;
  text-align: center;
}

/* Alapértelmezett stílusok a CKEditor drupal-media elemekhez */
drupal-media[data-align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

drupal-media[data-align="left"] {
  float: left;
  margin-right: 15px;
}

drupal-media[data-align="right"] {
  float: right;
  margin-left: 15px;
}

/* HEADER */

/* Margó header*/

#navbar-top>section {
  margin-left: auto;
  margin-right: auto;
}

#navbar-top>div>section {
  min-height: 165px;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* FEJLÉC*/

.fejlec {
  background: #ffffff url("images/bg-header.jpg") no-repeat top left;
}

/* logo */

.navbar-brand {
  width: 70%;
}

#navbar-top>div>section>a>img {
  width: 33%;
  height: auto;
  padding-top: 1em;
}

.navbar {
  padding-bottom: 0;
  padding-top: 0;
}

/* Nyelvvalasztó */

#block-mobilis-nyelvvalaszto {
  width: 164px;
}

/* nyelvi ikonok közti táv*/
#block-mobilis-social>div.content>div>p>a {
  padding-right: 7px;
}

.nav-link {
  padding-left: 0px;
  padding-right: 7px;
}

.links,
.language-switcher-language-url  {
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  justify-content: flex-end;
  margin-top: 4px;
}

#block-mobilis-nyelvvalaszto>div.content>nav>span>a {
  color: white;
  text-decoration: none;
  background-color: #1eabe3;
  padding: 13px;
}

/* social ikonok */
#block-mobilis-social {
  width: 167px;
}

#block-mobilis-social>div.content>div>a>img {
  margin-right: 4px;
  margin-left: 4px;
}

/* FŐMENÜ */

#block-mobilis-main-menu {
  width: 100%;
}

#block-mobilis-search-form-wide>div.content.container-inline>div {
  display: block;
  float: right;
}

#block-mobilis-main-menu>ul {
  justify-content: space-evenly;
  padding-left: 10px;
  padding-right: 10px;
}

/* menü füügóleges csikok és magasság*/

#main-menu-link-contenta813eb30-987e-4015-abd7-e38aa97bed85>a,
#main-views-viewviewshirekpage-1>a,
#main-menu-link-contentac9782ed-1522-4f66-a81d-92b07ed157d0>a,
#main-views-viewviewsprojektekpage-1>a {
  border-right: 1px solid white;
}

/* főmenü linkek magassága*/

#main-menu-link-contenta813eb30-987e-4015-abd7-e38aa97bed85>a,
#main-views-viewviewshirekpage-1>a,
#main-menu-link-contentac9782ed-1522-4f66-a81d-92b07ed157d0>a,
#main-views-viewviewsprojektekpage-1>a,
#main-menu-link-contentee70839d-896a-42c1-9094-0354fcd01b79>a,
#main-views-viewviewszzold-view>a {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-weight: 700;
}

/* almenü linkek magassága*/

#main-menu-link-contentb94a605f-af58-413e-bb84-076bade70c17>a,
#main-menu-link-contenta7099923-97b1-4406-a755-69e0884c1fc2>a,
#main-menu-link-content7f1bb85d-b083-4486-a7e6-a758c3af584f>a,
#main-menu-link-contenta283e377-4ff2-45e7-8f16-9a4b966f5d80>a,
#main-menu-link-contentbc661627-699e-4909-b1fe-b8b556cf0a32>a,
#main-menu-link-contenta2a824af-76c6-45b8-8999-f55586d4f329>a,
#main-views-viewviewsmunkatarsakpage-1>a,
#main-menu-link-content8af7e6bf-ebf2-4010-9bdc-85ee19cb8070>a {
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: 500;
}

.sf-depth-1 {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  font-size: 21px;
}

.sf-depth-2 {
  text-decoration: none;
  color: white;
  text-transform: none;
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  background-color: #1EABE3;
}

ul.sf-menu.sf-style-none {
  background-color: #136991;
  font-family: 'Open Sans Condensed', sans-serif;
  float: left;
  padding: 0;
}

ul.sf-menu.sf-style-none.sf-navbar {
  width: 100%;
}

ul.sf-menu.sf-style-none ul {
  margin: 0;
  padding: 0;
}

ul.sf-menu.menu li {
  margin-right: 0px;
}

ul.sf-menu.sf-style-none a,
ul.sf-menu.sf-style-none a:visited,
ul.sf-menu.sf-style-none span.nolink {
  color: white;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  text-align: center;
}

/* mobilissimus menupont zold */

#main-views-viewviewszzold-view {
  background-color: #51b158;
}

/* menusor kozépre */

.block-superfish {
  display: flex;
  justify-content: center;
  background-color: #136991;
}

.fomenu-link {
  width: 100%;
}

/* TODO Navbar toggle TODO */

.hamburger-container {
  position: relative;
  /* A belső elemek (hamburger és menü) egymáshoz igazodnak */
}

/* Hamburger ikon stílus */
.hamburger-icon {
  display: none;
  /* Alapértelmezetten rejtve van */
  font-size: 40px;
  cursor: pointer;
  color: white;
  background-color: #136991;
  padding: 12px;
  border-radius: 3px;
  /*position:relative; */

}

/* Mobil menü stílusa */
.mobile-menu {
  display: none;
  /* Alapértelmezetten el van rejtve */
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  /* A hamburger ikonhoz képest pozícionáljuk TODO ez a rész már felesleges */
  top: 100%;
  /* A hamburger ikon aljától indul */
  left: 0;
  width: 300px;
  z-index: 9;
  /* A hamburger ikon alatt helyezkedik el */
}

.mobile-menu li {
  padding-left: 10px;
  background-color: #136991;
}

.mobile-menu li a {
  display: block;
  padding: 0px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

.mobile-menu li a:hover {
background-color: #0071b3;
}

/* TODO mobilmenü vége  */

.navbar-toggler-icon,
#superfish-main-toggle>span {
  display: none;
}

ul.sf-menu.sf-style-none a.sf-with-ul,
ul.sf-menu.sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}

ul.sf-menu.sf-style-none.rtl a.sf-with-ul,
ul.sf-menu.sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}

ul.sf-menu.sf-style-none span.sf-description {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #13a;
  display: block;
  font-size: smaller;
  line-height: 1.5;
  margin: 0.25em 0 0 0;
  padding: 0;
}

ul.sf-menu.sf-style-none li:hover,
ul.sf-menu.sf-style-none li.sfHover,
ul.sf-menu.sf-style-none a.is-active,
ul.sf-menu.sf-style-none a:focus,
ul.sf-menu.sf-style-none a:hover,
ul.sf-menu.sf-style-none span.nolink:hover {
  /*background: #cfdeff;*/
  outline: 0;
}

div.sf-accordion-toggle.sf-style-none a {
  color: #fff;
  font-weight: bold;
  padding-left: 1.5em;
  padding-right: 1em;
  scroll-padding-top: 1em;
  padding-bottom: 0.3em;
  position: relative;
}

div.sf-accordion-toggle.sf-style-none>a:after {
  content: "≡";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  speak: none;
}

/*  Toggle */

div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background: #136991;
  color: #fff;
}

div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded>a,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded>span.nolink {
  font-weight: bold;
}

ul.sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}

ul.sf-menu.sf-style-none.sf-accordion li li a,
ul.sf-menu.sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}

ul.sf-menu.sf-style-none.sf-accordion li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}

ul.sf-menu.sf-style-none.sf-accordion li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}

ul.sf-menu.sf-style-none.sf-accordion li li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}

ul.sf-menu.sf-style-none.rtl.sf-accordion li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}

ul.sf-menu.sf-style-none.rtl.sf-accordion li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}

ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}

ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}

ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper ol,
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}

ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper a.menuparent,
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}

ul.sf-menu ul li {
  width: 74%;
}

/* search form 

header #search-block-form {
  flex-flow: nowrap;
}

#navbar-main>div {
  background-color: #136991;
} */

/* FRONT PAGE - CL */

/* Slideshow */

.slick-prev:before,
.slick-next:before {
  color: #808080;
}

.slick-dots {
  bottom: -35px;
}

/* CL - Elválasztók */
#block-mobilis-mobilissimus>div.content>div>img,
#block-mobilis-hirek-elvalszto>div.content>div>img,
#block-mobilis-szolgaltatasokelvalaszto>div.content>div>img,
#block-mobilis-elvalasztomunkatarsak>div.content>div>img,
#block-mobilis-elvalsztokapcsolat>div.content>div>img {
  max-width: 100%;
  margin-top: 15px;
}

/* CL - Cégről blokk kék flekkel*/

#block-mobilis-cegrol>div.content>div.field.field--name-field-background.field--type-entity-reference.field--label-hidden.field__item>div>div.field.field--name-field-media-image.field--type-image.field--label-visually_hidden>div.field__item>img:hover {
  opacity: 1;
}

#block-mobilis-cegrol>div {
  position: relative;
}

#block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  text-align: center;
  height: auto;
}

#block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>p {
  width: 50%;
  padding: 15px;
  background-color: #1FAAE2;
  position: absolute;
  text-align: center;
  top: 30%;
  left: 25%;
  z-index: 8;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  line-height: 1.8em;
  box-shadow: 0 0 14px 22px #1FAAE2;
}

/*narancssárga tovabb gomb*/
#block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>a>img {
  position: absolute;
  text-align: center;
  top: 80%;
  left: 41%;
  z-index: 8;
  width: auto;
}

/*Blokk gombok - archivum tovabb*/
#block-mobilis-views-block-munkatarsak-block-1>div.content>div>div>div.view-footer>a>img,
#block-mobilis-content>div>div>div>div.view-footer>a>img {
  margin-top: 20px;
  width: auto;
}

/* CARDS */

/* kép */

#block-mobilis-content>div>div>div>div.view-content.row>div>div>div>div.views-field.views-field-field-media-image>div>a>img {
  width: 100%;
  height: auto;
}

/* kép alatti blokk */

#block-mobilis-views-block-kapcsolodo-projektek-block-1>div>div>div>div>div>div>div,
#block-mobilis-views-block-kapcsolodo-cikkek-block-1>div>div>div>div>div>div>div,
#block-mobilis-content>div>div>div>div.view-content.row>div>div {
  background-color: #fff;
  padding-bottom: 2.2em;
  position: relative;
  height: 100%;
}

/* Tovább */

.tovabb {
  position: absolute;
  bottom: 0;
  padding-bottom: 6px;
}

.tovabb>a,
.tovabb>span>a {
  text-decoration: none;
}

.tovabb::after {
  color: #0071b3;
  content: ' \00BB';
}

.card-datum,
.cikkcim,
.tovabb {
  padding-left: 15px;
  padding-right: 15px;
}

.cikkbody {
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}

/* CL Hirek */

.cikkek {
  background-image: url(images/bg-hirek.jpg);
  padding: 40px 30px 40px 30px;
}

#block-mobilis-content>div>div>div>div.view-content.row {
  padding: 40px 20px 40px 20px;
}

/* Zöld cimke híreken*/
#block-mobilis-content>div>div>div>div.view-content.row>div>div>div>span.views-field.views-field-term-node-tid,
#block-mobilis-content>div>div>div>div.view-content.row>div>div>div>div.views-field.views-field-term-node-tid {
  display: block;
  margin-left: 5px;
  margin-top: 5px;
}

.zold-cimke {
  display: inline;
  background-color: #51b158;
  color: white;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 18px;
  float: right;
  margin-right: 15px;
}

/* Szolgáltatások cl*/

.szolg {
  background-image: url(images/bg-szolgaltatasok.jpg);
  padding-top: 1em;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 1em;
}

/* ikonok */

/* Háttér */

#block-mobilis-content>div>article>div>div.field.field--name-field-szolg-ikon.field--type-entity-reference.field--label-hidden.field__item>a>img,
.service-ikon {
  text-align: center;
  background-color: #1EABE3;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}

#block-mobilis-views-block-szolgaltatasok-block-1>div>div>div>div>div>div>div>div>div:hover {
  background-color: #F3A14C;
}

#block-mobilis-views-block-szolgaltatasok-block-1>div>div>div>div>div>div>div {
  margin-top: 20px;
  text-align: center;
}

.views-field-field-szolg-ikon {
  text-align: center;
}

/* IKON Pozició*/

#block-mobilis-views-block-szolgaltatasok-block-1>div>div>div>div>div>div>div>div>div>a>img {
  margin-top: 2px;
  width: 99%;
  height: auto;
}

/* szoveg*/

#block-mobilis-views-block-szolgaltatasok-block-1>div>div>div>div>div>div>div>div>span>a {
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  color: #575656;
}

/* MUNKATÁRSAK BLOKK cl*/

.munkatarsak {
  background-image: url(images/bg-munkatarsak.jpg);
  padding-top: 2em;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 3em;
  margin-bottom: 20px;
}

/* kep */

#block-mobilis-views-block-munkatarsak-block-1>div.content>div>div>div.view-content.row>div>div>div>div.views-field.views-field-field-kep,
.munk-cim,
.munk-poz,
.munk-nev {
  text-align: center;
}

.munk-cim {
  margin-top: 1em;
  margin-bottom: 0.4em;
  font-size: 20px;
}

/*kapcsolat - blokk cl*/

#block-mobilis-kapcsolatblokk>div.content>div {
  background-image: url(images/bg-kapcsolat.jpg);
  padding: 20px;
}

.kapcs-szoveg {
  display: inline-block;
  text-align: right;
  padding-right: 20px;
}

.kapcs-iframe {
  float: right;
}

/* EGYSZERŰ OLDAL */

/* oldal cim */
#block-mobilis-page-title>div.content>h1 {
  font-size: 33px;
  text-transform: uppercase;
  color: #f28b21;
  text-align: center;
  font-weight: 700;
  padding: 25px 40px 0;
}

/* Kapcsolódók felcíme */

#block-mobilis-views-block-kapcsolodo-cikkek-block-1>h2,
#block-mobilis-views-block-kapcsolodo-projektek-block-1>h2 {
  text-transform: uppercase;
  color: #f28b21;
  padding-top: 25px;
  font-weight: 700;
}

/* munkatársak oldal */

.munk-pict,
.munk-poz {
  text-align: center;
}

.munk-pict {
  padding-top: 1em;
}

.munk-cim a {
  text-decoration: none;
}

/*  HIREK NÉZET */

.pagination {
  margin-top: 15px;
}

/* Projektek nézet*/

.view-header {
  margin-bottom: 20px;
}

.projekt-kep>a>img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/* Kapcsolat */

/* FOOTER */

.site-footer{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 19px;
  line-height: 160%;
}

#page>footer>div>div.site-footer__top.clearfix {
  display: flex;
  justify-content: space-between;
}

#page>footer>div>div.site-footer__top.clearfix>section.row.region.region-footer-second {
  margin-left: auto;
  margin-right: auto;
}

#page>footer {
  background-color: #136991;
  border-top: 1px solid #136991;
  border-bottom: 1px solid #136991;
  margin-bottom: 1px;
  padding: 25px 0 0px 0;
  margin-top: 20px;
}

.site-footer .block {
  border: none;
}

/* Cikk */

/* Szerző dátum */

#block-mobilis-content>div>article>header>div.node__meta>em {
  font-size: 18px;
}

/* beágyazott galériáról a keret leszedése*/

.slide__grid{
border-radius: 0;
}


/*  M E D I A   Q U E R R Y    */


/* Max-width 1199 */


@media (max-width: 1199px)
/* Cégről blokk */

  {

    #block-mobilis-cegrol > div> div > div > div > div.field__item > img {
    display: none;
  } 

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    max-width: 65%;
  }

  #block-mobilis-cegrol>div.content {
    background-color: #1FAAE2;
    position: relative;
  }

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>p {
    position: relative;
    width: 100%;
    height: auto;
    box-shadow: none;
  }

  /* GOMB */

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>a>img {
    position: relative;
    left: 26%;
    bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #navbar-top>div>section>a>img {
    width: 50%;
  }

  #block-mobilis-nyelvvalaszto {
    width: 180px;
  }

  #block-mobilis-social {
    width: 183px;
  }
}

/* Beágyazott galériák ne bélyegképek legyenek, de inkább a blazy_gridben nyúltam bele

@media (min-width: 641px) and (min-width: 1024px) {
  .b-grid--md-2 > .grid {
      width: 100% !important;
  }
}*/

@media (max-width: 991px) {

  /* MENU */

  .block-superfish {
    justify-content: flex-start;
  }

  /* TODO  Saját mobil menu a global.js ben TODO

/* Menü rejtése mobilon */

  #superfish-main li {
    display: none;
    /* Elrejtjük a főmenü elemeit */
  }

  .hamburger-icon {
    display: block;
    /* Megjelenítjük a hamburger ikont 992px alatt */
  }

  /* Szubmenü elemek behúzása */
.mobile-menu li ul {
  list-style-type: none; /* Szubmenü stílusának eltávolítása */
  padding-left: 20px; /* Behúzás a szülő menüponthoz képest */
  margin: 0;
}

.mobile-menu li ul li {
  padding-left: 10px; /* További behúzás a szubmenü elemeihez */
}

.mobile-menu li ul li a {
  color: #ddd; /* Szubmenü link színe */
}

  /* TODO vége*/

  /* Elvalasztok*/

  #block-mobilis-mobilissimus>div.content>div,
  #block-mobilis-hirek-elvalszto>div.content>div,
  #block-mobilis-szolgaltatasokelvalaszto>div.content>div,
  #block-mobilis-elvalasztomunkatarsak>div.content>div,
  #block-mobilis-elvalsztokapcsolat>div.content>div {
    display: flex;
    overflow: hidden;
    justify-content: center;
  }
}

/* 768-991  */

@media (min-width: 768px) and (max-width: 991px) {

  /* logo */
  #navbar-top>div>section>a>img {
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  #block-mobilis-nyelvvalaszto {
    width: 50%;
    float: inline-start;
  }

  #block-mobilis-social {
    float: left;
  }

  #block-mobilis-social>div.content>div>p {
    width: 178px;
  }

  /* Elválasztók */

  #block-mobilis-mobilissimus>div.content>div>img,
  #block-mobilis-hirek-elvalszto>div.content>div>img,
  #block-mobilis-szolgaltatasokelvalaszto>div.content>div>img,
  #block-mobilis-elvalasztomunkatarsak>div.content>div>img,
  #block-mobilis-elvalsztokapcsolat>div.content>div>img {
    min-width: 1000px;
  }

  /* Footer mail*/

  .site-footer__top .region {
    width: 34%;
    padding: 0 0.65%;
  }

  #block-mobilis-kapcsolatfooter>div.content>div>p>a:nth-child(5) {
    text-align: right;
  }
}

@media(max-width: 767px) {

  /* Margó */

  #block-mobilis-content>div>div>div>div.view-content.row {
    padding: 40px 5px 40px 5px;
  }

  #navbar-top>div>section {
    display: block;
  }

  /* logo */
  #navbar-top>div>section>a>img {
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  /* Nyelvválasztó Social IKONOK */

  #block-mobilis-nyelvvalaszto {
    width: 50%;
    min-width: 165px;
    float: left;
  }

  .nav-link,
  #block-mobilis-nyelvvalaszto>div.content,
  #block-mobilis-nyelvvalaszto>div.content>nav {
    float: right;
  }

  .links {
    justify-content: unset;
  }

  /* Social Ikon Blokk*/

  #block-mobilis-social {
    width: 50%;
    float: right;
  }

  .field--type-entity-reference {
    text-align: center;
  }

  /* Főmenü */

  /*  Toggle */

  div.sf-accordion-toggle.sf-style-none a.sf-expanded,
  ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
    background: #136991;
  }

  /* mobil-menu szin*/

  .sf-depth-2 {
    background-color: #136991;
  }

  /* Slider*/

  #block-mobilis-views-block-slideshow-block-1>div>div>div>div>div>nav>button.slick-next.slick-arrow,
  #block-mobilis-views-block-slideshow-block-1>div>div>div>div>div>nav>button.slick-prev.slick-arrow {
    display: none !important;
  }

  /* Elválasztó */

  #block-mobilis-mobilissimus>div.content>div,
  #block-mobilis-hirek-elvalszto>div.content>div,
  #block-mobilis-szolgaltatasokelvalaszto>div.content>div,
  #block-mobilis-elvalasztomunkatarsak>div.content>div,
  #block-mobilis-elvalsztokapcsolat>div.content>div {
    display: flex;
    overflow: hidden;
    justify-content: center;
  }

  #block-mobilis-mobilissimus>div.content>div>img,
  #block-mobilis-hirek-elvalszto>div.content>div>img,
  #block-mobilis-szolgaltatasokelvalaszto>div.content>div>img,
  #block-mobilis-elvalasztomunkatarsak>div.content>div>img,
  #block-mobilis-elvalsztokapcsolat>div.content>div>img {
    min-width: 920px;
  }

  /* kapcsolat */

  .kapcs-iframe {
    width: 100%;
  }

  /* FOOTER */

  #page>footer>div>div.site-footer__top.clearfix {
    display: block;
  }

  .site-footer .block {
    width: 100%;
  }

  #block-mobilis-kapcsolatfooter,
  #block-mobilis-mobilissimus-footer{
    margin-left: 13px;
  }
}

@media(max-width: 575px) {

  /* A menu toggle ne tünjön el 575 alatt sem */

  #navbar-main>div>button {
    display: none;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
  }

  /** CÉgről blokk*/

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    max-width: 90%;
  }

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>p {
    left: 5%;
  }

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>a>img {
    left: 5%;
  }

  /* nézetek margó*/

  .cikkek {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
  }

}

/* 377 ALATT*/

@media(max-width: 377px)and(min-width: 354px) {
  #block-mobilis-nyelvvalaszto {
    min-width: 155px;
  }

  #block-mobilis-social {
    width: 49%;
  }
}

/*ikonbetűt és paddingot kisebbre venni */

@media(max-width: 353px) {

  /* IKONOK */

  #block-mobilis-nyelvvalaszto {
    min-width: 155px;
  }

  #block-mobilis-social {
    float: left;
    max-width: 142px;
    padding-top: 4px;
  }

  #block-mobilis-nyelvvalaszto>div.content>nav>span>a {
    padding: 8px;
  }

  #block-mobilis-nyelvvalaszto>div.content {
    padding-top: 0;
  }

  #block-mobilis-social>div.content>div>p>a>img {
    width: 40px;
    height: 40px;
  }

  /* Cégről blokk */

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    max-width: 81%;
  }

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>a>img {
    left: 10%;
  }

  #block-mobilis-cegrol>div.content>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item>p {
    left: 10%;
  }

}