@media (max-width: 992px){
	.my-container{
		max-width: 449px;
	}
	h1{
		font-size:36px;
	}
	.login-form{
		width: 80%;
	}
	.login-form.login-form-2{
		width:100%;
	}
	.select-page-btn{
		margin-bottom:10px;	
	}
	.calender-head-text ul li{
		padding: 10px 10px;
		font-size: 11px;
	}
	.calender-head-text ul li:last-child{
		padding-top : 0px;
		float: right;
	}
}
@media (max-width: 767px){
	h1 {
		font-size: 30px;
	}
	h3{
		font-size:24px;
	}
	h2{
		font-size:18px;
	}
	.my-container {
		max-width: 350px;
		padding: 0 15px;
	}
	.my-container::before{
		width: 100px;
		overflow: hidden;
		left: -100px;
		top: 0;
	}
	.my-container::after{
		width: 100px;
		overflow: hidden;
		right: -100px;
		content: '';
		background: url(../images/right-back.jpg) no-repeat;
		background-position: -54px 0;
		height: 100%;
		top: 0;
	}
	.my-btn{
		padding: 6px 20px;
	}
	.mail-address h4, .mail-address h4 a{
		font-size: 18px;
	}
	.page-one-btn {
		padding: 0 10px;;
	}
	.login-form-2 {
		padding-top: 0;
	}
	.page-one-btn .my-btn {
		padding: 7px 35px;
	}
	.page-one-btn.page-one-btn-index .my-btn {
		padding: 7px 15px;
	}
}
@media (max-width: 575px){
	h1 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
	.my-container{
		max-width: 300px;
	}
	.my-container::before{
		width: 80px;
		left: -80px;
	}
	.my-container::after{
		width: 80px;
		right: -80px;
		background-position: -70px 0;
	}
	.my-btn.float-right{
		float: inherit !important;
	}
	.my-btn{
		margin-bottom: 15px;	
	}
	.mail-address.mt-5.mb-5{
		margin-bottom: 1rem !important;
		margin-top: 1rem !important;
	}
	.page-one-btn .my-btn{
		display: block;
	}
	.login-form{
		width: 95%;
		margin-top: 5px;
		margin-bottom: 25px;
	}
	.login-form .form-group {
    	margin-bottom: 20px;
		padding: 4px;
		box-shadow: 0px 0px 0px 4px #fcfcfc;
	}
	.login-form .btn.my-btn.next{
		margin-bottom: 30px;
		font-size: 16px;
	}
	.login-form .btn.my-btn{
		margin-bottom: 25px;
	}
	.select-page-btn{
		display: block;
	}
	.filtered-div{
		float: none !important;
	}
	.filtered-div .form-group{
		width: 100%;
	}
	.filter-area{
		margin-left: 0;
		margin-top: 10px;
	}
	.calender-head-text ul li {
		padding: 5px 10px;
	}
	.modal-booking .select-name label{
		font-size: 16px;
	}
	.modal-booking .select-name h5{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.select-table-heading {
		font-size: 17px;
	}
	.select-table-details .table thead th{
		font-size: 12px;
	}
	.modal-content .modal-booking p {
		font-weight: 500;
	}
}
@media (max-width: 481px){
	.my-container::before {
		width: 60px;
		left: -60px;
	}
	.my-container::after {
		width: 60px;
		right: -60px;
		background-position: -92px 0;
	}
}
@media (max-width: 420px){
	.my-container{
		max-width: 100%;
	}
	.my-container::before, .my-container::after{
		display: none;
	}
}