@media only screen and (max-width: 600px) {
    .alkomat-button-container,
    .alkomat-double-button-container {
        display:block;
    }
    .alkomat-logo-container{
    }
}
@media only screen and (max-width: 270px) {
    .alkomat-button-container,
    .alkomat-double-button-container {
        display:block;
        height:auto;
    }
    .alkomat-logo-container{

    }
}

@media only screen and (max-width: 768px) {

    .alkomat-form-blue-panel .labels{
        display:none;
    }
    .alkomat-button-container,
    .alkomat-double-button-container {
        display:block;
        height:auto;
    }
    .alkomat-logo-container{
        width:100%;
        float:none;

    }
    .alkomat-form-blue-panel .row{
        margin:0;
    }
    .alkomat-form-blue-panel{
        width:100%;
    }
    .form-horizontal .col-md-12{
        padding:0;
    }
    .alkomat-hour-label{
        display:inline-block;
    }
    .container{
    }
    .under-range{
        display:none;
    }
    .under-range.active{
        display:block;
        width:100% !important;
        text-align:center !important;
    }
    .end-1,
    .end-2,
    .end-3,
    .start-1,
    .start-2,
    .start-3,
    .waga-1,
    .waga-2,
    .waga-3{
        display:inline-block;
        width:33%;
        padding:0 !important;
    }

}
@media only screen and (max-width: 991px) {
    .alkomat-container-top
    {
        text-align:center;
    }
    .alkomat-form-blue-panel {
        padding-top:0;
        width:100%;
    }
    .alkomat-logo-container{
        width:100%;
        float:none;

    }
}