@media only screen and (max-width: 991px){
	.footer-box ul li a {
		font-size: 14px;
	}

	.tool-box ul li img {
		width: 105px;
		height: 105px;
		padding: 16px;
	}

	.tool-box ul li:hover p {
		font-size: 7pt;
	}
	.add-supplier-box img {
		width: 55px;
	}
	.card-block tr > * {
    padding: 8px 10px;
}
.card-header {
    max-width: 80%;
}
.expiration-box {
    overflow-x: auto;
}

.expiration-box table {
    width: 1100px;
}
.card-block {
    min-width: 80%;
}
.purchasing-box {
    margin: 15px 0;
}

.purchasing-box-head {
    height: 70px;
}
}
@media only screen and (max-width: 767px){
	.header-left {
		text-align: center;
	}

	.logo {
		height: auto;
		text-align: center;
		margin-top: 5px;
	}

	.header-area {
		height: auto;
		padding: 10px 0;
	}
	.tool-box ul {
		display: flex;
		max-width: 360px;
		margin: auto;
	}
	.tool-box ul li:hover p ,
	.tool-box ul li p {
		font-size: 8pt;
		line-height: normal;
		top: 0;
	}

	.tool-box ul li:nth-child(3) {
		margin-right: 0;
	}

	.tool-box ul li:nth-child(4) {
		margin-left: 0;
	}
	.tool-box ul li {
		margin: 0;
		width: 32%;
	}
	.tool-box ul li img {
		width: 100%;
		height: 100%;
		max-height: 100%;
		max-width: 100%;
		transition: 0.4s;
		padding: 10px;
	}
	.tool-box {
		text-align: center;
	}

	.tool-area {
		padding: 20px 0 10px;
	}

	.home-content-box {
		max-width: 430px;
	}

	.home-content-bottom img {
		width: auto;
		display: block;
	}

	.home-content-bottom {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 200px;
	}

	.home-content {
		padding: 40px 0;
	}

	.footer-box ul li {
		float: none;
		width: 100%;
		margin-top: 5px;
	}

	body {
		min-height: auto;
		padding-bottom: 0;
	}
	.footer-area {
		background: #f2f2f2;
		padding: 0;
		position: static;
		height: auto;
	}

	.footer-box ul li a {
		background: #96A5BD;
		display: block;
		padding: 4px 0;
	}

	.footer-box {
		margin: 0 -15px;
	}
	.card-block {
    overflow-x: auto;
    display: block;
    overflow-y: hidden;
}

.card-block table {
    width: 770px;
    display: inline-table;
}
.card-header {
    max-width: 100%;
	font-size: 10pt;
	padding: 8px 25px 8px 10px;
}
.card {
    margin-top: 8px;
}

.card-header::before {
    font-size: 10pt;
    height: 28px;
    line-height: 28px;
    right: 0;
    width: 25px;
}
	.add-supplier-box span {
    font-size: 12pt;
}
.form-email-alert span {
    font-size: 10pt;
}
.tool-box-popup form label {
    margin: 15px 0 5px;
}

.tool-box-popup form .theme-btn {
    margin-top: 10px;
}
.purchasing-box-head {
    height: 52px;
}
}
@media only screen and (max-width: 575px){
	.tool-box ul li:hover p ,
	.tool-box ul li p {
		font-size: 6pt;
	}
	.add-supplier-box span {
    font-size: 9pt;
}

.expiration-range {
    max-width: 300px;
    margin: 10px auto 0;
}

.expiration-box .theme-btn {
    width: 300px;
    max-width: 100%;
}
.supplier-list-table {
	height: auto;
}
.supplier-list-table table {
    width: 540px;
}
.supplier-list-form {
    margin-right: 0;
}
.tool-box-popup > .container {
    width: 94%;
}

.tool-box-popup form label {
    height: 150px;
    padding-top: 30px;
}
.menu-document {
    padding: 0 0 20px;
}

.menu-document .clr-orange {
    font-size: 16px;
    margin-top: 25px;
}

.menu-document h5 {
    font-size: 10pt;
}

.menu-document img {
    max-width: 160px;
}


.calalyst-popup strong {
	text-align: left;
}
.calalyst-popup table {
	font-size: 9pt;
}
.calalyst-popup tr > * {
    padding: 5px 15px;
}
.calalyst-popup {
    font-size: 11pt;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 15px;
}

.calalyst-popup span {
    margin: 15px 0 5px;
}
.tool-box-popup h4 {
    font-size: 14pt;
}
.form-email-alert {
    margin-top: 10px;
}
.purchasing-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
}

.purchasing-box-head {
    height: 70px;
}
}