/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016.02.25., 16:00:51
    Author     : user
*/
@charset "UTF-8";

@media all and (max-width:980px) {
  body {
    font-size:15px;
	width:980px;
  }
  .content {
    padding:0px 1em;
  }
  
 .oszlop_kep  img{
      height:160px;
      width:160px;
      
  }
  
}

@media all and (max-width:880px) {
  body{
    font-size:14px;
    width:880px; 
  }
  DIV.slider_inner .slider_content .description {
    padding:0px 7em;
  }
  .oszlop_kep  img{
      height:130px;
      width:130px;      
  }
  
  #text_rotator{
     left:180px; 
  }
  
  
  
  
}

@media all and (max-width:780px) {
  body {
    font-size:13px;
	width:780px;
   
  }
  .oszlop_kep img{
      height:110px;
      width:110px;      
  }
  
   #text_rotator{
     left:160px; 
  }
  
  
  
}
@media all and (max-width:680px) {
  body {
    font-size:12px;
    width:680px;
  }
  .oszlop_kep img{
      height:100px;
      width:100px;      
  }
  
  .sk_col_22_footer, .sk_col_2_footer {
      width:100%;
  }
  
  .jssor_1{
      width:100%; /* 380px; */
      height:32px;
      margin:0 auto 0 -8px;
  }
  
   #text_rotator{
     left:140px; 
  }
  
  
}

@media all and (max-width:580px) {
  body {
    font-size:11px;
	width:580px;
    
  }
  .oszlop_kep  img{
      height:90px;
      width:90px;
      
  }
  
   #text_rotator{
     left:120px; 
  }
  
  
}
@media all and (max-width:480px) {
  body {
    font-size:10px;
    width:480px;
  }
  .oszlop_kep img{
      height:80px;
      width:80px;      
  }
 
   #text_rotator{
     left:100px; 
  }
  
  
}

@media all and (max-width:380px)  {
  
    .article{
        display:none !important; 
    }
    
	.f_menu{ display:none;
             margin-bottom:-4px;	}
	/*
	nav ul { visibility: hidden; }
	*/	
    nav ul li{
        box-sizing: border-box; 
        width:100%; 
         font-size:120%;          
    }
    header{
        height:auto ;
        padding-bottom: 1em;
    }
    
    #fej_ala.fej_alatt{
        width:100%;
        height:152px;
        display: inline-flex;
        display: -webkit-inline-box;
    }
       
    .alap_div_fej{
        height:152px;  
        width: 100%;
    }
    
    #fej_ala .alap_div{
       height:152px;    
    }
    
    
     .logo1, .kozossegi, .keres{
         width:100% !important;   
         font-size:120% !important;  
        /* float: none !important; */
    }
    div.logo1{
        height:64px;
        line-height: 61px;
        
    }
    
    #roti_keret{        
        width: 100%;
        display: inline-block;
        height: 22px;
        overflow: hidden;
    }
    
    #text_rotator{
       display: inline-block; 
       width: 100% !important;
       margin: 1px;
       height: 43px !important;
       position: absolute;
       left: 0;
       top: 36px;
       line-height: 21px;
    }      
    
    #id_kozossegi .kozossegi{
        height:28px;        
    }
    
    #id_keres .keres{
        width:100%;
        padding:4px;
        height:28px;
        position:relative;
        line-height: 30px;
    }
        
    .menu {
	/* height:24; */
	display:inline-block;
	}

    .menu_mutat{ display:block; }



}