@media only screen and (max-width: 1680px){
	html{font-size: 90%}
}
@media only screen and (max-width: 1480px){
	html{font-size: 80%}
	.btn.btn-secondary, .btn.btn-primary {padding: .6rem 2rem;}
    .restro-list .table tr th {
        font-size: 11px;
    }

    .btn-colors{ width: 30px; text-align:center}
    .btn-colors img{
        width: 25px !important

    }
}

@media only screen and (max-width: 991px){
	.main-sidebar{left: -100%;padding: 0 1rem 1rem}
	.sidebar-mini .content-wrapper{padding-left: 0;}
	.menu-clicked .main-sidebar{left: 0}
	.content-wrapper .content {padding: 1.875rem;}
	.main-header {padding: 1rem 1rem;}
	table{min-width: 500px}
	.footer{padding-left: 0;}
	.footer .footer-inner{padding: 1rem}
	.content-wrapper .content-cover{padding: 0 1rem}
}
@media only screen and (max-width: 767px){
	.main-header .dropdown .details{display: none;}
	.main-header .menu-icon{order: 3;margin-left: .8rem}
	.user-body .logo img {width: 13.484rem;}
	.user-body {padding: 2.125rem 1.4rem;}
	.main-header .logo-sec {min-width: 1px;width: auto;max-width: none;flex: 1 1 auto;margin: 0;}
	/* .content-wrapper .content{display: block;} */
	.main-sidebar ul>li>a {padding: 0.938rem 1rem;}
}