@media screen and (min-width: 768px) {
	.sidebar-collapse .sidebar-logo {width: 60px;padding: 16px 10px 11px;}
	.sidebar-collapse .sidebar-logo img.big-logo {opacity: 0;}
	.sidebar-collapse .sidebar-logo img.small-logo {opacity: 1;}
	.sidebar-collapse .header-right {margin-left: 60px;}	
	.sidebar-collapse .main-sidebar {width: 60px;}
	.sidebar-collapse .sidebar ul li a {	padding: 10px 0 4px;text-align: center;	}
	.sidebar-collapse .sidebar ul li a i {margin: 0;}
	.sidebar-collapse .sidebar ul li a span {font-size: 0;}
	.sidebar-collapse .plan-icon {padding: 0 5px;text-align: center;}
	.sidebar-collapse .plan-icon .plan-btn {width: 45px;height: 45px;	line-height: 45px;}
	.sidebar-collapse .plan-icon img {width: 25px;}
	.sidebar-collapse .content-wrapper {margin-left: 60px;}
	.sidebar-collapse .footer {margin-left: 60px;}
}

@media screen and (max-width: 1199px) {
	h3 {font-size: 20px;	line-height: 28px;}
	h2 {font-size: 25px;	}
	.dash-bx h1 {font-size: 40px;line-height: 45px;}
	.page-plan .row {margin: 0 -15px;}
	.page-plan [class*="col-"] {padding: 0 15px;	}
	.plan-title {min-height: 140px;}
	.plan-title h2 {	font-size: 18px;line-height: 23px;}
	.plan-price {width: 150px;height: 150px;	padding: 47px 10px 30px;top: 60px;}
	.plan-price h1 {font-size: 35px;	line-height: 40px;}
	.plan-price h1 sup {font-size: 17px;	top: -15px;	}
	.plan-detail {padding: 80px 0 30px;}
	.plan-detail ul li {padding: 10px 15px;	}
}
@media screen and (max-width: 991px) {
	div.dataTables_wrapper div.dataTables_filter input {	width: 130px;}
	div.dataTables_wrapper div.dataTables_paginate {display: block;width: 100%;}
	.paginate_button, .paginate_ellipsis {margin-left: 5px;}
	.plan-bx {margin: 0 0 30px;}
	.page-plan [class*="col-"]:last-child .plan-bx {margin: 0;}
}
@media screen and (max-width: 767px) {
	.header {position: fixed;top: 0;	left: 0;right: 0;z-index: 1;}
	.sidebar-logo {position: static;	width: 178px;padding: 12px 15px 10px 7px;height: 55px;background: #195279;}
	.sidebar-logo img.big-logo {width: 148px;}
	.header-right {position: static;	background: #195279;margin-left: 178px;	height: 55px;}
	.menu-icon {	float: right;padding: 0 15px;height: 55px;min-height: inherit;line-height: 55px;}
	.menu-icon a {color: #fff;}
	.sidebar ul {margin:0;}
	.sidebar ul li a {line-height: 20px; padding: 7px 15px;}
	.head-r {padding: 0;	}
	.head-r .nav-link {color: #fff;height: 55px;	line-height: 55px;}
	.head-r .nav-link:hover, .head-r .nav-link:active, .head-r .nav-link:focus, .head-r .nav-link:active:focus {background: #ffe032;color: #195279;}
	.sub-title {	position: absolute;	left: 0;right: 0;top: 55px;background: #fff;padding: 10px 15px;}
	.main-sidebar {transform: translateX(-100%);	padding: 0 0 90px;}
	.sidebar-collapse .main-sidebar {transform: translateX(0%); width: 240px; margin-top:55px;}
	.plan-icon {	bottom: 20px;}
	.plan-icon .plan-btn {width: 45px;height: 45px;line-height: 45px;}
	.plan-icon img {width: 25px;}
	.content-wrapper {margin-left: 0;padding:75px 15px 20px;}
	h2 {	font-size: 22px;line-height: 28px;}
	.sub-title h2 {overflow: hidden;text-overflow: ellipsis;	width: 100%;white-space: nowrap;}
	.dash-bx h1 {font-size: 35px;line-height: 40px;}
	.table-bx {	padding: 20px;}
	div.dataTables_wrapper div.dataTables_length {	float: none;width: auto;}	
	div.dataTables_wrapper div.dataTables_info {float: none;}
	.paginate_button {padding: 5px 10px;}
	.dataTables_paginate span .paginate_button {padding: 5px 10px;}
	.footer {margin-left: 0;	}
	.page-bx {padding: 20px;}
	.plan-title {min-height: 120px;}
	.plan-title h2 {font-size: 16px;	line-height: 22px;}
	.plan-price {width: 120px;height: 120px;	padding: 37px 10px 30px;top: 50px;}
	.plan-price h1 {font-size: 30px;	line-height: 35px;}
	.plan-price h1 sup {font-size: 15px;	top: -15px;}
	.plan-detail {padding: 60px 0 20px;}
	.plan-detail ul li {padding: 8px 15px;}
	.plan-order .btn {height: 50px;line-height: 33px;}
}