@media all and (max-width: 960px) {
    .wrapper{width:auto}
    h2,h3 {margin: 20px 0 10px 0;}
    #page-c{padding-left:10px;padding-right:10px}
     #pdesc table td, #szabadidos-lehetosegek table td {display:block;width:inherit !important;text-align:center;padding-top:10px; height:auto;}
     #pdesc table td img, #pdesc blockquote, #szabadidos-lehetosegek table td img {position: inherit; margin: 5px;max-width:100%;height:inherit !important}
     #pdesc blockquote {padding-right: 15px;}
     
    .pagelist {height: auto;}
	.pagelist .img {margin: 0 auto; width: auto; float: none; text-align: center;}
	.pagelist .desc {float: none; width: auto;}
	.pagelist .title {text-align:center; font-size: 18px;}
	.btnmore {display:none}
	 
    #footer{padding-left:10px;padding-right:10px}
}
@media all and (max-width: 890px) {
  #footer .head{display:none}
  #footer table{margin-left:17px}
  #footer table{width:95%}
  #footer td{display:block;width:95% !important}  
  #footer .tdhead{display:table-cell;height:49px;line-height:52px}
  #footer table #hh{margin-left:0}
  #hh input{width:100%}
  #footer table #hh td{padding-left:0 !important}
  #menu-top-mini{display:block}
  
  #menu{position:absolute;top: 90px;width:100%;}
  #menu ul{background: white;}
  #menu ul li{display:block}
  #menu ul li a{padding:10px;border-bottom:1px solid #e31e86}
  #menu ul>li:last-child a{border-bottom:none}
  #menu{display:none}
  #menu.clicked{display:block}
  #header #menu ul li a{color: #e31e86;text-shadow:none}
  #header.fixed #logo_inverse {margin-top: 25px;}
	  
  .left,.right{float:none;width:auto;margin:0}
  .right{padding-top:30px;margin-right:10px}
  .right .title2, .left .title2, .right td{text-align:left}
  .main-page.bg-set{background-image: url("../images/site/main-bg-mobile.890.jpg") !important;}
  #header.fixed ul li ul{position:static;width:auto}
  .page-content {/*padding-top: 82px;*/}
}
@media all and (max-width: 680px) {
    #logo a{display:block;text-align:center}
    #logo span{position:static;padding-bottom:10px;display:block}
    .gallery-item{width:35%}
    .urlap table td{display:block}
     #header #logo{display:none}
     #header #menu-top-mini{top: 12px;right:7px}
     #header.fixed #logo_inverse{height: 97px;}
     .main-page.bg-set{background-image: url("../images/site/main-bg-mobile.680.jpg") !important;}
     .main-page.bg-set{height:700px !important}
     body{font-size: 17px;line-height: 32px;}
     #footer .head th, .tdhead{font-size: 22px;}
     #footer .body td#szeretne,#footer .body td#szeretne #small,#footer-text{font-size: 18px;}
     #menu{position:absolute;top: 90px;}
     .title{font-size: 35px;padding-top: 30px;padding-bottom: 15px;}
     .page-content{/*padding-top: 62px;*/}
     #megkozelites table td{display:block !important;width:100% !important}
     #megkozelites table td .map{height:200px !important}
     
    #header.fixed .lang_chooser span,#header.fixed .lang_chooser br{display:none;}
    #header.fixed .lang_chooser{padding-top:0px;top:2px;right:inherit;left:10px;width: 46px;text-align: left;}
    #header.fixed .lang_chooser a{margin:0}
	
	/*#header.fixed .lang_chooser {left: 10px; right: auto; top:0;}*/     
     
}
@media all and (max-width: 562px) {

    .modal{width:90%;left:0;margin-left:5%;margin-right:5%}
}
@media all and (max-width: 550px) {
    .termek-item div.col{display:block !important}
    .termek-item div.img{padding-top:30px}
    .title{font-size: 27px;padding-bottom: 8px;}
    .carousel-control{display:none}
    
}
@media all and (max-width: 460px) {
    #logo a{display:block;text-align:center}
    #logo span{position:static;padding-bottom:10px;display:block}
    .boxes-middle a{width:auto;margin:10px;display:block}
    .boxes-middle{padding:10px}
    .mainkat-item{display:block;width:auto}
    .mheader>img{display:none}
    .mheader>div{position:static}
    .fb_iframe_widget iframe{width:92% !important;margin-left:10px;margin-right:10px}
    .fb_iframe_widget,.fb_iframe_widget>span{display:block !important;width:auto !important}
    .gallery-item{width:auto}
    .urlap table{width:100%}
    .urlap table td input,.urlap table td textarea{width:96%}
    
    #idopontfoglalas .title{font-size: 24px;}
}