@media screen and (max-width: 1200px) {




}



@media screen and (max-width: 1000px) {

    
    div#maincontainer,
    div#header,
    div#slider_holder,
    div#content_holder,
    div#footer,
    div#menu_holder,
    div#content_holder,
    div#content_holder .box
   { 
        max-width: 100%;
        height: auto;
    }
    
    div#header{
        background-size: 100% auto;
        text-align: center;
    }
    
    a#logo:link, a#logo:visited{
        float: none;
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    
    a#logo:link img, a#logo:visited img{
        display: block;
        max-width: 100%;
    }
    
    div#search_holder{
        width: auto;
        margin: 10px auto;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    
    #search_holder form{
        margin: 0;
    }
    
    div#kiemelt_cikk{
        width: auto;
        margin-bottom: 10px;
        float: none;
        display: inline-block;
        margin: 10px;

    }
    
    div#menu_holder{
        padding: 10px;
	background: repeat-x url('../images/menu_x.jpg') left top, repeat url('../images/menu-y.png') left top;
        text-align: left;
    }
    
    div#footer{
        background: repeat-x url('../images/footer-x.png') left top,  repeat url('../images/menu-y.png') left top;
    }
    
    ul#menu{
        width: auto;
        float: none;
        display:none;
        
    }
    
    ul#menu li{
        float: none;
        display: block;
    }
    
    ul#menu li.sep{
        display: none;
    }
    
    #auth_btns{
        position: relative;
        display: inline-block;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        margin: 10px 0;
        float: right;
    }
    
    ul#menu li a:link, ul#menu li a:visited{
        margin: 0;
        padding: 10px 15px;
    }
    
    #mobil_menu{
        display: inline-block;
    }
    
    
    div#slider_holder .top_shadow{
        max-width: 100%;
        box-sizing: border-box;
       
    }
    
    div#slider_holder .top_shadow .item{
        width:100%!important;
        max-width: 100%;
        margin: 0!important;
        background: none;
        
    }
    
    div#slider_holder .top_shadow .item .inner{
        width: 100%;
        margin: 0!important;
        height: auto;
    }
    
    div#slider_holder .top_shadow .item .inner img{
        max-width: 100%;
    }
    
    div#primary{
        float: none;
        width: auto;
        display: block;
            background: #f0f5f4;
    margin: 0;
    padding: 10px;
    }
    
    div#secondary{
             float: none;
            display: block;
            width: auto;
            margin-left: 0;
            padding: 10px;
    }
    
    div#primary div#main{
        width: 80%;
    }
    
    div#primary div#main .box{
        width: 100%;
    }
    
    div#primary div#main .box .content p{
        max-width: none;
    }
    div#primary div#main .grid{
        margin-left: 0px!important;
    }
    
    .content.inner{
        padding: 0!important;;
    }
    
    div#primary div#main .grid .third{
       width: 33.333%;
        margin:  0 0 5px 0;
        -webkit-box-shadow: inset -4px -4px 0px 0px rgba(187,191,190,1);
        -moz-box-shadow: inset -4px -4px 0px 0px rgba(187,191,190,1);
        box-shadow: inset -4px -4px 0px 0px rgba(187,191,190,1);
    }
    
    div#primary div#main .grid .third .inner a img{
        max-height: 65px;
        display: block;
        margin: 0 auto;
    }
    
    div#secondary .box{
        width: auto;
    }
    
    div#secondary .box .title a:link, div#secondary .box .title a:visited{
        width: 100%;
        max-width: none;
        display: block;
           padding: 17px 10px 10px 41px;
        height: 100%;

    }
    
    div#secondary .box .title{
        background: #5AAAAB;
        width: 100%;
        max-width: none;
        display: block;
        height: auto;
        min-height: 58px;
    }
    
    div#secondary .box.pink .title{
        background: #F5656F;
    }
    
    div#secondary .box.brown .title{
        background: #AB896E;
    }
    
    div#secondary .box .shadow{
        width: 100%;
        background-size: 100%;
    }
    
    .banner:link, .banner:visited, .box_kozossegi{
        display: inline-block;
        vertical-align: top;
        
    }
    
    div#footer_right{
        width: auto;
    }
    
    ul#menu li ul{
        position: static;
        display: none;
        width: auto;
    }
    ul#menu li ul li{
        width: auto;
    }
    
    #eiContactForm input[type=text], #eiContactForm select{
        width: 100%!important;
        border: 1px solid #A4846A!important;
        background: none!important;
        margin: 10px 0;
    }
    
    .CalendarWidgetClass table{
        width: 100%!important;
        padding: 0!important;
    }
    
    div#naptar_holder td{
        height: auto;
        padding: 10px 0;
        width: auto!important;
    }
    
  
    
    
    

}

@media screen and (max-width: 800px) {
    
    div#primary div#main .grid .third{
        width: 50%;
    }
    .tab_contents .item .r{
      
        display: block;
        margin: 15px 0;
        width: 100%;
    }
    
    .tab_contents .item .l{
        max-width: 100%;
        
    }
    
    .tab_contents .item .l img{
        max-width: 100%;
        min-width: 0;
    }
}


@media screen and (max-width: 700px) {

    div#primary div#sidebar{
        float: none;
        width: auto;
    }
    .banner_widget{
        margin-bottom: 15px;
        text-align: center;
    }
    
    div#primary div#sidebar .banner_widget a{
        vertical-align: top;
        padding: 10px;
        display: inline-block;
        max-height: 121px;
        overflow: hidden;
    }
    
    div#primary div#sidebar .banner_bottom{
        display: none;
    }
    
    div#primary div#main{
        float: none;
        width: auto;
    }
    
      .CalendarWidgetClass .yearMonth{
        font-size: 20px!important;
            line-height: 38px!important;
    }
    
    a.ViButtonPrev.viButtonDesigned img,
    a.ViButtonNext.viButtonDesigned img{
        width: 40px;
    }
    div#naptar_holder td font{
        font-size: 18px;
    }
    
    div#naptar_holder th{
        font-size: 11px!important;
    }
	
}

@media screen and (max-width: 450px) {
    div#primary div#main .grid .third{
            width: auto!important;
            display: block!important;
            float: none!important;
            min-height: 0!important
    }
}