/*-----------------------------------------------------------------------------------

	Theme Name: Advocate
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: Media Queries

	0.	CSS Reset 
	1.	Global (body, page sructure, common classes)
	2.  Header and Navigation
	3.  Homepage
	4.  Blog
	5.  Gallery
	6.  Contact
	7.  Donate
	8.  Widgets
	9.  Footer
	10. Typography
	11. Buttons
	12. Lists
	13. Forms
	14. Icons
	15. Events List
	16. Event Description
	17. About

-----------------------------------------------------------------------------------*/

/* For iPads and Tablets */
@media screen and (min-width:751px) and (max-width:970px) {
	
	/* 1. Global */	
	.container {
		width: 740px;
		margin: 0 auto;
	}

	div#location div.map {
		margin-bottom: 40px;

	}

	div.page_wrapper .with_sidebar {
		width: 62%;	
	}

	div#location div.one_third {
		width: 100%;
	}

	/* 2. Header and Navigation */
		header nav ul li {		
			margin-right: 5px;		
		}
	
	/* 3. Homepage */
	
	div#home div#slider img {
		width: 100%;
	}	
	div#revolution_wrap div#description {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	div#actions span.icon {
		margin-left: 2px;
	}
	div#revolution_wrap div#actions {
		float: left;
		width: 100%;		
	}
		div#revolution_wrap div#actions div.one_half {
			margin-bottom: 10px;
		}
	div.sub_heading, div.box_heading {
    	margin-bottom: 20px;
	}	
	div#help {
    	margin-bottom: 22px;
    }
		div#help .text {
	    	margin-left: 55px;
	    }
		div#help .donate_button {
			position: static;
			clear: both;
			float: none;
			padding: 8px 16px;
			display: inline-block;
			margin-left: 55px;
		}
	.donate_button {
		padding: 8px 16px;
	}	
	div#items div.one_third {
		width: 46%;
	}
	div#items div.news {
		margin-right: 8%;
	}
		div#items div.news ul li {
			margin-bottom: 12px;
		}
	div#items div.events {
		margin-right: 0 !important;
	}	
	div#items div#sponsors {
		width: 100%;
		text-align: center;
	}
	div#items div#sponsors img {
		
	}
		div#items div#sponsors ul {
			width: 343px;
		}
		div#items div#sponsors ul li {
			padding: 5px 17px 3px;
			background: #f9f9f9;
			display: inline-block;
			width: 137px;
		}	
	
	/* 4. Blog */
	
	div#blog {
		width: 62%;
	}	
		div#blog img, div.page_wrapper .with_sidebar img {
			width: 100%;
			height: 100%;
		}	
		div#blog div.post {
			margin-bottom: 30px;
		}
					
	/* 5. Gallery */
	
	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails img {
		width: 100%;
		height: 100%;
	}	
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails img  {
		width: 100%;
		height: 100%;
	}	
	div.page_wrapper section.container div#gallery.page, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.two_column, div.page_wrapper section.container div#gal