/* Tablet (portrait - landscape) */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Tablet (portrait) - Phone (Landscape) */   
@media (max-width: 767px) {
	*{ 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		-ms-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	img{
		border: 0;
		height: auto;
		-ms-interpolation-mode: bicubic;
	}
	
	img,
	iframe,
	object,
	video,
	embed{
		max-width: 100%;
	}
	 
	 /* putting this here to keep track of containers 
	 
	.header-container,
	.nav-container,
	.footer-container,
	.main{
		border: 2px solid red;	
	}
	
	*/
	
	/* elements that need 100% width */
	.header-container,
	.nav-container,
	.footer-container,
	.footer,
	.main,
	.header,
	.home-col-2-set .col-2 p,
	.col2-left-layout .col-main,
	.col-left,
	.cms-page-view .breadcrumbs,
	.col1-layout .product-view .product-shop,
	.catalog-product-view .breadcrumbs,
	.product-col-left,
	.cart-item-container,
	.cart .cart-collaterals,
	.col2-set .col-1,
	.col2-set .col-2,
	.checkout-onepage-index .col2-right-layout .col-main,
	fieldset,
	.form-list li.wide input.input-text,
	.form-list li.wide .input-box,
	.form-list input.input-text,
	.form-list .input-box,
	.form-list .field,
	.checkout-onepage-index .col-right{
		width: 100% !important;	
	}
	
	/* elements that need auto width */
	.home-col-2-set .col-1,
	.home-col-2-set .col-2,
	.home-3-col-set .col-1,
	.home-3-col-set .col-2,
	.home-3-col-set .col-3,
	.header .quick-access,
	.header .form-search,
	.products-list .read-more,
	.compare-link,
	.product-page-callout{
		width: auto !important;	
	}
	
	/* elements that need auto height */
	.home-about,
	.home-col-2-set,
	.home-col-2-set .col-2,
	.home-col-2-set .col-1,
	.home-3-col-set,
	.home-3-col-set .col-1,
	.home-3-col-set .col-2,
	.home-3-col-set .col-3,
	.footer,
	.header,
	.header .form-search{
		height: auto;	
	}
	
	/* elements that need hidden */
	#nav,
	.nav-container .round-corner,
	.manu-logos,
	.cms-why-jensen div#my-glider, 
	.cms-why-jensen-voyager div#my-glider,
	.product-testing-wrapper{
		display: none;	
	}
	
	/* elements that need background image removed */
	body,
	.main,
	.home-about,
	.home-col-2-set .col-2,
	.footer,
	.nav-container,
	.header,
	.header .store-tabs,
	.header .form-search,
	.header .form-search input.input-text,
	.top-cart-container,
	.col2-left-layout .main,
	.products-list li.item,
	.catalog-product-view .breadcrumbs{
		background-image: none;	
	}
	
	body{
		background: #151515 url(../images/mobile-header-bg.png) repeat-x center top;	
	}
	
	.mobile-nav{
		display: block;	
		width: 80%;
		float: right;
	}
	
	.mobile-search{
		position: relative;
		top: -12px;	
		display: none;
	}
	
	.mobile-search input{
		width: 100% !important;	
	}
	
	.search-toggle{
		position: absolute;
		top: 0;
		right: 0;	
		display: block;
		padding: 6px 8px;
		background: #151515;
	}
	
	.wrapper{
		min-width: 0;	
	}
	
	.cms-home .col-main .home-about p{
		padding: 8px;
		margin: 0;	
	}
	
	.home-col-2-set .col-1, 
	.home-col-2-set .col-2, 
	.home-3-col-set .col-1, 
	.home-3-col-set .col-2, 
	.home-3-col-set .col-3{
		float: none;
		display: block;	
		margin-bottom: 10px;
		margin-right: 0;
		text-align: center;
	}
	
	.home-cats{
		overflow: hidden !important;	
	}
	
	.home-cats ul li{
		margin: 0;
		width: 50%;
		text-align: center;
		min-height: 140px;
	}
	
	.footer{
		padding: 12px;
	}
	
	.header{
		padding: 38px 0 0;	
	}
	
	.header .store-tabs ul li a span{
		display: block;	
		text-align: center;
	}
	
	.header .store-tabs {
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
	
	.header .store-tabs ul li{
		margin-left: 5px;
		margin-right: 0;	
	}
	
	.header .store-tabs ul li.rv a,
	.header .store-tabs ul li.marine a,
	.header .store-tabs ul li.hd a{
		background-image: none;	
		color: #fff;
		width: auto;
		padding: 2px 6px;
		position: relative;
		top: 2px;
	}
	
	.header .store-tabs ul li.rv a{
		background: #151515;	
		text-decoration: none;
	}
	
	.foot-col3-set .col-1,
	.foot-col3-set .col-2,
	.foot-col3-set .col-3{
		width: 50%;
		margin: 0;	
	}
	
	.foot-col3-set .col-3{
		clear: both;
		float: none;	
		margin: 0 auto;
	}
	
	.foot-col3-set .col-3 ul{
		padding: 0;
	}
	
	.foot-col3-set .col-3 ul li{
		float: none;
	}
	
	.footer li{
		text-align: center !important;	
	}
	
	.main{
		padding: 0;	
	}
	
	.header .quick-access{
		margin: 0;
		position: absolute;
		top: 42px;
		right: 0;	
	}
	
	.header .links li{
		display: block;
		float: none;
		background-image: none;	
		padding: 0;
		margin: 0 6px 0 0;
	}
	
	#search_mini_form{
		display: none;	
	}
	
	.header .links li.first{
		display: none;	
	}
	
	.top-cart-container{
		position: absolute;
		top: 0;
		right: 0;
		width: auto; 
	}
	
	.header .store-tabs ul{
		padding-left: 0;	
	}
	
	.header .logo{
		margin: 0 6px;	
	}
	
	.nav-container{
		background: #2d2d2d url(../images/mobile-nav-bg.png) no-repeat 0px 2px;
		padding: 10px 12px;	
		margin-top: 14px;
		overflow: hidden;
	}
	
	.header .form-search{
		position: relative;
		bottom: 0;
		padding: 0 12px;
	}
	
	.header .form-search input.input-text{
		width: 100%;
		padding: 5px;
		height: auto;	
		background: #fff;
	}
	.header .form-search button.button{
		position: absolute;
		right: 12px;
		float: none;
	}
	
	.top-cart .summary{
		margin: 4px 0px;
		width: auto;
		float: right;
		right: 50px;
		position: relative;
	}	
	
	.top-cart .summary p{
		margin: 0;	
	}
	
	.top-cart .actions{
		display: none;
	}
	
	.col-left{
		background: #ccc;	
	}
	
	.col-left.sidebar.marginPadding{
		margin: 0;
	}
	
	.pager .pages{
		position: relative;
		left: 0;
		padding: 0;
		float: right;
		margin-bottom: 4px;	
	}
	
	.pager .sort-by{
		clear: both;	
	}
	
	.products-list li.item{
		border-bottom: 1px solid #0D4367;
	}
	
	.products-list .product-image{
		float: none;
		margin: 0 auto;
		display: block;	
	}
	
	.products-list .product-shop{
		margin: 0;	
	}
	
	.compare-link li{
		text-align: right;
	}
		
	.products-list .read-more{
		float: right;	
	}
	
	.cms-page-view .breadcrumbs,
	.catalog-product-view .breadcrumbs{
		background: #fff;	
	}
	
	.cart-item-container,
	.cart .cart-collaterals{
		float: none;	
		margin: 0;
	}
	
	.cart-item-container{
		margin-bottom: 12px;	
	}
	
	.account-login .content{
		min-height: 0;	
		margin-bottom: 24px;
	}
	
	.checkout-onepage-index .col-right{
		padding: 20px;
		background: #fff;
		margin: 0;	
	}
	
	.categoryImageHeader{
		width: 96%;
		margin: 0;
		padding: 12px;
		height: auto;
		overflow: hidden;
		background: #151515;
	}
	
	.categoryImageHeader .category-title,
	.categoryImageHeader .category-description{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		font-size: 12px;
	}
	
	.categoryImageHeader .category-image{
		display: none;	
	}
}

/* Phone (portrait) */
@media (max-width: 480px) {

}