.display-table-row {
	display: table;
	table-layout: fixed;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
	margin: 0px;
	padding: 0px;
}

/* adjust max-width per need */
@media screen and (max-width: 599px) { 
	.display-table-row {
	  display: block;
	  display: unset;
 	 	table-layout: fixed;
 	 	table-layout: auto;
 	 	table-layout: unset;
 	 	table-layout: initial;

    display: block;
    table-layout: fixed;
  }

	.display-table-cell {
 	 	display: initial;
 	 	display: unset;
 	 	display: auto;
    display: block;
    vertical-align: middle;
 	 	float: left;
    float: none;
		text-align: middle;
 	 	margin: 0px;
 	 	padding: 0px;
	}
}

@media screen and (max-width: 599px) {
  div.if_small { display: none; } /* for safa page to make alternating work */
}

/* display on large device, hide on small */
.large { display: block !important ;}
.small { display: none !important; }

/* display on small device, hide on large */
@media screen and (max-width: 767px) {
  .large { display: none !important; }
  .small { display: block !important; }
}