/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/



/* #Media Queries */

	@media only screen and (min-width: 1600px)  {
	
	.my-search {
	width: 429px;
	}
	
	}

	@media only screen and (min-width: 1200px) and (max-width: 1599px)  {
	
	.my-search {
	width: 429px;
	}
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.woocommerce ul.products li.product a span.price, .woocommerce-page ul.products li.product  a span.price {
	line-height: 40px;
	}
	
	.my-search {
	width: 429px;
	}
	
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 2% 40px 0;
    padding: 0;
    position: relative;
    width: 48%;
    margin-left: 0;
	}
	
	.my-search {
	width: 93%;
	}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	.my-search {
	width: 100%;
	}
	
	h1 { 
	font-size: 28px;
	line-height: 40px;
	}
	
	.eight.columns.connect {
	text-align: left;
	}

	.connect a:link {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	}
	
	.connect span {
	margin-right: 8px;
	}
	
	.eight.columns.connect {
	margin-top: 30px;
	}
	

	p.sub-title {
		font-size: 18px;
	}
	
	.top-nav ul, .top-nav .contact ul {
    text-align: center;
	}
	
	header {
	text-align: center;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 0 40px 0 !important;
    padding: 0;
    position: relative;
    width: 100% !important;
    margin-left: 0;
	}

	.ten.columns.user-buttons {
	text-align: center;
	}
	
	.user-buttons a {
	margin: 10px 0px 0px 10px !important;
	}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}