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

	Theme Name: Five
	Description: Share Your Digital Wares
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: media.queries.css

-----------------------------------------------------------------------------------*/
/* For iPads and Tablets */
@media screen and (min-width:751px) and (max-width:970px) {

	/* Global */
	.container {
		width: 768px;
		overflow: hidden;
	}
	
	/* Header */
	header {
		margin: 20px 0px;
	}
	header .logo {
		float: none;
		display: block;
		text-align: center;
	}
		header .logo h1 {
			float: none;
			margin-right: 0;
		}
		header .logo .tagline {
			float: none;
		}
		header nav ul {
			float: none;
			text-align: center;
		}

	/* Homepage */
	section#home div.slider-wrapper {
		height: 515px;
	}
	section#home .nivo-controlNav {
		margin-top: 120px;
	}
	section#home .nivo-caption { height: 115px; padding-top: 20px; top: 343px; }
	section#home .nivo-caption p.title { font-size: 35px; }
	section#home .nivo-caption p.declaration { font-size: 15px; }
		div.one_fourth .select_arrow {
			display: none;
		}
	section#home .headlines {
		margin-top: 0;
	}
	div.headlines {
		margin-top: 15px;
		padding: 20px;
	}
		div.headlines img {
			margin-right: 10px;
			margin-left: 0;
		}
		div.headlines .item {	
			width: 380px;
			padding-top: 20px;
		}
	div.trigger {
		width: 820px;
	}
	section#home div.trigger .one_fourth { 
		width: 347px;
	}
	div.trigger .one_fourth {
		width: 216px;
		margin-bottom: 15px;
	}
		section.trigger div:nth-child(even) {
			margin-right: 0!important;
		}
		
	/* Blog */
	div#blog .post{
		margin-bottom: 60px;
	}
	
	/* Features */
	div#features section.trigger {
		margin-bottom: 0;
	}

	/* Features Full */
	div#feature_full section.headlines {
		margin-bottom: 45px;
	}
	div#feature_full div.list_of_features h6 {
		margin-bottom: 22px;
	}
		
	/* Gallery */
	div#gallery .headlines{
		padding-bottom: 0px;
	}
	div#gallery ul {
		width: 800px;
	}
		div#gallery ul li img {
			float: none;
			margin: 0;
			width: 215px;
			height: 215px;
			padding-top: 0;
		}
		div#gallery ul li a div {
			width: 215px;
			height: 215px;
		}
		div#gallery ul li a div span {
			font-size: 85px;
			left: 90px;
			top: 65px;
		}
	/* Contact */
	section#contact iframe {
		width: 100%;
		height: 300px;
	}
	div#contact_form div.row {
		width: 578px;
		margin-right: 0!important;
	}
	div#contact_form div.message {
		float: left;
		margin-top: -10px;
		margin-left: 0!important;
	}
	/* Widgets */
	div.widgets {
		width: 820px;
	}
		div.widget {
			margin-right: 15px;
		}
		div.widget .widget_top,
		div.widget .widget_bottom { width: 244px; }
			div.widget .widget_content {
				width: 214px;
			}
		div.widget.findus .widget_content iframe {
			height: 115px;
		}
		div.widget.flickr ul,
		div.widget.dribbble ul {
			width: 260px;
		}
			div.widget.flickr ul li,
			div.widget.dribbble ul li {
				display: inline-block;
				width: 65px;
				height: 65px;
				margin-right: 10px;
				margin-bottom: 10px;
			}
			div.widget.flickr ul li a div,
			div.widget.dribbble ul li a div {
				width: 65px;
				height: 65px;
			}
				div.widget.flickr ul li a div span,
				div.widget.dribbble ul li a div span {
					font-size: 50px;
					left: 20px;
					top: 5px;
				}
		div.widget.blog .widget_content {
			padding: 15px;
			width: 214px;
			height: 210px;
		}
		div.widget .widget_content h5 { margin-bottom: 10px; font-size: 20px; }
		div.widget.blog div.date span.specific_date {
			bottom: -77px;
			left: 49px;
			font-size: 12px;
		}
		div.widget.blog div.date {
			width: 110px;
			height: 110px;
		}
	/* Typography */
	div#about img, div#blog img, div#blog_single img {
		width: 100%;
		height: auto;
	}
	blockquote {
		width: 600px;
	}
		blockquote p {
			font-size: 17px;
		}

}

/* For iPhones and Mobile */
@media only screen and (max-width:750px) {

	/* Global */
	.container {
		width: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	.page,
	.page_bottom { padding: 25px; }
	.page_top img,
	.page_top iframe {
		width: 100%;
	}
	.page_top iframe { height: 200px; }

	/* Header */
	header { margin: 15px 0px; }
	header .logo { margin-bottom: 10px; }
	header nav select {
		display: block;
	}
	header nav ul {
		display: none;
	}	
	
	/* Homepage */
	section#home div.slider-wrapper {
		height: 285px;
	}
	section#home .nivo-caption {
		margin-top: -344px;
	}
	section#home .nivo-caption { height: 95px; padding-top: 15px; }
	section#home .nivo-caption p.title { font-size: 25px; margin-bottom: 10px; }
	section#home .nivo-caption p.declaration { font-size: 12px; line-height: 18px; }
	section#home .nivo-controlNav {
		margin-top: 95px;
	}
	div.one_fourth .select_arrow { display: none; }
	section#home .headlines { margin-top: 0; }
	div.headlines {
		margin-top: 10px;
		padding-top: 0;
		padding: 20px;
	}
		div.headlines img {
			width: 100%;
			margin-right: 0;
			padding-top: 0;
			margin-left: 0px;
			text-align: center;
		}
	div.headlines .item {	
		width: 280px;
		padding: 0px;
	}
		div.headlines .item h2 {	
		font-size: 22px;
		margin-bottom: 20px;
		text-align: center;
	}
	div.trigger { width: 350px; }
	div.trigger .one_fourth {
		width: 288px;
		margin-bottom: 15px;
		margin-right: 0!important;
	}
	
	/* Blog Single */
	div#blog_single img {
		width: 100%;
		height: auto;
	}
	div#blog_single div.post {
		margin-bottom: 12px;
	}
		div#blog_single div.post div.meta aside {
			margin-top: -100px;
		}
	div#comments ol li img {
		float: left;
		width: 60px;
		margin-top: 10px;
	}
	div#comments ol li .comment {
		margin-left: 80px;
	}
	div#comments ol li ol{	
		margin-left: 0px;
	}

	/* Features */
	section.trigger {
		margin-bottom: 0;
	} 

	/* Features Full */
	div.one_third {
		width: 100%;
		margin-right: 0;
	}

	/* Contact */
	section#contact {
		margin-top: 15px;
	}
		section#contact iframe { height: 180px; }
		div#contact_form div.row {
			width: 245px;
			margin-right: 0;
			margin-bottom: 0;
		}
		div#contact_form textarea {
			width: 220px;
		}
	div#contact_form div.message {
		float: left;
		margin-top: -10px;
		margin-left: 0!important;
	}
	
	/* Gallery */
	div#gallery .headlines{
		padding-bottom: 0px;
	}
	div#gallery ul {
		width: 350px;
	}
		div#gallery ul li img {
			float: none;
			margin: 0;
			width: 115px;
			height: 115px;
			padding-top: 0;
		}

	/* Footer */
	footer.container {
		height: 80px;
	}
		footer p {
			float: none;
			text-align: center;
			margin: 0;
			line-height: 15px;
			padding-top: 15px;
		}
		footer ul.social_icons {
			text-align: center;
			float: none;
			margin: 0;
		}
	
	/* Widgets */
	div.widgets {
		width: 360px;
	}
		div.widget {
			margin-right: 15px;
		}
		div.widget .widget_top,
		div.widget .widget_bottom { width: 318px; }
			div.widget .widget_content {
				width: 288px;
			}
		div.widget.findus .widget_content iframe {
			height: 115px;
		}
		div.widget.flickr ul,
		div.widget.dribbble ul {
			width: 300px;
		}
			div.widget.flickr ul li,
			div.widget.dribbble ul li {
				display: inline-block;
				width: 65px;
				height: 65px;
				margin-right: 10px;
				margin-bottom: 10px;
			}
			div.widget.flickr ul li a div,
			div.widget.dribbble ul li a div {
				width: 65px;
				height: 65px;
			}
				div.widget.flickr ul li a div span,
				div.widget.dribbble ul li a div span {
					font-size: 50px;
					left: 20px;
					top: 5px;
				}
		div.widget.blog .widget_content {
			padding: 20px 15px 15px 15px;
			width: 288px;
			height: 210px;
		}
	
	/* Typography */	
	p {
		font-size: 13px;
	}
	blockquote {
		width: 238px;
	}
		blockquote p {
			font-size: 16px;
		}
	ul.social_icons {
		float: none;
		margin-top: -15px;
		margin-bottom: 10px;
	}
}