.nav-white-bar{ padding:5px 0 2px; }

header{border-bottom:2px solid #f2da30;}

nav.navbar {
    background:#123474;
    border: medium none;
    margin: 0; min-height:20px;
     font-family: "Hind",sans-serif; font-size:15px;
}

#myNavbar{ padding:0;}

.navbar-inverse .navbar-nav > li > a{ color: #f2da30; margin: 0 3px;padding: 10px;}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color: #fff;}

.navbar-inverse .navbar-nav > li > a:hover{ color:#fff;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

    background-color: #b24401;

    color: #ffffff;

}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #f2da30;
}
  .dropdown:hover > .dropdown-menu {
  display: block;
  }
  .dropdown-submenu {
  position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
  border-radius: 0 6px 6px;
  left: 100%;
  margin-left: -1px;
  margin-top: -1px;
  top:-5px;
  }
  .dropdown-submenu:hover > .dropdown-menu {
  display: block;
  }
  .navbar{border-radius: 0px;}
  .dropdown-submenu > a::after {
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
  }
  .dropdown-submenu:hover > a::after {
  border-left-color: #fff;
  }
  .dropdown-submenu.pull-left {
  float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
  border-radius: 6px 0 6px 6px;
  left: -100%;
  margin-left: 10px;
  margin-top:0;
  }
@media screen and (min-width:768px) and (max-width:980px)

{

    body{font-size:13px;line-height:1.5;}

.navbar-inverse .navbar-toggle .icon-bar {

    background: #333333 none repeat scroll 0 0;

}



.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: #333333; color:#fff;

}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.nav.navbar-nav > li {

    float: none;

}

.nav.navbar-nav {

    float: none;

}

.dropdown-menu {

    float: none;

    width: 100%;

}

.tag-center {

    display: none;

}

.tagline.tagline-tab {

    background-size: 100% auto;

    margin: 0 0 10px; display:block;

}







}





@media screen and (min-width:0px) and (max-width:767px)

{

    .nav.navbar-nav {

    background: #ffffff none repeat scroll 0 0;

    padding: 0 10px;

}

.navbar-inverse .navbar-nav > li > a {

    color: #000000;

}

.nav-white-bar {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



}


.mob-nav-wrap {

    float: left;

    padding: 0; width:100%;

}

.mob-login-wrap {

    margin-top: 22px;

    padding: 0;

    position: absolute;

    right: 15px;

}

.navbar-inverse button.navbar-toggle {

    border: medium none;

    float: left;

    margin:8px 15px 8px 0;

    padding: 0;

}

.nav-right-section, .nav-right-section a {

    color: #ffffff;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border: medium none;

}

.navbar-inverse .navbar-collapse.in, .navbar-inverse .navbar-collapse {

    background: #ffffff none repeat scroll 0 0;

}
.navbar-inverse .navbar-collapse.in{ overflow:hidden;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: rgba(0, 0, 0, 0);

}

.navbar-inverse .navbar-toggle:hover .icon-bar, ..navbar-inverse .navbar-toggle:foucs .icon-bar

{

      background: #ffffff none repeat scroll 0 0;

    }

.navbar-inverse .navbar-nav a, .navbar-inverse .navbar-nav .open .dropdown-menu a{  color: #020001;}

.navbar-inverse .navbar-nav a:hover, .navbar-inverse .dropdown-menu a:hover{  color: #f45a24 !important;}

.foo-wrap {

    width: 50%;

}



}

/* footer */


.scrollup {

    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

    border-radius: 20px;

    bottom: 95px;

    cursor: pointer;

    height: 40px;

    position: fixed;

    right: 20px;

    width: 40px;

}

.scrollup::before {

    background: rgba(0, 0, 0, 0) url("../images/top-arrow.png") no-repeat scroll 0 0;

    color: #ffffff;

    content: "";

    display: inline-block;

    height: 13px;

    left: 12px;

    position: absolute;

    top: 14px;

    width: 16px;

}

.scrollup:hover::before {

    background: rgba(0, 0, 0, 0) url("../images/top-arrow.png") no-repeat scroll 0 -13px;

}

@media (min-width: 768px) and (max-width: 991px) {

.foo-column {

    float: left;

    width: 33%;

}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #ffffff;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.tagline.tagline-tab {
    display: none;
}
}

@media screen and (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {

.foo-column {

    float: left;

    width: 100%;

}

.par-sify {

    margin: 0 auto;

}

footer {

    text-align: center;

}

footer h3 {

    text-align: center;

}

}

@media screen and (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {

.foo-column {

    float: left;

    width: 50%;

}

.foo-column:nth-child(2n+1) {

    clear: both;

}

.foo-column:nth-child(5n) {

    text-align: center;

    width: 100%;

}

.foo-column:nth-child(5n) li {

    display: inline-block;

}

}

@media screen and (min-width: 981px) {

footer {

    margin-bottom: 30px;

}

}