@media only screen and (max-width: 1279px){
	
	#main #layout .tiles_sec .grid { max-width: 1024px; }
	#main #layout .tiles_sec .grid li { width: 235px; }
	#main #layout .tiles_sec .grid .itemleft { width: 75%; }
	#main #layout .tiles_sec .grid .itemright { padding: 0px 10px 6px 0px; width: 25%; }
	#main #layout .tiles_sec .grid .tabs span.tabitem { text-align: center; }
	
}

@media only screen and (max-width: 1023px){
	
	header ul.left_logos li.allrecipe_logo a { width: 125px; }
	header .logosliderbg { margin-left: 15px; width: 115px; }
	
	#main #layout .tiles_sec .intro h1 { font-size: 55px; }
	#main #layout .tiles_sec .intro h2 { font-size: 30px; }
	#main #layout .tiles_sec .grid { max-width: 768px; grid-template-columns: repeat(auto-fit, minmax(calc(33.33% - 20px), 1fr)); }
	#main #layout .tiles_sec .filterbox .filteritem { width: 230px; }
	
}

@media only screen and (min-width: 768px) {
	
}


@media only screen and (max-width: 767px) {
	
.mob-show { display: block !important; }	
	
	#main #layout { padding-top: 85px; overflow:  hidden; }
	#main #layout header .wrapper { padding:  0px; }
	.head-wrap { padding-bottom: 0px; height: 88px; }
	.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); height: 100px; }
	header { bottom: 0px; }
	#layout header .paidcontent { max-width: 100%; margin: 0; left: 0; transform: translateX(0); background: #EEE; text-align: center; width: 100vw; height: 30px; padding-top: 10px; bottom: 0px; border-bottom: #fff solid 1px; }
	header .header_inner{ border-top:none; padding: 0px 15px 30px; min-height: 85px; }
	header ul.left_logos { padding: 10px 0 0 0; z-index: 10; position: relative;}
	#layout header .paidcontent span { left: 50%; margin-left: -80px; top:  100%; z-index: -10; }
	#layout header .paidcontent:hover span { z-index: 10; }
	
	header ul.social_icon { margin-top: 10px; margin-bottom: 4px; }
	header ul.left_logos li.plus { padding: 2px 4px 0 10px; }
	header ul.left_logos li.allrecipe_logo a { width: 98px; }
	header .logosliderbg { margin: 10px 0 0 0px; width: 90px; }
	header .logosliderbg .logo-item a { min-height: 35px; }
	header .logosliderbg .logo-item img { max-height: 35px; }
	#main #layout header a .desktophide { display: block; }
	
	#main #layout header a.downloadbtn span.hidemob { display: none; }
	
	#main #layout .tiles_sec .intro { padding: 40px 10px 30px 0px; }
	#main #layout .tiles_sec .intro h1 { padding-bottom: 5px; font-size: 32px; }
	#main #layout .tiles_sec .intro h2 { font-size: 24px; }
	#main #layout .tiles_sec .filterbox .filteritem { margin: 0 7px 15px; width: 164px; border-radius: 6px; z-index: 10; }
	#main #layout .tiles_sec .filterbox .filteritem.versions { z-index: 9; }
	#main #layout .tiles_sec .filterbox .filteritem a.actionitem { padding: 5px 15px; line-height: 24px; font-size: 12px; letter-spacing: 0.2px; height: 34px; }
	#main #layout .tiles_sec .filterbox { padding-bottom: 30px; width: 100%; }
	#main #layout .tiles_sec .filterbox .filteritem ul { padding: 15px 20px 12px 10px; top: 40px; border-radius: 6px; }
	#main #layout .tiles_sec .filterbox .filteritem ul li { padding: 0px 0px 10px 0px; }
	#main #layout .tiles_sec .filterbox .filteritem ul li a { padding: 0px 0px 0px 25px; font-size: 14px; line-height: 16px; }
	#main #layout .tiles_sec .filterbox .filteritem ul li a:before { width: 16px; height: 16px; }
	#main #layout .tiles_sec .filterbox .filteritem ul li a.active:before { background-size: 12px; }
	#main #layout .tiles_sec .filterbox .filteritem a.actionitem:after { right: 9px; top: 14px; border: transparent solid 6px; border-top: #fff solid 7px; }
	#main #layout .tiles_sec .filterbox .filteritem span.numberbg { right: 8px; top: 9px; width: 16px; height: 16px; border-radius: 5px; font-size: 11px; line-height: 15px; }
	#main #layout .tiles_sec .bg { height: 335px; }
	#main #layout .tiles_sec .grid { max-width: 768px; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px), 1fr)); }
	#main #layout .tiles_sec .grid li { width: 100%; }
	#main #layout .tiles_sec .grid figure { border-radius: 12px; height: 200px; }
	#main #layout .tiles_sec .grid h4 { font-size: 11px; }
	#main #layout .tiles_sec .grid .tabs span.tabitem { padding: 3px 5px; margin-right: 2px; border-radius: 6px; font-size: 7px; line-height: 9px;
		letter-spacing: 0.1px; }
	#main #layout .tiles_sec .grid span.version { padding-bottom: 6px; font-size: 9px; }
	#main #layout .tiles_sec .grid span.year  { font-size: 9px; }
	#main #layout .tiles_sec .grid .itemright { padding: 0px 5px 0px 0px; width: 30%; }
	#main #layout .tiles_sec .grid .itemleft { padding-left: 5px; width: 70%; }
	#main #layout .tiles_sec .grid figure:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.70) 100%); }
	
	#main #layout .tiles_sec .noresult { padding: 0px 0px 40px; margin-top: 0px; }
	#main #layout .tiles_sec .noresult h3 { font-size: 24px; }
	#main #layout .tiles_sec .noresult h3 br { display: none; }
	
	.fancybox-close-small { right: 0px; }
	body .fancybox-navigation .fancybox-button { width: 25px; }
	.fancybox-navigation .fancybox-button--arrow_left { margin: 0px; left: 10px; width: 25px; }
	.fancybox-navigation .fancybox-button--arrow_right { left: auto; right: 10px; width: 25px; }
	
}

@media only screen and (max-width: 479px) {
	
	#main #layout .tiles_sec .grid figure { height: 170px; }
	
	
}