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

   body{
      padding-top: 6vw;
      padding-bottom: 10vw;
      background-color: #f5f5f5;
   }

   .menu, header.primary, .topbar {
      display: none; 
   }

   .kandoMobilMenuHeader{
      width: 100%;
      position: fixed;
      /* background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); */
      background-color: white;
      padding: 1vw 3vw 0vw 3vw;
      height: 6vw; /* 15 */
      z-index: 4;
      display: inline;
      top: 0;
      background-color: #fff;
      border-bottom: solid 1px rgba(0,0,0,.03);
      box-shadow: 0 4px 18px 0 rgba(0,0,0,.08);  
   }

   hr.leftMenuTagolo{
      border-width: 0;
      background-color: lightgray;
      height: 0.2vw;
      margin: 0vw;
      margin-top: 2vw;

   }

   .leftNavOpenBtn{
      width: 4vw;
      height: 4vw;
      float: left;
      margin-top: 0vw;
      position: fixed;
      z-index: 9;
   }

   .rightAlertBell{
        float: right;
        width: 4vw;
        height: 4vw;
   }

   .leftNavOpenBtn img{
         width: 4vw;
         height: auto;
   }

   .leftNavOpenBtn span{
      margin-top: 1.8vw;
      width: 14vw;
      padding: 0.9vw;
      background-color: black;
      border-radius: 10vw;
      float: left;
   }

   #logoOfKando{
      width: 8vw;
      height: auto;
      margin-top: -4vw;
      margin-left: 2vw;
   }

   #logoOfKandoText{
      color: #F73F52;
      font-size: 6vw;
   }

   /*** side navigation ***/
   .menuIcon{
      width: 3vw;
      padding-bottom: 0.5vw;
      margin-right: 2vw;
      margin-left: -2vw;
   }

   .sidenav{
      height: 100vh;
      width: 54%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: -54%;
      background-color: white; /* #111*/
      overflow-x: hidden;
      overflow-y: auto;

      /*transition: 0.2s linear;*/
      transition: transform 200ms linear;
      transform: none;
      will-change: transform;

      padding-top: 6vw;
      padding-bottom: 10vh;

      white-space: nowrap;
      text-overflow: clip;
   }

   .sidenav a{
      padding: 1vw 0vw 1vw 6vw;
      text-decoration: none;
      font-size: 2.8vw;
      color: black; /* #818181 */
      display: block;
      margin-right: -2vw;
      margin-top: 2vw;
   }

   .sidenav a:hover{
      color: gray; /* #f1f1f1 */
   }

   .sidenav .closebtn{
      position: absolute;
      top: -2vw;
      right: 6vw;
      font-size: 6.2vw;
   }

   #szakkepzesiPartenerekTable{
      width: 100%;
   }

   .partnerekImg{
      width: 70%;
      height: auto;
      margin: 1vw 0vw;
   }

   #swipablePad{
      height: 100vh;
      width: 100vw;
      position: fixed;
      z-index: 8;
      top: 0;
      left: -90%;
      /*background: none;*/
      background-color: black;
      opacity: 0;

      /**/
      transform: none;
      transition: opacity 0.2s;

      /*transition: opacity 200ms linear;*/

      will-change: transform, opacity;
   }

   /* lista */
   /* Style the sidenav links and the dropdown button */
   .dropdown-btn{
      padding: 0vw;
      text-decoration: none;
      color: #818181;
      display: block;
      border: none;
      background: none;
      width: 100%;
      text-align: left;
      cursor: pointer;
      outline: none;
   }

   /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
   .dropdown-container{
      padding: 2vw 0vw 2vw 5vw;
      display: none;
      background: none;
   }

   .dropdown-container hr{
      width: 90%;
      height: 0.5vw;
      border-width: 0;
      color: red;
      background-color: #F73F52;
      margin: -2vw 0 -0vw 0;
   }

   #bodyScroll{
      /*overflow-y: visible;*/

      overflow-x: hidden;
   }

   #webGallery{
      display: none;
   }

   #mobilePageContent{
      width: 80vw;
      margin: 0vw auto;
   }

   #mobilePageContent .main-article{
      overflow: auto;
   }

   #mobilePageContent .main-article h1{
      font-size: 25px;
   }

   #mobilePageContent .main-article h2{
      font-size: 22px;
   }

   #mobilePageContent .main-article h3{
      font-size: 18px;
   }

   #mobilePageContent .main-article h4, h5, h6{
      font-size: 16px;
   }

   #mobilePageContent .main-article p{
      font-size: 14px;
   }
   
   #mobilePageContent .main-article div.row{
      margin-right: 0vw;
      margin-left: 0vw;
   }

   /* swiper */
   .swiper-container {
      margin-left: -10vw;
      margin-right: -10vw;
      margin-bottom: 20px;
      width: 100vw;
      height: auto;
      /*background-color: cyan;*/
      /*display: inline;*/
      padding-bottom: 15px;
   }

   /*div.swiper-slide{
      padding: 5vw;
   }*/

   .swiper-wrapper{
      height: auto;
   }

   .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 0;
   }

   div.article-kiemelet{
      margin: 0vw;
      padding: 0px;
   }

   div.container{
      padding: 0vw;
   }

   div.container{
      display: none;
   }

   /* pagination */

   .pagination {
      display: inline-block;
   }

   .pagination a {
      color: black;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
   }

   .pagination a.active {
      background-color: #4CAF50;
      color: white;
      border-radius: 5px;
   }

   .pagination a:hover:not(.active) {
      background-color: #ddd;
      border-radius: 5px;
   }

   /* */

   .footer{
      background-color: #252e38;
      color: #848f9a;
      padding: 20px 0;
      padding-top: 50px;
      border-top: 5px solid #F73F52;
      margin-top: 40px;

      text-align: center;
      padding: 0vw;
   }

   footer.footer{
      width: 100%;
      position: fixed;
      background-color: #f9f9f9;
      color: #848f9a;
      padding: 1.2vw 1vw 1vw 0.3vw;
      border-radius: 1.6vw 1.6vw 0 0;
      border-top: 0vw solid #F73F52;
      margin-top: 6w;
      text-align: center;
      z-index: 1;
      display: inline;
      bottom: 0;
      box-shadow: 0 15px 30px 0 rgba(0,0,0,.21),0 0 15px 0 rgba(0,0,0,.18)!important;
   }

   footer table.bottomNavigation{
      width: 100%;
   }

   footer table.bottomNavigation a{
      font-size: 2.2vw;
      color: black;
      font-weight: bold;
   }

   #bottomNavigationWebContent{
      display: none;
   }

   .kiemelthirek {
      margin-top: 35px;
      margin-bottom: 35px;
   }
}