@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;
} #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;
margin-left: 0;
width: 100%;
}
.single-post .meta-post .date-post {
margin-bottom: 5px;
}
}
@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;
}
}