body {
	min-width: 0;
}
#body {
    font-size: 0.9em;
}

#body {
	/*width: 100%;*/
}
h1 {
	display: block;
	font-size: 1.6em;
	margin: 0 auto;
	width: 90%;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h1 span {
	display: block;
	padding: 3%;
	width: 94%;
}
.big-blue {
	font-size: 2em;
}
/*#body > ul {
	overflow: visible;
	padding: 0 5%;
	width: 90%;
}
#body ul.gallery {
	padding: 5% 0;
	overflow: hidden;
	width: 100%;
}
#body > ul li {
	float: none;
	margin: 0;
	width: 100%;
}
#body ul.gallery li {
	float: left;
	margin: 0 0 5% 5%;
	width: 42%;
}
#body > ul li a img {
	width: 98%;
}
#body > ul li a span {
	padding: 15px 0;
}
#body div ul {
	margin: 0;
	padding: 20px 0 0;
	width: 100%;
}
#body div ul li {
	overflow: visible;
	padding: 0 0 20px;
	width: 99%;
}
#body div ul li .figure {
	border: 0;
	display: block;
	float: none;
	margin: 0 0 20px;
	width: 100%;
}
#body div ul li .figure img {
	width: 100%;
}
#body div ul li div {
	float: none;
	padding: 0;
	width: 100%;
}
#body div ul li div a.more:hover {
	height: 14px;
	line-height: 14px;
}
#body form {
	width: 100%;
}
#body form input, #body form textarea {
	margin: 0 0 20px;
	padding: 10px;
	width: 84%;
}
#body form #send {
	padding: 10px;
}*/
#footer {
	padding: 10px 0 25px;
}
#footer div {
	overflow: visible;
	width: 100%;
}
#footer div p {
	float: none;
	margin: 0;
	text-align: center;
}
#footer div ul {
	float: none;
	margin: 0 auto;
	width: 256px;
}
.hydro-table, .hydro-smallprint {
    margin-left: 0;
    width: 100%;
}
#full-menu > ul li {
    display: inherit;
    float: none;
    width: 75%;
}
.no_mobile {/* hide these elements */
    display:none;
} 

#product-list > ul li {
    float: none;
    padding-bottom: 20px;
}

#product-list > ul li a {
    padding-bottom: 20px;
    color: white;
    text-decoration: none;
}

#product-list > ul li a img {
    padding: 0px;
    width: 90%;
    max-width: 260px;
}

#product-list > ul li span {
    /*color: white;*/
    display: inline;
}

.blocks > ul li {
    float: none;
}

.blocks > ul li a img {
    display: inline;
    max-width: 90%;
}

.blocks > ul li a span {
    padding: 0px;
    font-size: 1rem;
}

.four, .three, .two, .one {
    width: auto;
}

.icon-list > ul li {
    /*display: list-item;*/
    float: none;
}

.icon-list > ul li span {
    font-size: 1rem;
}

.list-2 > ul li, .list-3 > ul li, .list-4 > ul li, .list-5 > ul li {
    width: 100%;
}

.tile, .small-tile, .smaller-tile {
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 94%;
}

.small-tile h1 {
    font-size: 1.6rem;
}

.tile .background {
    opacity: 0.2;
    width: 100%;
}

.tile .animate-text {
    transform:translateX(0);
    opacity:1;
}

.tile span {
    opacity:1;
    transform:translateY(0px);
}

.cardstyle-half, .cardstyle-75, .cardstyle-full, .cardstyle-blue {
    min-width: 340px;
    width: 93%;
    font-size: 0.9rem;
}

.model-background {
    background-image: none;
}

.image-banner-overlay, .image-banner-overlay-2, .image-banner-overlay-3 {
    left: 15%;
    width: 80%;
    font-size: 0.9rem;
}

.one-image, .two-image {
    top: 0px;
    left: 5%;
    width: 10%;
    right: auto;
}

.option {
    width: 100%;
}

.show-hide-box {
    margin-left: 5%;
    width: 90%;
}

.data-compare img {
    width: 100%;
}

.mobile-shrink img {
    width: 100%;
}

.bubble {
    width: 15px;
    height: 15px;
}

.hydro-table th.rotate > div {
    transform: translate(5px, 20px) rotate(270deg);
}

.hydrotable {
    width:96%;
}

#mainContent_w_sidebar {
    width: 93%;
}

.news_video, .news_training, .news_product, .blog_entry, .news_other {
    width:90%; 
}
.news_video_image, .news_training_image, .news_product_image, .blog_image, .news_other_image {
    display: none;
}
