/**
 * @file
 * Is the responsive layout composition.
 *
 * Is intented to set basic layout rules to regions and global blocks. 
 * Also add grid common rules.
 */



/**
 * Layout content
 */

 
/**
 * Grid row
 */
.grid-row, .view-recherche .view-content .item-list, .grid-row--hero, .pharmacy-block .view-filters, .pharmacy-block .view-content {
  max-width: 1150px;
  margin: 0 auto;
  padding:0 1rem;
}
.grid-row--xl{
  max-width: 1600px;
  margin: 0 auto;
  padding:0 1rem;
}


.grid-row--without-padding-mobile,
.grid-row--without-padding-mobile--alt{
  max-width: 1150px;
  margin: 0 auto;
  padding:0rem;
}
.grid-row--m{
  max-width: 1362px;
  margin: 0 auto;
  padding:0 1rem;
}
.grid-row--ms{
  max-width: 1200px;
  margin: 0 auto;
  padding:0 1rem;
}
.grid-row--mxs{
  max-width: 1020px;
  margin: 0 auto;
  padding:0 1rem;
}
.grid-row--s{
  max-width: 882px;
  margin: 0 auto;
  padding:0 1rem;
}
@media all and (min-width: 700px) {
  .grid-row--without-padding-mobile{
    padding:0 1rem;
  }
}
@media all and (min-width: 750px) {
  .grid-row, .grid-row--m, .grid-row--without-padding-mobile, .grid-row--ms, .view-recherche .view-content .item-list, .grid-row--mxs, .pharmacy-block .view-filters, .pharmacy-block .view-content, .grid-row--xl{
    width: 85%;
    padding:0;
  }
  .grid-row--hero{
    width: 95%;
    padding:0
  }
  .grid-row--without-padding-mobile--alt{
    width:100%;
    padding:0;
  }
}
@media screen and (min-width:1450px) {
  .grid-row--without-padding-mobile--alt{
    width:85%;
    padding:0;
  }
}