/* ---------------------------------------------------------------------------------------------------------------------------------------
0200 - Responsive
--------------------------------------------------------------------------------------------------------------------------------------- */

/* Tablet (Landscape), Design for a width of 1024px */
@media (max-width: 1299px) {
	.main-wrapper											{width: 906px;}

}

/* Tablet (Portrait), Design for a width of 768px */
@media (max-width: 1023px) {	
	body 													{min-width: 768px !important;}	
	.desktop, .mobile										{display: none;}
	.tablet													{display: block;}						
	.main-wrapper											{width: 768px;}
	.contents-wrapper										{width: 720px;}	
	
	/* Custom per campaign */		
	.container-posts h2										{text-transform: none;}	
}

/* Mobile (Landscape), Design for a width of 480px */
@media (max-width: 767px) {
	body 													{min-width: 480px !important; font-size:14px;}
	.desktop, .tablet										{display: none;}
	.mobile													{display: block;}		
	.main-wrapper											{width: 480px;}
	.contents-wrapper										{width: 440px;}	
	
	.container-video .body									{width: 440px; height: 247px;}	
	
	/* Custom per campaign */		
	
	header .logo											{position:relative; top:auto; left:auto; text-align:center; width:100%;}
	header .headerline										{font-size: 25px;text-align: center;}
	.logo img												{display:block; margin:0 auto; width:120px;;}
	
	#donation-form,
	.container-contents .border-left,						
	.container-contents .border-right						{min-height: 0px; border-left: none; border-right: none; padding-top: 20px;}
	.container-contents h1,
	.container-contents h2.purple							{font-size:22px;}
	.container-intro .padding-right							{padding-right: 0%;}	
	
	.container-posts table,
	.container-posts tr,
	.container-posts td										{display: block; width: 100%;}	
	.container-posts table td								{border-bottom: 1px dotted #a7a7a7; border-right: none; padding: 2% 0;}
	.container-posts table tr td:first-child				{padding-top: 0px;}
	.container-posts table tr td:last-child					{border-bottom: 0px;}	
	#donation-form											{width:100%; float:none;padding:0;}
	.sidebar												{width:100%; float:none; border:none; padding:0;}
	.sidebar .divider										{margin-left:0;}
}

/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 479px) {
	body 													{min-width: 320px !important;}
	.main-wrapper											{width: 320px;}
	.contents-wrapper										{width: 300px;}
	.form-wrapper											{width: 100%;}	

	.container-video .body									{width: 300px; height: 169px;}			

	/* Custom per campaign */	
	.logo-main.pos-01										{padding: 0px;}
	header .bg-01,
	header .bg-02											{min-height: 0px;}
	header .title,
	header .title.pos-01,
	header .title.pos-02									{padding: 20px 0;}		
	

}