.cb {clear: both;}
.fb {font-weight: bold;}
.h30 {height: 30px !important;}
.banner {
  height: 450px;
  background: url(../images/home-banner.png) no-repeat bottom center;
}

.banner .title1 {
  padding-top: 60px;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px;
  color: #FFFFFF;
}
.banner .title2 {
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 15px;
  color: #FFFFFF;
}

.banner .title3 {
  text-align: center;
}

.banner .title3 ul {
  width: 100%;
  margin: auto;
  text-align: center;
}

.banner .title3 ul li {
  list-style-type: none;
  height: 28px;
  width: auto;
  background-color: #000000;
  opacity: 0.5;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  display: inline-block;
}

.banner .title3 ul li a {
  color: #FFFFFF;
}

.banner .title4 ul {
  width: 100%;
  margin: auto;
  text-align: center;
}

.banner .title4 ul li {
  list-style-type: none;
  height: 28px;
  width: auto;
  background-color: #000000;
  opacity: 0.5;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  display: inline-block;
}

.banner .title4 ul li a {
  color: #FFFFFF;
}

.banner .search-box {
  width: 50%;
  margin: auto;
  text-align: center;
  background-color: #403830;
  padding: 10px;
}

.banner .search-box .input-group-text {
  background-color: #FF0000;
  color: #FFFFFF;
  border: none;
}


.navigation {
  padding: 30px 0 0;
}

.navigation .navigation-item {
  padding: 30px 0;
  text-align: center;
  background: rgba(255, 175, 24, 0.3);
  border-radius: 3px;
  margin-bottom: 30px;
}

.navigation .navigation-item a:hover {
  text-decoration: none;
}

.navigation .navigation-item span {
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #333;
  margin-top: 10px;
}

.home-banner {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-light .navbar-toggler {
    border: solid 1px #FFFFFF !important;
}
.home-banner img {max-width: 100%; height: auto;}

@media (max-width: 575px) {
    .banner .title4 ul li a {
        color: #000000;
    }
    .banner .title3 ul li a {
        color: #000000;
    }
    .banner .search-box {
        width: 100%;
        background-color: #fdfdfd;
    }
    .navbar .navbar-nav{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .banner .title3 ul li {
        background-color: #fdfdfd;
        color: #FFFFFF;
    }
    .banner .title4 ul li {
        background-color: #fdfdfd;
        color: #FFFFFF;
    }

    #navbar-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    #navbar-box .navbar-brand {
        padding-left: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #navbar-box .navbar-toggler {
        margin-right: 10px;
    }
}