@media screen and (max-width: 767px) {
	.header {
		background-image: linear-gradient(to right, #635739, #000000);
		height: 70px;
	}
	#right-content{
		padding: 90px 0 55px
	}
	#left-sidebar {
		display: none;
		min-width: 0;
		margin-top: 0;
		/*transition: all 150ms cubic-bezier(0.46, 0.03, 0, 1);*/
		/*display: block;*/
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 20px 0;
		z-index: 999;
		overflow: scroll;
	}
	#left-sidebar nav {
		display: none;
		width: 100%;
		position: relative;
	}
	.tbl-header {
		display: none;
	}
	td, tr {
		display: block;
	}
	td:empty {
		display: none;
	}
	.portal-table td:nth-of-type(1):before { 
		content: "ID: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(2):before { 
		content: "Store: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(3):before { 
		content: "Theme: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(4):before { 
		content: "Schedule: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(5):before { 
		content: "Status: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(6):before { 
		content: "Added By: ";
		font-weight: 900;
	}
	.portal-table td:nth-of-type(7):before { 
		content: "Action: ";
		font-weight: 900;
	}
	.portal-table .table td {
		padding: 10px 10px;
		width: 100% !important;
	}
	.bootgrid-footer .infoBar {
		font-size: 12px;
		text-align: center;
	}
	.pagination .button {
		padding: 0px;
	}
	.pagination li {
		margin: 0 auto;
		border: 1px solid #9b7d2f5e;
		padding: 3px 7px;
	}
	.bootgrid-footer {
		padding: 0;
		margin: 0;
	}
}
@media screen and (max-width: 500px) {
	input#datetimepicker, #theme, #store, .search.form-group {
		width: 100% !important;
	}
	.search form-group {
		margin-right: 0;
	}
	.select-title {
		text-align: left;
	}
}