@media (max-width: 767px) {
	.middle-area {width: 100%;	}
	.middle-area .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}  
	.common-interface .pl-0{
		padding-left: 15px !important;
	}
	.common-interface .pr-0{
		padding-right: 15px !important;
	}
	.common-interface .msgBox .message-body {
		width: 270px;
	}
	.common-interface .middle-area{
		width:100%;
		position:relative;
		top:0;
	}
	.common-interface .middle-area .container-fluid {
		padding-right:0;
		padding-left:0;
	}
	.common-interface header .green-bg{
		display: none;
	}
	.common-interface #side-area footer {
		width: 91.5%;
	}
	.common-interface #main-area footer {
		width: 91.6%;
		min-height: 110px;
	}
	.common-interface #main-area .body-content {
		overflow-y: visible;
		height: 69.7vh;
	}
	ul.footer-img li{
		padding: 1px 4px;
	}
	.common-interface .user_info p{
		font-size: 12px;
		margin: 0;
	}
	.common-interface .user_img {
		height: 40px;
		width: 40px;
		margin-right: 5px;
	}
	.cleaning-request .btn {
		width: 76%;
	}
	ul.footer-img {
		margin: 20px auto 0;
	}
	.guest-interface-footer .fa-paper-plane {
		padding: 0!important;
		font-size: 25px !important;
		right: 15px;
	}
	.guest-interface-footer .fa-grin-alt {
		padding: 0!important;
		font-size: 25px !important;
		left: 12px;
	}
	.guest-interface-footer textarea.form-control{
		padding: 10px 12px 0!important;
	}
	.common-interface .middle-area{
		height: 100vh;
		position: relative;
		top:0;
		width:100%;
		overflow-x: hidden;
	}
	.common-interface #main-area {
		height: 100vh;
	}
	.common-interface #main-area footer {
		width: 93.6%;
		min-height: 110px;
	}
	.common-interface ul.footer-img li{
		padding: 1px 8px;
	}
	.common-interface-area #main-area header ul li {
		padding-left: 5px;
		margin:0;
	}
	#guest-interface .dropdown-item {
		width: 13rem;
	}
	p {
		font-size: 16px;
	}
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.middle-area {width: 100%;	}
	.middle-area .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
	.common-interface {
		width: 740px;
	}
	.common-interface #main-area footer {
		width: 94.7%;
	}
	.common-interface #main-area .body-content {
		height: 76.7vh;
		overflow-y: visible;
	}
	#main-area footer {
		width: 96.4%;
	}
	.common-interface #side-area header ul li {
		padding-left: 15px;
		font-size: 20px;
	}
	
}
	
@media (min-width: 992px) and (max-width: 1199.98px) {
	.cleaning-request #main-area footer {
		width: 95.3%;
	}
	.middle-area {width: 100%;	}
}
@media (min-width: 1200px) {
}