@media screen and (max-width: 1230px)
{
	/*** FRAMESET ***/
	.wrapper					{ width: auto; padding: 0 20px; }
	section .wrapper			{ padding: 50px 20px 30px 20px; }

	/*** HEADER ***/
	#topNav						{ right: 20px; }
	#cPager						{ display: none; }

	/*** HOME ***/
	.flag						{ width: 40%; }
	.itemList					{ margin: 0 20px; text-align: center; }
	.item						{ float: none; display: inline-block; }
	#item3						{ display:none; }
	#allfursbtn					{ width: 784px; margin: 0 auto 20px auto; }

	/*** PHOTOS ***/
	#photos header h1      		{ left: 20px; }
	
	/*** FURS ***/
	#furs header h1      		{ left: 20px; }
	#furs section .wrapper    	{ padding: 20px; }

	/*** SERVICES ***/
	#services header h1			{ left: 20px; }

	/*** ABOUT US ***/
	#about header h1			{ left: 20px; }

	/*** CONTACT US ***/
	#contact header h1			{ left: 20px; }
	#contact .cola				{ width: 60%; }
	#contact .colb				{ width: 40%; }
}

@media screen and (max-width: 1175px)
{
	#furs .fitem .tile > h2		{ font-size: 20px; margin: 0 20px 10px 20px; }
	#furs .fitem .tile > p     	{ font-size: 16px; line-height: 20px; margin: 0 20px 10px 20px; }
}

@media screen and (max-width: 1000px)
{
	/*** ABOUT US ***/
	#about img.bro				{ position: static; float: right; margin: 0 0 10px 20px; }
	#about #ctc					{ margin-right: 0; }
	#furs .fitem:hover .tile    { height: 80%; }
	.mobile #furs .fitem .tile	{ height: 80% !important; }
}

@media screen and (max-width: 860px)
{
	#allfursbtn					{ width: 380px;	}
}

@media screen and (max-width: 825px)
{
	/*** HEADER ***/
	header						{ height: 450px; }
	header h1					{ font-size: 50px; line-height: 45px; }
	nav       					{ top: 0px; }
	#topNav     				{ display: none; }
	#photosbtn					{ display: none; }
	#mainNav li.photos    		{ display:block; }
	#mainNav li.lang    		{ display:block; }
	#mainNav					{ position: absolute; left: 0; top: 76px; display: block; height: 0; width: 100%; padding: 0; background: rgba(18,13,8,0.95); overflow: hidden; z-index: 500; opacity: 0; transition: all 300ms; }
	#mainNav li					{ display: block; font-size: 22px; border: none; text-align: center; border-bottom: solid 1px rgba(211,178,149,0.2);; }
	#mainNav li a				{ display: block; padding: 20px 0; }
	#mainNav li a.active		{ color: #d3b295; }
	#navToggle					{ right: 0; opacity: 1; transition: right 300ms, opacity 400ms; -webkit-transition: right 300ms, opacity 400ms; -moz-transition: right 300ms, opacity 400ms; -o-transition: right 300ms, opacity 400ms; }
	.nav-open #mainNav			{ height: 354px; opacity: 1; }
	.nav-open #cPager			{ opacity: 0; }

	/*** FOOTER ***/
	footer						{ height: auto; padding: 15px 0; line-height: 20px; }
	footer a 					{ display: inline-block; margin-bottom: 15px; }
	#nafa        				{ display: block; float: none; margin: 0; }

	/*** SECTION ***/
	section h4					{ font: 300 18px/24px 'Open Sans Condensed', Arial, sans-serif; }

	/*** HOME ***/
	#home header				{ height: 550px; }
	#slide1 h1					{ margin-top: 280px; }
	#slide2 h1					{ margin-top: 325px; }
	#slide3 h1					{ margin-top: 280px; }
	.flag						{ width: auto; margin-right: 20px; }
	.item						{ float: left; display: block; width: 49%; height: auto; margin: 0 0 2% 0; }
	.item:nth-child(odd)		{ margin-right: 0.5%; }
	.item:nth-child(even)		{ float: right; margin-left: 0.5%; }
	.item span					{ height: 100%; }
	.item img					{ width: 100%; }
	#allfursbtn
	{
		width: 100%;
		margin: 0 0 20px 0;
	}

	/*** PHOTOS ***/
	#photos header h1      		{ top: 190px; }
	
	/*** FURS ***/
	#furs header h1      		{ top: 190px; }
	#furs .fitemWrapper 		{ float: none; margin: 0 auto 50px auto; width: 100%; max-width: 570px; }

	#furs .fitem .tile > h2		{ font-size: 24px; margin: 0 20px 20px 20px; }
	#furs .fitem .tile > p     	{ font-size: 20px; line-height: 24px; margin: 0 20px 20px 20px; }
	#furs .fitem:hover .tile    { height: 55%; }
	.mobile #furs .fitem .tile	{ height: 55% !important; }

	/*** SERVICES ***/
	#services header h1			{ top: 190px; font-size: 45px; line-height: 45px; }

	/*** ABOUT US ***/
	#about  header h1			{ top: 220px; }
	#about img.bro				{ position: static; float: none; display:block; margin: 0 auto 30px auto; max-width: 100%; height: auto; }
	#about #ctc					{ margin-right: 0; }

	/*** CONTACT US ***/
	#contact header h1			{ top: 200px; }
	#contact .col				{ float: none; }
	#contact .cola				{ width: auto; }
	#contact .colb				{ width: auto; text-align: center; }
	#contact .colb h3			{ text-align: center; }
	#contact .btn				{ margin-bottom: 0; }
}

@media screen and (max-width: 600px)
{
	#furs .fitem .tile > h2		{ font-size: 20px; margin: 0 20px 10px 20px; }
	#furs .fitem .tile > p     	{ font-size: 16px; line-height: 20px; margin: 0 20px 10px 20px; }
}

@media screen and (max-width: 500px)
{
	/*** HEADER ***/
	header						{ height: 400px; }
	header h1					{ font-size: 45px; line-height: 40px; }

	/*** FOOTER ***/
	footer span					{ display: none; }
	footer a 					{ display: inline-block; margin-bottom: 0; color: #835f3b; }
	footer br					{ display: block; }
	#nafa        				{ margin-top: 15px; }

	/*** HOME ***/
	#home header				{ height: 500px; }
	#slide1 h1					{ margin-top: 230px; }
	#slide2 h1					{ margin-top: 275px; }	
	.flag						{ font-size: 20px; }
	.item						{ float: none; display: inline-block; width: 380px; max-width: 100%; margin: 0 0 20px 0; }
	.item:nth-child(odd)		{ margin-right: 0; }
	.item:nth-child(even)		{ float: none; margin-left: 0; }
	#shortdesc      			{ margin: 20px 0 40px 0; }

	/*** PHOTOS ***/
	#photos header h1      		{ font-size: 35px; line-height: 35px; }
	
	/*** FURS ***/	
	#furs header h1      		{ font-size: 35px; line-height: 35px; }
	#furs .fitem:hover .tile    { height: 75%; }
	.mobile #furs .fitem .tile	{ height: 75% !important; }

	/*** SERVICES ***/
	#services header h1			{ font-size: 35px; line-height: 35px; }
	#services section img		{ position: static; left: auto; top: auto; float: left; margin: 0 30px 20px 0; }
	#services .sBloc			{ margin: 0 0 40px 0; padding-left: 0; }

	/*** ABOUT US ***/
	#about  header h1			{ top: 200px; }

	/*** CONTACT US ***/
	#contact header h1			{ top: 180px; }
	#map						{ height: 270px; }
}

@media screen and (max-width: 400px)
{
	/*** HEADER ***/
	header						{ height: 350px; }
	header h1					{ font-size: 32px; line-height: 30px; }
	nav #logo					{ line-height: 68px; }
	nav #logo img				{ margin-top: -5px; vertical-align: middle; }
	nav #logo span				{ display: none;  }
	#topNav li					{ margin-left: 10px; }

	/*** HOME ***/
	#home header h1				{ font-size: 40px; line-height: 35px; }
	#slide1 h1					{ margin-top: 260px; }
	#slide2 h1					{ margin-top: 295px; }	

	/*** PHOTOS ***/
	#photos header h1      		{ top: 180px; font-size: 28px; line-height: 28px; }
	
	/*** FURS ***/
	#furs header h1      		{ top: 180px; font-size: 28px; line-height: 28px; }
	#furs .fitem:hover .tile    { height: 100%; }
	.mobile #furs .fitem .tile	{ height: 100% !important; }

	/*** SERVICES ***/
	#services header h1			{ top: 180px; font-size: 28px; line-height: 28px; }
}

@media screen and (max-width: 350px)
{
	#furs .fitem .tile > h2		{ font-size: 18px; margin: 0 20px 10px 20px; }
	#furs .fitem .tile > p     	{ font-size: 14px; line-height: 18px; margin: 0 20px 10px 20px; }
}

@media screen and (max-width: 320px)
{
	/*** HEADER ***/
	header h1					{ font-size: 26px; }

	/*** photos ***/
	#photos header h1      		{ font-size: 26px; line-height: 26px; }
	
	#photos section .wrapper
	{
		padding: 30px 2% 30px 2%;
	}
	
	#photos section ul li
	{
		margin: 2%;
		max-width: 46%
	}	
	#photos section ul img
	{
		max-width: 100%;
	}
	
	/*** FURS ***/
	#furs header h1      		{ font-size: 26px; line-height: 26px; }

	/*** SERVICES ***/
	#services header h1			{ top: 170px; font-size: 26px; line-height: 26px; }
	#services section img		{ float: none; display: block; margin: 0 0 20px 0; }
	#services .sBloc			{ margin: 0 0 50px 0; padding-left: 0; }
}