.effect-23 ~ label{
    left:80px !important;

}

@keyframes click-wave {
  0% {
	height: 20px;
	width: 20px;
	opacity: 0.35;
	position: relative;
  }
  100% {
	height: 200px;
	width: 200px;
	margin-left: -80px;
	margin-top: -80px;
	opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 10;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #32b140;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 9;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

.szallitasi-cim label {
  display: block;
  line-height: 20px;
  font-size:12px;
}






.green
{
color:green;
}
.orange
{
color:orange;
}

.fabrikett_form
{
border:none;
padding:2px;    
width:100%;
}
.mennyiseg
	{
	font-size:2.2em;
	text-align:center !important;
	
	}
.markak .section-inner
{
padding:0px !important;
margin-top:5px;
}

   
.ar
{
font-size:1.2em !important;
color:#337ab7 !important;
padding:2px !important;
text-align:center !important;
font-weight: bold !important;
}
	
	
.section-inner
{
padding:2px !important;
}

.form-group img
{
width:150px;
display:block;
margin-bottom:5px;
border:2px solid #32b140;
vertical-align:top;

}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) 
{
	
	#osszesen,#szallitas
	{
	/*font-size:1em !important;*/
	}
	.megrendelem_gomb
	{
	width:100% !important;
	height:50px !important;
	font-size:1.3em !important;
	}
	#fabrikett_form .pull-right
	{
	float:none !important;
	}
	.product .effect-23
	{
	width:110px;height:100px;
	
	}
	
	
	.form_left_block
	{
	width:100%;
	height:130px;
	text-align: left;
	color:#6a6565;
	font-weight: normal !important;
	font-size:1.1em;
	}  
						  
}


@media (min-width: 768px) and (max-width: 991px) 
{

	.megrendelem_gomb
	{
	width:100% !important;
	height:45px !important;
	font-size:1.2em !important;
	}
	.product .effect-23
	{
	width:110px;height:100px;
	}
	#fabrikett_form .pull-right
	{
	float:none !important;
	}
	
	.form_left_block
	{
	width:100%;
	height:110px;
	text-align: left;
	color:#6a6565;
	font-weight: normal !important;
	font-size:1.1em;
	}
}


@media (min-width: 992px) and (max-width: 1200px) {
	.product .effect-23
	{
	width:110px;height:110px;
	}
	.form_left_block
	{
	width:100%;
	height:110px;
	text-align: left;
	color:#6a6565;
	font-weight: normal !important;
	font-size:1.1em;
	}
	.megrendelem_gomb
	{
	width:100% !important;
	height:45px !important;
	font-size:1.2em !important;
	}
}


@media (min-width: 1200px) 
{
	.product .effect-23
	{
	width:110px;height:110px;
	}
	.form_left_block
	{
	width:100%;
	height:100px;
	text-align: left;
	color:#6a6565;
	font-weight: normal !important;
	font-size:1.1em;
	}                        
	.megrendelem_gomb
	{
	width:100% !important;
	height:45px !important;
	font-size:1.2em !important;
	}                    
						
}