@media screen and (max-width: 1680px) {
	/* HEADER/NAV */
	
	header {
		height: 80px;
		padding: 0 5%;
		position: fixed;
		z-index: 100;
		box-sizing: border-box;
	}
	
	.hom {
		display: none;
	}
	
	.hod {
		display: block;
	}
	
	nav {
		position: fixed;
	}
	
	.navbar-toggle {
		margin: 29px 0 0 30px;
	}
	
	/* LOGO */
	
	header.configurator img {
		height: 46px;
		margin: 17px 0;
	}
}

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

	body {
		height: auto;
	}
	
	.hom {
		display: none;
	}
	
	.hod {
		display: block;
	}
	
	.mob-br {
		display: block;
	}
	
	/* HEADER/NAV */
	
	header {
		height: 80px;
		padding: 0 5%;
		position: fixed;
		z-index: 100;
		box-sizing: border-box;
	}
	
	nav {
		position: fixed;
	}
	
	.navbar-toggle {
		margin: 29px 0 0 30px;
	}
	
	/* LOGO */
	
	header.configurator img {
		height: 46px;
		margin: 17px 0;
	}
	
	/* CONTENT */
	
	.content-wrapper {
		margin-top: 80px;
		height: auto;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.content-wrapper-65 {
		width: 100%;
		flex: 0 0 60vw;
		border-right: none;
		position: relative;	
	}
	
	.content-wrapper-35 {
		width: 100%;
		flex: 1 0 20vw;
		overflow-y: unset;
	}
	
	.container-30 {
		display: flex;
		flex-flow: column;
	}
	
	.prev-img-sidebar {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 50px;
	}
	
	.desc {
		width: 100%;
		height: auto;
		float: left;
		margin: 20px 0;
	}
	
	/* BUTTONS */
	
	.l-button {
		height: 46px;
		line-height: 46px;
		border-radius: 18px;
		font-size: 14px;
		margin: 10px 0 0 0;
	}
	
	.l-button:hover {
		border: 2px solid #7eaf00;
		color: #143727;
		font-weight: 700;
	}
	
	.l-button.active {
		border: 2px solid #7eaf00;
		color: #143727;
		font-weight: 700;
	}

	.btn-cont-hor {
		flex-direction: column;
	}

	.btn-cont-hor > .s-button {
		margin-left: 0;
	}
	
	.s-button-left, .s-button-right, .s-button {
		font-size: 14px;
		min-height: 46px;
		/*line-height: 46px;*/
	}

	.s-button-lm {
		width: 100%;
		margin: 10px 0 0 0 !important;
	}
	
	.input-row {
		width: 100%;
		margin: 20px 0;
	}
	
	input {
		width: 73%;
	}
	
	h2.h-question {
		font-size: 18px;
	}
	
	p.sub-heading {
		font-size: 14px;
		line-height: 28px;
	}
	
	/* FOOTER */
	
	footer {
		height: auto;
		padding: 0 5%;
		position: static;

		flex-direction: column;
		box-sizing: border-box;
	}
	
	/*
	footer img {
		width: 40px;
		height: 31px;
		margin: 25px auto 15px auto;
		float: none;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}*/
	
	.footer-left > img {
		flex: 0 0 auto;
	}
	
	p.footer-light {
		float: none;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		color: #fff;
		line-height: 120%;
		margin: 0;
		margin-left: 5px;
		font-size: 16px;
		text-align: left;

		flex: 0 1 auto;
	}
	
	p.footer-medium {
		margin: auto;
	}
	
	p.footer-medium-double {
		line-height: 51px;
		margin: 0;
	}

	.footer-divider {
		background-color: #7eaf00;
	}

	.footer-divider > div {
		background-color: transparent;
	}
	
	.footer-left {
		width: 100%;
		height: 105px;
		flex: 0 1 auto;
		justify-content: center;
		order: 2;
	}
	
	.footer-center {
		width: 100%;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		margin: 20px 0;

		order: 2;
	}

	.footer-center-2 {
		order: 1;
	}

	.footer-divider-white {
		display: none;
	}

	.stat-item {
		width: 30%;
	}
	
	.footer-right {
		width: 100%;
		height: auto;
		float: left;
		
		order: 1;
	}
	
	.footer-divider {
		margin: 0px 20px;
	}
	
	a.green-btn {
		margin: 0px 0 50px 0;
		float: none;
		width: 100%;
		text-align: center;
	}
	
	a.green-btn:hover {
		opacity: 0.5;
	}

	.footer-right {
		padding: 0;
		position: relative;
		height: 100px;
	}

	.footer-right > .back-btn {
		margin: 0px 0 50px 0;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 50px;
	}

	.footer-right > .green-btn {
		width: 100%;
		position: absolute;
		top: 0;
	}

	.table .column {
		width: 100%;
	}

	.pop-up > .pop-up-container {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		border-radius: 0px;
	}

	.pop-up .mini-description {
		padding-bottom: 50px;
		width: 100%;
	}

	.pop-up {
		position: fixed;
		width: 100vw;
		height: 100vh;
	}

	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}

	.mobile.accessoires-switch {
		display: none !important;
	}
	
	.mobile.accessoires-switch.active {
		margin-top: 20px;
		display: block !important;
	}

	.green-btn {
		order: 0;
		width: 100%;
		display: block;
	}

	.back-btn {
		order: 1;
		width: 100%;
		display: block;
	}

	.mob .form-half {
		width: 100%;
		padding: 0;
	}

	.mob .form-full {
		width: 100%;
		padding: 0;
	}

	.mob .form-row {
		padding: 0;
	}

	.pop-up > .pop-up-container {
		padding: 60px 20px;
	}
}

@media screen and (max-width: 420px) {
	.table .long-title {
		text-align: right;
		width: 100%;
		font-weight: bold;
	}

	.table .long-result {
		text-align: right;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.table .short-title {
		text-align: right;
		width: 100%;
		font-weight: bold;
	}

	.table .short-result {
		text-align: right;
		width: 100%;
		margin-bottom: 20px;
	}
}