/** PORTFOLIO PAGES **/
.icoPort-pack {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FiDesignEmbalagem.svg");
}
.heroPort-pack {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Ftesteira-pag-pack.jpg");
  background-position: center right;
}

/* Pack Ogold Lacflore */
.grid-OGoldLac {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, minmax(12em, 1fr)) repeat(4, min-content);
  margin: 3% 0;
}

.txt-pack-OGoldLac {
  color: white;
  background-color: #404042;
  grid-column: 1/9;
  grid-row: 5/9;
  padding: 5%;
  align-content: center;
}

.pack-OGoldLac-hero {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FOgestPRO-Lacflore-PortPage.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/9;
  grid-row: 1/5;
}

/* Fim Pack OGold Lacflore */

/* Linha Ranbaxy */
.grid-LinhaRbx {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-LinhaRbx {
  color: white;
  background-color: #404042;
  grid-column: 5/9;
  grid-row: 5/9;
  padding: 5%;
  align-content: center;
}

.pack-LinhaRbx-hero {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FNovo-design-Linha-Ranbaxy.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/9;
  grid-row: 1/5;
}

.pack-LinhaRbx-Single {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FRBX-Losartana-Camera.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 5/9;
}

/* Fim Linha Ranbaxy */

/* Hyaluvita I4O */
.grid-I4O {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-I4O {
  color: white;
  background-color: #404042;
  grid-column: 5/9;
  grid-row: 5/9;
  padding: 5%;
}

.pack-I4O-hero {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fmockup-Hyaluvita.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  grid-column: 1/9;
  grid-row: 1/5;
}

.pack-I4O-Single {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fpack-Hyaluvita.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 5/9;
}

/* FIM Hyaluvita I4O */

/* FEXO LEVO */
.grid-SunPhar {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-SunPhar {
  color: white;
  background-color: #404042;
  grid-column: 5/9;
  grid-row: 5/9;
  padding: 5%;
  align-content: center;
}

.pack-Fexo {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Ffexofenadina-sun.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/9;
  grid-row: 1/5;
}

.pack-Levo {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Flevoceririzina-sun.jpg");
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 5/9;
}

/* FIM FEXO LEVO */

/* DESIGNS BESINS */
.grid-Besins {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-Besins {
  color: white;
  background-color: #404042;
  grid-column: 6/9;
  grid-row: 1/2;
  padding: 2% 2.5%;
  align-content: center;
}

.pack-4Besins {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2F4pack-Besins.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/9;
  grid-row: 1/9;
}

/* DESIGNS BESINS */


/* DESIGNS MF */
.grid-FazMF {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-FazMF {
  color: white;
  background-color: #404042;
  grid-column: 1/5;
  grid-row: 3/5;
  padding: 3%;
  align-content: center;
}

.pack-GelMorango {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FGeleia-MF.jpg");
  background-size: 85%;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 1/3;
}

.pack-Saborizados {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fsaborizados-MF.jpg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  grid-column: 5/9;
  grid-row: 1/5;
}

.pack-Original {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FLinha-Original.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 5/9;
}

.pack-100 {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FOrigens-100ml.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 5/9;
  grid-row: 5/9;
}

/* FIM DESIGNS MF */

/* DESIGNS CONCOR NOVARTIS */
.grid-MediNova {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  gap: 10px;
  margin: 3% 0;
}

.txt-pack-MediNova {
  color: white;
  background-color: #404042;
  grid-column: 6/9;
  grid-row: 4/6;
  padding: 3%;
}

.inner-txt-MediNova {
  margin: 5% 0;
}

.pack-Claxan-solo {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FClaxan-Solo.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/3;
  grid-row: 1/4;
}

.pack-Claxan {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fpack-Claxan.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  grid-column: 3/9;
  grid-row: 1/4;
}

.pack-Amox {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fpack-Amox.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/6;
  grid-row: 4/9;
}

.pack-vita-E {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fpack-Vita-E.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 6/9;
  grid-row: 6/9;
}

/* FIM DESIGNS CONCOR NOVARTIS */

/* PACKS BOA GULA */
.grid-BoaGula {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 172px);
  margin: 3% 0;
}

.txt-pack-BG {
  color: white;
  background-color: #404042;
  grid-column: 4/9;
  grid-row: 4/6;
  padding: 3%;
}

.inner-txt-BG {
  margin: 1% 0;
}

.pack-BoaKids {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FBandeja-BoaKids.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 1/4;
}

.bandejas-micro {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FBandejas-Micro-BoaGula.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 5/9;
  grid-row: 1/4;
}

.pack-boaBaby {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FPoteBoaBaby.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/4;
  grid-row: 4/6;
}

.pack-sopa-BG {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FPoteSopa-BoaGula.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/4;
  grid-row: 6/9;
}

.bandejas-Plast {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FBandejasPlasticasBG.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 4/9;
  grid-row: 6/9;
}

/* PACKS BOA GULA */

/* ANTIGOS NOVARTIS */
.grid-Novartis {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, minmax(125px, 1fr));
  margin: 3% 0;
}
.txt-pack {
  color: white;
  background-color: #404042;
  grid-column: 1/5;
  grid-row: 1/5;
  padding: 3%;
  align-content: center;
}

.pack-privina {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fprivina.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 5/9;
  grid-row: 5/9;
}

.pack-nuper {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fnupercainal.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 1/5;
  grid-row: 5/9;
}

.pack-CalciumVitC {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FCalcVitC-frontal.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  grid-column: 5/9;
  grid-row: 1/5;
}
/* ANTIGOS NOVARTIS */

/**  BREAKPOINTS **/

@media screen and (max-width: 1440px) {
  .pack-Levo {
    background-size: cover;
    grid-column: 1/6;
  }
  .txt-pack-SunPhar {
    grid-column: 6/9;
  }
  .txt-pack-Besins {
    background-color: #404042;
    grid-column: 1/9;
  }
  .pack-4Besins {
    grid-row: 2/9;
  }
}

@media screen and (max-width: 1366px) {
  .icoPort-pack {
    flex-basis: 10%;
  }

  .BoxTitles-Pack {
    flex-basis: 80% !important;
  }

  .grid-OGoldLac {
    grid-template-rows: repeat(4, minmax(8em, 1fr)) repeat(4, min-content);
  }

  .pack-sopa-BG {
    grid-column: 1/5;
    grid-row: 6/9;
  }
  .bandejas-Plast {
    grid-column: 5/9;
  }
  .txt-pack-MediNova {
    grid-column: 1/9;
    grid-row: 4/6;
  }
  .pack-Amox {
    grid-row: 6/9;
  }
}

@media screen and (max-width: 1280px) {
  .grid-Besins {
    grid-template-rows: repeat(8, 150px);
  }
  .txt-pack-Besins {
    grid-row: 1/3;
  }

  .pack-4Besins {
    grid-row: 3/9;
  }
  .txt-pack-FazMF {
    grid-column: 1/5;
    grid-row: 1/5;
    padding: 5%;
  }
  .pack-GelMorango {
    background-size: cover;
    grid-column: 5/9;
    grid-row: 1/5;
  }
  .pack-Saborizados {
    display: none;
  }
  .pack-BoaKids {
    display: none;
  }
  .pack-boaBaby {
    grid-column: 1/5;
    grid-row: 1/4;
  }
  .txt-pack-BG {
    grid-column: 1/9;
  }
}

@media screen and (max-width: 1200px) {
  .heroPort-pack {
    height: 200px;
  }

  .txt-pack-FazMF {
    margin: 0;
    align-content: center;
  }

  .txt-pack-MediNova {
    margin: 0;
    align-content: center;
  }

  .txt-pack-BG {
    margin: 0;
    align-content: center;
  }

  .pack-Claxan-solo {
    grid-column: 1/4;
  }
  .pack-Claxan {
    grid-column: 4/9;
  }
  .pack-Original {
    grid-column: 1/9;
  }
  .pack-GelMorango {
    grid-row: 1/3;
  }
  .pack-100 {
    grid-row: 3/5;
  }
}

@media screen and (max-width: 1136px) {
  .pack-sopa-BG {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .pack-boaBaby {
    grid-column: 3/6;
    grid-row: 1/3;
  }
  .bandejas-micro {
    grid-column: 6/9;
    grid-row: 1/3;
  }
  .bandejas-Plast {
    grid-column: 1/9;
    grid-row: 5/9;
  }

  .txt-pack-I4O {
    margin: 0;
    align-content: center;
  }

  .txt-pack-SunPhar {
    margin: 0;
    align-content: center;
  }

  .txt-pack-BG {
    grid-row: 3/5;
  }
}

@media screen and (max-width: 1080px) {
  .grid-I4O {
    grid-template-rows: repeat(8, 120px);
  }

  .grid-SunPhar {
    grid-template-rows: repeat(8, 150px);
  }
  .txt-pack-SunPhar {
    padding: 13%;
  }
  .txt-pack-FazMF {
    padding: 13%;
  }
  .grid-Besins {
    grid-template-rows: repeat(8, 120px);
  }

  .txt-pack-Besins {
    grid-row: 1/4;
    padding: 13%;
  }
  .pack-4Besins {
    grid-row: 4/9;
  }
  .txt-pack-MediNova {
    padding: 10%;
  }
  .inner-txt-MediNova {
    margin-top: 0;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 130px) repeat(6, 150px);
  }
  .txt-pack-BG {
    padding: 3%;
  }
  .inner-txt-BG {
    margin-top: 0;
  }
  .grid-Novartis {
    grid-template-rows: repeat(8, 120px);
  }
  .txt-pack {
    padding: 5%;
  }
}

@media screen and (max-width: 1024px) {
  .icoPort-pack {
    flex-basis: 11%;
    margin-right: 2%;
  }
  .BoxTitles-Pack {
    flex-basis: 70% !important;
  }
  .txt-pack-SunPhar {
    padding: 16%;
  }
  .inner-txt-SunPhar {
    margin-top: 0;
  }
}

@media screen and (max-width: 980px) {
  .txt-pack-LinhaRbx {
    padding: 10%;
  }

  .txt-pack-FazMF {
    padding: 13%;
  }
  .txt-pack-SunPhar {
    padding: 14.5%;
  }
  .txt-pack-I4O {
    padding: 10%;
  }
}

@media screen and (max-width: 960px) {
  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 172px) repeat(4, 30px);
  }

  .pack-LinhaRbx-hero {
    grid-column: 1/9;
    grid-row: 1/4;
  }

  .pack-LinhaRbx-Single {
    grid-column: 1/5;
    grid-row: 4/9;
  }

  .txt-pack-LinhaRbx {
    grid-column: 5/9;
    grid-row: 4/9;
  }

  .txt-pack-SunPhar {
    padding: 14%;
  }

  .grid-Besins {
    grid-template-rows: repeat(4, 50px) repeat(4, 172px);
  }

  .txt-pack-Besins {
    padding: 3%;
  }

  .txt-pack-MediNova {
    padding: 9%;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(8, 130px);
  }
  .txt-pack-BG {
    grid-row: 3/6;
    padding: 8%;
  }
  .bandejas-Plast {
    grid-row: 6/9;
  }
}

@media screen and (max-width: 900px) {
  .icoPort-pack {
    flex-basis: 13%;
  }
  .grid-OGoldLac {
    grid-template-rows: repeat(4, minmax(6em, 1fr)) repeat(4, min-content);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 100px) repeat(4, 130px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 80px) repeat(4, 150px);
  }
  .txt-pack-SunPhar {
    padding: 10%;
  }
  .pack-Fexo {
    background-position-y: 60%;
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 80px) repeat(5, 150px);
  }

  .txt-pack-Besins {
    padding: 7%;
  }
  
  .grid-FazMF {
    grid-template-rows: repeat(4, 130px) repeat(4, 150px);
  }
  .txt-pack-FazMF {
    padding: 10%;
  }

  .grid-MediNova {
    grid-template-rows: repeat(3, 90px) repeat(2, 115px) repeat(3, 120px);
  }
  .txt-pack-MediNova {
    padding: 4.5%;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 100px) repeat(3, 145px);
  }
  .txt-pack-BG {
    padding: 3.5%;
  }
  .grid-Novartis {
    grid-template-rows: repeat(8, 100px);
  }
  .txt-pack {
    grid-column: 1/9;
    grid-row: 1/4;
    padding: 2.7%;
  }

  .pack-CalciumVitC {
    grid-column: 1/5;
    grid-row: 4/9;
  }
  .pack-nuper {
    grid-column: 5/9;
    grid-row: 4/6;
  }
  .pack-privina {
    grid-column: 5/9;
    grid-row: 6/9;
  }
}

@media screen and (max-width: 800px) {
  .icoPort-pack {
    flex-basis: 13.5%;
    margin-right: 2.5%;
  }
  .T-Port-Pack {
    font-size: 2.5em !important;
  }

  .txt-pack-LinhaRbx {
    padding: 7%;
  }

  .txt-pack-I4O {
    padding: 7.5%;
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 60px) repeat(5, 100px);
  }
  .txt-pack-Besins {
    padding: 3.5%;
  }
  .txt-pack-FazMF {
    padding: 7.5%;
  }
  .txt-pack-MediNova {
    padding: 2% 3%;
  }
  .txt-pack-BG {
    padding: 2% 3%;
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 110px) repeat(4, 100px);
  }
}

@media screen and (max-width: 768px) {
  .txt-pack-SunPhar {
    padding: 8%;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 110px) repeat(3, 145px);
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 120px) repeat(4, 100px);
  }
}

@media screen and (max-width: 736px) {
  .txt-pack-I4O {
    padding: 6.5%;
  }
  .grid-MediNova {
    grid-template-rows: repeat(3, 90px) repeat(2, 125px) repeat(3, 120px);
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 125px) repeat(3, 145px);
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 125px) repeat(4, 100px);
  }
}

@media screen and (max-width: 690px) {
  .icoPort-pack {
    flex-basis: 14%;
    margin-right: 3%;
  }
  .BoxTitles-Pack {
    margin-top: 2% !important;
  }
  .T-Port-Pack {
    font-size: 2.4em !important;
  }
  .grid-OGoldLac {
    grid-template-rows: repeat(4, minmax(4em, 1fr)) repeat(4, min-content);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 80px) repeat(4, 140px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(2, 100px) repeat(3, 85px) repeat(3, 185px);
  }
  .pack-Fexo {
    grid-row: 1/3;
  }
  .txt-pack-SunPhar {
    grid-column: 1/9;
    grid-row: 3/6;
    padding: 3.5%;
  }
  .pack-Levo {
    grid-column: 1/9;
    grid-row: 6/9;
  }
  .txt-pack-Besins {
    padding: 3%;
  }
  .txt-pack-FazMF {
    padding: 6%;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 125px) repeat(3, 75px);
  }
  .bandejas-micro {
    grid-column: 1/5;
    grid-row: 6/9;
  }
  .bandejas-Plast {
    grid-column: 5/9;
    grid-row: 6/9;
  }
  .pack-sopa-BG {
    grid-column: 1/5;
    grid-row: 1/3;
  }
  .pack-boaBaby {
    grid-column: 5/9;
    grid-row: 1/3;
  }
}

@media screen and (max-width: 667px) {
  .grid-FazMF {
    grid-template-rows: repeat(2, 130px) repeat(2, 100px) repeat(4, 130px);
  }
  .txt-pack-FazMF {
    grid-column: 1/9;
    grid-row: 1/3;
    padding: 2% 3%;
  }
  .pack-GelMorango {
    background-position: center center;
    grid-column: 1/5;
    grid-row: 3/5;
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 130px) repeat(4, 100px);
  }
}

@media screen and (max-width: 640px) {
  .T-Port-Pack {
    font-size: 2.2em !important;
  }

  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 120px) repeat(4, 30px);
  }

  .pack-LinhaRbx-hero {
    grid-column: 1/9;
    grid-row: 1/4;
  }

  .pack-LinhaRbx-Single {
    display: none;
  }

  .txt-pack-LinhaRbx {
    grid-column: 1/9;
    grid-row: 4/9;
  }

  .grid-I4O {
    grid-template-rows: repeat(4, 125px) repeat(4, 55px);
  }
  .pack-I4O-hero {
    grid-row: 1/4;
  }
  .txt-pack-I4O {
    grid-column: 1/9;
    grid-row: 4/9;
  }
  .pack-I4O-Single {
    display: none;
  }

  .grid-FazMF {
    grid-template-rows: repeat(2, 150px) repeat(2, 100px) repeat(4, 130px);
  }
}

@media screen and (max-width: 600px) {
  .T-Port-Pack {
    font-size: 2em !important;
  }

  .BoxTitles-Pack {
    margin-top: 3% !important;
  }

  .grid-Novartis {
    grid-template-rows: repeat(4, 140px) repeat(4, 100px);
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 130px) repeat(3, 100px);
  }
  .bandejas-micro {
    display: none;
  }
  .bandejas-Plast {
    grid-column: 1/9;
    grid-row: 6/9;
  }
  .grid-FazMF {
    grid-template-rows: repeat(2, 160px) repeat(2, 100px) repeat(4, 130px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(2, 120px) repeat(3, 100px) repeat(3, 185px);
  }
}

@media screen and (max-width: 568px) {
  .icoPort-pack {
    flex-basis: 17%;
  }
  .BoxTitles-Pack {
    flex-basis: 80% !important;
  }

  .grid-MediNova {
    grid-template-rows: repeat(3, 90px) repeat(2, 135px) repeat(3, 120px);
  }
  .pack-Claxan-solo {
    display: none;
  }
  .pack-Claxan {
    grid-column: 1/9;
  }
  .pack-vita-E {
    display: none;
  }
  .pack-Amox {
    grid-column: 1/9;
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 90px) repeat(4, 130px);
  }
  .txt-pack-FazMF {
    grid-row: 1/5;
  }
  .pack-GelMorango {
    display: none;
  }
  .pack-100 {
    display: none;
  }
  .pack-Original {
    grid-row: 5/9;
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 60px) repeat(5, 70px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 85px) repeat(4, 150px);
  }
  .pack-Fexo {
    display: none;
  }
  .txt-pack-SunPhar {
    grid-row: 1/5;
  }
  .pack-Levo {
    grid-row: 5/9;
  }

  .grid-I4O {
    grid-template-rows: repeat(4, 85px) repeat(4, 1fr);
    background-size: contain;
  }

  .txt-pack-I4O {
    padding: 3.5%;
  }
}

@media screen and (max-width: 533px) {
  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 120px) repeat(4, 1fr);
  }

  .grid-Novartis {
    grid-template-rows: repeat(4, 115px) repeat(4, 60px);
  }
  .pack-CalciumVitC {
    display: none;
  }
  .txt-pack {
    grid-row: 1/5;
  }
  .pack-nuper {
    grid-column: 1/5;
    grid-row: 5/9;
  }
  .pack-privina {
    grid-column: 5/9;
    grid-row: 5/9;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 90px) repeat(3, 150px) repeat(3, 75px);
  }
}

@media screen and (max-width: 504px) {
  .T-Port-Pack {
    font-size: 1.7em !important;
  }
  .grid-I4O {
    grid-template-rows: repeat(2, 125px) repeat(4, 95px) repeat(2, 150px);
  }
  .grid-MediNova {
    grid-template-rows: repeat(4, 80px) repeat(4, 75px);
    gap: 0;
  }
  .pack-Amox {
    display: none;
  }
  .txt-pack-MediNova {
    grid-row: 1/5;
  }
  .pack-Claxan {
    grid-row: 5/9;
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 90px) repeat(4, 100px);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 95px) repeat(4, 150px);
  }
  .pack-I4O-hero {
    display: none;
  }
  .txt-pack-I4O {
    grid-row: 1/5;
  }
  .pack-I4O-Single {
    grid-row: 5/9;
    grid-column: 1/9;
    display:grid;
  }
}

@media screen and (max-width: 480px) {
  .BoxTitles-Pack {
    align-items: center !important;
  }
  .icoPort-pack,
  .BoxTitles-Pack {
    margin: 0 !important;
  }

  .grid-OGoldLac {
    grid-template-rows: repeat(4, minmax(6em, 1fr)) repeat(4, min-content);
  }

  .pack-OGoldLac-hero {
    background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2F.%2Fimages%2FOgestPRO-Lac-Solo.jpg");
  }

  .icoPort-pack {
    margin-right: 2.5% !important;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 100px) repeat(3, 150px) repeat(3, 75px);
  }
  .pack-sopa-BG {
    display: none;
  }
  .pack-boaBaby {
    grid-column: 1/9;
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 100px) repeat(4, 100px);
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 65px) repeat(5, 65px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 90px) repeat(4, 120px);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 95px) repeat(4, 120px);
  }
}

@media screen and (max-width: 414px) {
  .heroPort-pack {
    background-position: center center;
    border-bottom: solid 11px #ffd402;
  }
  .grayBar-Pack {
    height: 200px !important;
    padding-bottom: 15% !important;
  }
  .icoPort-pack {
    flex-basis: 100% !important;
    background-position: left center;
    height: 65px;
  }
  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 90px) repeat(4, 1fr);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 118px) repeat(4, 100px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 100px) repeat(4, 100px);
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 70px) repeat(5, 65px);
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 115px) repeat(4, 80px);
  }
  .grid-MediNova {
    grid-template-rows: repeat(4, 100px) repeat(4, 75px);
  }
  .grid-BoaGula {
    grid-template-rows: repeat(2, 80px) repeat(3, 180px) repeat(3, 70px);
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 155px) repeat(4, 60px);
  }
  .pack-privina {
    display: none;
  }
  .pack-nuper {
    grid-column: 1/9;
  }
}

@media screen and (max-width: 375px) {
  .grid-OGoldLac {
    grid-template-rows: repeat(4, minmax(4em, 1fr)) repeat(4, min-content);
  }
  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 80px) repeat(4, 1fr);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 130px) repeat(4, 100px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 110px) repeat(4, 100px);
  }
  .grid-Besins {
    grid-template-rows: repeat(3, 90px) repeat(5, 50px);
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 120px) repeat(4, 80px);
  }
  .pack-boaBaby {
    display: none;
  }
  .grid-BoaGula {
    grid-template-rows: repeat(4, 150px) repeat(4, 50px);
  }
  .txt-pack-BG {
    grid-row: 1/5;
    padding: 5%;
  }
  .bandejas-Plast {
    grid-row: 5/9;
    background-position: right;
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 165px) repeat(4, 60px);
  }
}

@media screen and (max-width: 360px) {
  .T-Port-Pack {
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 320px) {
 
  .grid-LinhaRbx {
    grid-template-rows: repeat(4, 70px) repeat(4, 1fr);
  }
  .grid-I4O {
    grid-template-rows: repeat(4, 140px) repeat(4, 100px);
  }
  .grid-SunPhar {
    grid-template-rows: repeat(4, 120px) repeat(4, 100px);
  }
  .grid-FazMF {
    grid-template-rows: repeat(4, 130px) repeat(4, 50px);
  }
  .grid-MediNova {
    grid-template-rows: repeat(4, 115px) repeat(4, 60px);
  }
  .grid-BoaGula {
    grid-template-rows: repeat(4, 175px) repeat(4, 45px);
  }
  .grid-Novartis {
    grid-template-rows: repeat(4, 180px) repeat(4, 60px);
  }
}