
@media(max-width: 1600px){
.product-listing-sec td {

    padding: 6px;

}
	.admin-panel-wrapper .left-vertical-menu-sec .left-vertical-menu {
		min-width: 215px;
	}
		.admin-panel-right-sec {
		width: calc(100% - 252px);
		margin-left: 266px;
		transition: all 0.3s linear;
	}

	.table-page-pagination.text-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	ul.pagination.pg-teal {
		margin-bottom: 0;
		margin-left: 10px;
	}
	.table-page-pagination .form-control {
		width: 67px;
		height: 38px;
		margin: 0px;
	}



		.left-vertical-menu-sec li {
			margin-bottom: 0;
		}

	
	.left-vertical-menu-sec .left-vertical-menu {
		color: #1B1918;
		font-size: 14px !important;
	}

	.admin-panel-left-sec {
		max-width: 240px;
	}

	.form-heading h4 {
		font-size: 30px;
	}
	.login-form .form-control {
		min-height: 70px;
		background-color: #F7F7F7 !important;
		font-size: 22px !important;
		border: 1px solid #bdbdbd;
		color: #000000;
		border-radius: 10px;
		min-height: 56px !important;
	}
	.login-form .form-label {
		font-size: 18px;
	}
	}
@media(max-width: 1460px) {

	.modal-body {
		padding: 0 8px 80px 8px !important;
	}
.login-form .form-control {
	min-height: 60px;
	font-size:20px;
}

.form-heading h4 {
	font-size: 28px;
}



	header .navbar{
		padding: 0px;
	}
	header form input.form-control{
		min-height: 45px;
		font-size: 16px;
	}
	.top-heading{
		font-size: 20px;
	}
	header .navbar-nav .nav-link{
		padding: 5px 8px!important;
	}
	header .fa-bell, header .fa-user {
	    font-size: 20px;
	}
	header .navbar-nav .nav-item .badge {
	    width: 15px;
	    height: 15px;
	    font-size: 12px;
	    line-height: 12px;
	    top: -5px;
	    right: -5px;
	}
	header {
	    background-color: #FFFFFF;
	    padding: 8px 0;
	}
	.heading h4, .product-filter-sec .product-filter-head h4{
		font-size: 20px;
	}
	.breadcrumb-sec ul li a, .breadcrumb-sec ul li{
		font-size: 16px;
	}
	
	.product-listing-sec td {
	    font-size: 14px;
	}


.table-wrapper {
	height: calc(100vh - 60px);
	z-index: 9;
}
    .form-wrapper-div{
    	padding: 15px;
    }
    .form-wrapper-div .save-form-sec{
    	padding: 15px;
    	margin: 0px;
    }
    .form-wrapper-div form {
	    margin-top: 15px;
	}
	.form-wrapper-div .form-group {
	    margin-bottom: 20px;
	}
	.form-wrapper-div form label {
	    font-size: 16px;
	}
	.form-wrapper-div .form-control {
	    min-height: 50px;
	}
	.modal-prdt-list-wrapper .prdt-list-sec .prdt-content h4 {
	    font-size: 16px;
	}
	.modal-prdt-list-wrapper .prdt-list-sec .prdt-content p{
		font-size: 14px;
	}
	.modal-prdt-list-wrapper .prdt-list-sec .prdt-img {
	    width: 100px;
	    height: 55px;
	}
	.modal-prdt-list-wrapper .prdt-content .progress {
	    height: 3px;
	    margin: 5px 0;
	}
	
	.view-table-head .modal-title{
		font-size: 20px;
	}

	.admin-panel-left-sec {
		max-width: 232px;
	}
	.admin-panel-wrapper .left-vertical-menu-sec .left-vertical-menu {
		min-width: 210px;
	}

	.admin-panel-wrapper .left-vertical-menu-sec li.parent-div-dropdown ul {
		margin-top: 5px;
	}
	.modal-body {
		max-height: 472px;
	}
	}



@media(max-width: 1300px) {
	.admin-panel-wrapper .admin-panel-left-sec{
	max-width: 220px;
}

	


	.navbar-brand.logo .login-logo {
		max-width: 115px;
	}

	.admin-panel-wrapper .left-vertical-menu-sec .left-vertical-menu {
		text-align: left;
		min-width: 201px;
	}

	.admin-panel-wrapper .admin-panel-left-sec {
		padding: 20px 14px;
	}

	.admin-panel-right-sec {
		width: calc(100% - 252px);
		margin-left: 252px;
	}
	}


@media(max-width: 1200px){

	.login-img {
		display: none;
	}

	.login-form .form-heading h4 {
		font-size: 22px;
	}

	.login-form .form-heading p {
		font-size: 16px;
		margin: 3px 0;
	}

	.login-form .theme-btn {
		width: 300px;
		font-size: 20px;
	}

		.product-listing-sec th {
    font-size: 10px;
    padding: 8px;
    line-height: 12px;
}

.table-wrapper td img {
    width: auto;
    height: 60px;
    text-align: center;
}
input#flexCheckDefault {
    padding: 7px;
}

.cmn-btn {
    padding: 3px 4px;
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 4px;
    transition: all 0.3s linear;
    margin-bottom: 5px;
}

.product-listing-sec td {
    font-size: 10px;
    padding: 4px;
}


.product-listing-sec .theme-btn {
    padding: 10px 10px

}

.product-filter-sec .product-filter {
    display: block;}




.form-select {
    font-size: 14px;}



.form-control { font-size: 14px;}

.theme-btn {
    font-size: 14px;}

}

@media(max-width: 1025px){

 table {
        border: 0 !important;
    }
    table caption {
        font-size: 1.3em;
    }
   table thead {
        display:none;
    }

     table tr {
        border: 1px solid #ddd;
        display: block;
        margin-bottom: 30px;
    }

	td {
		display: block;
		position: relative;
		padding-left: 0; /* optional, if you want the content flush left */
	}

		td::before {
			content: attr(data-label);
			display: block;
			text-transform: uppercase;
			font-weight: 600;
			margin-bottom: 5px; /* space between label and content */
		}
 
 table td:first-child {
        border-top: 0;
    }
 table td:last-child {
        border-bottom: 0;
    }

    

.product-listing-sec td {
    font-size: 14px;
    padding: 4px 10px;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 10px;
}

.table-wrapper td {
    max-width: 100%;
}






     }


@media(max-width: 991px){


	.left-vertical-menu-sec .left-vertical-menu {
		color: #1B1918;
		font-size: 16px !important;
		text-decoration:none;
	}


	.left-vertical-menu.left-menu-sec.dropdown-menu-sec ul {
		margin-left: 0;
		padding-left: 0;
		padding-top: 12px;
	}

	.left-vertical-menu-sec li {
		margin-bottom: 10px;
		background-color: #fff;
		padding: 10px 20px;
	}

	.admin-panel-left-sec.mobile-menu {
		display: none;
	}

.left-vertical-menu-sec li.parent-div-dropdown ul {
		margin-top: 12px;
		padding-left:0;
	}

	.left-vertical-menu-sec li.parent-div-dropdown ul li {
		padding-left: 0;
		border-bottom: 1px solid #cfcfcf;
	}


	header .left-vertical-menu.left-menu-sec.dropdown-menu-sec.active .fa-chevron-down {
		transform: translateY(-20%) rotate(180deg);
	}


		header {
		display: block;
		background-color: #F7F7F7;
	}

	.outer-header {
		display: flex;
		justify-content: space-between;
		background-color: #ECF3D7;
		width: 100%;
		position: fixed;
		margin: auto;
		top: 0;
		padding: 4px 30px;
		left: 0;
	}

	.navbar-collapse, .wrapper {
		margin-top: 48px;
	}


	header  .container-fluid {
		display: block;
	}

	header form {
		margin-left: 0px;
		width: 300px;
	}
	.top-heading{
		display: none;
	}
	header .navbar-nav .nav-link {
	    padding: 5px 8px!important;
	    width: fit-content;
	    margin-left: 0px;
	}
	header .navbar-nav .nav-item {
	    position: relative;
	    width: fit-content;
	    margin-top: 15px;
	}
	.product-filter-sec .product-filter-right select {
	    min-width: 85px;
	    font-size: 14px;
	}
	.product-filter-sec .product-filter-right label {
	    min-width: fit-content;
	    margin-right: 5px;
	    font-size: 14px;
	}
	.heading h4, .product-filter-sec .product-filter-head h4 {
	    font-size: 16px;
	}
	.product-filter-sec .product-filter-right .form-select.me-4{
		margin-right: 10px !important;
	}

	.click-show {
		margin-left: 10px;
		margin-right: 20px;
	}


 .left-vertical-menu-sec li.parent-div-dropdown .fa-chevron-down {	
		font-size: 12px;
	}

	.admin-panel-wrapper .nav-pills .nav-link {
	    font-size: 16px;
	    min-width: 160px;
	    width: 160px;
	    padding: 10px 10px;
	    margin: 3px 0;
	}
	.side-arrow-sec {
	    right: 15px;
	    top: 10px;
	    font-size: 20px;
	}
	.admin-panel-wrapper .nav-pills .nav-link.custom-width {
	    min-width: 35px;
	    width: 35px;
	}
	.admin-panel-right-sec {
		width: 100%;
		margin: 0px;
	}

	

	.form-wrapper-div .form-head{
		font-size: 16px;
	}
	.form-wrapper-div form label {
	    font-size: 14px;
	}
	.form-wrapper-div .form-control {
	    min-height: 40px;
	    font-size: 14px;
	}
	.table-wrapper::-webkit-scrollbar {
	    width: 4px;
	    height: 4px;
	}
	.form-wrapper-div .form-btns .red-btn, .form-wrapper-div .form-btns .theme-btn{
		padding: 0px 25px;
		height: 40px;
	}


.filter-advance .date-input {
    display: block;
}

.search-section form {
    min-width: 235px;
    margin-right: 0;}

    .search-section form .search-btn {
    min-width: 20px;
}

.search-section form input.form-control {
    font-size: 16px;
    padding: 12px 10px;
    padding-left: 10px;
    border-radius: 3px;
}


	.container-fluid {
		padding: 0 30px !important;
	}


}


@media(max-width: 767px){
	
	.product-filter-head{
		margin-bottom: 15px;
	}
	.table-wrapper {
	    height: calc(100vh - 250px);
	}
	.admin-panel-wrapper .admin-panel-left-sec{
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.side-arrow-sec{
		top: 5px;
	}
	.form-wrapper-div form label{
		margin-bottom: 5px;
	}
	.form-wrapper-div .form-group {
	    margin-bottom: 15px;
	}
}

@media(max-width: 600px){
	.product-filter-sec .product-filter-right{
		display: block;
	}
	.product-filter-head {
	    margin-bottom: 10px;
	}


	.table-page-pagination.text-center {
		display: block;
		width: 100%;
	}

	.table-page-pagination .page-next.text-center {
		display: block;
		width: 100%;
	}

	.container-fluid {
		padding: 0 15px !important;
	}

	ul.pagination.pg-teal {
		max-width: 320px;
		overflow: scroll;
		height: auto;
	}

	.admin-panel-right-sec .business-table-sec .dis-flex {
		display: block;
	}

	.admin-panel-right-sec .business-table-sec .dis-flex ul {
		padding-left: 0;
	}

	.row-advance {
		display: block;
	}

	.filter-advance {
		margin: 18px 0;
	}


	.col-advance { margin-bottom:10px;}

	.login-page {
		padding: 0 8px;
	}

	.login-form .theme-btn {
		width: 200px;
		font-size: 20px;
	}

	.login-page.forget-password .theme-btn {
		margin-top: 2px;
	}

	}



@media(max-width: 380px) {
	.product-filter-sec {
		display: block;
	}

	.right-filter {
		margin-top: 10px;
	}
}