@media all and (min-width: 1200px) and (max-width: 1439px) {
	.param-wrap {
		width: calc(56% - 30px);
	}
	.img-side {
		width: 44%;
	}
}
@media all and (max-width: 1199px) {
	.param-wrap, .img-side {
		width: 100%;
	}
	.img-side {
		margin-top: 30px;
	}
}
@media all and (max-width: 1199px) and (min-width: 992px){
	.img-wrap, .img-speed-wrap {
		width: 50%;
	}
	.img-side {
		margin-left: 10px;
	}
}
@media all and (max-width: 991px) {
	.param-wrap,
	.img-side,
	.img-wrap,
	.img-speed-wrap {
		width: 100%;
	}
	.img-side {
		margin-left: 0;
	}
}
@media all and (max-width: 767px) {
	.calc-wrap table td, 
	.calc-wrap table th {
		padding: 8px 10px;
	}
	#selections select {
		min-width: 70px;
	}
	#selections tr:first-child,
	#results tr:first-child th {
		height: 50px;
	}
	.param-hint-text {
		width: 70%;
	}
	.switcher button#inches, 
	.switcher button#mm {
		font-size: 1rem;
	}
}
@media all and (max-width: 575px) {
	.calc-wrap table td, 
	.calc-wrap table th {
		font-size: 0.75rem;
		padding: 7px 10px;
	}
	#selections tr:first-child th {
		width: 110px;
	}
	#selections tr:first-child,
	#results tr:first-child th {
		height: 46px;
	}
	.param-hint-text p {
		font-size: 0.875rem;
	}
	.switcher button#inches, 
	.switcher button#mm {
		font-size: 0.875rem;
	}
	.selections-wrap,
	.buttons-table-wrap {
		overflow-x: auto;
	}
	#selections,
	#results {
		margin: 0 1px 1px 1px;
		width: calc(100% - 2px);
	}
	#results {
		margin-top: 10px;
	}
	#results .mark {
		width: 18px;
		height: 18px;
	}
	.img-wrap {
		padding: 2% 7%;
	}
	button#calc_button {
		width: auto;
	}
	.img-old > div, .img-new > div {
		margin-bottom: 50px;
	}
	.rubber_front {
		margin: auto;
	}
	button#up, button#down, #device-value, #real-value {
		font-size: 1.5rem;
	}
	#device-value {
		width: 50px;
	}
	.calc-wrap p {
		padding-bottom: 10px;
	}
}