@media only screen and (max-width: 1016px) {
	.body {
		margin-top: -170px;
	}
	
	.dontshow {
		display: none;
	}
	
	.show {
		display: inline;
	}
	
	#videohomepage {
		height: 100%;
	}
	
	.header {
		width: 748px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		padding-left: 150px;
		padding-right: 100px;
		margin-top: -15px;
		position: fixed;
		left: calc(50% - 534px);
	}
	
	.headerHome {
		width: 748px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: -150px;
	}
	
	.logo {
		width: 200px;
		margin-top: 15px;
	}
	
	.logo img {
		width: 230px;
	}
	
	.menu {
		margin-top: 15px;
	}
	
	.menu ul li {
		padding-top: 10px;
		padding-right: 1px;
		padding-bottom: 16px;
		padding-left: 2px;
	}
	
	.slide_blog_resize_b {
		width: 748px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.slide_blog_resize {
		position: fixed;
	}
	
	.body_resize {
		width: 748px;
		margin-top: 324px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	
	.body_resize .right {
		display: none
	}
	
	.body_resize .left {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.image_about {
		width: 736px;
	}
	
	.mission {
		display: inline-block;
		text-align: center;
		margin: 20px auto 40px auto;
		background-color: #27aae1;
		font-size: 24px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 40px;
		border-radius: 0px;
		float: none;
	}
	
	.mission img {
		padding: 0;
		border: none;
		background-color: transparent;
		margin: 0 auto;
	}
	
	.mission a {
		color: #fff;
		text-decoration: none;
	}
	
	.product_filter {
		display: inline-block;
		text-align: center;
		margin: 160px 0 -120px 0;
		background-color: #27aae1;
		font-size: 24px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 20px 10px 40px;
		border-radius: 0px;
		float: none;
	}
	
	.product_filter a {
		color: #fff;
		text-decoration: none;
		text-align: left;
	}
	
	.product_filter_li {
		display: none;
		text-align: left;
	}
	
	.product_filter_li.enable {
		display: inline;
	}
	
	.product_filter_li.enable ul {
		text-decoration: none;
		list-style:none;
		padding: 0px 0px;
	}
	
	.product_filter_li.enable li {
		text-decoration: none;
		list-style:none;
		padding: 5px 5px;
		margin-left: -20px;
		border-bottom: 1px solid #0F75BC;
	}
	
	.product_filter_li.enable li:hover {
		background-color: #0F75BC;
	}
	
	.port.home {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 50px;
	}
	
	.FBG_resize {
		width: 748px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.footer_resize {
		width: 748px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.blog.last {
		display: none;
	}
}

@media only screen and (max-width: 804px) {
	.body {
		margin-top: 0px;
	}
	
	.dontshowmobile {
		display: none;
	}
	
	.showmobile {
		display: inline;
	}
	
	.main2 {
		padding: 0;
	}
	
	.main {
		padding: 0;
	}
	
	.header {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		margin-top: 0px;
		position: static;
		left: auto;
		background-color: transparent;
	}
	
	.headerHome {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		margin-top: 0px;
		position: static;
		left: auto;
		background-color: transparent;
		margin-bottom: 0px;
	}
	
	.iphone .contact_header {
		margin-top: auto;
	}
	
	.ipad .contact_header {
		margin-top: auto;
	}
	
	.contact_header {
		margin-top: 18px;
		margin-bottom: auto;
		margin-right: 10px;
		float: right;
		color:#FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
	}
	
	.contact_header_disable {
		display: none;
	}
	
	.menu {
		display: none;
		margin-top:15px;
	}
	
	ul.topnav {
		display: inline;
		float: none;
		background-color: #0F75BC;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
		border-bottom: 1px solid #27aae1;
	}
	
	/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
	ul.topnav li:not(:first-child) {
		display: none;
	}
	
	ul.topnav li {
		margin: 0px auto;
	}
	
	ul.topnav li.icon {
		width: 100%;
		display: inline-block;
	}
	
	ul.topnav li.icon a {
		text-align: center;
	}
	
	/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
	ul.topnav.responsive {
		position: fixed;
		bottom: 0;
	}

	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: center;
		border-bottom: 1px solid #27aae1;
	}

	.logo {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: -40px;
		margin-top: 63px;
	}
	
	.logo img {
		width: 40%;
	}
	
	.slide_blog_resize_b {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		position: static;
	}
	
	.slide_blog_resize {
		position: static;
	}
	
	.page_title h4 {
		text-align: center;
		float: none;
	}
	
	.page_title {
		margin: 0;
	}
	
	.search {
		display: none;
	}
	
	.body_resize {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		margin-top: 20px;
	}
	
	.body_resize .right {
		display: none;
	}
	
	.body_resize .left {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	
	.body_resize .left img {
		width: 98%;
	}
	
	.body_resize .app img {
		width: 128px;
		height: 42px;
	}
	
	.product_filter {
		margin: 20px 0 40px 0;
	}
	
	.port {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		height: 90%;
	}
	
	.port.last {
		float: none;
	}
	
	.port img {
		width: 98%;
		height: 98%;
	}
	
	.ih-item img {
		width: 100% !important;
		height: 100% !important;
	}

	.ih-item {
		height: calc(100% + 40px) !important;
	}
	
	#pdf {
		width: 32px;
		height: 32px;
	}
	
	.FBG_resize {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	
	.footer_desktop {
		display: none;
	}
	
	.footer_mobiel {
		display: inline;
	}
	
	.FBG_resize .blog {
		width: 100%;
		float: none;
		margin: auto;
		text-align: center;
		padding-right: 0px;
		border-right-width: 0px;
		padding-left: 0px;
	}
	
	.FBG_resize h2 {
		margin: auto;
		text-align: center;
		font-weight: bold;
	}
	
	.FBG_resize p {
		padding: 0px 0;
		margin: auto;
		text-align: center;
		font-size: 14px;
	}
	
	.FBG_resize li {
		padding: 6px 0;
		margin: 0;
		border-bottom-width: 0px;
	}
	
	.FBG_resize li a {
		font-size: 14px;
	}
	
	.FBG_resize img {
		float: none;
	}
	
	.footer_resize {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	
	.footer p.leftt {
		text-align: center;
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.footer p.right {
		text-align: center;
		font-weight: bold;
		font-style: italic;
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.blog.last {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.logo img {
		width: 60%;
	}
}