﻿@media (max-width: 1300px) {
	#wf-block #screenQuiz {
		width: auto;
		padding: 0 5%;
	}
}

@media (max-width: 1024px) {
	#wf-block .wf-product .product-pane-container,
	#wf-block .wf-features .features-container,
	#wf-block .wf-piechart .pane-container,
	#wf-block .wf-case-stories .case-stories-container,
	#wf-block .request-quote,
	#wf-block .wf-summary {
		width: 90%;
	}
}

@media (max-width: 950px) {
	#wf-block .wf-screen {
		width: 90%;
	}
}

@media (max-width: 790px) {
	#wf-block .wf-select-menu {
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}

	#wf-block .wf-product .product-pane-container,
	#wf-block .wf-features .features-container,
	#wf-block .wf-piechart .pane-container {
		display: block;
	}
	#wf-block .wf-product .product-left-pane,
	#wf-block .wf-product .product-right-pane,
	#wf-block .wf-piechart .left-pane,
	#wf-block .wf-piechart .right-pane {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#wf-block .wf-features .features-pane {
		display:block;
	}
		#wf-block .wf-features .features-pane .features-item {
			display: block;
			width: 100%;
			margin: 0;
		}

	#wf-block .wf-case-stories .wf-case-story-item img,
	#wf-block .wf-case-stories .wf-case-story-item .wf-float-right {
		width: 100%;
		float: none;
		margin: 0 auto 30px auto;
	}

	#wf-block .wf-summary .summary-table,
	#wf-block .wf-summary .summary-table tr,
	#wf-block .request-quote .summary-table tr {
		display: block;
	}
		#wf-block .wf-summary .summary-table td,
		#wf-block .request-quote .summary-table td {
			width: 23%;
			display: inline-block;
		}

	#wf-block .request-quote .request-form section > div.Form__Element:not(.line){
		width: 70%;
	}
		#wf-block .request-quote .request-form .form-section.media > .Form__CustomElement.wf-form-element.wf-textbox {
			flex-grow: 1;
			flex-basis: 30%;
			flex-shrink: 0;
		}
}

@media (max-width: 650px) {

	#wf-block .wf-header {
		width: 90%;
	}

	#wf-block .wf-progress-bar {
		justify-content: center;
		width: auto;
	}

	#wf-block .wf-progress-section:not(.current) {
		display: none;
	}

	#wf-block .wf-progress-section.current {
		border: none;
		border-radius: 10px;
	}

	#wf-block .wf-navigation .wf-button {
		padding: 5px 15px;
	}

	#wf-block .wf-share-link-dialog {
		width: 85%;
		max-width: 480px;
	}

	#wf-block .wf-summary .summary-table td,
	#wf-block .request-quote .summary-table td {
		width: 43%;
		padding: 8px 4px;
		display: inline-block;
	}

	#wf-block .request-quote .solution {
		display: block;
	}
		#wf-block .request-quote .solution .product-image {
			width: 100%;
		}
		#wf-block .request-quote .solution div {
			margin:0;
		}
			#wf-block .request-quote .request-form section > div.Form__Element:not(.line) {
				width: 100%;
			}

	#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload label {
		width: auto;
	}
		#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload label:first-child {
			width: auto;
		}
}

@media (max-width: 480px) {
	#wf-block .wf-quiz-preview {
		width: 80%;
	}

	#wf-block .wf-form-container > form {
		padding: 10px 20px;
	}
	
	#wf-block .wf-product .product-pane-container,
	#wf-block .wf-features .features-container,
	#wf-block .wf-piechart .pane-container {
		display: block;
		width: 90%;
	}

	#wf-block .wf-form-container .wf-form-element.wf-horizontal fieldset > * {
		display: block;
	}
	
	#wf-block .wf-piechart .piechart-container .piechart-legend {
		display: none;
	}
	#wf-block .wf-share-link-dialog .share-link-field input {
		width: 50%;
	}
	#wf-block .request-quote {
		width: 100%;
		padding:0;
	}
		#wf-block .request-quote .request-form section > div.Form__Element label,
		#wf-block .request-quote .request-form section > div.Form__Element input,
		#wf-block .request-quote .request-form section > div.Form__Element select {
			width: 100%;
		}

		#wf-block .request-quote .request-form .form-section.media > .Form__CustomElement.wf-form-element.wf-textbox {
			flex-grow: 1;
			flex-basis: 47%;
			flex-shrink: 0;
		}
}
