/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.container {
		max-width: 1170px;
	}

	.modal .modal-dialog{
	    max-width: 1140px;
	}
}

@media (max-width: 1199.98px) { 
	body {
		line-height: 20px;
		font-size: 15px;
	}
	.delux_carousel img {
	    width: 180px !important;
	}

	.member-text h3 {
	    font-size: 18px;
	}

	.member-text p {
	    font-size: 14px;
	    margin-top: 4px;
	}

	.myr-text {
	    font-size: 23px;
	}

	.myr-text span {
	    font-size: 14px;
	}

	.delux-sub-content {
	    padding-bottom: 10px;
	}

	.footer-menu li {
	    margin-right: 65px;
	}

	.calender-border {
	    padding-right: 20px;
	}

	.calender-border-two {
	    padding-left: 20px;
	}

	.continue-btn {
	    padding: 15px 20px;
	    margin-left: 20px;
	}

	.description-wrapper .card .card-body {
	    font-size: 16px;
	    line-height: 25px;
	}

	.reservation-content p {
	    font-size: 17px;
	}
	.sed-box-content h2 {
		font-size: 32px;
	}
	.modal .modal-dialog{
	    max-width: 960px;
	}

}

@media (max-width: 991.98px) {
	.review-detail-box {
	    margin-top: 30px;
	}

	.mr_space {
	    padding-right: 15px;
	}

	.ml_space {
	    padding-left: 15px;
	}

	.calender-box {
	    margin-top: 30px;
	}

	.edit-btn {
	    margin-top: 30px;
	}

	.custom-breadcumb {
	    padding: 30px 0 0 0;
	}

	.available-text {
	    font-size: 25px;
	    padding: 30px 0 20px 0;
	}
	
	.custom-nav a p {
	    font-size: 15px;
	}

	.nav-sub-text {
	    font-size: 14px;
	}

	.member-text h3 {
	    font-size: 16px;
	}

	.myr-text {
	    font-size: 18px;
	}

	.myr-text span {
	    font-size: 13px;
	}

	.select-btn {
	    margin-left: 10px;
	}

	.delux-icon {
	    font-size: 16px;
	    margin-right: 30px;
	}

	.delux_carousel .owl-dots {
	    transform: translateX(-40px);
	}

	.booking-content p br {
		display: none;
	}

	.booking-content p {
	    font-size: 15px;
	}

	.sed-box-content h2 {
	    font-size: 28px;
	    line-height: 40px;
	}

	.sed-box-content h2 br {
		display: none;
	}

	.sed-box {
		overflow: hidden;
	}

	.join-img {
	    right: -100px;
	}

	.footer-menu li {
	    margin-right: 35px;
	}

	.social-icon a {
	    margin-left: 30px;
	}

	.calender-box-two {
		justify-content: center;
	}

	.justify-custon-room {
	    justify-content: center !important;
	    margin-top: 30px;
	}

	.continue-btn {
    	padding: 12px 20px;
	}

	.review-wrapper .head-text {
	    padding: 30px 0 40px 0;
	    font-size: 30px;
	}

	.description-wrapper .card-header button {
	    font-size: 25px;
	}

	.reservation-wrapper {
	    margin-bottom: 60px;
	}
	.modal .modal-dialog{
	    max-width: 740px;
	}
	.modal_content .img_wrapper {
		padding: 20px;
	}
	.popup_close {
		right: 20px;
		top: 20px;
	}
	.modal_content .form_wrapper {
		padding: 85px 40px;
	}
	.calender-box-wrapper.v2 .container{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}	
	.calender-box-wrapper.v2{
		background-color: #F5F8F9;
	}
	.calender-box-wrapper.v2 .calender-box {
		border-radius: 0;
		padding: 0;
		height: auto;
		margin-top: 0;
	}
	.calender-box-wrapper.v2 {
		background-color: #F5F8F9;
		padding: 20px 0;
	}
	.edit-btn {
		width: auto;
		height: auto;
		padding: 12px 35px;
		margin-top: 0;
	}
	.bread-cumb-wrapper {
		margin-bottom: 30px;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	.top-custom-justify {
		justify-content: center !important;
	}

	.top-box a {
	    margin: 0 20px;
	}

	.mobile-icon {
	    margin-left: 0;
	}

	.available-text {
	    font-size: 21px;
    	padding: 30px 0 10px 0;
	}

	.delux-icon {
	    font-size: 13px;
	    margin-right: 15px;
	}

	.delux-head {
	    font-size: 20px;
	}

	.delux-sub-content {
	    margin-left: 0;
	}

	.delux_carousel {
		margin-bottom: 30px;
	}

	.delux_carousel .owl-dots {
	    transform: translateX(-50px);
	}

	.booking-content h3 {
	    font-size: 15px;
	}

	.booking-wrapper .delux-head {
		text-align: center;
	}

	.booking-content {
	    text-align: center;
	}

	.section_padd {
	    padding: 50px 0;
	}

	.join-img {
		display: none;
	}

	.sed-box-content {
		text-align: center;
	}

	.sed-box-content h2 {
	    font-size: 25px;
	}

	.footer-menu li {
	    margin-right: 15px;
	    font-size: 14px;
	}

	.social-icon a {
	    margin-left: 20px;
	}

	.social-icon a img {
	    width: 20px;
	}

	.copyright-text {
	    font-size: 13px;
	}

	.footer-last li a {
	    margin-left: 10px;
	    font-size: 12px;
	}

	.calender-box-two img {
	    margin-right: 10px;
	}

	.calender-border {
	    padding-right: 10px;
	}

	.calender-border-two {
	    padding-left: 10px;
	}

	.calender-box-two h4 {
	    font-size: 15px;
	}

	.review-wrapper .head-text {
	    font-size: 22px;
	}

	.twid-btn {
	    padding: 15px 30px 15px 15px;
	    font-size: 16px;
	}

	.additional-text {
	    font-size: 16px;
	}

	.room-head-text {
	    font-size: 17px;
	}

	.description-wrapper .card-header button {
	    font-size: 22px;
	}

	.price-text {
	    font-size: 16px;
	}

	.reservation-content h2 {
	    font-size: 25px;
	}

	.reservation-content p {
		font-size: 16px;
	}

	.read-checkbox label {
	    font-size: 14px;
	}

	.reservation-btn {
	    padding: 15px 35px;
	    font-size: 14px;
	}
	.modal .modal-dialog{
	    max-width: 540px;
	}
	.modal_content{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.modal_content .form_wrapper {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.modal_content .img_wrapper {
		max-width: 100%;
		flex: 0 0 100%;
		border-radius: 0;
		padding: 40px;
	}
	
	.header-content h2 {
	    font-size: 25px;
	}

	.delux_carousel img {
		width: 100% !important;
	}
	.bread-cumb-wrapper{
		margin-bottom: 30px;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	header {
	    padding: 15px 0;
	}
	.header-content {
	    margin-left: 10px;
	}
	.top-header-wrapper {
		padding: 10px 0;
	}
	.top-box a {
	    margin: 0px 10px 0 0;
	}
	.top-box a:last-child{
		margin-right: 0;
	}
	.top-box a span{
		display: none;
	}
	.top-box a img {
		margin-right: 0px;
	}

	.header-content h2 {
	    font-size: 16px;
	}

	.header-content a {
		font-size: 11px;
		line-height: 15px;
		display: flex;
		align-items: flex-start;
	}

	.edit-center {
		text-align: center;
	}

	.available-text {
	    font-size: 20px;
	    line-height: 30px;
	}

	.room-text {
	    font-size: 15px;
	}

	.custom-nav a {
		margin-left: 0;
		margin-right: 10px;
		width: 48%;
	}
	.custom-nav a:last-child{
		margin-right: 0px;
	}
	.custom-nav .nav {
	    flex-wrap: wrap !important;
	    justify-content: space-between;
	}

	.custom-nav a p {
		font-size: 14px;
		padding: 10px 14px;
	}

	.delux-icon {
	    font-size: 12px;
	    margin-right: 13px;
	}

	.delux-icon img {
		width: 12px;
		margin-right: 5px;
	}

	.delux-sub-content {
		display: block !important;
	}	

	.delux-sub-content .d-flex{
		justify-content: space-between;
	}

	.select-btn {
	    margin-left: 60px;
	}

	.delux_carousel .owl-dots {
	    transform: translateX(-35px);
	}

	.sed-box {
	    padding: 40px 30px;
	}

	.sed-box-content h2 {
	    font-size: 20px;
	    line-height: 30px;
	}

	.footer-menu {
	    text-align: center;
	}

	.social-icon {
	    text-align: center;
	    margin-top: 10px;
	}

	.footer-first-item {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

	.copyright-text, .footer-last {
		text-align: center !important;
	}

	.footer-last-item {
	    padding-top: 30px;
	    padding-bottom: 30px;
	} 

	.review-detail-box h2 br {
		display: none;
	}

	.review-detail-box h2 {
	    font-size: 22px;
	    line-height: 28px;
	}

	.see-all {
	    font-size: 12px;
	    padding: 7px 15px;
	    right: 10px;
	    bottom: 15px;
	}

	.calender-box-two {
		align-items: self-start !important;
		justify-content: space-between;
	}

	.calender-border-two {
	    padding-left: 0;
	    padding-top: 0px;
	    flex-shrink: 0;
	}

	.calender-box-two h4 p{
		display: none !important;
	}

	.calender-border {
		border-right: 0;
	}

	.continue-btn {
	    padding: 12px 20px;
	    font-size: 13px;
	    margin-left: 5px;
	}

	.room-held-text {
	    font-size: 13px;
	}

	.justify-custon-room {
	    justify-content: flex-start !important;
	}

	.justify-custon-room.v2{
		margin-top: 0;
		justify-content: space-between !important;
	}

	.entertainment-box {
		margin-top: 30px;
	}

	.custom-bed-option {
	    flex-direction: column;
	    align-items: start !important;
	}

	.custom-flex {
	    display: inline-flex;
	    margin-top: 30px;
	}

	.twid-btn {
	    padding: 13px 20px 13px 15px;
	    font-size: 14px;
	}

	.description-wrapper .card-header button {
	    font-size: 20px;
	}

	.description-wrapper .card .card-body {
	    font-size: 14px;
	    padding-top: 20px;
	}

	.additional-text {
	    font-size: 14px;
	}

	.reservatio-wrap {
	    padding: 30px 20px;
	}

	.reservation-content h2 {
	    font-size: 20px;
	}

	.reservation-content p {
	    font-size: 14px;
	}

	.learn-more-btn {
	    font-size: 14px;
	    margin-top: 20px;
	}

	.price-text {
	    font-size: 14px;
	}

	.room-head-text {
	    margin-top: 30px;
	}
	.delux_carousel img {
		width: 100% !important;
	}
	.delux-second-content {
		padding: 20px 20px 20px 20px;
	}
	.delux-first-content {
		padding: 20px 20px 25px 20px;
	}
	.booking-content h3 {
		margin-top: 45px;
	}
	.social-icon a:first-child{
		margin-left: 0;
	}
	.custom-breadcumb li a,
	.custom-breadcumb li {
		font-size: 11px;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: .2rem;
	}
	.breadcrumb-item + .breadcrumb-item::before {
		padding-right: .2rem;
	}
	.cancellation-sub-box p {
		font-size: 15px;
		line-height: 22px;
	}
	.form-head {
		font-size: 24px;
	}
	.room-head {
		font-size: 17px;
	}
	.review-detail-box {
		padding: 25px 20px 30px 20px;
	}
	.modal .modal-dialog {
		max-width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
	}
	.modal_content .form_wrapper {
		padding: 30px 25px;
	}
	.modal_form {
		max-width: 100%;
	}
	.modal_content .img_wrapper {
		padding: 70px 20px 25px;
	}
	.remember_box {
		padding: 18px 20px 25px;
	}
	.remember_box .btn_wrap a {
		padding: 10px 15px;
	}
	.remember_box h5 {
		font-size: 20px;
		line-height: 25px;
	}
	.remember_box{
		max-width: 100%;
		width: 100%;
	}
	.book-btn {
		padding: 11px 45px;
		margin-top: 30px;
	}
	.calender_icon{
		display: none;
	}
	.stay-box {
		padding: 20px 15px;
		border-radius: 0px;
	}
	.delux-box {
		margin-top: 30px;
	}
	.stay-date-wrapper .container{
		padding-left: 0;
		padding-right: 0;
	}
	.sticky.fixed .stay-box {
		padding: 0px 15px;
	}
}