@media only screen and (min-width: 1441px) and (max-width: 1620px){


		.stretch-card { flex: 0 0 25%; max-width: 25%; padding: 0 10px; }
		.stretch-card h2.font-weight-medium { font-size: 35px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }

}



	@media only screen and (min-width: 1366px) and (max-width: 1440px){

		.stretch-card { flex: 0 0 25%; max-width: 25%; padding: 0 10px; }
		.stretch-card h2.font-weight-medium { font-size: 35px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; font-size: 19px; }

	}

	@media only screen and (min-width: 1221px) and (max-width: 1365px) {

		
		.stretch-card { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 10px; }		
		.stretch-card h2.font-weight-medium { font-size: 35px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }		
		.stretch-card p span { display: inline-block; }
		.card .card-body { padding: 1.00rem 1.81rem 1.00rem; }

	}


	/* Custom */
	@media only screen and (min-width: 1025px) and (max-width: 1220px) {

		.stretch-card { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 10px; }
		.stretch-card h2.font-weight-medium { font-size: 35px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }
		

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1024px) {

	
		.stretch-card { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 10px; }
		.stretch-card h2.font-weight-medium { font-size: 35px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }
		
		.auto-form-wrapper.left-section p { font-size: 15px; }


	}


@media only screen and (min-width: 300px) and (max-width: 990px) {

		.navbar.default-layout .navbar-brand-wrapper { width: 50%; float: left; border-radius: 0; }
		.navbar.default-layout .navbar-menu-wrapper {  width: 50%; float: right; height: auto; }
		.navbar .text-center .brand-logo { top: 0; }
		.navbar.default-layout .navbar-brand-wrapper .navbar-brand img { width: 100px; }
		.navbar.default-layout .navbar-menu-wrapper .navbar-toggler { margin-top: 15px; }

		.sidebar-offcanvas { top: 57px; }

}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 500px) and (max-width: 767px) {



		.stretch-card { flex: 0 0 50%; max-width: 50%; padding: 0 10px; }
		.stretch-card h2.font-weight-medium { font-size: 30px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }
		.content-wrapper .Dashboard_section { padding: 2.5rem 2.0rem 1.5rem; }
		.footer_section p { font-size: 14px; }

		.auto-form-wrapper.left-section p { font-size: 15px; }
		.mid-section .right-section { display: none; }
		.auto-form-wrapper.left-section h2 { font-size: 35px; }
	
		
	}	

	@media only screen and (min-width: 320px) and (max-width: 499px) {

		.stretch-card { flex: 0 0 100%; max-width: 100%; padding: 0 0; }
		.stretch-card h2.font-weight-medium { font-size: 25px; }
		.stretch-card p.text-muted { font-size: 18px; }
		.footer_section p { font-size: 14px; }
		.stretch-card .fas { font-size: 25px; }
		.stretch-card span.icon { width: 50px; height: 50px; }
		.stretch-card p.text-muted { margin-bottom: 1rem !important; }
		.content-wrapper .Dashboard_section { padding: 2.5rem 2.0rem 1.5rem; }

		.auto-form-wrapper.left-section p { font-size: 14px; }
		.auth.theme-one .auto-form-wrapper .form-group .input-group .form-control { height: 35px; }
		.mid-section .right-section { display: none; }
		.auto-form-wrapper.left-section h2 { font-size: 30px; }
		.mid-section { width: 100%; }
		.auth.theme-one .auto-form-wrapper { padding: 30px 10px 10px; }

	}

/* forgot password */

@media only screen and (min-width: 320px) and (max-width: 499px) {
  .tacto-forgotpass .modal-dialog{ width: 100%;padding:0 15px; margin: 50px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header .close i{font-size: 18px;}
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px;height: 37px; }
.tacto-forgotpass .modal-body p{  font-size: 12px; padding: 18px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 14px; width: 175px; padding: 7px;}
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.tacto-forgotpass .modal-dialog{ width: 390px; margin: 80px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px; height: 38px;}
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 245px; padding: 7px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tacto-forgotpass .modal-dialog{ width: 400px; margin: 120px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px; height: 38px; }
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 275px; padding: 7px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.tacto-forgotpass .modal-dialog{ width: 400px; margin: 130px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px; height: 38px;}
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 275px; padding: 7px;}
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.tacto-forgotpass .modal-dialog{ width: 400px; margin: 140px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px;height: 38px; }
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 275px; padding: 7px;}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-forgotpass .modal-dialog{ width: 400px; margin: 140px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 27px;  }
.tacto-forgotpass .modal-body{padding: 35px 40px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px; height: 38px; }
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 275px; padding: 7px;}
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-forgotpass .modal-dialog{ width: 400px; margin: 140px auto;}
.tacto-forgotpass .modal-header{ padding: 25px 20px;}
.tacto-forgotpass .modal-header .close{ right: 15px; top: 15px; }
.tacto-forgotpass .modal-header h3{ font-size: 21px;}
.tacto-forgotpass .modal-header h3 span{ height: 60px; width: 60px;  margin-right: 15px;}
.tacto-forgotpass .modal-header h3 span i{ font-size: 28px;  }
.tacto-forgotpass .modal-body{padding: 35px 45px;}
.tacto-forgotpass .modal-body label{  font-size: 14px; margin-bottom:10px; }
.tacto-forgotpass .modal-body input{padding: 7px 10px;font-size: 13px;height: 38px; }
.tacto-forgotpass .modal-body p{  font-size: 14px; padding: 20px 0;}
.tacto-forgotpass .modal-body p span{ display: block; }
.tacto-forgotpass .modal-body .sub{text-align: center;}
.tacto-forgotpass .modal-body input[type="submit"]{ font-size: 15px; width: 275px; padding: 7px;}
}

/* clients page */
@media only screen and (min-width: 320px) and (max-width: 499px) {
.content-wrapper{padding: 15px;}
.content-wrapper .clients-section{ padding: 0px; }
.inner-table-data{padding: 10px;}
.inner-table-data .clients-table{ overflow: auto; display:block; width: 550px;  }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}

}

@media only screen and (min-width: 500px) and (max-width: 767px) {
	.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px;}
.content-wrapper{ padding: 20px; }
.inner-table-data{ padding: 15px; }
.content-wrapper .clients-section{ padding: 15px; }
.inner-table-data .clients-table{ overflow: auto; display:block; width: 600px;  }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.inner-table-data .clients-table{  }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}
.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 12px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 12px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 9px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1221px) {
.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 12px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td{ font-size: 12px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 20px; }
.inner-table-data .clients-table table td a{font-size: 9px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 32px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 32px; }
.sidebar a.edit-pro i{margin-right: 30px;}
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
	.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 22px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 22px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 35px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 35px; }
.sidebar a.edit-pro i{margin-right: 35px;}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
	.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 13px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 22px; }
.inner-table-data .clients-table table td{ font-size: 13px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 22px; }
.inner-table-data .clients-table table td a{font-size: 10px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 35px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 35px; }
.sidebar a.edit-pro i{margin-right: 35px;}
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.navbar.default-layout .navbar-menu-wrapper .navbar-nav .left-arr{ font-size: 15px; }
.inner-table-data .clients-table table th{ font-size: 14px; }
.inner-table-data .clients-table table th:first-child{ padding-left: 25px; }
.inner-table-data .clients-table table td{ font-size: 14px; }
.inner-table-data .clients-table table td:first-child{ padding-left: 25px; }
.inner-table-data .clients-table table td a{font-size: 11px;}
.inner-table-data .load a{margin: 20px 0;}
.sidebar .edit{ line-height: 38px; margin-bottom: 10px;}
.sidebar a.edit-pro{ height: 38px; }
.sidebar a.edit-pro i{margin-right: 35px;}
}

/* list of warehouse */

@media only screen and (min-width: 320px) and (max-width: 499px) {
.tacto-list .modal-dialog{ width: 100%; }
.tacto-list .modal-header .close span{font-size: 17px;}
.tacto-list .modal-header{ padding-left: 28px; padding-bottom: 15px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 28px 35px 28px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.tacto-list .modal-dialog{ width: 390px; }
.tacto-list .modal-header .close span{font-size: 17px;}
.tacto-list .modal-header{ padding-left: 28px; padding-bottom: 15px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 28px 35px 28px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tacto-list .modal-dialog{ width: 390px; }
.tacto-list .modal-header .close span{font-size: 17px;}
.tacto-list .modal-header{ padding-left: 28px; padding-bottom: 15px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 28px 35px 28px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tacto-list .modal-dialog{ width: 390px; }
.tacto-list .modal-header .close span{font-size: 17px;}
.tacto-list .modal-header{ padding-left: 28px; padding-bottom: 15px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 28px 35px 28px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.tacto-list .modal-dialog{ width: 400px; }
.tacto-list .modal-header .close span{font-size: 17px;}
.tacto-list .modal-header{ padding-left: 28px; padding-bottom: 15px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 28px 35px 28px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.tacto-list .modal-dialog{ width: 400px; }
.tacto-list .modal-header .close span{font-size: 18px;}
.tacto-list .modal-header{ padding-left: 30px; padding-bottom: 18px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 30px 35px 30px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-list .modal-dialog{ width: 420px; }
.tacto-list .modal-header .close span{font-size: 18px;}
.tacto-list .modal-header{ padding-left: 35px; padding-bottom: 18px;}
.tacto-list .modal-header h3{ font-size: 17px;}
.tacto-list .modal-body{ padding: 0px 30px 35px 30px; }
.tacto-list .modal-body ul li a{  font-size: 13px;padding: 8px 20px; }

}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-list .modal-dialog{ width: 450px; }
.tacto-list .modal-header .close span{font-size: 19px;}
.tacto-list .modal-header{ padding-left: 35px; padding-bottom: 20px;}
.tacto-list .modal-header h3{ font-size: 18px;}
.tacto-list .modal-body{ padding: 0px 35px 40px 35px; }
.tacto-list .modal-body ul li a{  font-size: 14px;padding: 8px 20px; }
}

/* clietns add popup */

@media only screen and (min-width: 320px) and (max-width: 499px) {
.tacto-clientsadd .modal-dialog{ width: 100%;padding: 0 15px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 15px 25px 35px 25px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 37px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
.tacto-forgotpass .modal-body label{ margin-bottom: 2px; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.tacto-clientsadd .modal-dialog{ width: 100%;padding: 0 15px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 15px 25px 35px 25px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
.tacto-forgotpass .modal-body label{ margin-bottom: 2px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tacto-clientsadd .modal-dialog{ width: 550px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 15px 30px 38px 30px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
.tacto-forgotpass .modal-body label{ margin-bottom: 2px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.tacto-clientsadd .modal-dialog{ width: 560px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 15px 30px 38px 30px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
.tacto-forgotpass .modal-body label{ margin-bottom: 2px; }
}


@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.tacto-clientsadd .modal-dialog{ width: 570px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 18px 32px 38px 32px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
.tacto-forgotpass .modal-body label{ margin-bottom: 2px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-clientsadd .modal-dialog{ width: 570px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 18px 32px 38px 32px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body input{ margin-bottom: 2px; }
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
}


@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-clientsadd .modal-dialog{ width: 580px; margin-top: 50px;}
.tacto-clientsadd .modal-body{ padding: 18px 32px 38px 32px; }
.tacto-clientsadd .modal-body label{margin-bottom: 5px;}
.tacto-clientsadd .modal-body select{ height: 38px; padding: 0 5px; font-size: 13px;}
.tacto-forgotpass .modal-body label{ font-size: 13px; }
}

/* clients view page */
@media only screen and (min-width: 320px) and (max-width: 499px) {
.clietns-view .top{ padding-left: 22px; }
.clietns-view ul li span{  }
.inbound-list{overflow: auto;}
.inbound-list .lists{ width: 600px; display: block; overflow: auto;  }
.inbound-list ul.mid-list li:nth-child(2){ width: 115px; }
.inbound-list ul.mid-list li:nth-child(3){ width: 100px; }
.clietns-view ul.mid-list li:first-child{ padding-left: 25px; }
.inbound-list ul.mid-list li:first-child{ padding-left: 10px; }
.inbound-list ul.btm-list li p{ width: 120px; }
.clietns-view ul.mid-list li:last-child a span{ height: 25px; width: 25px; line-height: 25px; }
.clietns-view .top h4{ font-size: 15px; }
.clietns-view ul li{ font-size: 12px; }
.clietns-view ul.top-list{padding-left: 25px;}
.clietns-view ul.btm-list{ padding-left: 25px;padding-bottom: 30px; }
.tacto-client .back span{ width: 25px; height: 25px; line-height: 25px; }
.tacto-client .back span i{font-size: 12px;}
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.clietns-view .top{ padding-left: 22px; }
.clietns-view ul li span{  }
.inbound-list{overflow: auto;}
.inbound-list .lists{ width: 600px; display: block; overflow: auto; }
.inbound-list ul.mid-list li:nth-child(2){ width: 115px; }
.inbound-list ul.mid-list li:nth-child(3){ width: 100px; }
.clietns-view ul.mid-list li:first-child{ padding-left: 25px; }
.inbound-list ul.mid-list li:first-child{ padding-left: 10px; }
.inbound-list ul.btm-list li p{ width: 120px; }
.clietns-view ul.mid-list li:last-child a span{ height: 25px; width: 25px; line-height: 25px; }
.clietns-view .top h4{ font-size: 15px; }
.clietns-view ul li{ font-size: 12px; }
.clietns-view ul.top-list{padding-left: 25px;}
.clietns-view ul.btm-list{ padding-left: 25px;padding-bottom: 30px; }
.tacto-client .back span{ width: 25px; height: 25px; line-height: 25px; }
.tacto-client .back span i{font-size: 12px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.clietns-view .top{ padding-left: 22px; }
.clietns-view ul li span{  }
.inbound-list ul.mid-list li:nth-child(2){ width: 115px; }
.inbound-list ul.mid-list li:nth-child(3){ width: 100px; }
.clietns-view ul.mid-list li:first-child{ padding-left: 25px; }
.inbound-list ul.mid-list li:first-child{ padding-left: 10px; }
.inbound-list ul.btm-list li p{ width: 120px; }
.clietns-view ul.mid-list li:last-child a span{ height: 25px; width: 25px; line-height: 25px; }
.clietns-view .top h4{ font-size: 15px; }
.clietns-view ul li{ font-size: 12px; }
.clietns-view ul.top-list{padding-left: 25px;}
.clietns-view ul.btm-list{ padding-left: 25px;padding-bottom: 30px; }
.tacto-client .back span{ width: 25px; height: 25px; line-height: 25px; }
.tacto-client .back span i{font-size: 12px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.clietns-view .top{ padding-left: 22px; }
.clietns-view ul li span{  }
.inbound-list ul.mid-list li:nth-child(2){ width: 115px; }
.inbound-list ul.mid-list li:nth-child(3){ width: 100px; }
.clietns-view ul.mid-list li:first-child{ padding-left: 25px; }
.inbound-list ul.mid-list li:first-child{ padding-left: 10px; }
.inbound-list ul.btm-list li p{ width: 120px; }
.clietns-view ul.mid-list li:last-child a span{ height: 25px; width: 25px; line-height: 25px; }
.clietns-view .top h4{ font-size: 15px; }
.clietns-view ul li{ font-size: 12px; }
.clietns-view ul.top-list{padding-left: 25px;}
.clietns-view ul.btm-list{ padding-left: 25px;padding-bottom: 30px; }
.tacto-client .back span{ width: 25px; height: 25px; line-height: 25px; }
.tacto-client .back span i{font-size: 12px;}
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.clietns-view .top{ padding-left: 22px; }
.clietns-view ul li span{ }
.inbound-list ul.mid-list li:nth-child(2){ width: 140px; }
.inbound-list ul.mid-list li:nth-child(3){ width: 70px; }
.inbound-list ul.btm-list li p{width: 140px;}
.inbound-list ul.mid-list{ padding-left: 25px; }
.clietns-view ul.mid-list li:first-child{ padding-left: 25px; }
.inbound-list ul.mid-list li:first-child{ padding-left: 15px; }
.clietns-view ul.mid-list li:last-child a span{ height: 25px; width: 25px; line-height: 25px; }
.clietns-view .top h4{ font-size: 15px; }
.clietns-view ul li{ font-size: 12px; }
.clietns-view ul.top-list{padding-left: 25px;}
.clietns-view ul.btm-list{ padding-left: 25px;padding-bottom: 30px; }
.tacto-client .back span{ width: 25px; height: 25px; line-height: 25px; }
.tacto-client .back span i{font-size: 12px;}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.clietns-view .top h4{ font-size: 16px; }
.clietns-view ul li{ font-size: 14px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.clietns-view .top h4{ font-size: 16px; }
.clietns-view ul li{ font-size: 14px; }

}

/* data entry manager */
@media only screen and (min-width: 320px) and (max-width: 499px) {
.warehouse-section .top a span{ width: 30px; height: 30px; line-height: 30px; }
.warehouse-section .top a{ font-size: 17px; }
.inner-table-data .warehouse-table{ width: 650px; }
.inner-table-data .warehouse-table table td a{ width: 25px; height: 25px; line-height: 25px; }
.inner-table-data .warehouse-table table td a i{ line-height: 25px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 45px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
.inner-table-data .warehouse-table table td:last-child a i{margin-left: 10px; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.warehouse-section .top a span{ width: 30px; height: 30px; line-height: 30px; }
.warehouse-section .top a{ font-size: 17px; }
.inner-table-data .warehouse-table{ width: 650px; }
.inner-table-data .warehouse-table table td a{ width: 25px; height: 25px; line-height: 25px; }
.inner-table-data .warehouse-table table td a i{ line-height: 25px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 45px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
.inner-table-data .warehouse-table table td:last-child a i{margin-left: 10px; }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
.inner-table-data .warehouse-table table td a{ width: 25px; height: 25px; line-height: 25px; }
.inner-table-data .warehouse-table table td a i{ line-height: 25px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 45px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
.inner-table-data .warehouse-table table td:last-child a i{margin-left: 10px; }
}

@media only screen and (min-width: 992px) and (max-width: 1220px) {
	.user_image span{ font-size: 14px; }
.inner-table-data .warehouse-table table td a{ width: 25px; height: 25px; line-height: 25px; }
.inner-table-data .warehouse-table table td a i{ line-height: 25px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 45px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
.inner-table-data  table td:last-child a i{margin-left: 10px; }
.inner-table-data .warehouse-table table th{ font-size: 11px; }
.inner-table-data .warehouse-table table td{ font-size: 10px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.inner-table-data .warehouse-table table td a{ width: 30px; height: 30px; line-height: 30px; }
.inner-table-data .warehouse-table table td a i{ line-height: 30px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 55px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
}

@media only screen and (min-width: 1365px) and (max-width: 1440px) {
.inner-table-data .warehouse-table table td a{ width: 30px; height: 30px; line-height: 30px; }
.inner-table-data .warehouse-table table td a i{ line-height: 30px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 55px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.inner-table-data .warehouse-table table td a{ width: 30px; height: 30px; line-height: 30px; }
.inner-table-data .warehouse-table table td a i{ line-height: 31px; }
.inner-table-data .warehouse-table table td:last-child a{ width: 55px;  }
.inner-table-data .warehouse-table table td:last-child a span{ height: 12px; width: 12px; }
}

/* data entry manager add popup*/

@media only screen and (min-width: 320px) and (max-width: 499px) {
.tacto-manage .modal-header h3{ font-size: 16px; }
.tacto-manage .modal-dialog{ margin-top: 50px; }
.tacto-manage .modal-body{ padding: 10px 20px 35px; }
.tacto-manage .modal-body input{ margin-bottom: 0; height: 33px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 33px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.tacto-manage .modal-dialog{ margin-top: 60px; }
.tacto-manage .modal-body{ padding-top: 10px; }
.tacto-manage .modal-body input{ margin-bottom: 0; height: 33px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 33px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.tacto-manage .modal{ overflow-y: hidden; }
.tacto-manage .modal-dialog{ margin-top: 80px; }
.tacto-manage .modal-body{ padding-top: 10px; }
.tacto-manage .modal-body input{ margin-bottom: 0; height: 33px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 33px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 992px) and (max-width: 1220px) {
.tacto-manage .modal{ overflow-y: hidden; }
.tacto-manage .modal-dialog{ margin-top: 100px; }
.tacto-manage .modal-body{ padding-top: 15px; }
.tacto-manage .modal-body input{ margin-bottom: 0; height: 35px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 35px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.tacto-manage .modal{ overflow-y: hidden; }
.tacto-manage .modal-dialog{ margin-top: 100px; }
.tacto-manage .modal-body{ padding-top: 15px; }
.tacto-manage .modal-body input{ margin-bottom: 0; height: 35px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 35px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-manage .modal{ overflow-y: hidden; }
.tacto-manage .modal-dialog{ margin-top: 100px; }
.tacto-manage .modal-body{ padding-top: 15px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 38px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-manage .modal{ overflow-y: hidden; }
.tacto-manage .modal-dialog{ margin-top: 100px; }
.tacto-manage .modal-body{ padding-top: 15px; }
.tacto-manage .modal-body label{ margin-bottom: 5px; }
.tacto-manage .modal-body select{ height: 38px; }
.tacto-manage .modal-body input[type="submit"]{ height: unset; }
}

/* inbound order page */
@media only screen and (min-width: 320px) and (max-width: 499px) {
	.Dashboard_section .align{margin-bottom: 15px;}
	.Dashboard_section .align{ display: block; }
	.Dashboard_section .align p{ font-size: 15px;margin-right: 10px; margin-bottom: 15px; }
 .Dashboard_section .align p a{font-size: 15px;}
 .Dashboard_section .align a{font-size: 16px;}
.Dashboard_section .align form{ margin-bottom: 20px;width: 100%; }
.Dashboard_section .align form input{ width: 85%; }
.Dashboard_section .align form button{ width: 15%;}
.inner-table-data .tacto-inbound{ width: 900px; }
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 70px; font-size: 10px}
.inner-table-data .tacto-inbound table td a.rem{ width: 70px; font-size:10px;}
.inner-table-data .tacto-inbound table td select{ width: 120px; padding: 0 5px;}
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
	.Dashboard_section .align{margin-bottom: 20px;}
.Dashboard_section .align{ display: block; }
.Dashboard_section .align p{ font-size: 15px;margin-right: 10px; margin-bottom: 20px; }
.Dashboard_section .align p a{font-size: 15px;}
.Dashboard_section .align a{font-size: 16px;}
.Dashboard_section .align form{ margin-bottom: 20px;width: 100%; }
.Dashboard_section .align form input{ width: 85%; }
.Dashboard_section .align form button{ width: 15%;}
.inner-table-data .tacto-inbound{ width: 900px; }
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 70px; font-size: 10px}
.inner-table-data .tacto-inbound table td a.rem{ width: 70px; font-size:10px;}
.inner-table-data .tacto-inbound table td select{ width: 120px; padding: 0 5px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.Dashboard_section .align{margin-bottom: 20px;}
	.Dashboard_section .align p{ font-size: 12px; margin-right: 20px;}
	.Dashboard_section .align p i{ margin-right: 5px; }
.Dashboard_section .align p a{font-size: 12px;}
.Dashboard_section .align a{font-size: 13px;}
.Dashboard_section .align form{width: 195px;font-size: 13px;margin-right: 20px; }
.Dashboard_section .align form input{ width: 85%; }
.Dashboard_section .align form button{ width: 15%;}
.Dashboard_section .alignone form ul{ margin: 0;}
.Dashboard_section .alignone form ul li{ margin: 0; padding: 0; width: unset; display: flex;} 
.inner-table-data .tacto-inbound{ width: 900px; overflow: auto; display: block;}
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 70px; font-size: 10px}
.inner-table-data .tacto-inbound table td a.rem{ width: 70px; font-size:10px;}
.inner-table-data .tacto-inbound table td select{ width: 120px; padding: 0 5px;}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.Dashboard_section .top{ display: block; }
.Dashboard_section .align p{ font-size: 12px; margin-right: 15px;}
.Dashboard_section .align form{width: 175px;font-size: 13px;margin-right: 15px;}
.Dashboard_section .align form input{ width: 80%; }
.Dashboard_section .align form button{ width: 20%; }
}
@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.Dashboard_section .top{ display: block; }
.Dashboard_section .align{margin-bottom: 20px;}
.Dashboard_section .align p{ font-size: 12px; margin-right: 15px;}
.Dashboard_section .align p a{ font-size: 12px; }
.Dashboard_section .align a{font-size: 15px;}
.Dashboard_section .align form{width: 190px;font-size: 13px;margin-right: 15px;}
.Dashboard_section .align form input{ width: 80%; }
.Dashboard_section .align form button{ width: 20%; }
.Dashboard_section .alignone form{ width: 215px; }

.inner-table-data .tacto-inbound{ width: 900px; overflow: auto; display: block;}
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 70px; font-size: 10px}
.inner-table-data .tacto-inbound table td a.rem{ width: 70px; font-size:10px;}
.inner-table-data .tacto-inbound table td select{ width: 120px; padding: 0 5px;}
}


@media only screen and (min-width: 1221px) and (max-width: 1365px) {
	
	.Dashboard_section .align p i{margin-right: 5px;}
.Dashboard_section .align p{ font-size: 12px; margin-right: 15px;}
.Dashboard_section .align p a{ font-size: 12px; }
.Dashboard_section .align a{font-size: 15px;}
.Dashboard_section .align form{width: 190px;font-size: 13px;margin-right: 15px;}
.Dashboard_section .align form input{ width: 80%; }
.Dashboard_section .align form button{ width: 20%; }

.inbound-inner-table{ padding: 20px; }
	.inner-table-data .tacto-inbound table td:first-child{ padding-left: 15px; }
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 10px; }
.inner-table-data .tacto-inbound table th{ font-size: 10px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 65px; font-size: 9px}
.inner-table-data .tacto-inbound table td a.rem{ width: 65px; font-size: 9px;}
.inner-table-data .tacto-inbound table td select{ width: 92px;height: 25px;padding: 0 8px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
	.Dashboard_section .align p i{margin-right: 5px;}
.Dashboard_section .align p{ font-size: 13px; margin-right: 20px;}
.Dashboard_section .align p a{ font-size: 13px; }
.Dashboard_section .align a{font-size: 15px;}
.Dashboard_section .align form{width: 190px;font-size: 15px;margin-right: 20px;}
.Dashboard_section .align form input{ width: 80%; }
.Dashboard_section .align form button{ width: 20%; }
	.inner-table-data .tacto-inbound table td:first-child{ padding-left: 15px; }
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 65px; font-size: 9px}
.inner-table-data .tacto-inbound table td a.rem{ width: 65px; font-size: 9px;}
.inner-table-data .tacto-inbound table td select{ width: 100px;height: 25px;padding: 0 8px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
	.Dashboard_section .align p i{margin-right: 5px;}
.Dashboard_section .align p{ font-size: 13px; margin-right: 20px;}
.Dashboard_section .align p a{ font-size: 13px; }
.Dashboard_section .align a{font-size: 15px;}
.Dashboard_section .align form{width: 200px;font-size: 15px;margin-right: 20px;}
.Dashboard_section .align form input{ width: 80%; }
.Dashboard_section .align form button{ width: 20%; }
	.inner-table-data .tacto-inbound table td:first-child{ padding-left: 15px; }
	.inner-table-data .tacto-inbound table td a{ font-size: 9px; }
.inner-table-data .tacto-inbound table td{ font-size: 11px; }
.inner-table-data .tacto-inbound table th{ font-size: 12px; }
.inner-table-data .tacto-inbound table td a.sbm{width: 65px; font-size: 9px}
.inner-table-data .tacto-inbound table td a.rem{ width: 65px; font-size: 9px;}
.inner-table-data .tacto-inbound table td select{ width: 100px;height: 25px;padding: 0 8px; }
}

/* inbound order details view list */
@media only screen and (min-width: 320px) and (max-width: 499px) {
.products-list .modal-header{ padding-bottom: 5px; }
.products-list table tr th{font-size: 15px; border-bottom-width:6px; padding-left: 10px; padding-right: 0;}
.products-list table tr td{font-size: 13px;padding-left: 10px;}
.products-list table tbody{ height: 180px; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.products-list .modal-header{ padding-bottom: 5px; }
.products-list table tr th{font-size: 15px; border-bottom-width:6px; }
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 180px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.products-list .modal-header{ padding-bottom: 5px; }
.products-list table tr th{font-size: 15px; border-bottom-width:6px; }
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 180px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.products-list .modal-header{ padding-bottom: 5px; }
.products-list table tr th{font-size: 15px; border-bottom-width:6px; }
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 180px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.products-list .modal-header{ padding-bottom: 5px; }
.products-list table tr th{font-size: 15px; border-bottom-width:6px; }
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 180px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.products-list table tr th{font-size: 15px;}
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 200px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.products-list table tr th{font-size: 15px;}
.products-list table tr td{font-size: 13px;}
.products-list table tbody{ height: 200px; }
}

/*load supervisor page */
@media only screen and (min-width: 320px) and (max-width: 499px) {
.inner-table-data .load-supervisor{ width: 800px;}
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
.inner-table-data .load-supervisor{ width: 800px;}
}

@media only screen and (min-width: 992px) and (max-width: 1220px) {
.inner-table-data .load-supervisor{ width: 800px;}
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.inner-table-data .load-supervisor table th{ font-size: 12px; }
.inner-table-data .load-supervisor table td{ font-size: 11px; }
}


/* outbound order list*/
@media only screen and (min-width: 320px) and (max-width: 499px) {
.tacto-outboud .top p{ font-size: 12px; }
.tacto-outboud .top select{ font-size: 12px; width: 145px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 25px; height: 25px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 25px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 25px; width: 115px; }
}


@media only screen and (min-width: 500px) and (max-width: 767px) {
.tacto-outboud .top p{ font-size: 11px; }
.tacto-outboud .top select{ font-size: 11px; width: 140px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 25px; height: 25px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 25px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 25px; width: 115px; }

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tacto-outboud .top p{ font-size: 11px; }
.tacto-outboud .top select{ font-size: 11px; width: 140px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 30px; height: 30px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 30px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 30px; width: 115px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.Dashboard_section.tacto-outboud .align p{ margin-right: 15px; }
	.Dashboard_section.tacto-outboud .align form{ width: 190px; margin-right: 15px;}
}

@media only screen and (min-width: 992px) and (max-width: 1050px) {
.tacto-outboud .top p{ margin-right: 10px; }
.tacto-outboud .top select{ margin-left: 5px; }
 .Dashboard_section.tacto-outboud .align p a{ font-size: 11px; }
 .Dashboard_section.tacto-outboud .align form{ width: 170px; margin-right: 10px;}

}
@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.tacto-outboud .top p{ font-size: 11px; }
.tacto-outboud .top select{ font-size: 11px; width: 140px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 30px; height: 30px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 30px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 30px; width: 115px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
	.tacto-outboud .top p{ margin-right: 10px; }
.tacto-outboud .top select{ margin-left: 5px; }
 .Dashboard_section.tacto-outboud .align p a{ font-size: 11px; }
 .Dashboard_section.tacto-outboud .align form{ width: 160px; margin-right: 10px;}
.tacto-outboud .top p{ font-size: 12px; }
.tacto-outboud .top select{ font-size: 12px; width: 145px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 30px; height: 30px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 30px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 30px; width: 115px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-outboud .top p{ font-size: 12px; }
.tacto-outboud .top select{ font-size: 12px; width: 145px; }	
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 30px; height: 30px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 30px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 30px; width: 125px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-outboud .top p{ font-size: 12px; }
.tacto-outboud .top select{ font-size: 12px; width: 145px; }
.inner-table-data .outbound-list table td a{ height: 25px; line-height: 15px; }
.inner-table-data .outbound-list table td:last-child a{ width: 55px;}
.inner-table-data .outbound-list table td:last-child a span{ width: 12px; height: 12px;  }
.inner-table-data .outbound-list table td:nth-last-child(3) a{ width: 30px; height: 30px; }
.inner-table-data .outbound-list table td:nth-last-child(3) a i{line-height: 30px;}
.inner-table-data .outbound-list table td:nth-last-child(2) a{ height: 30px; width: 125px; }
}

/* subadmin user*/
@media only screen and (min-width: 320px) and (max-width: 499px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset;padding: 5px 8px; }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset; padding: 5px 8px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.inner-table-data .subadmin-user table th{ font-size: 11px; }
.inner-table-data .subadmin-user table td{ font-size: 11px; }
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset;padding: 5px 8px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset;padding: 5px 8px;}
}
@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset;padding: 5px 10px; height: 25px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.inner-table-data .subadmin-user table td:nth-last-child(4) a{ line-height: unset; }
}

/* stock page and popup*/
@media only screen and (min-width: 320px) and (max-width: 499px) {
.inner-table-data .stock-table{ width: 750px; overflow: auto; display: block; }
.inner-table-data .stock-table table td a{ padding: 5px 8px; }
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 155px; height: 33px; font-size: 12px; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
.inner-table-data .stock-table{ width: 750px; overflow: auto; display: block; }
.inner-table-data .stock-table table td a{ padding: 5px 8px; }
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 155px; height: 33px; font-size: 12px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.inner-table-data .stock-table{ width: 750px; overflow: auto; display: block; }
.inner-table-data .stock-table table td a{ padding: 5px 8px; }
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 155px; height: 33px; font-size: 12px; }
}

@media only screen and (min-width: 992px) and (max-width: 1220px) {
.inner-table-data .stock-table{ width: 750px; overflow: auto; display: block; }
.inner-table-data .stock-table table td a{ padding: 5px 8px; }
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 155px; height: 33px; font-size: 12px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 155px; height: 33px; font-size: 12px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 160px; height: 35px; font-size: 13px; }
}

@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.tacto-stock .modal-body{padding-top: 30px;}
.tacto-stock .modal-body a{ width: 160px; height: 35px; font-size: 13px; }
}


/* warehouse dashboard */

@media only screen and (min-width: 320px) and (max-width: 499px) {

.stretch-card .card-in a .m-icn i{font-size: 40px;}
.stretch-card .card-in a .m-icn img{ width: 40px; }
.stretch-card .card-in a p{ font-size: 17px; }
}

@media only screen and (min-width: 500px) and (max-width: 1220px) {

.stretch-card .card-in a .m-icn i{font-size: 40px;}
.stretch-card .card-in a .m-icn img{ width: 40px; }
.stretch-card .card-in a p{ font-size: 18px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {

.stretch-card .card-in a .m-icn i{font-size: 50px;}
.stretch-card .card-in a .m-icn img{ width: 50px; }
.stretch-card .card-in a p{ font-size: 20px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {

.stretch-card .card-in a .m-icn i{font-size: 50px;}
.stretch-card .card-in a .m-icn img{ width: 50px; }
.stretch-card .card-in a p{ font-size: 20px; }
}


/*goods receipt */
@media only screen and (min-width: 320px) and (max-width: 500px) {
.receipt-dash-pad{ padding: 0!important; border-radius: 10px;}
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 13px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; height: 35px;}
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px;padding-top: 10px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}


@media only screen and (min-width: 500px) and (max-width: 767px) {
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; }
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.receipt-dash-pad{ padding: 20px!important; }
.goods-rec-sec{ padding: 20px; }
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; height: 35px;}
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px; max-width: 55%; flex: auto;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-rgt{max-width: 45%; flex: auto;   }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
.receipt-dash-pad{ padding: 20px!important; }
.goods-rec-sec{ padding: 20px; }
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; height: 35px;}
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px; max-width: 55%; flex: auto;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-rgt{max-width: 45%; flex: auto;   }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}

@media only screen and (min-width: 1221px) and (max-width: 1365px) {
	.receipt-dash-pad{ padding: 20px!important; }
	.goods-rec-sec{ padding: 20px; }
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; height: 35px;}
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px; max-width: 55%; flex: auto;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-rgt{max-width: 45%; flex: auto;   }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; }
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}


@media only screen and (min-width: 1441px) and (max-width: 1620px) {
.goods-rec-sec .head-align{ display: block; }
.goods-rec-sec .head-align h6{ font-size: 15px; padding-bottom: 5px; }
.goods-rec-sec .img-text img{ width: 150px; }
.goods-rec-sec .img-text h5{ font-size: 15px; }
.goods-rec-sec .img-text p{ font-size: 12px;padding-bottom: 5px; }
.goods-rec-sec .img-text em{ font-size: 15px; }
.goods-rec-sec label{font-size: 13px;padding-bottom: 3px;}
.goods-rec-sec input{ margin-bottom: 10px; }
.goods-rec-sec .img-text{padding-bottom: 20px;}
.goods-rec-sec .top-left{padding-right: 15px;}
.goods-rec-sec .top-right .brd-right:after{display: none;}
.goods-rec-sec .top-right .upr-txt label{ font-size: 12px; }
.goods-rec-sec .top-right{ margin-top: 10px; border-width: 2px;}
.goods-rec-sec .top-right p{ font-size: 12px; }
.goods-rec-sec .top-right .mid-txt{ padding: 15px; border-width: 2px;}
.goods-rec-sec .top-right .mid-txt p{ font-size: 15px; }
.goods-rec-sec .top-right .mid-txt label{ font-size: 13px;  padding-top:8px;}
.goods-rec-sec .top-right .lwr-txt{ padding: 20px 30px; }
.goods-rec-sec .top-right .lwr-txt p{ font-size: 18px; }
.goods-rec-sec table td, th{ font-size: 13px; border-width: 2px;}
.goods-rec-sec .receipt-table{ display: block;overflow-y: hidden; overflow-x:auto; border-right: 2px solid #000;}
.goods-rec-sec table td p{font-size: 12px;}
.goods-rec-sec table td span{ width: 170px; }
}