/*********Responsive Media Query********/
@media (max-width: 320px){
	.login-box{
		width: 95%;
		padding: 10px;
		position:relative;
		/* top:10%; */
		margin: auto;
		border-radius: 5px;
	}
	.login-box .login-box-title{
		font-size:25px;
		padding-bottom:25px;
	}
	.btn-login{
		width:150px;
		font-size:16px;
		font-weight:600;
		background-color:#feba12;
		padding:10px 0;
		border-radius:0;
	}
	.btn-login:focus{
		box-shadow: none;
	}
	.sb-topnav .navbar-brand .top-logo{
	  width:100px;
	  display:inline-block;
	  padding:0 5px;
	}
	.container-fluid{padding:0 10px;}
	.mb-4, .my-4 {margin-bottom: 10px !important;}
	.mt-4, .my-4 {margin-top: 10px !important;}
	.padding-0{padding:0;}
	.breadcrumb{padding:8px 0;}
	.breadcrumb-item{font-size:10px;}
	
	.card-header{font-size:14px; padding: 10px 10px;}
	.card-body{padding:10px;}
	#tabs .nav-tabs .nav-link span{
		font-size: 10px;
		padding: 5px 5px;
	}
	#tabs .nav-tabs a h5{
		font-size: 10px;
		padding: 5px 5px;
	}
	.user_icon {
		width: 80px;
		position: relative;
		top: 0;
		right: 20px;
		display: inline-block;
	}
	#edit-button{
		bottom:0;
		right:10px;
	}
	.top-left-box h6 {
		font-size:14px;
	}
	.packaging-button{padding: 10px 20px;}
	select{padding:0 5px; width:100%;}
	.select::after{
		width:20px;
	}
	.packaging-info-table tr td:first-child {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(2) {
		width: 10px;
	}
	.packaging-info-table tr td .multiply-sign {
		font-size: 10px;
	}
	.packaging-info-table tr td:nth-child(3) {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(4) {
		width: 35%;
	}
	.packaging-info-table .delete-image {
		max-width: 20px;
		padding: 0px;
	}
	.button-style-1 {
		font-size: 12px;
		padding: 10px;
		width: 100px;
	}
	.button-style-2 {
		font-size: 12px;
		padding: 8px;
		min-width:40px;
	}
	.nutrition-box h6 {
		font-size: 14px;
	}
	.nutrition-table .delete-image {
		max-width: 20px;
		padding: 0;
	}
	.file-placeholder .file-browse .file-browse-txt{
		width:70%;
	}
	.file-placeholder .file-browse .browse{
		width:30%;
	}
	.image-preview-box {
		width: 48%;
		margin:0;
	}
	.my-btn-group{text-align:center;}
}
@media (min-width: 321px) and (max-width: 480px) {
	.login-box{
		width: 95%;
		padding: 10px;
		position:relative;
		/* top:10%; */
		margin: auto;
		border-radius: 5px;
	}
	.login-box .login-box-title{
		font-size:25px;
		padding-bottom:25px;
	}
	.btn-login{
		width:150px;
		font-size:16px;
		font-weight:600;
		background-color:#feba12;
		padding:10px 0;
		border-radius:0;
	}
	
	.container-fluid{padding:0 10px;}
	.mb-4, .my-4 {margin-bottom: 10px !important;}
	.mt-4, .my-4 {margin-top: 10px !important;}
	.padding-0{padding:0;}
	.breadcrumb{padding:8px 0;}
	.breadcrumb-item{font-size:12px;}
	
	.card-header{font-size:16px; padding: 10px 10px;}
	.card-body{padding:12px;}
	#tabs .nav-tabs .nav-link span{
		font-size: 13px;
		padding: 5px 5px;
	}
	#tabs .nav-tabs a h5{
		font-size: 13px;
		padding: 5px 5px;
	}
	.user_icon {
		width: 80px;
		position: relative;
		top: 0;
		right: 35%;
		display: inline-block;
	}
	#edit-button{
		bottom:0;
		right:10px;
	}
	.top-left-box h6 {
		font-size:16px;
	}
	.packaging-button{padding: 10px 20px;}
	select{padding:0 5px; width:100%;}
	.select::after{
		width:30px;
	}
	.packaging-info-table tr td:first-child {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(2) {
		width: 10px;
	}
	.packaging-info-table tr td .multiply-sign {
		font-size: 10px;
	}
	.packaging-info-table tr td:nth-child(3) {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(4) {
		width: 35%;
	}
	.packaging-info-table .delete-image {
		max-width: 20px;
		padding: 0px;
	}
	.button-style-1 {
		font-size: 14px;
		padding: 10px;
		width: 130px;
	}
	.button-style-2 {
		font-size: 14px;
		padding: 8px;
		min-width:40px;
	}
	.nutrition-box h6 {
		font-size: 14px;
	}
	.nutrition-table .delete-image {
		max-width: 20px;
		padding: 0;
	}
	.file-placeholder .file-browse .file-browse-txt{
		width:70%;
	}
	.file-placeholder .file-browse .browse{
		width:30%;
	}
	.image-preview-box {
		width: 48%;
		margin:0;
	}
	.my-btn-group{text-align:center;}
	.manage-btn{margin:0 2px; padding: 6px 20px; width:31% !important;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.login-box{
		width: 95%;
		padding: 10px;
		position:relative;
		/* top:10%; */
		margin: auto;
		border-radius: 5px;
	}
	.login-box .login-box-title{
		font-size:25px;
		padding-bottom:25px;
	}
	.btn-login{
		width:150px;
		font-size:16px;
		font-weight:600;
		background-color:#feba12;
		padding:10px 0;
		border-radius:0;
	}
	
	.container-fluid{padding:0 15px;}
	.mb-4, .my-4 {margin-bottom: 15px !important;}
	.mt-4, .my-4 {margin-top: 15px !important;}
	/* .padding-0{padding:0;} */
	.breadcrumb{padding:10px 0;}
	.breadcrumb-item{font-size:14px;}
	
	.card-header{font-size:16px; padding: 10px 10px;}
	.card-body{padding:12px;}
	#tabs .nav-tabs .nav-link span{
		font-size: 13px;
		padding: 5px 5px;
	}
	#tabs .nav-tabs a h5{
		font-size: 13px;
		padding: 5px 5px;
	}
	.user_icon {
		width: 60px;
		position: absolute;
		top: 0;
		right: 10px;
		display: inline-block;
	}
	.top-left-box h6 {
		font-size:16px;
	}
	.packaging-button{padding: 10px 20px;}
	select{padding:0 5px; width:100%;}
	.select::after{
		width:30px;
	}
	.packaging-info-table tr td:first-child {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(2) {
		width: 10px;
	}
	.packaging-info-table tr td .multiply-sign {
		font-size: 10px;
	}
	.packaging-info-table tr td:nth-child(3) {
		width: auto;
	}
	.packaging-info-table tr td:nth-child(4) {
		width: 35%;
	}
	.packaging-info-table .delete-image {
		max-width: 20px;
		padding: 0px;
	}
	.button-style-1 {
		font-size: 14px;
		padding: 10px;
		width: 130px;
	}
	.button-style-2 {
		font-size: 14px;
		padding: 8px;
		min-width:40px;
	}
	.nutrition-box h6 {
		font-size: 14px;
	}
	.nutrition-table .delete-image {
		max-width: 20px;
		padding: 0;
	}
	.file-placeholder .file-browse .file-browse-txt{
		width:60%;
	}
	.file-placeholder .file-browse .browse{
		width:40%;
	}
	.image-preview-box {
		width: 32%;
		margin:0;
	}
	.my-btn-group{text-align:center;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.login-box{
		width: 50%;
		padding: 40px;
		position:relative;
		top:20%;
		margin-left: auto;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		-webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
		box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
	}
	.product-table thead th:first-child {
		width:90px;
	}
	.product-table thead th:nth-child(3) {
		width: 100px;
	}
	.padding-1{padding:0;}
	#tabs .nav-tabs .nav-link span{
		font-size: 12px;
		padding: 5px 6px;
	}
	#tabs .nav-tabs a h5{
		font-size: 12px;
		padding: 5px 6px;
	}
	.user_icon {
		width: 70px;
		position: absolute;
		top: 0;
		right: 20px;
	}
	.file-placeholder .file-browse .file-browse-txt{
		width:70%;
	}
	.file-placeholder .file-browse .browse{
		width:30%;
	}
	.image-preview-box {
		width: 32%;
		margin:0;
	}
	.sales-btn-group{margin:0 4px!important;}
	.manage-btn{margin:0 2px; padding: 6px 20px;}
	/* .my-btn-group{display: inline-flex; width: 100%; justify-content: space-around;} */
}

@media (min-width: 992px) and (max-width: 1200px) {
	.login-box{
		width: 40%;
		padding: 40px;
		position:relative;
		top:25%;
		margin-left: auto;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		-webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
		box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.5);
	}
	.product-table thead th:first-child {
		width: 90px;
	}
	.product-table thead th:nth-child(3) {
		width: 110px;
	}
	.padding-1{padding:0;}
	.user_icon {
		width: 90px;
		top: 10px;
		right: 20px;
	}
	#tabs .nav-tabs .nav-link span{
		font-size: 13px;
		padding: 5px 6px;
	}
	#tabs .nav-tabs a h5{
		font-size: 13px;
		padding: 5px 6px;
	}
	.button-style-1 {
		font-size: 16px;
		padding: 10px 20px;
		width: 150px;
		display: inline-block;
	}
	.image-preview-box {
		width: 32%;
		margin:0;
	}
	.sales-btn-group{margin:0 4px!important;}
	.my-btn-group{display: inline-flex; width: 100%; justify-content: space-around;}
	.manage-btn{margin:0 2px; padding: 6px 20px;}
}

@media (min-width: 1201px) {
	.sales-btn-group{width:110px !important; margin:0 5px!important;}
	.my-btn-group{display: inline-flex; width: 100%; justify-content: space-evenly;}
}