/*Big Tablets to 1200px (widths smaller than the 1140px row in our website)*/
@media only screen and (max-width: 1200px) {
	.date_container {
		display: inline-block;
		width: 90%;
		margin: 10px auto 0px;
	}

	.table_frame_scroll_wrap {
		overflow-y: hidden;
		margin: auto;
		width: 98%;
	}

	table.inspection-request {
		width: 98%;
		font-size: 14px;
	}

	table.missing-types {
		width: 98%;
		font-size: 12px;
	}

		table.missing-types th {
			font-size: 12px;
		}

	.plus, .checkmark {
		font-size: 22px;
	}

	.count_top {
		font-size: 20px;
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 24px;
	}

	.numberCircle {
		font-size: 14px;
	}

	.table-portal th, .table-portal td {
		font-size: 12px;
	}


	table.inspector-schedule td, table.inspector-schedule th {
		padding: 8px 2px !important;
		font-size: 12px !important;
	}
}

/* Small Tablet to Big Tablet: 768px to 1023px */
@media only screen and (max-width: 1023px) {
	.table_frame_scroll_wrap {
		width: 98%;
		margin: auto;
		overflow-y: hidden;
	}

	.chart_scroll_wrap {
		overflow-y: hidden;
	}

	.table_scroll_wrap table {
		width: 100%;
	}

		.table_scroll_wrap table td, th {
			padding: 8px 2px !important;
		}

		.table_scroll_wrap table td, th {
			font-size: 12px;
		}


	td.description {
		max-width: 400px;
	}

	table.inspection-request {
		width: 98%;
		font-size: 12px;
	}

	.plus, .checkmark {
		font-size: 16px;
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 20px;
	}

	.last-month-frame {
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 8px;
	}

	.ptportal-tableheader {
		font-size: 12px;
		padding: 8px 2px !important;
	}

		.inspectors-schedule-scroll-wrap table.xxlong td, .inspector-schedule-container .pinned td {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

	.sched-i {
		min-width: 30px;
		max-width: 30px;
	}

	.sched-address {
		min-width: 170px;
		max-width: 170px;
	}

	.sched-reinspect {
		min-width: 36px;
		max-width: 36px;
	}

	.sched-builder {
		min-width: 240px;
		max-width: 240px;
	}

	.sched-type {
		min-width: 144px;
		max-width: 144px;
	}

	.sched-subdiv {
		min-width: 120px;
		max-width: 120px;
	}

	.sched-sched {
		min-width: 96px;
		max-width: 96px;
	}

	.sched-time {
		min-width: 48px;
		max-width: 48px;
	}

	.sched-super {
		min-width: 96px;
		max-width: 96px;
	}

	.sched-am {
		min-width: 96px;
		max-width: 96px;
	}

	.sched-city {
		min-width: 96px;
		max-width: 96px;
	}

	.pinned table.inspector-schedule {
		min-width: 200px !important;
		max-width: 200px !important;
	}

	.inspector-schedule-container .inspection-hide-responsive {
		display: none;
	}

	.inspector-schedule-container .pinned {
		display: block;
		width: 200px;
		background: white;
		left: 0;
		position: absolute;
		top: 0;
	}

		.inspector-schedule-container .pinned table {
			font-size: 12px;
			/*margin: 20px 0px 20px 8px;*/
			text-align: center;
		}

		.inspector-schedule-container .pinned td, th {
			padding: 8px 2px !important;
		}
}

/* All phones and tablets smaller than ipad: from 481px to 767px */
@media only screen and (max-width: 767px) {
	.table_scroll_wrap {
		margin: 20px 0px 20px 200px;
		width: auto;
	}

		.inspectors-schedule-scroll-wrap {
		overflow-y: hidden;
		margin: 20px 0px 20px 200px;
	}

		.table_scroll_wrap table {
			font-size: 12px;
		}

	.inspection-hide-responsive {
		display: none;
	}

	.pinned {
		display: block;
		width: 192px;
		background: white;
		left: 0;
		position: absolute;
		top: 0;
	}

		.pinned table {
			font-size: 12px;
			margin: 20px 0px 20px 8px;
			text-align: center;
		}

	.inspector-schedule-container .pinned table {
		font-size: 12px;
		margin: 0px 0px;
		text-align: center;
	}

	.pinned td, th {
		padding: 8px 2px !important;
	}

	.table_scroll_wrap {
		overflow-y: hidden;
	}

	.scroll_wrap {
		overflow-y: hidden;
	}

	table.short {
		min-width: 360px;
	}

	table.medium {
		min-width: 480px;
	}

	table.long {
		min-width: 600px;
	}

	table.xlong {
		min-width: 720px;
	}

	table.xxlong {
		min-width: 840px;
	}

		table.xxxlong {
		min-width: 1200px;
	}

	.inspection-request-container {
		padding-right: 8px;
	}

	.insp-type {
		width: 32%;
	}

	.insp-date {
		width: 32%;
	}

	.req-date {
		width: 36%;
	}

	.subdivision-settings {
		width: 96%;
		margin: auto;
		font-size: 14px;
	}

	.tile_count {
		padding: 0px;
	}

	.tile-col {
		padding: 0px;
	}

	.count_top {
		font-size: 16px;
	}

	.count_bottom {
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 18px;
	}

	.large-icon {
		font-size: 110px;
	}

	.nav > li > a {
		padding: 5px 10px;
		font-size: 10px;
	}

	.dropdown-menu > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}

	.nav-tabs .dropdown-menu {
		font-size: 10px;
		padding: 2px;
	}

	.header-container {
		width: 100%;
	}

	.display-top-container-ptportal label {
		font-size: 12px;
	}

	.btn-excel {
		margin-top: 21px;
	}

	.btn-update {
		font-size: 12px !important;
		padding: 4px;
	}

	.ptportal-wrap input[type=checkbox] {
		margin: 0px !important;
	}

	.plan-icon {
		height: 16px;
		width: 16px;
	}

	.inspection-info-modal-body h1 {
		font-size: 16px;
	}

	.inspection-info-modal-body td, .inspection-info-modal-body th {
		font-size: 11px;
	}

	td.remarks {
		height: 96px;
	}

	.inspector-contacts {
		font-size: 11px;
	}

	.schedule-header-container h2 {
		padding-left: 5px;
		font-size: 20px;
	}

	.inspection-breakdown-completed {
	}

	.inspection-breakdown-completed-by-type td, .inspection-breakdown-completed-by-type th {
		font-size: 12px;
		padding: 2px !important;
	}
	
	.inspection-breakdown-completed td, .inspection-breakdown-completed th{
		font-size: 10px;
		padding: 2px !important;
	}

	.small-margin {
		padding-right: 5px;
		padding-left: 5px;
	}
}

/* Small phones from 320 to 480px */
@media only screen and (max-width: 480px) {
	.inspections {
		width: 98%;
	}

		.inspections tr td, th {
			font-size: 12px;
		}

	table.inspector-schedule td, table.inspector-schedule-container .pinned td {
		padding: 4px !important;
	}

	.pinned td {
		padding: 4px !important;
	}

	.my-select {
		width: 90%;
		margin-top: 100px;
	}

	label {
		width: 100%;
	}

	.super-container {
		width: 96%;
		margin: 10px auto;
	}

		.super-container .date {
			width: 100%;
		}

		.super-container button.main-request-btn {
			width: 100%;
			margin: 20px auto;
			background-color: rgb(0, 71, 108);
			font-size: 29px;
		}

		.super-container button.dpis {
			width: 96%;
			margin: 20px auto 10px;
			font-size: 16px;
		}

		.super-container button.closeModal {
			width: 96%;
			margin: 5px auto;
			font-size: 12px;
		}

	.table_scroll_wrap table {
		font-size: 12px;
	}

	h1.inspection-address {
		font-size: 27px;
	}

	h1.super-name {
		font-size: 48px;
	}

	.nav-house {
		width: 150px;
		height: auto;
	}

	.menu-button-wrap {
		margin: 10px 0px 10px 0px;
	}

	.menu-glyph {
		position: absolute;
		top: 14px;
		left: 10px;
	}

	body {
		padding-top: 54px;
	}

	.navbar {
		min-height: 57px;
	}

	input.showAllCB {
		margin-left: 8px !important;
	}

	label.showAll {
		width: 80px;
	}

	label.label-inspections {
		max-width: 100px;
		font-size: 10px;
		margin-right: 5px;
	}

	.individual-icon-wrap {
		padding: 10px;
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 22px;
	}

	.failed-re-inspectioninfo {
		width: 96%;
	}

		.failed-re-inspectioninfo th, .failed-re-inspectioninfo td {
			font-size: 12px;
		}

	.last-month-frame {
		font-size: 14px;
	}

	.count_top {
		font-size: 10px;
	}

	.count {
		font-size: 20px;
	}

	.count_bottom {
		font-size: 10px;
	}

	.numberCircle {
		font-size: 14px;
	}

	.large-icon {
		font-size: 100px;
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 14px;
	}

	.address-settings {
		width: 98%;
		font-size: 10px !important;
	}

		.address-settings td {
			padding: 8px 1px !important;
			vertical-align: middle !important;
		}

			.address-settings td select {
				height: 30px;
				padding: 2px 8px;
				font-size: 10px;
				line-height: 1;
			}

	.reportlive-select {
		font-size: 20px;
	}

	.tab-container {
		position: relative;
		overflow-y: hidden;
		max-width: 500px;
	}

	.dropdown-menu {
		position: relative;
	}

	.ptportal-wrap input[type=checkbox] {
		margin: 0px !important;
	}

	.inspection-info-modal-body .col-xs-6 {
		width: 100%;
	}

	.inspector-contacts {
		font-size: 10px;
	}
}

@media only screen and (max-width: 320px) {
	h1.supername {
		font-size: 12px;
	}

	.dashboard-link a, .icon-row-wrap a {
		font-size: 10px;
	}
}