@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
	.header-image .title-area {
		background: url('images/logo@2x.png') no-repeat;
		background-size: 212px 92px;
	}
}

@media only screen and (max-width: 1025px) {
	.menu-primary a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 789px) {

	body, html, .site-container {
		max-width: 100%;
	}
	
	#temp_overlay {
		max-height: 50vw;
		background-position: 50% 50% !important;
	}

	.site-header {
		background: none;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.nav-primary {
		background: none;
		display: none;
		border-bottom: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
	.header-image .title-area {
		left: 0;
		background-position: center;
	}
	
	.header-image .site-title a {
		height: 92px;
	}
	
	/* Navigation
	---------------------------------------------------- */
	.responsive-menu .menu .sub-menu {
		position: relative;
		left: 0;
		width: 100%;
		opacity: 100;
	}
	
	.responsive-menu .menu .menu-item {
		display: block;
		text-align: left;
		float: left;
		width: 100%;
	}
	
	.responsive-menu .menu a {
		color: #fff;
		font-weight: 500;
		margin: 4px 12px 4px;
	}
	
	.responsive-menu .menu .sub-menu a {
		width: 100%;
		padding-left: 14px;
		background: none;
		border: none;
		font-size: 17px;
		color: #fff;
	}
	
	.genesis-nav-menu {
		position: absolute;
		z-index: 9;
		left: 0;
		height: 38px;
		overflow: hidden;
	}
	
	.responsive-buttons {
		position: absolute;
		width: 20%;
		right: 0;
		z-index: 11;
		right: 0;
	}
	
	.responsive-buttons .buttons {
		width: 140px;
		float: right;
		margin-right: 3%;
	}
	
	.responsive-buttons .buttons div {
		width: 45px;
		float: left;
		padding-top: 4px;
		cursor: pointer;
		text-align: right;
	}
	
	.responsive-buttons .buttons .language img {
		max-width: 25px;
		margin-top: 4px;
		border: 2px solid #fff;
		border-radius: 3px;
	}
	
	/* Header widgets
	---------------------------------------------------- */
	.site-header .header-widget-area {
		display: block;
		position: relative;
		top: 40px;
		padding: 0px !important;
		margin: 0;
		width: 100%;
	}
	
	.site-header .header-widget-area .widget_search {
		display: none;
		width: 100%;
		height: 40px;
		position: absolute;
		padding-left: 3%;
		padding-top: 4px;
		padding-right: 3%;
		left: 0;
	}
	
	.site-header .header-widget-area .widget_search .widget-wrap {
		width: 100%;
		height: 40px;
	}
	
	.site-header .header-widget-area .widget_search .widget-wrap form {
		float: left;
		display: block;
		width: 100%;
	}
	
	.site-header .header-widget-area .widget_search .widget-wrap form input[type="search"] {
		float: left;
		width: 100%;
	}
	
	.site-header .header-widget-area .widget_text {	
		display: none;
	}
	
	#text-64 {
		display: inline-block;
		position: absolute;
		right: 0;
		top: -130px;
	}
	
	.site-header .header-widget-area .icl_languages_selector {
		position: absolute;
		padding-left: 3%;
		top: 4px;
		padding-right: 3%;
		width: 100%;
		display: none;
	}
	
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click li {
		border: none !important;
	}
	
	.site-header .header-widget-area .icl_languages_selector #lang_sel .lang_sel_sel,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click .lang_sel_sel {
		padding: 8px 10px;
	}
	
	.site-header .header-widget-area .icl_languages_selector #lang_sel,
	.site-header .header-widget-area .icl_languages_selector #lang_sel li,
	.site-header .header-widget-area .icl_languages_selector #lang_sel li a,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click li,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click li a {
		width: 100%;
	}
	
	.site-header .header-widget-area .icl_languages_selector #lang_sel li ul,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click li ul {
		width: 100%;
		display: block;
		visibility: visible;
		opacity: 100;
		padding-top: 40px !important;
		margin-top: -20px !important;
		z-index: -1;
		border: 1px solid #cbcbcb;
	}
	
	.site-header .header-widget-area .icl_languages_selector #lang_sel ul ul a,
	.site-header .header-widget-area .icl_languages_selector #lang_sel_click ul ul a {
		padding: 8px 10px;
	}
	
	
	/* Homepage
	---------------------------------------------------- */
	.home .products {
		margin-top: 0;
	}
	
	.home .products .lists .image {
		margin: 0px auto;
		display: block;
	}
	
	.home .columnblocks .locations {
		width: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.home .columnblocks .locations .boxlink {
		width: 100%;
		height: 178px;
		padding-right: 0;
	}
	
	.home .columnblocks .information,
	.home .columnblocks .newsletter {
		width: 50%;
	}
	
	.home .columnblocks .information .piel,
	.home .columnblocks .information img {
		display: none;
	}
	
	.home .columnblocks .locations {
		height: auto;
	}
	
	.home .columnblocks .locations input[type="text"] {
		width: 64%;
		height: 29px;
	}
	
	.home .columnblocks .locations input[type="submit"] {
		width: 34%;
	}
	
	.home .columnblocks .information ul,
	.home .columnblocks .newsletter ul {
		margin: 0;
		padding: 0;
		background: none;
		margin-top: 10px;
	}
	
	.home .columnblocks .information ul li:hover a,
	.home .columnblocks .information ul li a {
		font-weight: normal !important;
		padding: 5px !important;
	}
	
	.home .columnblocks .newsletter .gfield_label {
		width: 25%;
	}
	
	.home .columnblocks .newsletter input {
		width: 100%;
		float: right;
	}
	
	.home .columnblocks .newsletter .gform_footer {
		width: 71%;
		float: right;
	}
	
	.home .columnblocks div {
		height: auto;
	}
	
	/* Product page
	---------------------------------------------------- */
	.single-product .entry {
		border: none;
	}
	
	.single-product .entry-header {
		padding: 0;
		display: flex;
		flex-direction: column;
	}
	
	.single-product .entry-title {
		width: 100%;
		display: block;
		float: left;
		order: 1;
	}
	
	.single-product .quicksearch,
	.single .quicksearch {
		display: none;
	}
	
	.single-product .productimages {
		width: 240px;
		margin-left: 10%;
		margin: 0px auto;
		order: 2;
	}
	
	.single-product .entry-content {
		width: 100%;
	}
	
	#service li {
		width: 100%;
	}
	
	#service li .flags {
		float: left;
		margin-bottom: 11px;
	}
	
	.ui-tabs .ui-tabs-nav li a {
		padding: 2px 10px;
	}
	
	.productdisclaimer {
		margin-bottom: 10px;
		width: 100%;
	}
	
	.single-product .entry-header #norcold, .single-download-product .entry-header #norcold, .single-product .entry-header #tecma, .single-download-product .entry-header #tecma, .single-product .entry-header #thetford, .single-download-product .entry-header #thetford {
		position: absolute;
		right: 15px;
	}
	
	/* Dealer locator
	---------------------------------------------------- */
	.locationmap, div#sl_div div#map {
		width: 94% !important;
		margin: 0 3%;
	}
	
	.locationsearchform {
		width: 100%;
		margin-top: 22px;
	}
	
	.locationresults .results_wrapper {
		width: 100%;
	}
	
	/* Dealer locator
	---------------------------------------------------- */
	.productoverview div.lists {
		width: 100%;
		padding: 10px 8px;
	}
	
	.productoverview div.lists .image,
	.productoverview div.lists .dropdown {
		display: none;
	}
	
	.productoverview h2 {
		margin: 0;
		height: 15px;
	}
	
	#map_box_image {
		width: 89% !important;
		overflow: hidden;
		clip: auto;
		margin-top: 17px;
	}
	
	#map_box_image img {
		height: 390px;
		width: 100%;
	}
	
	/* Sidebar
	---------------------------------------------------- */
	.sidebar .widget {
		border: none;
		margin-bottom: 5px;
	}
	
	.sidebar .widget_slpwidgetadvanced {
		height: auto;
		background: none;
	}
	
	.sidebar .widget_slpwidgetadvanced .widget-title {
		margin-bottom: 11px;
	}
	
	.sidebar .widget_slpwidgetadvanced input[type='text'] {
		width: 60%;
	}
	
	.sidebar .widget_slpwidgetadvanced input[type='submit'] {
		height: 24px;
		width: 35%;
		margin-top: 0;
	}
	
	.sidebar .warranty > a.button {
		text-align: center;
		width: 50%;
	}
	
	.sidebar .warranty span {
		width: 70%;
	}
	
	.sidebar .widget .newsletter input {
		width: 65%;
	}
	
	.sidebar .marine-dealer .link,
	.sidebar .marine-dealer {
		width: 100%;
		height: 75px;
		background: none;
	}
	
	.sidebar .marine-dealer .link .button {
		width: 30%;
		display: block;
		right: 35%;
	}
	
	/* Service
	---------------------------------------------------- */
	#service table {
		max-width: 100%;
		width: 100%;
		overflow-x: hidden;
		display: table;
	}
	
	#service ul li > a {
		float: left;
		display: block;
		width: 100%;
	}
	
	.grid.additive .item {
		width: 47%;
	}
	
	.responsive-buttons .buttons div:hover i {
		color: rgba(0,0,0,0.6);
	}
	
	.responsive-buttons .buttons div i {
		color: #fff;
		font-size: 24px;
	}
	
	.site-container .site-inner {
		margin-top: 42px;
		position: relative;
		z-index: 10;
		width: 96%;
	}
	
	.entry-title {
		font-size: 24px;
	}
	
	.content,
	.sidebar-primary {
		width: 100%;
	}
	
	div.gform_wrapper textarea {
		width: 100%;
	}
	
	.grid .item {
		width: 47%;
	}
	
	/* .grid .item.last { */
		/* margin-right: 15px; */
	/* } */
	
	.grid .item h2 {
		text-align: center;
	}
	
	table.offices {
		width: 46%;
	}
	
	table.offices tbody {
		width: 100%;
		display: block;
	}
	
	table.offices tr td:first-of-type {
		padding-left: 10px;
	}
	
	table.offices.last {
		float: right;
	}
	
	table.offices tbody tr {
	}
	
	.home .products div.lists {
		width: 48%;
	}
	
	.home-visual {
		min-height: 0;
		padding: 50px 0;
	}
	
	.home-visual span {
		font-size: calc( 12px + 2.2vw);
	}
	
	.home-bottom .wrap {
    display: flex;
    flex-wrap: wrap;
	}
	
	.home-bottom .wrap > div {
    width: 100% !important;
	}
	
	.title-area,
	.site-inner, .wrap,
	.site-container,
	.home .products ul {
		width: 100%;
	}
	
	.genesis-nav-menu.menu-secondary {
		height: auto;
	}
	
	.genesis-nav-menu.menu-secondary li {
		width: 100%;
		float: left;
		text-align: center;
		border-right: none;
		margin-bottom: 10px;
	}
	
	.responsive-menu > ul.menu {
		background-color: #122963;
	}
	
	.home-bottom-right {
		height: auto;
	}
	
	div.gform_wrapper ul.gfield_checkbox, 
	div.gform_wrapper ul.gfield_radio {
		margin-left: 180px !important;
	}
	
	/* Hide items */
	.footer-widgets,
	.widget_text .marine,
	#menu-main-menu,
	.home .products .lists a h2 {
		display: none;
	}
	
	/* Show items */
	.dropdown,
	#menu-responsive-menu,
	.responsive-buttons,
	.responsive-menu {
		display: block;
	}
	
	.responsive-name {
		display: inline-block;
	}
	
	table {
		width: 100%;
		overflow-x: scroll;
		display: block;
	}
	
	.grid .wrap .item, .home .products div.lists {
		width: 48%;
	}
	

}

@media only screen and (max-width: 499px) {

	.home .columnblocks .locations,
	.home .columnblocks .information,
	.home .columnblocks .newsletter {
		width: 100%;
	}

	
	.home .products div.lists {
		width: 100%;
	}
	
	.grid .item {
		width: 97%;
	}
	
	table.offices {
		width: 100%;
	}
	
	table.offices.last {
		margin-left: 0;
		float: left;
	}
	
	.grid.additive .item {
		width: 96%;
	}
	
	.responsive-buttons .buttons {
		margin-right: 2%;
	}
	
	.locationresults .results_wrapper {
		width: 96%;
	}
	
	.ui-tabs .ui-tabs-nav li,
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		width: 31%;
		height: 24px;
		background: #122963;
		border-radius: 0;
		text-align: center;
		margin: 0px auto;
		padding: 2px;
		margin-right: 2%;
		margin-bottom: 10px;
		color: #fff;
	}
	
	.ui-tabs .ui-tabs-nav li a,
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	 	color: #fff !important;
	}
	
	.ui-state-default a {
		color: #000 !important;
		float: none !important;
	}
	
	.responsive-menu .menu .twentyfive {
		width: 100%;
		display: none;
	}
	
	.responsive-menu .menu .twentyfive:first-of-type {
		display: block;
	}
	
	.thetford-global .one-fourth {
		width: 100%;
		margin-bottom: 11px;
	}
	
	.thetford-global .segment img {
		width: 100%;
	}
	
	.header-image .title-area {
		background-size: 50%;
		background-position: top center !important;
	}
}