.licznik form{ margin-left: 25px; box-sizing: border-box; padding: 10px 0px; margin-bottom: 80px; }
.licznik form .col1{ float: left; width:50%; padding: 10px; box-sizing: border-box; }
.licznik form .col2{ position: relative; float: left; width:50%; padding: 10px; box-sizing: border-box; }
.licznik form .col2 p{ font-weight: 600; font-size: 18px; padding-top: 5px; }
.licznik form .col3{ float: left; width:100%; padding: 0px 10px; box-sizing: border-box;}
.licznik form .col4{ margin-top: 20px; }

.licznik form .dodaj-zdjecie { text-align: center; position: relative; cursor: pointer; margin: 10px 0px; height: 83px; width: 100%;  }
.licznik form .dodaj-zdjecie span { text-align: center; cursor: pointer; display: block; position: absolute; z-index:1; left: 0px; top: 0px; width: 100%; height: 83px;   }
.licznik form .dodaj-zdjecie input{ cursor: pointer; margin: 0px; width: 100%; height: 100%; opacity: 0; position: relative; z-index:5; }

.licznik form input { margin: 10px 0px; font-weight: 300; font-size: 18px; width:100%; box-sizing: border-box; padding-left: 10px; background: #fff; height: 65px; border: 1px solid #c1bebe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.licznik form select { margin: 10px 0px; font-family: latolight; font-size: 18px; width:100%; box-sizing: border-box; padding-left: 10px; background: #fff; height: 65px; border: 1px solid #c1bebe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.licznik form textarea { margin: 10px 0px; padding-top: 20px; font-weight: 300; font-size: 18px; width:100%; box-sizing: border-box; padding-left: 10px; background: #fff; height: 320px; border: 1px solid #c1bebe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.licznik span.radio  { float: left; position: relative;  display: block; min-height: 27px;  text-align: center;  }
.licznik span.radio input  { clip: auto!important; clip-path: none!important; z-index: 100; cursor: pointer; opacity:1;  margin: 0px; width: 27px; height: 27px; position: absolute; top: 0px; left: 0px; }
.licznik span.radio span  { position: absolute; top: 3px; left: 32px; color: #fff; font-size: 12px; font-family: latobold; display: block;  }
.licznik span.radio p { margin-top: 0px; text-align: justify; display: inline-block;  font-size: 14px;  padding-left: 20px; color: #4f4f4f; font-size: latolight!important;  }
.licznik form input#button { font-weight: 500; display: block; cursor: pointer; margin: 40px auto 0px auto; color: #fff; padding: 0px; width: 364px; height: 72px; background: #645f5c; }
.licznik form input#button-awaria { display: block; cursor: pointer; margin: 40px auto 0px auto; padding: 0px; width: 364px; height: 72px; background: url("../images/wyslij-awaria.png") no-repeat center top; }

.licznik img.steps{ width: 100%; max-width: 749px; }
.licznik img.mobile-steps{ display: none; width: 100%; max-width: 749px; }

p.numer-nabywcy{ position: absolute; display: block; top: -20px; left: 0px; }

#plik-text{ display: block; text-align:center; padding-top: 50px; font-size: 18px; }

.screenphoto{ display: block; }
.mobilephoto{ display: none; }




@media (max-width:1240px) {
.screenphoto{ display: none; }
.mobilephoto{ display: block; }	
.licznik form{ margin-left: 0px; box-sizing: border-box; padding: 10px 0px; }
.licznik form .col1{ float: none; width:100%; margin: 0px; }
.licznik form .col2{ float: none; width:100%; margin: 0px; }
.licznik form .col3{ float: none; width:100%; margin: 0px; }
.licznik form .col4{ margin-top: 20px; }

.licznik form .dodaj-zdjecie {   margin: 0px auto; max-width: position: relative; cursor: pointer; margin: 10px 0px; width: 100%;  height: 65px;   }
.licznik form .dodaj-zdjecie span img {  width: 100%; height: auto;   }
.licznik form .dodaj-zdjecie input{ cursor: pointer; margin: 0px; width: 100%; height: 100%; opacity: 0; position: relative; z-index:5; }
#plik-text{ display: block; text-align:center; }

.licznik form input { margin: 10px 0px;  font-size: 18px; width:100%; box-sizing: border-box; padding-left: 10px; background: #fff; height: 65px; border: 1px solid #c1bebe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.licznik form textarea { margin: 10px 0px; padding-top: 20px;  font-size: 18px; width:100%; box-sizing: border-box; padding-left: 10px; background: #fff; height: 300px; border: 1px solid #c1bebe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}