@media  (max-width: 767px) {
	.type label span {
/*			font-size: 6px;*/
	}
	
	
	.type li {
			float: left;
			width: 85px;			
			margin: 0 0px;
			padding: 0;
	}
	.type img{
			width: 70%;
			height: auto;			
			margin: 8px auto 0 auto;
	}
	.type label span {
			font-size: 10px;
		    padding: 5px 0 0 0;
	}
	.type {
		margin: 0 0 11px 0;
	}	

	
	.hold-calc .items {
		width: 750px;
	}
	.items .itemcalc {
		padding: 37px 0 9px 120px;
	}	
	.items .l {
		width: 115px;
		margin: 2px 0 0 -120px;
	}
	.items .label {
		font: normal 10px/1 "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0 18px 0 0;
	}	
	.items .label strong {
		font-size: 12px;
	}	
	.items .elem {
		width: 256px;
	}
	
	
	
	#wndCalculate {
		width: 690px !important;
	}
	
}
	
@media (min-width: 768px) and (max-width: 979px) {
	.type li {
			float: left;
			width: 85px;			
			margin: 0 10px;
			padding: 0;
	}
	.type img{
			width: 70%;
			height: auto;			
			margin: 8px auto 0 auto;
	}
	.type label span {
			font-size: 10px;
		    padding: 5px 0 0 0;
	}
	.type {
		margin: 0 0 11px 0;
	}	
	
	.hold-calc .items {
		width: 750px;
	}
	.items .itemcalc {
		padding: 37px 0 9px 120px;
	}	
	.items .l {
		width: 115px;
		margin: 2px 0 0 -120px;
	}
	.items .label {
		font: normal 10px/1 "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0 18px 0 0;
	}	
	.items .label strong {
		font-size: 12px;
	}	
	.items .elem {
		width: 256px;
	}	
	
	#wndCalculate {
		width: 750px !important;
	}	
	.circle {
		width: 240px;
		height: 170px;
		padding: 0px 0px 0px 0px;
		background: url(/_calc_/img/ico-circle-1.png) no-repeat 50% 50%;
		background-size: contain !important;
	}	
	.hdr {
		padding: 40px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		font: normal 18px/22px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}	
		
	.tx {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font: normal 24px/20px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}	

	.ico-circ-05 {
		background: url(/_calc_/img/ico-circle-sm-5.png) no-repeat 50% 30px;
		margin-left: 0px;
	}

	.circle-sm {
		width: 180px;
		height: 120px;
		font: normal 14px/14px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-position: 50% 45px;				
		background-size: auto auto !important;
	}	
	
}

@media (min-width:980px) and (max-width: 1199px){
	.type li {
			float: left;
			width: 115px;
			margin: 0 10px;
			padding: 0;
	}
	.type img{
			width: 80%;
			height: auto;			
			margin: 8px auto 0 auto;
	}	
	.type label span {
			font-size: 12px;
	}
}


@media (min-width: 481px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (max-width: 767px) {

}

@media (min-width: 481px) and (max-width: 767px) {	
	.hold-calc .items {
		width: 480px;
	}	
	.items .itemcalc {
		padding: 27px 0 9px 10px;
	}	
	.items .l {
		width: 110px;
		height: 180px;
		margin: 2px 0 0 10px;
		float:left;
	}
	.items .elem {
		width: 246px;
		margin: 0 0 9px 0;		
	}	
	.items .delete {
		right: 20px;
	}	
	
	.white-popup-block .wndHeader {
		font-size: 14px !important;
	}	
	#zcwMiniButton {
		right: 18px !important;
		bottom: 15px !important;
	}	
	#wndCalculate {
		width: 470px !important;
	}		
	.circle {
		width: 145px;
		height: 115px;
		padding: 0px 0px 0px 0px;
		background: url(/_calc_/img/ico-circle-1.png) no-repeat 50% 50%;
		background-size: contain !important;
	}	
	.hdr {
		padding: 30px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		font: normal 14px/18px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}	
		
	.tx {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font: normal 16px/14px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}	

	.ico-circ-05 {
		background: url(/_calc_/img/ico-circle-sm-5.png) no-repeat 50% 30px;
		margin-left: 0px;
	}

	.circle-sm {
		width: 145px;
		height: 120px;
		font: normal 12px/10px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-position: 50% 45px;				
		background-size: auto auto !important;
	}		
}
@media (min-width: 481px) and (max-width: 667px) {	
	.type li {
		margin-left: 5px !important;
	}
}
@media (min-width: 481px) and (max-width: 568px) {	
	.type li {
		width: 80px;
		margin-left: 0px !important;
	}
}
@media (min-width: 481px) and (max-width: 533px) {	
	.type li {
		width: 140px;
		margin-left: 0px !important;
	}
}
@media (max-width: 480px) {
	
	.hold-calc .items {
		width: 350px;
	}
	.type li {
		margin-left: 0px;
		width: 100px;
	}	
	.items .itemcalc {
		padding: 17px 0 9px 10px;
	}	
	.items .l {
		width: 250px;
		margin: 2px 0 0 10px;
		float:none;
		clear:both;
	}
	.items .label {
		font: normal 10px/1 "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0 18px 0 0;
	}	
	.items .label strong {
		font-size: 12px;
	}	
	.items .elem {
		width: 250px;
		margin: 0 0 5px 0;
	}
	
	.items .delete {
		right: 80px;
		right: 20px;
	}
	
	.items input, .items input.w2 {
		width: 70px !important;
		font-size: 12px !important;
	}	
	.items .selectText, .items  .customSelect {
		font-size: 12px !important;
		width: 80px !important;
	}
	.items  .customSelect  option{
		font-size: 12px !important;
	}	
	.items .customSelect.w2{
		width: 90px !important;
	}
	
	#wndCalculate {
		width: 330px !important;
	}	
	.white-popup-block .wndHeader {
		font-size: 14px !important;
	}	
	.white-popup-block h2 {
		font-size: 18px !important;
		margin-bottom: 10px;
	}		
	.circle {
		width: 100px;
		height: 115px;
		padding: 0px 0px 0px 0px;
		background: url(/_calc_/img/ico-circle-1.png) no-repeat 50% 50%;
		background-size: contain !important;
	}	
	.hdr {
		padding: 40px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		font: normal 10px/12px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}	
		
	.tx {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font: normal 14px/10px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}	

	.ico-circ-05 {
		background: url(/_calc_/img/ico-circle-sm-5.png) no-repeat 50% 30px;
		margin-left: 0px;
	}

	.circle-sm {
		width: 150px;
		height: 120px;
		font: normal 12px/10px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-position: 50% 45px;				
		background-size: auto auto !important;
	}
	#zcwMiniButton {
		right: 18px !important;
		bottom: 15px !important;
	}		
	.type label span {min-height:150px;}
}


@media (max-width: 375px) {
	
	.type li {
		width: 77px;
	}	
	.hold-calc .items {
		width: 300px;
	}
	.items .itemcalc {
		padding: 17px 0 9px 10px;
	}	
	.items .l {
		width: 250px;
		margin: 2px 0 0 10px;
		float:none;
		clear:both;
	}
	.items .label {
		font: normal 10px/1 "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0 5px 0 0;
	}	
	.items .label strong {
		font-size: 12px;
	}	
	.items .elem {
		width: 220px;
		margin: 0 0 5px 0;
	}
	
	.items .delete {
		top: 80px;
		right: 40px;
	}
	
	.items input, .items input.w2 {
		width: 70px !important;
		font-size: 12px !important;
	}	
	.items .selectText, .items  .customSelect {
		font-size: 12px !important;
		width: 80px !important;
	}
	.items  .customSelect  option{
		font-size: 12px !important;
	}	
	.items .customSelect.w2{
		width: 90px !important;
	}
	
	#wndCalculate {
		width: 270px !important;
	}
	.white-popup-block .wndHeader {
		font-size: 14px !important;
	}
	
	.circle {
		width: 80px;
		height: 90px;
		padding: 0px 0px 0px 0px;
		background: url(/_calc_/img/ico-circle-1.png) no-repeat 50% 50%;
		background-size: contain !important;
	}	
	.hdr {
		padding: 22px 5px 0px 5px;
		margin: 0px 0px 0px 0px;
		font: normal 9px/12px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}	
		
	.tx {
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 0px 0px;
		font: normal 13px/10px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}	

	.ico-circ-05 {
		background: url(/_calc_/img/ico-circle-sm-5.png) no-repeat 50% 30px;
		margin-left: 0px;
	}

	.circle-sm {
		width: 120px;
		height: 120px;
		font: normal 12px/10px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-position: 50% 45px;		
		background-size: auto auto !important;
	}
	
	#zcwMiniButton {
		right: 18px !important;
		bottom: 15px !important;
	}	
}

@media (max-width: 320px) {
	.type li {
		width: 100px;
	}
|