
.content img {
	max-width: 100%;
	height: auto;
}

.content iframe {
	max-width: 100%;
}

.slicknav_menu {
	display:none;
}

@media (max-width: 1799px) {
	
} /* @media (max-width: 1799px) */

@media (max-width: 1170px) {
	
	/* do not display classic menu */
	#superfish {display:none;}
	
	/* display only mobile menu */
	.slicknav_menu {
		display:block;
	}
	
	.grid-4-1 {
		width: 46%;
		margin: 5px 2%;
	}
	
	.hpt_1 { font-size: 40px; line-height: 45px;  }
	.hpt_2 { font-size: 20px; line-height: 30px;  }	
	#header_picture .item .content button { padding: 10px 20px; }
	#header_picture .item .more { margin-top: 15px; }

} /* @media (max-width: 1170px) */

@media (max-width: 1023px) {
	
	.envelope-pad-banner {
		padding:  40px 3% 40px 3%;
	}
	
} /* @media (max-width: 1023px) */

@media (max-width: 979px) {
	
	
} /* @media (max-width: 979px) */


@media (max-width: 899px) {
	
	/*
	.grid-3.grid-2-allow .grid-3-1 {
		width: 46%;
		margin: 5px 2%;
	}
	.grid-3.grid-2-allow .grid-row { display: none; }
	*/
	
} /* @media (max-width: 899px) */

@media (max-width: 799px) {
	
	.hpt_1 { font-size: 22px; line-height: 26px;  }
	.hpt_2 { font-size: 15px; line-height: 22px;  }	
	#header_picture .item .content {
		bottom: 25%;
	}
	#header_picture .item .content button,
	#header_picture .item .content .button {
		padding: 6px 14px; font-size: 13px; 
	}
	#header_picture .item .more { margin-top: 10px; }
	
	.grid-2-1 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.tiles .item  {
		width: 100%;
		float: none;
		margin-right: 0;
	}	
	
} /* @media (max-width: 799px) */

@media (max-width: 640px) {
	
	.pre-header .fl,
	.pre-header .fr
	{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.select-menu {
		margin: 20px 0 0 0;
	}
	
} /* @media (max-width: 640px) */


@media (max-width: 599px) {

	.grid-4-1 {
		width: 100%;
		float: none;
		margin: 40px 0px 40px 0px;
	}
	.grid-4 .grid-row { display: none; }
	
	.grid-3-1,
	.grid-3.grid-2-allow .grid-3-1 
	{
		float: none;
		width: 100%;
		margin: 40px 0px 40px 0px;
	}
	.grid-3 .grid-row { display: none; }
	
} /* @media (max-width: 599px) */

@media (max-width: 480px) {
	
	#header_picture .item .content {
		display: none;
	}

} /* @media (max-width: 480px) */	


@media (max-width: 359px) {
	
} /* @media (max-width: 359px) */
