/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2015, 8:40:37 AM
    Author     : chrisfahy
*/

#responsive_navbar{display: none; }
.mobileOnly {
	display:none !important;
}
.desktopOnly {
	display:block !important;
}


@media (max-width: 768px) { 

	#responsive_navbar{display: block; }

	body{ margin-top: 75px !important; background-size: contain;}
	
	#nav { display: none; }


	img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto;} 

	table[style] {
    width: 100% !important;
}
table[width] {
    width: 100% !important;
}

	div[style], p, p[style] { max-width: 100% !important;  }
	
	div#wmenu_section { display:none; }
	
	.generated_slideshow img {
    /*height: 200px !important;*/
    width: 100% !important;
}

	object { max-width: 100% !important; height: auto !important;   }
	object[height] { width: 100% !important; }
	object[width] { height: auto !important;  }

	#prev, #prov, .prov { max-width: 100% !important; height: auto !important;   }
	#prev[style], #prov[style], .prov[style] { width: 100% !important; }
	#prev[style] , #prov[style], .prov[style]{ height: 140px !important;  }

	#Border { max-width: 100% !important; height: 140px !important;  }
	#Border[style] { width: 100% !important; height: 140px !important; }
	
	#map_canvas {width: 100% !important;}

	embed[height] { width: 98% !important; }
	embed[width] { height: auto !important;  }


	iframe{ max-width: 100vw !important; }

	#overlay_container {
		
		display:none !important;
		
	}

	#page, .article, #main, #content-wrap, #wrap,#contentField, #content,#page-content , .post_content, #splash, #page-bottom,#page-bgbtm,#prov, .container,#page-bgtop,#ogreen,.main,.bodybg,#content_wrapper,.content_box,.content_resize,.footer_resize,.content .mainbar { padding: 1px !important; margin: 1px !important; width: 98% !important;  height: auto !important;}
	
	.navbar-default .navbar-nav > li > a {color: #777 !important;    margin-left: 20px;
    font-size: 14px;
    border-bottom: 1px solid #E4E4E4;
    height: 26px;}
	
	.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 5px;
	width: 100vw;
}

.navbar-default .navbar-toggle {
    border-color: #f8f8f8;
}
	
	marquee {width: 98% !important;}
	
	#banner { padding: 1px !important; margin: 1px !important; width: 98% !important;  background-size: contain !important;}

	#page-bgtop{ padding: 1px !important; margin: 1px !important; width: 100% !important;  height: auto !important;}

	#wrapper {width: 100% !important; }

	#content {padding: 5px !important; max-width: 100% !important;  margin: auto !important;}

	.textField, textarea {width: 90% !important; height: auto !important;  }

	#menu, #menu-top, #menu-page, #search, #footer-content, #toolbar, #sidebar,.headerbg,.sidebar,.header_resize{ display: none !important; }

	#generated_slideshow { height: 200px !important; }

	#header{ max-width: 98% !important; height: 85px !important;  padding: 5px !important; background-size: contain !important; } 
	#header-wrapper {    height: auto !important; }


	#logo{ background-size: contain !important; max-width: 95% !important; margin-top: 40px !important; padding: 5px !important;}


	.sidebar_list ul li .holder {
		right: -210px !important;
		height: 49px !important;

	}
	.sidebar_list ul li .holder .image {
		width: 35px !important;
		height: auto !important;
		margin: 5px 0px 3px 2px !important;

	}
	.sidebar_list ul li .holder .text, .backstretch, #footer, .footer { 
		display:none !important;
	}

	.mobileOnly {
		display:block !important;
	}
	.desktopOnly {
		display:none !important;
	}
	
	
	
	.productContainer2Column, .productContainer3Column {
		width: 92% !important;
	}
	
	.productContainer1Column {
		width: 92% !important;
	}


}