@media (max-width:767px) {
   
    .footer .sp { 
        float: left !important;
    }
     .phone {
        margin-right: 0;
        margin-left: 0; 
        padding-left: 0;
         margin-bottom: 0px;
    }
      .nav.navbar-nav.navbar-right {
        float: left !important;
    }
    
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
.navbar-toggle .icon-bar { 
    width: 32px;
    height: 3px;
    border-radius: 0px;
    background: #00caf8;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 0;
    margin-top: 0;
    margin-right: 0;
     position: relative;
    float: none; 
    width: 100px;
    height: 30px; 
    display: block;
    margin: 30px auto 10px;
}
.navbar-header {
    margin: 0 !important;
}
.sr-only {
    color: #00caf8;
        overflow: visible;
    position: relative;
    width: 31px;
    height: 51px; 
    margin: -7px 0 0 45px; 
    font-size: 24px;
    float: left;
}
    .vet-al {
        position: relative;
        height: inherit;
    }
    .navbar-header { 
        width: 100%;
    }
    .navbar-brand {
        height: inherit;
        margin: auto !important;
        display: block;
        float: none !important;
    }
    .navbar-brand > img {
        height: inherit;
        margin: auto !important;
        display: block;
        float: none !important;
    }
    .nav.navbar-nav.navbar-right {
        float: none !important;
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }
    .phone .pull-right,    .phone .pull-left { 
            float: none !important;
        text-align: center;
        display: block;
    }
    .navbar-nav > li > a { 
        padding: 0; 
        line-height: 50px;
        text-align: center;
    }
}

@media (max-width:767px) and (orientation: landscape) {
    
}

@media (min-width:768px) and (max-width:991px) {
    .nav.navbar-nav.navbar-right {
        float: left !important;
    }
    .vet-al {
        position: relative;
        height: inherit;
    }
    .navbar-header { 
        width: 100%;
    }
    .navbar-brand {
        height: inherit;
        margin: auto !important;
        display: block;
        float: none !important;
    }
    .navbar-brand > img {
        height: inherit;
        margin: auto !important;
        display: block;
        float: none !important;
    }
    .navbar-nav > li > a {
        padding: 15px 30px;
    }
    .phone {
        margin-right: 0;
        margin-left: 0; 
        padding-left: 0;
    }
    .navbar-collapse.collapse { 
        padding: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-nav > li > a { 
        padding: 15px 15px;
    }
}

@media (min-width:1200px) {
    
}