/*============= Media Query max-width 992px ================*/
@media(max-width: 992px){
	
}

/*============= Media Query max-width 768px ================*/
@media(max-width: 768px){
	aside{
		position: absolute;
		top: 0;
		left: -100%;
		z-index: 999;
		/* background: #fff; */
	}
	aside.left0{
		transition: all .4s linear;
		left: 0;
	}
	aside.active + section.main-dashboard{
		width: 100%;
	}
	aside .closeicon{
		display: block;
		color: #fff;
		position: absolute;
		top: 0;
		right: 0;
		line-height: 1;
		background: var(--primary);
		color: #fff;
		padding: 10px;
		border-radius: 0 3px 3px 0;
		transition: .3s linear;
	}
	aside.left0 .closeicon{
		right: -30px;
	}
	section.main-dashboard{
		width: 100%;
	}
	section.main-dashboard .main-section .dashboard-content .product-label{
        width: 100%;
    }

    .wrapper{background-size: 100%;display: flex;align-items: center;justify-content: center;}
	.wrapper .wrapper-right{
    width: 70%;
    margin: auto;
    background: #fff;
    height: auto;
    border-radius: 10px;
    padding: 20px 10px;
    backdrop-filter: blur(5px);
}
	.wrapper .wrapper-right .logo{}
	.wrapper .wrapper-right .logo img{}
	.wrapper .wrapper-right .admin-form{}
	.wrapper .wrapper-right .admin-form form{}
	.wrapper .wrapper-right .admin-form form small{}
	.wrapper .wrapper-right .admin-form form .input-group{}
	.wrapper .wrapper-right .admin-form form .input-group span{}
	.wrapper .wrapper-right .admin-form form .input-group input{}
	.wrapper .wrapper-right .admin-form form .input-group input:focus{}
	.wrapper .wrapper-right .admin-form form input[type='submit']{}


	.panel-content{width: 100%;}
	.panel-header-left .bi-list{
		display: block;
		font-size: 22px;
		color: #fff;
	}
	.page-title .title h3{font-size: 15px;}
	.admission-form form .formhead h3{font-size: 20px;}
	.admission-form form .formhead p{font-size: 12px;}
	.admission-form form .formhead{padding-right: 30px;}
	.admission-form form .formhead img{width: 60px; right: 10px;}
	.panel-inner-content{padding: 10px 0;}
	.admission-form form .formbody{padding: 15px 20px;}
	.admission-form form .formbody .fields{margin: 0 0 10px;}
	.admission-form form .fields label{padding: 0;}
	.panel-header-right{flex: 1; justify-content: space-between; padding-left: 10px;}
	.panel-header-right .logout{padding: 5px; font-size: 12px;}
	.showenquirywise form{flex-wrap: wrap; gap: 10px;}
	.showenquirywise form .fields{flex: 0 0 auto; width: 48%;}
	.showenquirywise form .fields input{width: 100%;}
	.showenquirywise form .fields-btn{flex: 0 0 auto; width: 100%;}
	.showenquirywise form .fields-btn button{width: 100%;}
	.showenquirywise ul{margin:0 0 10px;}
	.page-content{padding: 15px;}
	table thead tr th,
	table tbody tr td{white-space: nowrap;}
	.inner-wrapper{width: 100%;}
	.viewbilling-userinfo{margin: 0 0 20px;}

}

/*============= Media Query max-width 576px ================*/
@media(max-width: 576px){
    .discount-form form div.mb-3,
    .featuredproduct-form form div.mb-3,
    .banner-form form div.mb-3{
        width: 100%;
    }
    .featuredproduct-form form div.mb-3{
        width:100%;
    }
    .wrapper{background-size: cover;}
	.wrapper .wrapper-right{
    width: 80%;
}
	.wrapper .wrapper-right .logo{}
	.wrapper .wrapper-right .logo img{}
	.wrapper .wrapper-right .admin-form{
    width: 80%;
}
	.wrapper .wrapper-right .admin-form form{}
	.wrapper .wrapper-right .admin-form form small{}
	.wrapper .wrapper-right .admin-form form .input-group{}
	.wrapper .wrapper-right .admin-form form .input-group span{}
	.wrapper .wrapper-right .admin-form form .input-group input{}
	.wrapper .wrapper-right .admin-form form .input-group input:focus{}
	.wrapper .wrapper-right .admin-form form input[type='submit']{}
    .dashboard-head .dashboard-link{margin: 0 0 15px;}
    .dashboard-head{margin: 0;}
    .page-content{margin: 0 0 20px;}
    .followup-status-body .bodyrow .bodyrow-head span:nth-child(2){font-size: 12px; top: -26px;}
    .followup-status-body .bodyrow{padding: 15px 15px 10px;} 
    .showenquirywise .headright ul{flex-wrap: wrap; justify-content: start;}

}

/*============= Media Query max-width 360px ================*/
@media(max-width: 360px){
    section.main-dashboard .main-dashboard-section{padding:0;}
    form input[type='submit']{width: 100%;}
    .wrapper{}
	.wrapper .wrapper-right{width: 95%;}
	.wrapper .wrapper-right .logo{text-align: center;}
	.wrapper .wrapper-right .logo img{width: 50%;margin: auto;}
	.wrapper .wrapper-right .admin-form{width: 90%;}
	.wrapper .wrapper-right .admin-form form{}
	.wrapper .wrapper-right .admin-form form small{}
	.wrapper .wrapper-right .admin-form form .input-group{}
	.wrapper .wrapper-right .admin-form form .input-group span{}
	.wrapper .wrapper-right .admin-form form .input-group input{}
	.wrapper .wrapper-right .admin-form form .input-group input:focus{}
	.wrapper .wrapper-right .admin-form form input[type='submit']{}
}