@media (max-width: 1680px) {
	.single-room-sidebar #datepicker-date-input-sel {
		left: -45px;
	}
}

@media (max-width: 1440px) {
	.auth-inner-content .auth-swiper-content {
		bottom: 140px;
	}

	.mondok-auth-wrap .mondok-auth-form.style-1 {
		padding: 0 70px;
	}

	.auth-slide .auth-slide-inner {
		left: 75%;
		transform: translate(-75%, -50%);
		-webkit-transform: translate(-75%, -50%);
		-moz-transform: translate(-75%, -50%);
		-ms-transform: translate(-75%, -50%);
		-o-transform: translate(-75%, -50%);
	}

	.auth-slide .auth-slide-inner h3 {
		font-size: 85px;
		line-height: 100px;
	}

	.theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-state-disabled:not(.ui-datepicker-other-month)::before, 
	.theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-widget-content .ui-state-disabled:not(.ui-datepicker-other-month)::before, 
	.theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-widget-header .ui-state-disabled:not(.ui-datepicker-other-month)::before {
		width: 30px;
		height: 30px;
	}

	.search-page .mondok-room-filter.room-filter-style3 {
		width: 60vw;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: -150px;
	}
}

@media (max-width: 1280px) {
	.auth-slide .auth-slide-inner {
		max-width: 40%;
	}

	.auth-slide .auth-slide-inner h3 {
		font-size: 50px;
		line-height: 70px;
	}

	.search-page .mondok-room-filter.room-filter-style3 {
		width: 85%;
	}

	#footer .nav-to-top {
		right: 15px;
	}

	.header-wrapper {
		max-width: 1170px;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: -220px;
	}
}

@media (max-width: 1440px) and (min-width: 1280px) {

	.service-inner-wrap {
	    flex-wrap: wrap;
	    justify-content: center;
	    text-align: center;
	    gap: 10px;
	}

	.service-icon-wrap,
	.inner-text-detail {
		margin-right: 0!important;
	}

	.service-block .service-list-wrap {
    	grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}

	.woocommerce .mondok-auth-form.style-1 form {
    	margin: 50px 0 0!important;
	}

	.mondok-auth-form.style-1 .site-logo-wrap img {
    	width: 200px;
	}

}

@media (max-width: 1360px) and (min-width: 1025px) {

	.main-menu li a, .main-menu li a:hover, .main-menu li a:focus, .main-menu li a:active, .main-menu li a.highlighted,
	.main-menu li .sub-menu li a:hover {
	    font-size: 15px;
	    font-size: 1.5rem;
	}

	.main-menu a, .right-head {
	    font-size: 16px;
	    font-size: 1.6rem;
	}

}

@media (min-width: 1024px) {
	.mondok-header #main-menu-state {
		display: none;
	}
	
}

@media (max-width: 1200px) and (min-width: 1025px) {

	.hero-location-wrap {
    	left: 20px!important;
	}

	.header-wrapper {
	    max-width: 100%;
	    padding: 0 20px;
	}

	.inner-header {
    	padding: 20px 20px;
	}

	.mondok-thumb-slider {
	    width: 590px;
	}

	.mondok-book-calender {
	    padding: 0 20px;
	}

	.calender-item-text h3 {
    	font-size: 20px!important;	
	}

}

@media (max-width: 1200px) {
	.main-menu li a,
	.main-menu li a:hover, 
	.main-menu li a:focus, 
	.main-menu li a:active, 
	.main-menu li a.highlighted {
		font-size: 16px;
		line-height: 16px;
	}

	.room-filter-style2 .room-filter-btn {
		padding: 0 20px 0 40px;
		font-size: 12px;
		height: 40px;
		line-height: 40px;
		background-size: 14px;
	}

	.header-style-3 .main-menu li a,
	.header-style-3 .main-menu li .sub-menu li a:hover {
		font-size: 14px;
	}

	.header-style-3 .header-wrapper {
		max-width: 90%;
	}

	.header-style-3 .main-menu>ul {
		column-gap: 20px;
	}
}

@media (max-width: 1024px) {
	.header-wrapper,
	.header-style-2 .header-wrapper {
		max-width: 100%;
		padding: 0 30px;
	}

	.mondok-header .head-item.right-head {
		display: none;
	}

	.mondok-header .head-item {
		grid-column: span 12 / span 12 !important;
	}

	.main-menu > ul {
		display: none;
		padding: 20px 0 0;
	}

	.main-menu-btn {
		position: absolute;
		z-index: 2;
		top: 33px;
		right: 65px;
		display: block;
	}

	#main-menu-state {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		border: 0;
		padding: 0;
		overflow: hidden;
		clip: rect(1px,1px,1px,1px);
		visibility: hidden;
	}

	.main-menu-btn-icon, 
	.main-menu-btn-icon:before, 
	.main-menu-btn-icon:after {
		position: absolute;
		top: 50%;
		left: 2px;
		height: 2px;
		width: 24px;
		background: #000000;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}

	.main-menu-btn-icon:before {
		content: '';
		top: -7px;
		left: 0;
	}

	.main-menu-btn-icon:after {
		content: '';
		top: 7px;
		left: 0;
	}

	.header-style-2 .main-menu-btn-icon {
		left: 43px;
	}

	/* x icon */
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
		height: 0;
		background: transparent;
	}

	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.main-menu > ul.menu-active {
		display: block;
	}

	.header-style-2 .main-menu > ul,
	.header-style-3 .main-menu > ul {
		column-gap: 50px;
		top: 60px;
		left: -30px;
		width: calc(100% + 60px);
		background-color: #ffff;
		padding: 10px 30px 30px;
		position: absolute;
		z-index: 999;
	}

	.header-style-2.header-alternative .main-menu li a,
	.header-style-2.header-alternative .main-menu li a.has-submenu::before {
		color: #000000;
	}

	.header-style-2.header-alternative .main-menu-btn-icon, 
	.header-style-2.header-alternative .main-menu-btn-icon:before, 
	.header-style-2.header-alternative .main-menu-btn-icon:after {
		background: #ffffff;
	}

	.head-item.center-head {
		width: 100%;
	}

	.header-style-2 .head-item.center-head,
	.header-style-3 .head-item.center-head {
		height: 0;
	}

	.head-item.center-head .main-menu {
		width: 100%
	}

	.main-menu li a {
		padding: 10px 0;
	}

	.header-wrapper .sm-clean ul {
		border-radius: 0!important;
		background-color: #fff;
		padding: 0;
	}

	#content {
		padding: 150px 0 100px;
	}

	.single-post-block-wrap {
		padding: 140px 5px 120px;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.content-related-post {
		width: 50%;
		margin-bottom: 30px;
	}

	#footer {
		padding: 35px 15px;
	}

	.search-page .room-grid-wrap .room-item .room-detail-wrap, 
	.search-page .room-grid-wrap .room-item:nth-child(even) .room-detail-wrap {
		position: relative;
		min-width: auto;
		max-width: 100%;
		bottom: 0;
		right: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.room-grid-wrap .room-item img {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.room-grid-wrap .room-item {
		margin-bottom: 60px;
	}

	.woocommerce .addresses > .woocommerce-Address {
		width: 100%;
	}

	.addresses > .woocommerce-Address:first-child {
		margin-bottom: 30px;
	}

	.mondok-auth-swiper-wrap {
		display: none
	}

	.mondok-auth-wrap .mondok-auth-form.style-1 {
		grid-column: span 12 / span 12;
	}

	.mondok-auth-wrap .mondok-auth-form.style-1 {
		padding: 50px 70px;
	}

	.mondok-auth-wrap .mondok-auth-form.style-2 {
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	}

	.mondok-auth-wrap .mondok-auth-form.style-2 .auth-form-inner {
		padding: 35px 70px 35px;
	}

	.mondok-auth-wrap .mondok-auth-form.style-3 {
		width: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.auth-slide .auth-slide-inner {
		display: none;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote, 
	.single-post-style-2 .content blockquote {
		max-width: 65%;
	}

	.single-post-style-2 .post-title {
		font-size: 40px;
		line-height: 55px;
	}

	.header-style-3 .header-wrapper {
		max-width: 100%;
	}

	.single-post-style-3 .container {
		max-width: 960px;
	}

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 72%;
	}

	.header-style-3 .main-menu-btn-icon {
		left: 42px;
	}

	.header-style-3 .inner-header {
		min-height: 25px;
	}

	.header-style-3 .main-menu-btn {
		top: 35px;
	}

	.header-style-3 .logo-image {
		position: absolute;
		left: 0;
		top: 25px;
	}

	.resort-slide img,
	.resort-slide.swiper-slide-active img {
		width: 100%;
		height: 294px;
	}

	.resort-slider-control {
		margin: 10px auto 0;
	}

	.single-room-style-3 .book-container {
		max-width: 960px;
	}

	.single-room-style-3 .resort-detail {
		grid-column: span 6 / span 6;
	}

	.single-room-style-3 .calender-inner-wrap {
		padding: 45px 50px 45px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev{
		left: 10px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next {
		right: 10px;
	}

	.single-room-block.single-room-style-3 {
		padding-top: 0;
	}

	.blog-list-item {
		flex-wrap: wrap;
	}

	.blog-list-item .blog-item-img {
		width: 100%;
		min-width: 100%;
	}

	.blog-list-item .blog-item-img img {
		width: 100%;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.blog-list-item .blog-content:not(.no-thumb),
	.blog-list-item .blog-content {
		width: 100%;
		max-width: 100%;
	}

	.blog-list-item::before {
		width: 100%;
	}

	.single-room-style-2 .similiar-room-list .room-slide-card,
	.single-room-style-3 .similiar-room-list .room-card {
		grid-column: span 6 / span 6;
	}

	.header-style-3 .main-menu li a::before {
		top: 0;
	}

	.woocommerce-checkout .page-title-wrap h1 {
		font-size: 4rem;
	}

	.woocommerce-order .page-title-wrap.style-2 .text-item:first-child {
		padding-right: 0px;
	}

	.no-plug .main-menu-btn {
    	top: 40px;
	}

	.mondok-header.no-plug .inner-header {
    	display: grid;
    	gap: 0;
	}

	.main-menu li a.has-submenu::after {
		right: 0;
		position: absolute;
	}

	.main-menu li ul li a.has-submenu::after {
		right: 0;
	}

	.mondok-header.no-plug .inner-header {
		flex-wrap: wrap;
		gap: 0;
	}

	.single-room-slide img {
	    width: 100%;
	    height: 450px;
	}

	.theme-mondok .woocommerce .mondok-auth-form.style-1 form {
		margin: 30px 0 0;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: -300px;
	}

}

@media (min-width: 1023px) and (max-width: 1024px) {
	#footer .footer-wrapper  {
		max-width: 960px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {

	.check-form-wrap, .book-calender {
	    width: 100%!important;
	}

	.mondok-book-calender {
	    display: grid;
	}

	.check-form-wrap {
	    order: 10;
	    margin-bottom: 0;
	    margin-top: 30px;
	    padding-right: 0;
	}

	.calender-item-text h3 {
		font-size: 18px!important;
	}

	.column2.footer-widget-areas {
    	-ms-grid-columns: repeat(1, minmax(0, 1fr))!important;
    	grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}

	.calender-item-text h3 {
    	font-size: 20px!important;
	}

	.single-room-block .room-content-wrap {
		gap: 30px;
	}

	.single-room-block .room-content-wrap .room-detail,
	.single-room-block .room-content-wrap .book-wrap {
    	grid-column: span 12 / span 12;
	}

	.single-room-block .room-content-wrap .room-detail {
	    order: 10;
	}

}

@media (max-width: 992px) {

	.woocommerce-checkout .woocommerce .customer-details-wrap {
    	flex-wrap: wrap;
	}

	.woocommerce-checkout .woocommerce .customer-details-wrap .col-1,
	.woocommerce-checkout .woocommerce .customer-details-wrap .col-2 {
		width: 100%!important;
    	max-width: 100%!important;
	}

	.woocommerce-checkout .woocommerce .customer-details-wrap .col-1 {
		order: 10;
	}

	.woocommerce-checkout .woocommerce #payment #place_order, .woocommerce-checkout .woocommerce-page #payment #place_order {
		width: auto;
	}

}

@media (max-width: 768px) {
	#footer .nav-to-top {
		right: 20px;
	}

	.footer-widget-areas {
		padding: 100px 15px 60px;
	}

	.column2.footer-widget-areas {
		grid-template-columns: 1fr;
		grid-column-gap: 0;
	}

	.widget-footer .form-footer {
		margin-top: 45px;
	}

	.footer-bot-content {
		flex-wrap: wrap;
		text-align: center;
		row-gap: 40px;
	}

	.copyright-wrap,
	.footer-menus {
		flex: 100%;
	}

	ul.foot-menu {
		justify-content: center;
	}

	.room-content-wrap {
		column-gap: 0;
	}

	.single-post-block-wrap {
		padding: 140px 10px 120px;
		column-gap: 0;
	}

	.room-grid-wrap .room-item {
		margin-bottom: 30px;
	}

	.search-page .room-grid-wrap {
		column-gap: 0;
	}

	.content .woocommerce form .form-row-first, 
	.content .woocommerce form .form-row-last, 
	.theme-mondok.woocommerce-page form .form-row-first, 
	.theme-mondok.woocommerce-page form .form-row-last {
		width: 100%;
	}

	.content .woocommerce form .form-row {
		padding: 0;
	}

	.mondok-auth-wrap .mondok-auth-form.style-2 .auth-form-inner {
		padding: 35px 40px 35px;
	}

	.page-content .the-content.content .auth-gallery-style1 .mondok-auth-swiper1 .hero-social-list a,
	.page-content .the-content.content .auth-gallery-style2 .mondok-auth-swiper1 .hero-social-list a {
		font-size: 12px;
		margin-right: 12px;
	}

	.single-post-style-2 .post-title {
		font-size: 35px;
		line-height: 45px;
	}

	.single-post-style-2 .meta-top-inner .the-date {
		font-size: 20px;
		line-height: 55px;
	}

	.single-post-style-2 .post-category-list a {
		font-size: 20px;
		line-height: 40px;
	}

	.single-post-style-2 .related-post-list {
		column-gap: 0;
		row-gap: 30px;
	}

	.single-post-style-2 .related-post-detail {
		justify-content: flex-start;
	}

	.single-post-wrap,
	.sidebar {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.single-post-wrap {
		margin-bottom: 50px;
	}

	.single-post-style-2 .single-post-block-wrap {
		padding: 50px 10px;
	}

	.mondok-cart-content-wrapper {
		flex-wrap: wrap;
		column-gap: 0;
		row-gap: 30px;
	}

	.mondok-product-cart,
	.mondok-cart-content-wrapper .mondok-cart-side {
		width: 100% !important;
	}

	.mondok-room-filter.style-1 .room-search-wrap {
        grid-column: span 12 / span 12;
    }

    .mondok-room-filter.style-1.room-filter-wrap {
        grid-column: span 12 / span 12;
        row-gap: 30px;
    }

    .mondok-room-filter.style-1 .room-search-wrap form input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .mondok-room-filter.style-1 .filter-inner-wrap {
        justify-content: center;
    }

	.mondok-room-filter-wrap .room-filter-style3 .room-search-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 20px;
    }

    .room-filter-style3 .hero-room-search-item,
	.room-filter-style3 .hero-room-search-item:last-child {
        width: calc(100% / 4);
		padding-left: 0;
    }

	.room-filter-style3 .hero-room-search-item .filter-btn {
		border-radius: 30px;
		padding: 5px 0px;
		width: 100%;
		box-sizing: border-box;
		background-size: 15px;
	}

	.mondok-room-filter.room-filter-style3 {
		padding: 20px 24px 20px 24px;
	}

	.header-style-3 .main-menu-btn-icon {
		left: 41px;
	}

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 73%;
	}

	.single-post .single-post-style-3 .desc-author {
		width: auto;
	}

	.single-room-style-2 .single-room-swiper-wrap .main-room-swiper,
	.single-room-style-2 .single-room-swiper-wrap .single-thumb-gallery {
		grid-column: span 12 / span 12;
	}

	.single-room-style-2 .single-room-swiper {
		padding-bottom: 0;
	}

	.single-room-block.single-room-style-2 {
		padding-top: 50px;
	}

	.single-room-style-2 .single-room-swiper-wrap {
		max-height: 100%;
		padding: 0 0 50px;
	}

	.room-content-wrap .room-detail {
		order: 10;
	}

	.single-room-block .room-content-wrap {
		row-gap: 30px;
	}

	.single-room-style-3 .room-detail,
	.single-room-style-3 .book-wrap {
		grid-column: span 12 / span 12;
	}

	.single-room-style-3 .book-container {
		padding: 0 30px;
	}

	.single-room-style-2 .single-room-swiper-wrap .single-room-swiper .single-room-slide img {
		height: 550px;
	}

	.blog-loop-inner-wrap {
		column-gap: 0;
		row-gap: 30px;
	}

	.pagination-num .row {
		justify-content: center;
	}

	.column2.footer-widget-areas,
	.column3.footer-widget-areas,
	.column4.footer-widget-areas {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		column-gap: 0;
	}

	.search-page .room-grid-wrap.style-2 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.search-page .room-grid-wrap.style-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}

	.room-search-style-2 .hero-banner-text h3 {
		top: -60px;
		font-size: 80px;
		line-height: 100px;
		left: 40px;
	}

	.mondok-received-info {
		flex-wrap: wrap;
	}

	.woocommerce-order .mondok-received-info > div {
		width: 100%;
		padding: 0;
	}

	.mondok-received-info > .mondok-received-left {
		border: 0;
		padding-bottom: 50px;
	}

	.woocommerce-order .page-title-wrap.style-2 .text-item:first-child {
		order: 10;
	}

	.mondok-order-received-wrap .mondok-received-info.style-2 {
		column-gap: 0;
		row-gap: 30px;
	}

	.theme-mondok.woocommerce-checkout .page-title-wrap.style-2 {
		row-gap: 30px;
		margin-bottom: 30px;
	}

	.mondok-order-received-wrap .mondok-received-info.style-2 .mondok-received-left {
		width: 100%;
	}

	.mondok-order-received-wrap .mondok-received-info.style-2 .mondok-received-right {
		width: 100%;
		padding: 40px 20px 40px;
	}

	.woocommerce-order .page-title-wrap.style-2 h3 {
		font-size: 45px;
		line-height: 55px;
	}

	.footer-style-3 .footer-bot-content .copyright-wrap,
	.footer-style-3 .footer-bot-content .footer-bot-right {
		grid-column: span 12 / span 12;
	}

	.footer-style-3 .footer-bot-content .copyright-wrap {
		order: 10;
	}

	#footer.footer-style-3 .footer-social ul {
		justify-content: center;
	}

	.main-wrapper #footer.footer-style-3 .widget-footer .wpcf7 {
		position: static;
	}

	.single-post-style-3 .single-post-block-wrap {
		padding: 122px 0 120px;
	}

	.single-room-style-3 .room-content-wrap {
		margin-bottom: 80px;
	}

	.form-contact-form-page .form-top-wrap {
		flex-wrap: wrap;
	}

	.woocommerce-MyAccount-content.mondok1-style a.woocommerce-button.view {
		padding: 0;
	}

	#footer.footer-style-3 {
	    background-color: #144A45;
	    padding: 0 0 40px;
	    border-top: 4px solid #119E91;
	}

	.no-sidebar .blog-list-item.sticky-post .post-date {
		text-align: left;
	}

	.room-filter-style2 .room-filter-btn {
		width: 100%;
		padding: 0 20px 0 20px;
		background-position: 33% 50%;
	}

	.room-filter-style2 .hero-room-search-item:last-child {
		padding-left: 0;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: 0;
	}
}

@media (max-width: 767px) {
	.single-post .single-post-author-wrap {
		flex-wrap: wrap;
	}

	.single-post .image-author,
	.single-post .desc-author {
		width: 100%;
		flex: 100%;
	}

	.single-post .image-author {
		padding-top: 32px;
	}

	.single-post .image-author img {
		margin: 0 auto;
		width: 210px;
		height: 210px;
		border-radius: 7px;
	}

	.myaccount-body {
		flex-wrap: wrap;
	}

	.woocommerce-account .woocommerce-MyAccount-content, 
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex: 100%;
	}

	.myaccount-body .woocommerce-MyAccount-navigation {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.single-post .single-post-style-2 .image-author {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.comment-style-3 .comments-area .comment-respond form p.comment-form-author, 
	.comment-style-3 .comments-area .comment-respond form p.comment-form-email, 
	.comment-style-3 .comments-area .comment-respond form p.comment-form-url,
	.comment-style-2 .comments-area .comment-respond form p.comment-form-author, 
	.comment-style-2 .comments-area .comment-respond form p.comment-form-email,
	.comment-style-2 .comments-area .comment-respond form p.comment-form-url {
		width: 100%;
		padding-right: 0;
	}

	.single-post .meta-post .tags-post:before {
		display: none;
	}

	.single-post .meta-post .tags-post {
		padding-left: 0;
	}
}

@media (max-width: 640px) {
	.content-related-post {
		width: 100%;
	}

	#footer .footer-wrapper {
		padding: 0 15px;
	}

	.footer-widget-areas {
		padding: 100px 0px 60px;
	}

	.mondok1-style .myaccount-head-inner .author-wrap {
		flex-wrap: wrap;
	}

	.mondok-auth-wrap .mondok-auth-form.style-3 {
		width: 75%;
	}

	.mondok-auth-gallery-wrap.auth-gallery-style1 .auth-swiper-nav .auth-swiper-next span, 
	.mondok-auth-gallery-wrap.auth-gallery-style1 .auth-swiper-nav .auth-swiper-prev span {
		font-size: 12px;
	}

	.mondok-auth-gallery-wrap .auth-swiper-nav {
		max-width: 180px;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote, 
	.single-post-style-2 .content blockquote {
		max-width: 70%;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote::after, 
	.single-post-style-2 .content blockquote::after {
		width: 90px;
		height: 90px;
		left: -45px;
	}

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 68%;
	}

	.similiar-room-list {
		column-gap: 0;
	}

	.single-room-style-1 .similiar-room-list {
		padding-right: 15px;
	}

	.post-date {
		text-align: left;
	}

	.single-room-style-2 .room-meta-top h3,
	.single-room-style-2 .room-wrap-price h4 span:first-child {
		font-size: 25px;
	}

	.footer-widget.column2,
	.footer-widget.column3,
	.footer-widget.column4 {
		grid-column-gap: 0;
		-ms-grid-columns: repeat(1, minmax(0, 1fr));
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.single-room-style-2 .similiar-room-list .room-slide-card,
	.single-room-style-3 .similiar-room-list .room-card {
		grid-column: span 12 / span 12;
	}

	.search-page .room-grid-wrap.style-3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		column-gap: 0;
	}

	.search-page .mondok-room-filter.room-filter-style3 {
		width: auto;
	}

	.mondok-room-filter-wrap .room-filter-style3 .room-search-inner {
		justify-content: space-between;
	}

	.mondok2-style .myaccount-head-inner .author-wrap {
		flex-wrap: wrap;
	}

	.mondok2-style .myaccount-head-inner .author-wrap .author-img,
	.mondok2-style .myaccount-head-inner .author-wrap .author-details {
		flex: 100%;
	}

	.theme-mondok.woocommerce-account .page-content .mondok-myaccnt-wrap.mondok1-style, 
	.theme-mondok.woocommerce-account .page-content .mondok-myaccnt-wrap.mondok2-style {
		padding: 40px 20px;
	}

	.woocommerce-order .page-title-wrap.style-2 h3 {
		font-size: 35px;
		line-height: 55px;
	}

	.footer-style-3 .footer-bottom .footer-bot-content .footer-bot-right {
		column-gap: 0;
	}

	.room-filter-style2 .room-filter-btn {
		background-position: 36% 50%;
	}
}

@media (max-width: 575px) {
	.header-wrapper {
		padding: 0 20px;
	}

	.inner-header {
		padding: 20px 20px;
	}

	.main-menu-btn {
		right: 45px;
	}

	.myaccount-body .woocommerce-MyAccount-navigation ul,
	.theme-mondok.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px;
	}

	.mondok-auth-wrap .mondok-auth-form.style-1 {
		padding: 50px 30px;
	}

	.theme-mondok.woocommerce-account .auth-page .page-content {
		padding: 0;
	}

	.mondok-auth-gallery-wrap .hero-swiper-bottom-content {
		bottom: 70px;
		max-width: 100%
	}

	.mondok-auth-gallery-wrap .hero-social-list {
		text-align: center;
		max-width: 100%
	}

	.mondok-auth-gallery-wrap .mondok-auth-swiper1 .auth-slider-pagination {
		bottom: -50px;
	}

	.mondok-auth-swiper1 .auth-swiper-nav {
		bottom: -35px;
		right: 50%;
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
	}

	.single-post-style-2 .content blockquote p {
		font-size: 20px;
		line-height: 30px;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote, 
	.single-post-style-2 .content blockquote {
		padding: 43px 40px;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote::after, 
	.single-post-style-2 .content blockquote::after {
		left: -65px;
	}

	.header-style-2 .main-menu-btn-icon {
		left: 20px;
	}

	.mondok-room-filter.style-1 .filter-inner-wrap {
        justify-content: space-between;
    }

    .mondok-room-filter.style-1 .filter-item .filter-select {
        min-width: 120px;
        font-size: 14px;
        padding: 0 20px;
    }

    .mondok-room-filter.style-1 .filter-inner-wrap {
        column-gap: 15px;
    }

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 75%;
		padding: 50px 35px 50px 35px;
	}

	.header-style-3 .main-menu-btn-icon {
		left: 20px;
	}

	.single-room-style-2 .room-meta-top .room-detail-top {
		flex: 100%;
	}

	.single-room-style-2 .facility-list {
		grid-column: span 6 / span 6;
	}

	.single-room-style-2 .facility-item p {
		font-size: 14px;
	}

	.single-room-style-2 .facility-icon {
		width: 55px;
		height: 55px;
		max-width: 55px;
		max-height: 55px;
	}

	.resort-slider-control {
		flex-wrap: wrap;
	}

	.room-swiper-pag {
		flex: 100%;
		justify-content: center;
	}

	.room-swiper-pag {
		row-gap: 10px;
		column-gap: 0;
		flex-wrap: wrap;
	}

	.resort-slider-control .resort-pagination {
		flex: 100%;
	}

	.single-room-style-2 .location-detail span {
		font-size: 12px;
		line-height: 20px;
	}

	.room-search-style-2 .hero-banner-text h3 {
		top: -35px;
		left: 25px;
		font-size: 50px;
		line-height: 65px;
	}

	.woocommerce-account .the-content.content .mondok-myaccnt-wrap.mondok3-style .woocommerce-MyAccount-navigation ul li a::before {
		right: -20px;
	}

	.single-room-style-2 .single-room-thumbnail img {
		height: 500px;
	}

	.woocommerce-checkout .page-title-wrap h1 {
		font-size: 3rem;
	}

	.woocommerce-order-received .mondok-room-order .booking-date {
		display: none;
	}

	.mondok-received-content {
		flex-wrap: wrap;
	}

	.mondok-received-info .mondok-received-content h5 {
		font-weight: 600;
		margin-bottom: 0;
		width: 100%;
	}

	.mondok-received-info .received-w-price,
	.mondok-received-info .mondok-received-left-top,
	.mondok-received-info .mondok-received-total-price {
		padding-right: 0;
	}

	.received-w-price {
		flex-wrap: wrap;
	}

	.received-w-price span.received-price-number {
		width: 100%;
	}

	.mondok-received-left-top h5:last-child {
		display: none;
	}

	.mondok-order-received-wrap .mondok-received-info.style-3 .mondok-received-content:last-child span {
		max-width: 100%;
	}

	.search-bar-no-res {
	    width: 100%;
	}

	.search-page .bottom-no-result .search-bar-no-res input {
    	width: 100%;
	}

	.search-page .bottom-no-result {
    	flex-wrap: wrap;
	}

	.single-product.woocommerce div.product .product_title {
    	font-size: 28px;
	}

	.single-product.woocommerce div.product .woocommerce-tabs .panel h2 {
		font-size: 24px;
	}

	.single-product.woocommerce section.related.products h2 {
	    font-size: 24px;
	}

	.inner-text-detail {
		margin-right: 0;
	}

	.single-room-slide img {
		width: 100%;
	}

	.single-image .single-room-slide {
		width: inherit!important;
	}

	.woocommerce-checkout .woocommerce #billing_postcode_field, 
	.woocommerce-checkout .woocommerce #billing_phone_field,
	.woocommerce-checkout .woocommerce #billing_state_field, 
	.woocommerce-checkout .woocommerce #billing_email_field {
		width: 100%!important;
	}

	body.theme-mondok .shop_table_responsive .coupon #coupon_code {
		width: 100%!important;
    	float: none;
	}

	.theme-mondok .shop_table_responsive .coupon {
		text-align: left!important;
	}

	.theme-mondok .shop_table_responsive .coupon label {
		display: block;
	}

	.theme-mondok .shop_table_responsive .coupon #coupon_code ~ button {
	    float: none!important;
	    margin: 10px 0;
	}

	.theme-mondok .shop_table_responsive .coupon ~ button {
	    width: auto!important;
	    text-align: center;
	    margin: auto;
	}

	.widget_mondok_socialbox ul {
    	padding: 20px 30px;
	}

	.mondok-room-filter .select-list {
		width: 100%;
		left: 0;
	}

	.mondok-room-filter .check-in-input, 
	.mondok-room-filter .check-out-input {
		left: 0;
	}
}

@media (max-width: 480px) {
	.head-item.logo-image a img {
		width: 120px;
	}

	.main-menu-btn {
		top: 28px;
	}

	#footer .nav-to-top {
		top: -60px;
	}

	#footer .nav-to-top button#nav-to-top {
		width: 50px;
		height: 50px;
		font-size: 20px;
		-webkit-text-stroke-width: 0;
	}

	.facility-list {
		grid-column: span 12 / span 12;
	}

	.pagination-post-wrap {
		row-gap: 30px;
	}

	.item-pagination {
		grid-column: span 12 / span 12;
	}

	.comments-area .comment-respond form p.comment-form-author, 
	.comments-area .comment-respond form p.comment-form-email {
		width: 100%;
	}

	.single-post .single-post-content blockquote.wp-block-quote, 
	.content blockquote {
		padding: 55px 30px 35px 30px;
	}

	.single-post-content .content blockquote.wp-block-quote:after, 
	.content blockquote:after {
		left: 30px;
	}

	.detail-pagination-post {
		padding-right: 0;
	}

	.mondok-auth-wrap .mondok-auth-form.style-2 {
		width: calc(100% - 60px);
		min-width: calc(100% - 60px);
		max-width: calc(100% - 60px);
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote, 
	.single-post-style-2 .content blockquote {
		max-width: 100%;
	}

	.single-style-2 .single-post .single-post-content blockquote.wp-block-quote::after, 
	.single-post-style-2 .content blockquote::after {
		top: -40px;
		left: -10px;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	.mondok-billing-details .mondok-proceed-to-checkout {
		flex-wrap: wrap;
		row-gap: 10px;
	}

	.filter-inner-wrap {
        row-gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

	.mondok-room-filter-wrap .room-filter-style3 .room-search-item,
    .mondok-room-filter-wrap .room-filter-style3 .room-search-item:last-child {
        width: calc(100% / 3);
    }

    .mondok-room-filter-wrap .room-filter-style3 .room-search-item .filter-btn {
        border-radius: 10px;
        padding: 5px 30px;
    }

    .mondok-room-filter-wrap .room-filter-style3 .room-search-item .filter-btn svg {
        width: 15px;
        height: 15px;
    }

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 70%;
	}

	.single-post-style-3 .meta-post .meta-inner-bottom {
		flex-wrap: wrap;
	}

	.single-post-style-3 .meta-post .meta-inner-bottom .post-author,
	.single-post-style-3 .meta-post .meta-inner-bottom .date-post {
		flex: 100%;
	}

	.single-room-style-3 .single-resort-detail {
		column-gap: 0;
	}

	.single-room-style-3 .resort-detail {
		grid-column: span 12 / span 12;
	}

	.single-room-style-3 .room-meta-top .room-detail-top {
		flex: 100%;
	}

	.single-room-style-3 .room-price-wrap {
		justify-content: flex-start;
	}

	.header-style-2 .main-menu > ul, 
	.header-style-3 .main-menu > ul {
		top: 55px;
	}

	.room-filter-style2 .room-filter-btn {
		width: 100%;
		background-position: 35% 50%;
	}

	.room-filter-style3 .hero-room-search-item {
		border: 0;
	}

	.woocommerce .mondok2-style .myaccount-head-inner {
		padding: 30px 30px;
		background-position: center center;
	}

	.header-style-3 .logo-image {
		top: 28px;
	}

	.woocommerce-order-received .mondok-order-received-wrap.style-1 {
		padding: 20px;
	}

	.mondok-order-received-wrap .mondok-received-info.style-2 .mondok-received-content h5,
	.mondok-order-received-wrap .mondok-received-info.style-2 .mondok-received-content span {
		line-height: 20px;
	}

	.mondok-order-received-wrap .mondok-received-info.style-3 {
		padding: 0 20px 40px;
	}

	.mondok-received-inner .received-inner-content {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.footer .widget-footer .wpcf7 .contact-form-input.half-input {
		width: 100%;
	}

	.main-wrapper #footer.footer-style-3 .widget-footer .wpcf7 {
		padding: 30px 30px 40px;
	}

	.single-post-content .single-post-style-3 .content blockquote.wp-block-quote:after, 
	.single-post-style-3 .content blockquote:after {
		top: -36px;
	}

	#footer .nav-to-top button#nav-to-top svg {
		width: 35px;
		height: 35px;
	}

	.room-filter-style3 .hero-room-search-item,
	.room-filter-style3 .hero-room-search-item:last-child {
		width: calc(100% / 2);
	}

	.mondok-room-filter .check-out-input {
		left: -50px;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: -35px;
	}
}

@media (max-width: 425px) {
	.sidebar-date-wrap {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.sidebar-date-wrap .date-item:first-child {
		border-right: 0;
		border-bottom: 2px solid #ebebeb;
	}

	.add-service-list-wrap {
		column-gap: 0;
	}

	.service-list {
		grid-column: span 12 / span 12;
	}

	.mondok-auth-wrap .mondok-auth-form.style-3 {
		padding: 37px 25px 28px;
	}

	.comment-style-2 .meta-comment .comment-meta {
		display: block;
	}

	.comment-style-2 .comment-author .fn::after {
		display: none;
	}

	.mondok-room-filter-wrap .room-filter-style3 .room-search-item {
        width: 100%;
        padding-right: 24px;
        border-right: 0;
    }

    .mondok-room-filter-wrap .room-filter-style3 .room-search-item:last-child {
        width: 100%;
        padding-right: 0;
    }

	.single-post .single-post-style-3 .single-post-content blockquote.wp-block-quote, 
	.single-post-style-3 .content blockquote {
		max-width: 100%;
	}

	.single-post-content .single-post-style-3 .content blockquote.wp-block-quote:after, 
	.single-post-style-3 .content blockquote:after {
		left: 30px;
	}

	.room-sidebar-style2 .sidebar-date-wrap .date-item:first-child {
		border-right: 0;
		border-bottom: 0;
	}

	.sticky-post-tag {
		padding: 5px 10px 5px 15px;
	}

	.sticky-tag {
		font-size: 10px;
	}

	.mondok-room-filter-wrap .room-filter-style3 .room-search-item .filter-btn {
		width: 100%;
	}

	.room-filter-style3 .hero-room-search-item {
		width: calc(100% / 2);
	}

	.room-filter-style3 .hero-room-search-item:last-child {
		padding-left: 20px;
	}

	.mondok-received-right .mondok-received-right-content .booking-date {
		flex-wrap: wrap;
		column-gap: 0;
	}

	.mondok-received-right .mondok-received-right-content .booking-date .check-box {
		flex: 100%;
	}

	.mondok-received-right .mondok-received-right-content .booking-date .checkin.check-box {
		border-right: 0;
	}

	.room-filter-style2 .room-filter-btn {
		background-position: 30% 50%;
	}

	.room-filter-style3 .hero-room-search-item,
	.room-filter-style3 .hero-room-search-item:last-child {
		padding-left: 0;
	}

	.single-room-sidebar #datepicker-date-input-sel {
		left: 0;
	}

	.room-sidebar-style2 .sidebar-date-wrap {
		column-gap: 0;
		row-gap: 20px;
	}

	.single-post .meta-post .date-post {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.single-post .meta-post .tags-post {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 380px) {
	.mondok-auth-wrap .mondok-auth-form.style-2 .auth-form-inner {
		padding: 35px 30px 35px;
	}
}

@media (max-width: 375px) {
	.widget_mondok_socialbox ul {
		padding: 20px 30px;
		width: 100%;
		justify-content: center;
	}

	.widget_mondok_socialbox ul li {
		margin-right: 30px;
	}

	.single-post .meta-post .tags-post ul {
		margin-left: 0;
	}

	.single-post .meta-post .tags-post ul::before {
		transform: translate(0px, 13px);
		-webkit-transform: translate(0px, 13px);
		-moz-transform: translate(0px, 13px);
		-ms-transform: translate(0px, 13px);
		-o-transform: translate(0px, 13px);
	}

	.woocommerce-account .addresses .title h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.woocommerce-Address {
		font-size: 12px;
		line-height: 24px;
	}

	.booking-date {
		flex-wrap: wrap;
	}

	.mondok-cart-side .booking-date .check-box {
		width: 100%;
	}

	.mondok-cart-side .booking-date .checkin.check-box {
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
		border-right: 2px solid #ebebeb;
		border-bottom: 0;
	}

	.mondok-cart-side .booking-date .checkout.check-box {
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
	}

	.single-post-style-3 .single-post-content .the-content blockquote p {
		font-size: 18px;
		line-height: 30px;
	}

	.single-room-style-3 .calender-inner-wrap {
		padding: 45px 30px 45px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev {
		left: 5px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next {
		right: 5px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-state-disabled:not(.ui-datepicker-other-month)::before, .theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-widget-content .ui-state-disabled:not(.ui-datepicker-other-month)::before, 
	.theme-mondok .single-room-style-3 .calender-inner-wrap .calender1 .ui-widget-header .ui-state-disabled:not(.ui-datepicker-other-month)::before {
		width: 25px;
		height: 25px
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline table.ui-datepicker-calendar td {
		font-size: 12px;
		line-height: 30px;
	}

	.single-room-style-3 .calender-inner-wrap .calender1 .ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header a {
		top: 46%;
		transform: translateY(-46%);
		-webkit-transform: translateY(-46%);
		-moz-transform: translateY(-46%);
		-ms-transform: translateY(-46%);
		-o-transform: translateY(-46%);
	}

	.comment-style-3 .meta-comment .comment-meta {
		flex-wrap: wrap;
	}

	.comment-style-3 .comment-author .fn {
		flex: 100%;
	}

	.comment-style-3 .comment-author .fn::after {
		display: none;
	}

	.single-room-style-3 .room-card-text .room-category {
		max-width: 150px;
	}

	.room-filter-style3 .hero-room-search-item,
	.room-filter-style3 .hero-room-search-item:last-child {
		padding-left: 0;
	}

	.mondok-room-filter.room-filter-style3 {
		padding: 20px 20px 20px 20px;
	}

	.hero-room-search-item h5,
	.room-filter-style3 .hero-room-search-item h5 {
		font-size: 14px;
		line-height: 14px;
	}

	.selected-option {
		font-size: 12px;
	}

	.room-filter-style2 .room-filter-btn,
	.room-filter-style3 .selected-option {
		background-position: 25% 50%;
	}

	.mondok-room-filter .check-out-input {
		left: -100%;
	}

	.mondok-auth-form.style-1 .site-logo-wrap img {
    	width: 200px;
	}

	.woocommerce .mondok-auth-form.style-1 form {
    	margin: 40px 0 0!important;
	}
}

@media (max-width: 320px) {
	.footer-widget-inner-two-column {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.detail-pagination-post .pag-post-title {
		font-size: 16px;
		line-height: 24px;
	}

	.datepicker {
		left: 10px;
	}

	.comment-respond form p.form-submit input {
		font-size: 14px;
	}

	.comments-area.not_login .comment-respond form p.form-submit input {
		padding: 17px 20px;
	}

	.room-sidebar-style2 .sidebar-date-wrap #datepicker-date-input-sel {
		left: -30px;
	}

	.single-room-style-2 .book-container .room-content-wrap .room-detail .room-detail-inner {
		padding: 0 15px;
	}

	.single-room-style-3 .book-container {
		padding: 0 15px;
	}

	.single-room-style-2 .room-meta-top::before {
		width: calc( 100% + 30px );
		left: -15px;
	}

	.room-filter-style2 .room-filter-btn {
		background-position: 26% 50%;
	}

	.woocommerce-order .page-title-wrap.style-2 h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.mondok-room-filter.room-filter-style2 {
		padding: 25px 10px 25px 0;
	}

	.hero-room-search-item {
		padding-left: 10px;
	}
}