.item-box {
  border: 1px solid #ccc;
  background: #cccccc;
  background: -webkit-gradient(linear, left bottom, left top, from(#cccccc), color-stop(50%, #f3f3f3), to(white));
  background: linear-gradient(0deg, #cccccc 0%, #f3f3f3 50%, white 100%);
  padding: 5%;
  height: 250px;
  text-align: center; }

#cardBrand .item-box {
  /* background: #000000;
        color: #ffffff;*/ }

.icon-item {
  width: 40%;
  margin: 22px 20% 0; }

#cardBrand {
  margin-bottom: 30px; }

#cardBrand .icon-item {
  width: 40%;
  margin: 0 20% 0; }

small {
  margin: 3% 0;
  float: left; }

@media only screen and (max-width: 1000px) {
  #intro {
    height: auto; }
  .lp-part {
    height: auto;
    padding-top: 12% !important; } }

@media only screen and (max-width: 660px) {
  #intro {
    height: auto; }
  #lp-qeight p {
    font-size: 14px; }
  #lp-qeight h2 {
    font-size: 20px; }
  #lp-qeight {
    padding: 0 !important; }
  .lp-part {
    height: auto;
    width: 90%;
    margin: 0 5%; }
  div#navbarCollapse {
    background: #000;
    padding: 3%; }
  .item-box {
    width: 96%;
    margin: 0 2%;
    text-align: center;
    height: 230px; }
  button.carousel-control-prev,
  button.carousel-control-next {
    border: none;
    background: none;
    color: #424242;
    opacity: 1;
    width: 40px; }
  button.carousel-control-prev:hover,
  button.carousel-control-next:hover {
    color: black; }
  i.fa.fa-angle-right, i.fa.fa-angle-left {
    font-size: 30px; }
  #myCarousel, #myCarousel2 {
    margin-bottom: 20px; }
  #cardBrand.lp-part {
    width: 100%;
    margin: 0; } }