/* source => https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a */

/* XS => phones & landscape phones */
@media (max-width: 767px) {
  	.nav-item { border-right: 0; }	
  	.item { height: 250px; }
	.category-div { border-bottom: solid 2px; }
}

/* SM (small) */
@media (max-width: 990px) {
	.category-div { height: calc((100vh / 6) - (135px / 6)); border-right: solid 1px; }
	.category-div:nth-child(2n+1) { border-right: 0; }
	.main .home-genders {height: calc(100vh - 138px);line-height: calc(100vh - 138px);border-top: 0;}
	.item { height: 330px; }
}

/* MD */
@media (min-width: 991px) {
	.category-div { border-bottom: solid 2px; }
	.category-div:nth-child(3n) { border-right: 0; }
	.category-div:first-child, .category-div:nth-child(2),.category-div:nth-child(3) {border-top: solid 1px;}
	.main .home-genders {line-height: calc(100vh - 50px);border-top: solid 1px;}
}