@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;
		}
	}

	@media only screen and (max-width: 991px) {
		.main-sidebar {
			left: -100%
		}

		.sidebar-mini .content-wrapper {
			padding-left: 0;
		}

		.menu-clicked .main-sidebar {
			left: 0
		}

		.content-wrapper .content {
			padding: 2.188rem 1rem;
		}

		.main-header {
			padding: 1rem 1rem;
		}
		table.ui-datepicker-calendar {
			min-width: 100%
		}
		table {
			min-width: 500px
		}

		.footer {
			padding-left: 0;
		}

			.footer .footer-inner {
				padding: 1rem
			}
	}

	@media only screen and (max-width: 767px) {
		.main-header .dropdown .details {
			display: none;
		}

		.main-header .menu-icon {
			order: 3;
			margin-left: .8rem
		}

		.main-header .logo-sec img, .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;
		}

}
@media only screen and (max-width: 767px){
	.main-header .dropdown .details{display: none;}
	.main-header .menu-icon{order: 3;margin-left: .8rem}
	.main-header .logo-sec img, .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;}
	.secndPage .btnBuilding {
		font-size:13px
	}


}

	@media only screen and (max-width: 767px) {
		.iconBuilding img {
			max-width: 60px;
		}
		.secndPage .btnBuilding {
			font-size: 12px
		}

		.btnBuilding {
			padding: 14px 11px;
			font-size: 1.3rem;
			margin-left: 48px;
		}

		.learnMoreBlog i img {
			max-width: 80px;
		}


		.secndPage .btnNormal.btn-danger {
			background: #c26b99;
			border: none;
			color: #220c42;
			padding: 10px 8px !important;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700 !important;
			border: none;
			border-radius: 16px !important;
			min-width:88px;
		}

		.secndPage .btnNormal.btn-primary {
			background: #e9bfa8;
			color: #220c42;
			padding: 10px 8px !important;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700 !important;
			border: none;
			border-radius: 16px !important;
			min-width: 90px;
		}

		.secndPage .btnNormal.btn-secondary {
			background: #220c42;
			color: #fff;
			padding: 10px 8px !important;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700 !important;
			border: none;
			border-radius: 16px !important;
			min-width: 90px;
		}

		.openBuildingBtn {
			text-align: center;
		}

		.secndPage::before {
			bottom: -135px;
		}
	}

@media only screen and (max-width: 372px) 
{
	.secndPage .btnBuilding {
		font-size: 11px
	}

	.secndPage .btnNormal.btn-primary, .secndPage .btnNormal.btn-danger, .secndPage .btnNormal.btn-secondary {
		padding: 10px 5px !important;
		font-size: 11px !important;
		min-width: 70px !important;
	}
}