/* Extra Extra Large screens
=======================================================================*/
@media only screen and (min-width: 2424px) and (max-width: 4824px) {
  .top-logo {
    display: none;
  }
}
/* Extra Large screens
=======================================================================*/
@media only screen and (min-width: 1824px) and (max-width: 2424px) {
  .top-logo {
    display: none;
  }
}
/* Large screens
=======================================================================*/
@media only screen and (min-width: 1224px) and (max-width: 1824px) {
  .top-logo {
    display: none;
  }
}
/* Desktops and laptops 
=======================================================================*/
@media only screen and (min-width: 992px) and (max-width: 1224px) {
  .top-logo {
    display: none;
  }
}
/* Tablet Layout: 768px.
=======================================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .top-logo {
    display: none;
  }
}
/* Wide Mobile Layout: 480px. 
============================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .logo {
    display: none;
  }
  .main-menu ul li {
    padding: 30px 20px;
  }
  .top-logo {
    left: 0px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -75px;
    width: 100%;
  }
  .top-logo img {
    width: auto!important;
  }
  .subscription-form .input-box {
    width: 100%;
    margin: 20px 0px;
  }
  .subscription-form .button {
    width: 100%;
  }
  .button {
    margin-right: 0px;
  }
}
/* Mobile Layout: 320px.
=================================================================*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .logo {
    display: none;
  }
  .top-logo {
    left: 0px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -75px;
    width: 100%;
  }
  .top-logo img {
    width: auto!important;
  }
  .subscription-form .input-box {
    width: 100%;
    margin: 20px 0px;
  }
  .subscription-form .button {
    width: 100%;
  }
  .subscribe .header .heading .bottom-line {
    left: 110px;
  }
  .button {
    margin-right: 0px;
  }
}
/* Mobile Layout: 240px.
===================================================================*/
@media only screen and (min-width: 240px) and (max-width: 319px) {
  .logo {
    display: none;
  }
  .top-logo {
    left: 0px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -75px;
    width: 100%;
  }
  .top-logo img {
    width: auto!important;
  }
  .subscription-form .input-box {
    width: 100%;
    margin: 20px 0px;
  }
  .subscribe .header .heading .bottom-line {
    left: 50px;
  }
  .button {
    margin-right: 0px;
  }
}