@-ms-viewport {
  width: device-width;
}

@media screen and (max-width:1200px) {
   
	
	.site{ width: auto;  }
	.feeling{ height:auto; }  

	
	footer{ padding-top:30px; }
	.footerLeft{ width:auto ; margin-right:15px; }
	.homeAboutUs h2{ font-size:52px; padding-right:10px; }
	.homeAboutUs ul li{  line-height:120%; font-size:24px; padding:10px 0px; padding-right:10px;  }
	.colL, .colR{ width:47%; margin-left:1%; margin-right:1%; }
	.sec3 .colL { border-right:1px solid #DDD;  }
	header .helpBox{ display:none; }
	header .topContactBox{ width:50%; }
	
	.contentPage{ padding:15px; }
	.contentNewsPage { padding:0px 15px;  }
	
	.rightContent{ width:70%; }

	.langBox{ position:absolute; text-align:right; top:5px; }

	.langBox{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; z-index:100;  }
.langBox a{background-color:#FFF;   }

	.tagsRight{ width:200px; }
	.middleBlock{ margin-right:220px; }
	
	header{
		min-height: 100px;
	}
}


@media screen and (max-width:1024px) {
    
    header{
	    min-height:60px;
    }
	.contentText td{ float:left; width:auto !important; display:block; }

	footer .fbox .in{ padding:10px; }
	footer .fbox .in img{ width:100%; height:auto; }
	.itemsList .itemListItem{ width:45%; height:370px; }
	.selectTypeBox span { display:block; }
	.colProduct h1{ line-height:120%; } 

	.homeAboutUs{  }

	ul.homeBlocks{ display:block; width:100%; }
	ul.homeBlocks li.b{ width:50%; display:block; float:left; border-left: none;
	border-right: none;  }
	ul.homeBlocks li.b:nth-child(3){ clear:both; }
	ul.homeBlocks li.b .in{ border-bottom:4px solid #FFF; border-left:4px solid #FFF; border-right:4px solid #FFF; min-height:300px; }
	.sec2 ul.homeBlocks li.b .in , .sec4 ul.homeBlocks li.b .in{ min-height:100px; }
	.sec2 ul.homeBlocks li.b:nth-child(3){ width:100%; }

	.verticalList{ display:block; width:100%; }
	.verticalList .boxList{ display:block; width:48%; border:none; float:left; border:4px solid #FFF; }
	.verticalList .boxList:nth-child(3){ clear:both; }

	.homeNewsList{ padding-right:0px; }
	header .helpBox{ display:none; }

	.itemDetails h1, .colProduct h1{ font-size:24px; font-weight:800; }
	.rightContent{ width:70%; }

	.itemDetails{ padding:0px; }
	.colProduct{ display:block; float:none; width:auto; border-top:1px solid #DDD; padding-top:15px; margin-top:15px; }
	.colPics{ display:block; float:none; width:auto; }
	
	.menuOpenerBox { display:block; }
	.menuBox { position:relative; display:none; }
	.navSearchBox{ top:10px; }
	#jsddm li ul{ display:none; }
	#jsddm li{ display:block; padding:10px 0px; border-bottom:1px solid #DDD; }
	#jsddm li ul{ position:relative; width:auto; visibility: visible; }
	#jsddm li a{ padding:6px; border:none;  display:block; width:auto; }
	#jsddm li a.first{ font-size:16px; }
	#jsddm li ul li a{ text-align:center; padding:6px; }

	.sec4 ul.homeBlocks li.b .in{ min-height:220px; }

	.listItem{ width:48%; }

	/* AJÁNLATKÉRÉS */
	.ajanlatButtons ul.homeBlocks li.b .in{ min-height:10px; }
}

@media screen and (max-width:920px) {
	.rightContent{ width:65%; }

}

@media screen and (max-width:850px) {
	
	.linput{ width:90%;  }  
	
	
	ul.irodaiKapcsolat{ width:100%; }
	.kepviselokBox{ text-align:center; }
	ul.kepviselok { margin:auto; text-align:center; }
	ul.kepviselok li{ display:block; float:left; margin:auto;  width:50%; }

	ul.kepviselok li:nth-child(3){  }

	ul.footerBlocks li.c{ display:block; float:left; width:50%; }
	ul.footerBlocks li.c:last-child{ text-align:center; width:100%; }

	.homeNewsItem .blockNewsPic , .homeNewsItem .newsHomeLead , .newsListIn .homeNewsItem, .contentNewsPage .homeNewsItem{ float:none; width:auto; margin-right: 0px; overflow: auto; }
	.homeNewsItem h3{ text-align:center; }
	.titleGrey{ height:auto; margin-bottom:15px; }

	a.logo{ display:block; text-align:center; float:none; }
	a.logo img{     height: 100px;
    width: auto; }
	header .topContactBox{ display:none; }
	.navigation .nav{ text-align:center; }
	

	.newsListIn .homeNewsItem { width:50%; float:left; }
	.newsListIn .homeNewsItem:nth-child(3n+4){ clear:none; }
	.newsListIn .homeNewsItem:nth-child(2n+3){ clear:both; }

	.searchResBox .searchItem {  width:50%; float:left;}
	.searchResBox .searchItem:nth-child(2n+3){ clear:both; }
	.searchResBox .searchItem:nth-child(3n+4){ clear:none; }

	header .feelingLogo{
		position: absolute;
		top:20px;
		left:20px;
		z-index:100;
	}
	
	header .feelingText{
		margin-left: 350px;
	    padding-left: 30px;
	}
	
	header .feelingText h2{
		font-size:32px;
	}
	
	header .feelingTextLead {
		font-size:18px;

	}
	
	
	
	.flex-control-nav{
		text-align: center;
	}
	
	
	.langBox{display:none;}
	
	.inputmezo { border:1px solid #DDD; }
	
	.subscribe_table{ width:100% !important; display:block; }
	.subscribe_table td{ float:left; width:100% !important;  display:block;  }
	
}

@media screen and (max-width:768px) {
	
	.kepviselokBox{ text-align:center; }
	ul.kepviselok { margin:auto; text-align:center; }
	ul.kepviselok li:nth-child(3){  }
	.sec7{ padding:15px; }
	.slogen{ margin:0px 10px; }
	.slogenTitle h6{ font-size:24px; }

	.map{}
	.map iframe{
		pointer-events: none;
	}

	.menuSubOpenerBox{ display:block; }
	.subMenuBox{ position:relative; display:none; }

	.leftContent{ float:none; width:auto; border-bottom:1px solid #DDD; margin-bottom:15px; }
	.rightContent{ float:none; width:auto; margin-left:0px;}
	.itemDetails{ padding:0px; }
	.colProduct{ border-top:1px solid #DDD; padding-top:15px; margin-top:15px; }
	.subPageTitle{ height:auto; margin-bottom:5px; }
	.subPageTitle h1 , .subPageTitle h2{ line-height:140%; }
	

	ul.ajanlatItemCols li{ float:none; width:100%; }
	.ajanlatCont .col{  display:block; float:none; width:100%; }
}

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

	a.searchOpener span{ display:none; }
	.col{ float:none; width:auto; }
	.itemsList .itemListItem{ height:330px; }
	
	.homeAboutUs{ text-align:center; }
	.homeAboutUs h2{ font-size:52px; padding-right:10px; }
	.homeAboutUs ul{ width:100%; }
	.homeAboutUs ul li{ display:block; line-height:120%; font-size:24px; padding:10px 0px; padding-right:10px; text-align:center;  }
	
	.sec3 .colR div:last-child , .sec3 .colL div:last-child{ text-align:center !important; }

	.sec3 .colL , .sec3 .colR{ float:none; display:block; width:auto; }
	.sec3 .colL { border-bottom:1px solid #DDD; }
	.sec3 .colL .moreBtn{ text-align:center; }

	.slogenTitle{ font-size:24px; }
	.mapTitle{ font-size:20px; margin-top:0px; }

	.colPics{ width:auto; margin-left:0px;float:none;}
	.colProduct{width:auto;float:none;}
	

	ul.homeBlocks{ display:block; width:100%; }
	ul.homeBlocks li.b{ width:auto; display:block; float:none; border-left: none;
    border-right: none;  }
	
	.newsBlockTitle{ text-align:center; }
	.homeNewsItem .blockNewsPic , .homeNewsItem .newsHomeLead{ float:none; width:auto; text-align:center; }
	
	.sec4 ul.homeBlocks li.b .in{ min-height:120px; }
	
	.verticalList .boxList{ display:block; width:100%; border:none; float:none; border:4px solid #FFF; }
	.verticalList .boxList:nth-child(3){ clear:both; }

	.tagsRight{ display:none; }
	.middleBlock{ margin-right:0px; }

	.newsDetailPage img{ width:100% !important; height:auto; }
	.itemDetails h1, .colProduct h1, .newsDetailPage h1{
		font-size:20px;
	}

	iframe{ width:100% !important; overflow:hidden; }
	.likeBox{ overflow:hidden; }

	.textMiddle .cont td , 	.textMiddle .cont table{ width:100% !important;display:block; margin:0px; box-sizing: border-box; }
	
	a.logo img{     height: 70px;
    width: auto; }
    
    
    header .feelingLogo{
		position: relative;
		top:0px;
		left:0px;
		z-index:100;
		text-align:center;
	}
	
	header .feelingLogo img{
		height:60px;
		width: auto;
	}
	
	header .feelingText{
		margin-left: 0px;
	    padding: 20px;
	    margin-top:0px;
	    border-left:none;
	    text-align: center;
	}
	
	header .feelingText h2{
		font-size:22px;
		
	}
	
	header .feelingPic {
		margin-top:5px;
	}
	
	header .feelingTextLead {
		font-size:16px;

	}
	
	.flex-control-nav{
		
	}
	
    
}

@media screen and (max-width:480px) {
	
	table.form_table input.inputmezo2 , table.form_table .inputArea , input.inputmezo , table.datas input.inputmezo2 , table.datas .inputArea{  width:80%; }
	table.form_table select.text250, input.text250 , table.datas input.text250{ width:90%; }
	table.form_table textarea , table.datas textarea{ width:90% !important; }
		
	table.datas td { float:left; width:100%; display:block; }

	.footerInput, textarea.footerInput{ width:90%; }
	.footerText .col{ float:none; width:auto; }

	.kepviselokBox{ text-align:center; }
	ul.kepviselok { margin:auto; text-align:center; }
	ul.kepviselok li{ display:inline-block;  width:50%; }
	ul.kepviselok li:nth-child(3){  }
	ul.kepviselok li img{ width:100%; height:auto; }

  	
	.homeBoxes ul{ display:block;width:100%;}
	.homeBoxes ul li{display:block;width:auto;text-align:center;}

	.kepviselokTitle{ font-size:24px;  }
	.colPics { width:auto; }

	ul.footerBlocks li.c{ display:block; float:none; width:100%; }
	ul.footerBlocks li.c:last-child{ text-align:center; width:100%; }

	.listItem{ width:auto; float:none; }
	.listItem .pic{ height:auto; }

	.newsListIn .homeNewsItem { width:auto; float:none; }
	.newsListIn .homeNewsItem:nth-child(3n+4){ clear:none; }
	.newsListIn .homeNewsItem:nth-child(2n+3){ clear:none; }
	input.searchInput{ width:100px; }
	
	.searchResBox .searchItem {  width:auto; float:none;}
	.searchResBox .searchItem:nth-child(2n+3){ clear:none; }
	.searchResBox .searchItem:nth-child(3n+4){ clear:none; }

	.ajanlat_table td{ float:left; width:100% !important;   }
	.ajanlatCont .in{ padding:0px; }
	.ajanlatSectionTitle span{ display:block;  }  
	.ajanlatSectionTitle{ text-align:center; }

	.newsDetailPage table { width:100%;   }
		.newsDetailPage table td { width:100% !important; float:left;  }

	
}

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

	.kepviselokBox{ text-align:center; }
	ul.kepviselok { margin:auto; text-align:center; width:100%; }
	ul.kepviselok li{ display:block;  width:100%; }
	ul.kepviselok li:nth-child(3){  }
}

@media screen and (max-width:320px) {
	
	a.logo{ display:block; text-align:center; }
	
	.itemsList .itemListItem{  height:350px; }
	.itemsList .homeListItem{ width:80%; height:350px; }
	
	
}