/*
	3:
    } .gamegrid-right-column li {
      flex-basis: calc(33.33333% - 20px / 3);
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 3);
    }

    2:
	} .gamegrid-right-column li	{
      flex-basis: calc(50% - 10px / 2);
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 2);
    }
    
    1:
	} .gamegrid-right-column li	{
      flex-basis: 100%;
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 1);
    }
*/

@media screen and (min-width: 1800px)
{
	.body, .top-inner {
      max-width: 1800px;
      margin: 0 auto 0 auto;
    } .gamegrid li {
	  flex-basis: calc(20% - 40px / 5);
	} .gamegrid-right-column li	{
      flex-basis: calc(50% - 10px / 2);
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 2);
    }
}

@media screen and (min-width: 1340px) and (max-width: 1799px)
{
    .gamegrid li {
      flex-basis: calc(25% - 10px);
	} .gamegrid-right-column li	{
      flex-basis: calc(50% - 10px / 2);
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 2);
    }
}

@media screen and (min-width: 1180px) and (max-width: 1339px)
{
	.gamegrid li {
		flex-basis: calc(33.33333% - 20px / 3);
	} .gamegrid-right-column li	{
      flex-basis: 100%;
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 1);
    }
    
    .right-column-wrapper > .right-column {
      flex: 3 1 0%;
      max-width: 75%;
    } .right-column-related-games-wrapper {
      flex: 1 1 0%;
    }
}

@media screen and (min-width: 700px) and (max-width: 1179px)
{
	.gamegrid li {
		flex-basis: calc(33.33333% - 20px / 3);
    } .gamegrid-right-column li {
      flex-basis: calc(33.33333% - 20px / 3);
	} .gamegrid-ad {
      height: calc(66.6666667cqw / 3);
    }
}

@media screen and (min-width: 380px) and (max-width: 699px)
{
	.gamegrid li {
	  flex-basis: calc(50% - 10px / 2);
	} .gamegrid-ad {
        height: calc(66.6666667cqw / 2);
    }
}

@media screen and (max-width: 379px)
{
	.gamegrid li {
	  flex-basis: 100%;
	} .gamegrid-ad {
        height: calc(66.6666667cqw / 2);
    }
}

@media screen and (max-width: 1179px) /* no side by side columns, everything's under each other */
{
    .body {
      max-width: initial;
    } .body > .right-column {
      margin-left: 0;
      padding-left: 0;
    } .top-inner-logo {
      width: auto;
    } .menu-button {
      display: inline-block;
    } .left-column {
      display: none;
    } .logo {
      width: auto;
    } .top-menu {
      margin-left: 130px;
    } .search {
      display: none;
      overflow: visible;
      width: 230px;
    } .search input {
      width: 180px;
    } .top-related-tags {
      display: none;
    } .right-column-wrapper {
      align-items: center;
      flex-direction: column;
      padding-left: 0;
    } .right-column-wrapper > .right-column {
      max-width: fit-content;
    } .right-column-related-games-wrapper {
      margin: 15px 0 20px 0;
	  width: 100%;
	} .gamegrid-right-column {
	  padding: 0;
	} .header-related	{
	  display: block;
	}
}