/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 300px) {
  .st-hero-text {
    padding-top: 8rem;
  }
  .feature-divs {
    text-align: center;
  }
  .st-imagebox.st-style2 .st-imagebox-text {
    text-align: justify;
  }
  .mobile-img {
    width: 100% !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
  .st-hero-text {
    padding-top: 8rem;
  }
  .feature-divs {
    text-align: center;
  }
  .st-imagebox.st-style2 .st-imagebox-text {
    text-align: justify;
  }
  .mobile-img {
    width: 100% !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  .st-hero-text {
    padding-top: 8rem;
  }
  .feature-divs {
    text-align: center;
  }
  .st-imagebox.st-style2 .st-imagebox-text {
    text-align: justify;
  }
  .mobile-img {
    width: 100% !important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .feature-divs {
    text-align: left;
    max-width: 300px;
  }
  .st-iconbox.st-style1.st-type2 .st-iconbox-icon {
    margin-left: 0;
  }
  .mobile-img {
    width: 90%;
  }
  .st-imagebox.st-style2 .st-imagebox-text {
    text-align: justify;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .feature-divs {
    text-align: left;
    max-width: 300px;
  }
  .st-iconbox.st-style1.st-type2 .st-iconbox-icon {
    margin-left: 0;
  }
  .mobile-img {
    width: 90%;
  }
  .st-imagebox.st-style2 .st-imagebox-text {
    text-align: justify;
  }
}