@media screen and (max-width: 1500px) {
  #homepage #top {
    height: 70vh; }
    #homepage #searchbar {
      width: 600px; } }

@media screen and (max-width: 1300px) {
  #homepage #top {
    height: 60vh; } }

@media screen and (max-width: 1100px) {
  #homepage #top {
    height: 45vh; } }

@media screen and (max-width: 768px) {
  #homepage #top {
    height: 90vh;
    background-image: url('/wp-content/themes/phyrus/web/assets/images/home-responsive.png'); }
    #homepage .contact-box {
      right: 0;
      bottom: 0;
      width: 100%;
      box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
      border-top: solid 1px lightgray;
      border-radius: 0;
      display: flex;
      flex-wrap: wrap; }
      #homepage .contact-box b {
        margin-left: 5px; }
      #homepage .contact-box .btn {
        flex: 0 0 100%;
        padding: 10px 20px; }
    #homepage .search-zone {
      padding: 20px 0;
      height: auto;
      height: max-content; }
      #homepage .search-zone > .container {
        display: block; }
      #homepage .search-zone #searchbar {
        margin-bottom: 15px;
        width: 100%; }
        #homepage .search-zone #searchbar .btn {
          font-size: 13px;
          padding: 15px 20px; }
    #homepage section#subscriptions {
      padding: 0 25px; }
      #homepage section#subscriptions .subscriptions-list {
        flex-wrap: wrap; }
        #homepage section#subscriptions .subscriptions-list .subscription-card {
          flex: 0 0 100%; }
      #homepage section#contact {
        padding: 15px; }
    #homepage .catalog-banner {
      margin-top: 180px; } }

@media screen and (max-width: 575px) {
  #homepage #top {
    height: 65vh; }
    #homepage section {
      padding: 15px; } }

@media screen and (max-width: 450px) {
  #homepage #top {
    height: 50vh; } }