@media (min-width: 600px){
  section#home-suscribe .block-suscribe#block-suscribe1 .block-suscribe-inner{
    padding: 0;
  }

  form#form-home-suscribe input[type="email"]{
    width: 100%;
    min-width: 450px;
  }
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
  }


}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }

  section#home-suscribe .block-suscribe#block-suscribe1 .block-suscribe-inner{
    padding: 0;
  }
  
  form#form-home-suscribe input[type="email"]{
    width: 100%;
    min-width: 325px;
  }

}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

@media (max-width: 600px){
  section#home-suscribe .block-suscribe#block-suscribe1 .block-suscribe-inner{
    padding: 0;
  }

  form#form-home-suscribe input[type="email"]{
    width: 100%;
    min-width: 245px;
  }
}