/* Header banner responsive: ratio source image 2048 x 323 */
.pkp_site_name {
  padding: 0 !important;
  margin: 0;
}

.pkp_site_name > a {
  display: block;
  padding: 0 !important;
  margin: 0;
  line-height: 0;
}

.pkp_site_name .is_img {
  display: block;
  width: 100%;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 2048px;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto;
}

.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}

.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}

.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

/* Tablet */
@media (max-width: 991px) {
  .pkp_site_name .is_img img {
    width: 100%;
    height: auto !important;
  }

  .pkp_navigation_user_wrapper {
    position: relative;
    right: auto;
    padding-right: 15px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    width: 100%;
  }

  .pkp_site_name .is_img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
  }

  .pkp_site_name_wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pkp_navigation_user_wrapper {
    padding-right: 10px;
  }

  .pkp_structure_page {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_site_name .is_img img {
    width: 100%;
    height: auto !important;
  }
}