/* --- MEDIA BREAKPOINTS --- */
/* Smartphone wide */
@media screen and (max-width: 767px) and (min-width: 544px) {

  .position2 {
    grid-template-columns: 2fr 4fr;
  }
  .position2 div:first-child {
    display:block;
  }
  .position3 {
    grid-template-columns: 3fr 3fr;
  }
  .position3 div:first-child {
    display:none;
  }
  .position4 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position5 {
    grid-template-columns: 3fr 3fr;
  }
  .position6 {
    grid-template-columns: 2fr 3fr 1fr;
  }
  .position6 div:first-child {
    display:block;
  }
  .position7 {
    grid-template-columns: 3fr 3fr;
  }
  .position8 {
    grid-template-columns: 3fr 3fr;
  }
  .position8 div:first-child {
    display:none;
  }
  .position9 {
    grid-template-columns: 2fr 4fr;
  }
  .position10 {
    grid-template-columns: 1fr 3fr 2fr;
  }
  /* content2 */
  .position11 {
    grid-template-columns: 3fr 3fr;
  }
  .position12 {
    grid-template-columns: 4fr 2fr;
  }
  .position13 {
    grid-template-columns: 2fr 3fr 1fr;
  }
}



/* Tablet Portrait */
@media screen and (max-width: 991px) and (min-width: 768px) {
  
  .position1 {
    grid-template-columns: 1fr 5fr 6fr;
  }
  .position2 {
    grid-template-columns: 3fr 6fr 3fr;
  }
  .position2 div:first-child {
    display:block;
  }
  .position3 {
    grid-template-columns: 4fr 8fr;
  }
  .position3 div:first-child {
    display:none;
  }
  .position3 div:first-child {
    display:none;
  }
  .position4 {
    grid-template-columns: 3fr 6fr 3fr;
  }
  .position5 {
    grid-template-columns: 8fr 4fr;
  }
  .position6 {
    grid-template-columns: 6fr 6fr;
  }
  .position6 div:first-child {
    display:block;
  }
  .position7 {
    grid-template-columns: 3fr 5fr 4fr;
  }
  .position8 {
    grid-template-columns: 5fr 7fr;
  }
  .position8 div:first-child {
    display:none;
  }
  .position9 {
    grid-template-columns: 3fr 5fr 4fr;
  }
  .position10 {
    grid-template-columns: 7fr 5fr;
  }
  /* content2 */
  .position11 {
    grid-template-columns: 3fr 3fr;
  }
  .position12 {
    grid-template-columns: 4fr 2fr;
  }
  .position13 {
    grid-template-columns: 2fr 3fr 1fr;
  }

}



/* New Header and Layout starts here */

/* Tablet wide */
@media screen and (max-width: 1469px) and (min-width: 992px) {
  .position1 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position2 {
    grid-template-columns: 2fr 4fr;
  }
  .position2 div:first-child {
    display:block;
  }
  .position3 {
    grid-template-columns: 3fr 3fr;
  }
  .position3 div:first-child {
    display:none;
  }
  .position3 div:first-child {
    display:none;
  }
  .position3 div:first-child {
    display:none;
  }
  .position4 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position5 {
    grid-template-columns: 3fr 3fr;
  }
  .position6 {
    grid-template-columns: 3fr 3fr;
  }
  .position6 div:first-child {
    display:none;
  }
  .position7 {
    grid-template-columns: 2fr 4fr;
  }
  .position8 {
    grid-template-columns: 3fr 3fr;
  }
  .position8 div:first-child {
    display:none;
  }
  .position9 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position10 {
    grid-template-columns: 2fr 4fr;
  }
  /* content2 */
  .position11 {
    grid-template-columns: 3fr 3fr;
  }
  .position12 {
    grid-template-columns: 4fr 2fr;
  }
  .position13 {
    grid-template-columns: 1fr 4fr 1fr;
  }
 
}



/* Desktop */
@media screen and (min-width: 1470px) {

  .position1 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position2 {
    grid-template-columns: 2fr 4fr;
  }
  .position2 div:first-child {
    display:block;
  }
  .position3 {
    grid-template-columns: 3fr 3fr;
  }
  .position3 div:first-child {
    display:none;
  }
  .position3 div:first-child {
    display:none;
  }
  .position3 div:first-child {
    display:none;
  }
  .position4 {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .position5 {
    grid-template-columns: 3fr 3fr;
  }
  .position6 {
    grid-template-columns: 2fr 3fr 1fr;
  }
  .position6 div:first-child {
    display:block;
  }
  .position7 {
    grid-template-columns: 3fr 3fr;
  }
  .position8 {
    grid-template-columns: 4fr 2fr;
  }
  .position8 div:first-child {
    display:none;
  }
  .position9 {
    grid-template-columns: 2fr 3fr 1fr;
  }
  .position10 {
    grid-template-columns: 1fr 3fr 2fr;
  }
  /* content2 */
  .position11 {
    grid-template-columns: 3fr 3fr;
  }
  .position12 {
    grid-template-columns: 4fr 2fr;
  }
  .position13 {
    grid-template-columns: 2fr 3fr 1fr;
  }
 
}