@media only screen and (min-width: 980px) and (max-width: 1169px) {
	.standart {
		width: 300px;
	}
	.calc-generic .shadow-result {
		
	}
	.calc-generic .shadow-summary {
		padding-left: 15px;
	}
	.calc-generic .shadow-result {
		padding: 20px 40px;
	}
	section.calc-generic ul.half > li dl {
		font-size: 12px;
		padding-left: 10px;
	}
	
	.calc-generic .options ul.level-3 > li {
		font-size: 12px;
		width: 12%;
		float: left;
	}
	
	.calc-generic .options ul.level-3 > li:first-child {
		width: 64%;	
	}
	.calc-generic .props .decor > p {
		display: none;
	}
}


@media only screen and (min-width: 320px) and (max-width: 979px) {
	ul.calc-grid > li {
		width: 100%;
		max-width: 570px;
		margin: 10px auto;
		float: none;
		overflow: hidden;
	}
	ul.calc-grid > li:nth-child(odd),
	ul.calc-grid > li:nth-child(even) {
		padding: 0;
	}
	section.calc-generic .step.left,
	section.calc-generic .step.right {
		text-align: center;
	}
	section.calc-generic .step.left{
		border: none;
	}
}

@media only screen and (max-width: 769px) {
	section.calc-card span.pre-roll {
		height: auto;
		line-height: normal;
	}
}

@media only screen and (max-width: 579px) {
	.standart {
		width: 300px;
	}
	.cup-card .f-selector {
		position: relative;
		top: 0;
		left: 0;
		margin: 20px 0;
	}
}

@media only screen and (max-width: 510px) {
	.calcButtons li a,
	.calcButtons li {
		display: block;
	}
}

@media only screen and (max-width: 484px) {
	.cup-sizes {
		float: none;
	}
	.cup-sizes > a {
		float: none;
		margin: 10px auto;
		max-width: 300px;
		text-align: center;
	}
	.standart {
		width: 200px;
	}
	section.calc-generic .block-nav {
		padding-top: 17px;
	}
	section.calc-generic .attribs {
		padding:10px 0;
	}
	section.calc-generic .hdr {
		font-size: 18px;
	}
	section.calc-generic .post-grp,
	section.calc-generic .pre-grp {
		font-size: 16px;
	}
	.calc-generic .total > span.title {
		font-size: 18px;
	}
	section.calc-generic .f-selector > li {
		font-size: 14px;		
	}
	section.calc-generic .f-selector > li a {
		border: none;
		padding: 0 5px;
	}
	section.calc-generic ul.tbl > li {
		width: 30%;
	}
	section.calc-generic ul.tbl > li:nth-child(3n+2) {
		width: 20%;
	}
	section.calc-generic .attribs,	
	.calc-generic .options > .header {
		font-size: 14px;
	}
	.calc-generic .options ul.level-3 > li {
		font-size: 12px;
		width: 18%;
		float: left;
	}
	.calc-generic .options ul.level-3 > li:nth-child(3) {
		display: none;
	}
	.calc-generic .options ul.level-3 > li:first-child {
		width: 64%;	
	}
	.calc-generic .c-grid span {
		background: none;
		padding: 0;
		font-size: 14px;
	}
	.calc-generic .props-title {
		margin: 20px 0;
	}
	.calc-generic .props {
		float: none;
	}
	.calc-generic .props > li {
		clear: left;
		margin-bottom: 10px;
	}
	.calc-generic .props > li.box {
		width: auto;
	}
	.calc-generic .pre-result {
		margin: 20px 0 0 0;
	}
	section.calc-generic ul.half > li,
	.calc-generic .pre-result > li {
		width: 100%;
		float: none;
	}
	section.calc-generic ul.half > li:first-child {
		margin-bottom: 10px;
	}
	.calc-generic .pre-result > li {
		margin-bottom: 20px;
	}
	.calc-generic .props .decor {
		position: relative;
		bottom: auto;
	}
}

@media only screen and (max-width: 420px) {
	.calc-generic .total .order,
	.calc-generic .total .export {
		float: none;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 375px) {
	.calc-generic .options {
		font-size: 12px;
	}
	.standart {
		width: 100px;
	}	
	.cup-card .props {
		margin: 0;
	}
	.cup-card .props > li {
		display: block;
		float: none;
		overflow: hidden;
		margin: 10px 0;
	}
	.cup-card .props > li select {
		margin-top: 0;
	}
}