Switch not working on smaller devices

I am trying to make a switched checkbox using foundation css, the switch seems to be working fine on big screens but just after I switch back to smaller device, the switch stops functioning.

My template using JADE

fieldset.switch(tabindex="0")
    input#thatbox(type="checkbox" ng-model="thatbox")
    label(for="thatbox" onclick="")

My css using stylus

  .switch
    width 3.125rem
    height 1.5rem
    border-radius 0px
  .switch > label::after
    width 1.5rem
    height 1.5rem
    border-radius 0px
  .switch input:checked + label::after
    border-color #2AA44F
  .switch input:checked + label
    background-color #2AA44F

I even tried making own from http://ift.tt/1u1WO2p but it also seems not to be working on smaller screen.

Is there anywork around for this issue?

Thank you in advance