Bootstrap Toggle Issue

Hi there!
I’m having a little problem with Bootstrap Toggle.
If anyone can help me i’ll be very thankfull.

Here is the live example

I’ve already make it appear, but its aligned to left just at this screen width.
I know something is missing, but don’t know what

any help?
———————————–
my CSS is

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

/*========Hidding Navbar-Collapse.Collapse========*/
.navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-toggle {
  color: #36783b;
  opacity: 1;
  display: inline-block;
  }
}