/*------------------------------------------*/
/*	Smaller than 980px						*/	
/*------------------------------------------*/
@media screen and (max-width: 980px) {
/*	LAYOUT */	
	.wrapper, .wrap 	{width:90%;}

/*	HEADER */
	.logo 			{width:35%;}
	.condensed .logo{width:30%;}
	
	#header 		{position:static; padding-bottom:15px;}
		.headerBar	{margin-bottom:15px;}
		.headerClone{display:none;}
	
	.nav-toggler	{display:block; position:absolute; right:0; top:50%; margin-top:-35px;}
	.mainNav 		{display:none; margin:15px 0 0 0; padding:0;}
	#header nav,
	.mainNav li				{width:100%; margin:0;}
	.mainNav li > a			{padding:10px 15px;}
	.mainNav li > a	i		{width:35px;}
	.mainNav li:hover > a		{background:#fa4a85; color:#fff;}
	.mainNav .current:hover > a	{background:none;}
	/* Submenu */
	.mainNav > li > ul					{position:static; top:auto; left:auto; padding:0 0 0 15px;}
	.mainNav > li > ul li:last-child > a{padding-bottom:7px;}
	.mainNav > li > ul li				{float:none; width:100%;}
	
/*	CONTAINER */
	.content, .sidebar 	{width:100%;}
	.widget 	{margin-top:15px;}
	
	.cover-mix > *				{position:relative; float:none; width:100% !important; margin-bottom:10px; padding-bottom:15px;}
	.cover-mix > *:last-child	{margin-bottom:0; padding-bottom:0;}
	.cover-mix > *:after		{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; 
		background: #020000;
		background: -moz-linear-gradient(left,  #020000 0%, #777777 41%, #777777 57%, #000000 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#020000), color-stop(41%,#777777), color-stop(57%,#777777), color-stop(100%,#000000));
		background: -webkit-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* IE10+ */
		background: linear-gradient(to right,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	}	
	.cover-mix > *:last-child:after	{content:""; background:none;}	
	
	.cover-mix figure,
	.content .cover-mix > * > figure{width:23%;}
	.cover-mix div,
	.content .cover-mix > * > div	{width:77%;}
	
	.full-accordion {width:60%; margin:0 auto;}

	.articles > * > a			{width:28%;}
	.articles > * > div			{width:72%;}
	
	.articles.widgetArticles header > p {display:block;}
	
/* FOOTER */	


	.formWidget label 	{width:110px;}
}
	

/*------------------------------------------*/
/*	Smaller than 650px						*/	
/*------------------------------------------*/
@media screen and (max-width: 650px) {
/*	LAYOUT */	
	.col-1-2 				{width:100%; margin:0 0 15px 0;}
	.col-1-2:last-child 	{margin-bottom:0;}

/*	HEADER */
	.logo			{width:45%;}
	
	
/*	CONTAINER */
	.flexslider .flex-caption {display:none;}

	.articles > *		{display:block; text-align:center;}
	.articles > * > a,
	.articles > * > div	{display:block; float:left; width:100%;}
	.articles > * > div	{padding-left:0;}
	.articles > * > a	{margin-bottom:15px;}
	.articles img		{display:inline;}
		.articles.smallArticles > *	{text-align:left;}
		.articles.smallArticles > * > a,
		.articles.smallArticles > * > div	{display:table-cell; float:none; width:auto;}
		.articles.smallArticles > * > a		{width:50px;}
	
	.cover-mix > article > *{display:block;}
	.cover-mix > article,
	.cover-mix div > p	 	{text-align:center;}
	.cover-mix figure,
	.content .cover-mix > * > figure 	 	{width:100%; margin-bottom:15px;}
	.cover-mix div,
	.content .cover-mix > * > div 			{width:100%; padding:0 !important;}
	.cover-mix img 	 		{display:inline;}

	.thumbsList article						{width:100%; margin-right:0; margin-bottom:15px; text-align:center;}
	.thumbsList article:nth-last-child(-n+3){margin-bottom:15px;}
	.thumbsList article:last-of-type		{margin-bottom:0;}
	.thumbsList article > header,
	.thumbsList article > div				{display:table-cell; vertical-align:middle;}
	.thumbsList article > header			{width:40%;}
	.thumbsList article > div				{position:static; width:60%;}
	.thumbsList article > div > div			{opacity:1; position:static; margin-top:15px;}
	.thumbsList h3							{font-size:1.6em; margin-bottom:13px;}
	
	.thumbsDetails dt, .thumbsDetails dd	{font-size:1em;}
	
	.gallery2Cols > div 			{width:100%; margin-bottom:15px; float:none;}
	.gallery2Cols > div:last-of-type{margin-bottom:0;}

	.full-accordion {width:100%;}
	
	
/* FOOTER */
	#footer > .wrapper > *				{width:100%; text-align:center; margin-bottom:15px;}	
	#footer > .wrapper > *:last-child	{margin-bottom:0;}	

/* Breadcrumb Navigation */
	.breadcrumbNav li 					{display:block; margin:0 0 5px 0; text-align:center;}
	.breadcrumbNav li:after 			{content:"\2193"; display:block; padding:5px 0 0 0;}
	.breadcrumbNav li:last-child 		{margin:0; color:#ff0056;}
	.breadcrumbNav li:last-child:after 	{content:""; padding:0;}

}


/*------------------------------------------*/
/*	Smaller than 480px						*/	
/*------------------------------------------*/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {-webkit-text-size-adjust:none;}
	
/*	LAYOUT */	
	.wrapper, .wrap 	{width:85%;}
	
/*	HEADER */
	.logo			{width:60%;}

	.nav-toggler	{margin-top:-30px;}
	
/*	CONTAINER */
	.thumbsList article > div				{position:absolute; left:0; bottom:0; width:97%; min-height:auto; padding:2%;}
	.thumbsList h3							{font-size:1.4em;}
	.thumbsList article:hover > div			{min-height:97%;}
	.thumbsList article:hover > div > div	{opacity:1;}
	.thumbsList article > div > div			{opacity:0; position:absolute; top:50%; left:0; right:0; margin-top:-12px; text-align:center;}
	.thumbsList p							{text-align:center; line-height:2em;}

	.articles.smallArticles header > p,
	.articles.widgetArticles header > p 	{display:none;}
	
	.thumbsDetails dt, .thumbsDetails dd	{display:block; width:96%; outline:0 none; text-align:center; font-size:1.2em;}


/* Pagination */
	.pagination li	{display:none;}
	.pagination li:nth-of-type(-n+2),
	.pagination li:nth-last-child(-n+2)	{display:block;}

/* Forms */
	.formWidget label 	{width:75px;}
	
	.form-search input	{max-width:200px;}
	
	.formContact input,
	.formContact textarea	{padding:0 3%; width:93% !important;}
	.formContact button		{width:100%;}
	
	.formContent > fieldset > div,
	.formContent > fieldset > div,
	.formContent > fieldset > div > *				{display:block;}
	.formContent > fieldset > div > label 			{width:100%; margin:10px 0 3px 0;}
	.formContent > fieldset > div:last-of-type > div{margin-top:10px;}
	.formContent button								{width:100%;}
}

/*------------------------------------------*/
/*	Smaller than 320px						*/	
/*------------------------------------------*/
@media screen and (max-width: 350px) {	
	
/*	LAYOUT */	


/*	HEADER */
	.logo			{width:70%;}
	
	.nav-toggler	{margin-top:-25px;}
	
/*	CONTAINER */
	.thumbsList h3	{font-size:1.23em;}

	
/* FOOTER */


/* Forms */
	form > fieldset > div,
	form > fieldset > div > * 				{display:block;}
	form > fieldset > div > label 			{width:100% !important; margin:10px 0 3px 0;}
	form > fieldset > div:last-of-type > div{margin-top:10px;}
	/* form button[type="submit"],
	form button[type="reset"] 		{width:100%;} */

}


