.table > :not(caption) > * > * {
    padding: 0.1rem 0.1rem !important;
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    .myfieldset {
        width: 100% !important;
    }

    .myfieldsetMotor {
        width: 100% !important;
    }

    img.img-fluid.animated.pulse.infinite {
        height: 46% !important;
        width: 46% !important;
    }

    .me-2 {
        margin-right: auto !important;
    }

    .form-label {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    .form-select {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }



    #idkilometre {
        margin-left: 0px !important;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        margin-right: 0px !important;
    }



    label.form-label.p-3.m-3 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    #otominiPhone {
        margin-left: 0px !important;
    }

    #otominiPhoneMotor {
        margin-left: 0px !important;
    }

    #labelkilometre {
        padding-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #idaracrenk {
        margin-top: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    #versionLabel {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerlabel {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerlabelMotor {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerMiktar {
        width: 67% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerMiktarMotor {
        width: 67% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    img.img-fluid.animated.pulse.infinite {
        height: 46% !important;
        width: 46% !important;
    }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .myfieldset {
        width: 100% !important;
    }

    .myfieldsetMotor {
        width: 100% !important;
    }

    .form-label {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    .form-select {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #idkilometre {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    #labelkilometre {
        padding-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #idaracrenk {
        margin-top: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    #versionLabel {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerlabel {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerlabelMotor {
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #tramerMiktar {
        width: 50% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerMiktarMotor {
        width: 50% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .myfieldset {
        width: 100% !important;
    }

    .myfieldsetMotor {
        width: 100% !important;
    }

    .form-label {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
}

.myfieldset {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px;
}

.myfieldsetMotor {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px;
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    #idkilometre {
        width: 250px !important;
    }

    #tramerMiktar {
        width: 50% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerMiktarMotor {
        width: 50% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    .form-label {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    #idkilometre {
        width: 300px !important;
    }

    #tramerMiktar {
        width: 70% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerMiktarMotor {
        width: 70% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    #idkilometre {
        width: 300px !important;
    }

    #tramerMiktar {
        width: 90% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerMiktarMotor {
        width: 90% !important;
        background-color: lightgray;
        margin: 0px !important;
        max-width: 100% !important;
    }

    #tramerVar1 {
        width: auto !important;
    }

    #tramerYok1 {
        width: auto !important;
    }


    #tramerVarMotor1 {
        width: auto !important;
    }

    #tramerYokMotor1 {
        width: auto !important;
    }

    #idaracrenk {
        width: 40px !important;
    }

    .me-2 {
        margin-right: auto !important;
    }

    img.img-fluid.animated.pulse.infinite {
        height: 25% !important;
        width: 25% !important;
    }
}

.form-check-input {
    background-color: #FFF;
    border-color: black;
}

    .form-check-input:checked {
        background-color: #1166a8;
    }