.p-banner {
  width: 160px;
  margin: 0 .5rem;
  padding: 18px 18px;
  font-size: 0.9rem;
  transition: all 0.3s ease-in-out;
}
.p-banner:hover {
  background-color: #ff671c !important;
  color: #fff !important;
  border-color: #ff671c !important;
}
.btn-video-1 {
  width: 160px;
  margin: 0 .5rem;
  padding: 20px;
  font-size: 0.9rem;
  border-radius: 35px;
  border-color: #fff;
  color: #eee;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.btn-video-1:hover {
  background-color: #fff;
  color: #333;
}
.btn-video-2 {
  width: 160px;
  margin: 0 .5rem;
  padding: 20px;
  font-size: 0.9rem;
  border-radius: 35px;
  border-color: #0d6efd;
  color: #eee;
  background-color: #0d6efd;
  transition: all 0.3s ease-in-out;
}
.btn-video-2:hover {
  border-color: #ff671c;
  background-color: #ff671c;
  color: #eee;
}

@media screen and (max-width: 1395px) {
  #header .header-logo a img {
    width: 300px;
    height: auto;
  }
}

@media screen and (max-width: 1230px) {
  #header .header-logo a img {
    width: 250px;
    height: auto;
  }
}

@media screen and (max-width: 1120px) {
  #header .header-logo a img {
    width: 200px;
    height: auto;
  }
}

@media screen and (max-width: 1070px) {
  #header .header-logo a img {
    width: 150px;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  #header .header-logo {
    left: 0px !important;
  }
  #header .header-logo a img {
    width: 280px;
    height: auto;
  }
}