@charset "utf-8";
/*------------------------------------------------------------------------------------------------------
* Template Name 	 : Payrul - Online Luxury Hotel Booking HTML Template 
* Version			 : 1.1
*------------------------------------------------------------------------------------------------------- 
NOTE: This is the main stylesheet of the template, This file contains the styling for the actual Template
------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1600px) {
    .room-area .room-inner .room-media {
        height: 38vh;
    }
}

@media only screen and (min-width: 1300px) {
    .header-area .container-fluid {
        max-width: 1600px;
    }
}

@media only screen and (min-width: 1170px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1499px) {
    h1,
    .inner-banner .inner h1,
    .coming-soon-content .coming-soon-title h1,
    .countdown .countdown-section .countdown-number {
        font-size: 68px;
    }

    h2,
    .count-number span.counter,
    .about-area .about-image-two .about-image-overlay .about-user-ratings {
        font-size: 62px;
    }

    .about-area .about-center {
        padding: 30px;
    }

    section.inner-banner.blog-details-inner-banner {
        padding-bottom: 150px;
    }

    .banner-bg1 {
        width: 200px;
    }
}

@media only screen and (max-width: 1199px) {
    .sticky-logo {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-button .hamburger {
        border-radius: 5px;
        background: var(--primary);
    }

    .header-button .find-btn {
        display: none !important;
    }

    .banner-style-two {
        margin-top: 83px;
    }

    .banner-style-two {
        padding: 50px 0 100px 0;
    }

    .services-style-one .services-overlay-btn {
        right: 20px;
        bottom: 20px;
    }

    .footer-style-three .single-wized-footer-contact,
    .footer-style-three .single-wized-footer-services,
    .footer-style-three .single-wized-footer-resourses,
    .footer-style-three .single-wized-footer-subscribe {
        margin-bottom: 50px;
        padding-left: 0;
    }

    .footer-style-three .footer-top {
        padding: 100px 0 50px 0;
    }
}

@media only screen and (max-width: 991px) {
    h1,
    .inner-banner .inner h1,
    .coming-soon-content .coming-soon-title h1,
    .countdown .countdown-section .countdown-number {
        font-size: 50px;
    }

    h2,
    .booking-area h2,
    .contact-area h2,
    .count-number span.counter {
        font-size: 42px;
    }

    h3,
    .room-details-amenities h3,
    .room-details-rules h3 {
        font-size: 34px;
    }

    .pt-100,
    .footer-style-one .footer-top {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .pb-70 {
        padding-bottom: 50px;
    }

    .banner-style-two {
        padding: 50px 0 80px 0;
    }

    .fun-factor-area .fun-factor-item .fun-factor-inner .fun-factor-content {
        font-size: 22px;
    }

    .about-area .about-image-two .about-image-overlay {
        width: 140px;
        height: 140px;
    }

    .about-area .about-image-two .about-image-overlay .about-user-ratings {
        font-size: 42px;
        line-height: 36px;
    }

    .about-area .about-image-two .about-image-overlay .about-user-ratings span {
        margin-top: 0;
    }

    .banner-style-one .hero-banner-image,
    .banner-style-two .hero-banner-image {
        text-align: center;
        margin-bottom: 30px;
    }

    .banner-style-one {
        padding: 30px 0 150px 0;
    }

    .banner-style-three .banner-content {
        height: 650px;
    }

    .banner-style-three .banner-slider .owl-nav,
    .hero-banner-area .availability-area .availability-arrow {
        display: none;
    }

    .hero-banner-area .availability-area {
        position: relative;
        margin-top: -70px;
    }

    .hero-banner-area .availability-area .availability-form::after {
        border-bottom-color: var(--primary-dark);
    }

    .hero-banner-area .availability-area .availability-form::before {
        border-bottom-color: var(--primary-dark);
    }

    .availability-btn {
        padding-top: 10px;
    }

    .availability-outer {
        width: 100%;
        z-index: 2;
        position: relative;
    }

    .banner-style-three .availability-area .availability-form::before,
    .banner-style-three .availability-area .availability-form::after {
        display: block;
    }

    .hero-banner-area .availability-form {
        border-radius: 0;
    }

    .about-area .outer-box .about-image {
        padding-left: 25%;
    }

    .about-area .outer-box .about-image .overlay-image {
        left: 0;
    }

    .about-area .outer-box .about-image.about-image-right .overlay-image {
        right: 0;
    }

    .about-area .outer-box .about-image .overlay-image {
        right: 0;
    }

    .about-area .about-left {
        height: 520px;
    }

    .about-area .about-right {
        padding: 0;
    }

    .about-area .about-right .about-content .section-title-box p {
        max-width: 100%;
    }

    .about-area .about-right .about-content .section-title-box,
    .about-area .about-right .about-content .happy-client-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .services-style-one .services-overlay-btn a {
        width: 90px;
        height: 90px;
        font-size: 48px;
        border-width: 10px;
    }

    .services-style-one .services-image-wrapper {
        height: 768px;
        margin-left: 0;
    }

    .marquee-area {
        height: 65px;
        font-size: 80px;
    }

    .services-image {
        margin-left: 0;
        height: 100%;
    }

    .services-image > img {
        position: relative;
    }

    .services-style-two .services-item .services-inner .services-content h3 {
        font-size: 28px;
    }

    .video-style-one .section-title-box {
        margin-right: 0;
        margin-bottom: 0;
    }

    .video-style-one .video-content {
        margin-bottom: 50px;
    }

    .local-amenities-image {
        margin-bottom: 30px;
    }

    .default-form .availability-description .form-group {
        margin-bottom: 20px;
    }

    .contact-col .contact-inner {
        padding: 30px 50px;
    }

    .local-amenities-item-horizontal .local-amenities-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-item {
        padding-right: 0;
    }

    .form-item .form-inner {
        margin-bottom: 30px;
    }

    .map-item {
        margin-left: 0;
        height: 450px;
    }

    .sidebar-widget {
        margin: 0 !important;
        padding-top: 80px;
    }

    .fun-factor-wrap:not(:nth-child(n + 3)) {
        border-bottom: 1px dashed var(--border-color);
        padding-bottom: 50px;
    }

    .fun-factor-wrap:nth-child(n + 3) {
        padding-top: 50px;
    }

    .fun-factor-wrap:nth-child(2),
    .fun-factor-wrap:last-child {
        border-right: none;
    }

    .services-style-three .services-item {
        width: 30%;
    }

    .services-style-three .services-item .services-inner .services-content h3 {
        font-size: 22px;
    }

    .sticky-column .sticky-box {
        position: relative;
        top: 0;
    }

    .local-amenities-two .amenities-list-box li h3 {
        font-size: 26px;
    }

    .menu-area .row .col-xl-6:nth-child(2) .menu-inner {
        padding-left: 0;
    }

    .menu-area .row .col-xl-6:nth-child(1) .menu-inner {
        padding-right: 0;
    }

    .menu-area .row .col-xl-6:nth-child(1) .menu-inner::after {
        display: none;
    }

    .restaurant-area .restaurant-image {
        margin-bottom: 30px;
    }

    .countdown .countdown-section {
        min-width: 140px;
    }

    .countdown .countdown-section:before {
        top: 15px;
    }

    .countdown .countdown-section:after {
        bottom: 45px;
    }

    .footer-style-one .footer-bottom {
        margin-bottom: 50px;
    }

    .footer-style-three .single-wized-footer .title-heading {
        margin-bottom: 20px;
    }

    .footer-style-two .footer-right-one {
        padding-left: 0;
        margin-top: 50px;
    }

    .footer-style-two .footer-bottom {
        padding: 100px 0 70px 0;
    }

    .footer-widget-aboutus,
    .footer-menu {
        margin-bottom: 50px;
    }

    .footer-style-three .copyright-text {
        text-align: center;
        margin-bottom: 30px;
    }

    .footer-style-three .footer-social-widget.text-end {
        text-align: center !important;
        padding-top: 30px;
    }

    .footer-style-three .footer-social-widget .social-area {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

@media only screen and (max-width: 767px) {
    body,
    .desc,
    span,
    .btn-style-one,
    .btn-style-two {
        font-size: 14px;
    }

    .help-box a {
        font-size: 16px;
    }

    h1,
    .inner-banner .inner h1,
    .coming-soon-content .coming-soon-title h1,
    .countdown .countdown-section .countdown-number {
        font-size: 42px;
    }

    h2,
    .booking-area h2,
    .contact-area h2,
    .count-number span.counter {
        font-size: 32px;
    }

    h3,
    .room-details-amenities h3,
    .room-details-rules h3,
    .offer-title h3,
    .services-style-one .services-content h3,
    .services-style-two .services-item .services-inner .services-content h3,
    .news-style-one .news-inner .overlay-content h3,
    .news-style-two .news-item .news-inner .overlay-content h3,
    .news-style-three .news-item .news-inner .overlay-content h3,
    .pricing-area .pricing-item .pricing-inner .overlay-content .name,
    .staff-area .single-staff-item .single-staff-content h3,
    .sub-title-bar h3 {
        font-size: 28px;
    }

    .banner-bg1 {
        width: 120px;
    }

    .progress-rating,
    .progress-name {
        font-size: 24px;
    }

    .about-area .outer-box .about-content .about-call h4,
    .restaurant-area .restaurant-content .restaurant-call h4 {
        font-size: 22px;
    }

    .about-area .about-image-two .about-image-overlay .about-user-ratings {
        font-size: 32px;
        line-height: 28px;
    }

    .fun-factor-area .fun-factor-item .fun-factor-inner .fun-factor-content {
        font-size: 18px;
    }

    .about-area .about-left {
        height: 420px;
    }

    .about-area .about-center {
        padding: 30px 15px;
    }

    .about-area .about-right .about-content .section-title-box,
    .about-area .about-right .about-content .happy-client-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pagination-block ul li:not(:first-child, :last-child) a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: 0 3px;
        font-size: 12px;
    }

    .hotel-review-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hotel-review-user-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-bottom: 15px;
    }

    .hotel-review-user-info img {
        margin-right: 15px;
    }

    .offer-title {
        margin-bottom: 20px;
    }

    .services-style-one .services-image-wrapper {
        height: 520px;
    }

    .intro-area {
        height: 560px;
    }

    .room-style-two .room-inner {
        height: 450px;
    }

    .contact-item .contact-content .info-call a {
        font-size: 24px;
    }

    .play-btn a,
    .play-btn a .play-ripple {
        width: 60px;
        height: 60px;
        line-height: 46px;
    }

    .video-thumbnail::after {
        margin: 14px;
    }

    .video-thumbnail .video-text {
        font-size: 100px;
    }

    .news-details-releted-tags {
        margin-bottom: 30px;
    }

    .prev-link {
        margin-bottom: 50px;
    }

    .breadcrumb-wrap ul {
        padding: 10px;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
    }

    .breadcrumb-wrap ul .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }

    .news-single-box .news-single-inner .news-single-content .news-details-navigation::after {
        border-right: none;
        height: 1px;
        width: 90%;
        border-bottom: 1px dashed var(--rgba-black-3);
    }

    .news-single-box .news-single-inner .news-single-content .news-details-navigation .next-link a {
        text-align: start;
    }

    .pagination-wrap .pagination .page-item .page-link {
        height: 40px;
        width: 40px;
        margin: 0 4px;
    }

    .offer-content {
        padding-top: 0;
    }

    .offer-content .offer-upper-box {
        padding-left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .offer-area .offer-image {
        margin-bottom: 20px;
        height: 320px;
    }

    .offer-upper-box h2 {
        position: relative;
    }

    .offer-upper-box h2::before {
        display: none;
    }

    .offer-upper-box h2 span {
        position: relative;
        top: -14px;
        left: 0px;
        right: inherit;
        font-size: 14px;
    }

    .countdown .countdown-section {
        min-width: 100px;
    }

    .countdown .countdown-section:before,
    .countdown .countdown-section:after {
        height: 4px;
        width: 4px;
        right: -2px;
    }

    .countdown .countdown-section .countdown-number {
        font-size: 42px;
    }

    .countdown .countdown-section .countdown-unit {
        font-size: 16px;
    }

    .countdown .countdown-section:before,
    .countdown .countdown-section:after {
        display: none;
    }

    .footer-style-one .footer-widget-link-btn a {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }

    .footer-style-three .footer-bottom {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 599px) {
    .form-item .form-inner {
        padding-top: 50px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .about-area .about-content .section-title-box {
        text-align: start !important;
    }

    .hotel-rating-count .hotel-rating,
    .hotel-rating-count .hotel-rating-time {
        float: none;
        display: block;
    }

    .news-single-box .news-single-inner .news-single-content blockquote .blockquote-desc {
        font-size: 22px;
    }

    .video-thumbnail .video-text {
        font-size: 50px;
    }

    .services-style-three .services-item {
        width: 50%;
    }

    .menu-inner .menu-block .menu-inner-box {
        padding-left: 0;
    }

    .info-list {
        padding-left: 0;
    }

    .menu-inner .menu-block .menu-inner-box .menu-image {
        position: relative;
        margin-bottom: 20px;
    }

    .countdown .countdown-section {
        min-width: 80px;
    }

    .single-room-item .room-image {
        height: 320px;
    }

    .comment-area .comment-username span {
        padding-top: 15px;
    }

    .comment-area .comment-username,
    .footer-style-one .footer-widget-wrap {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-right-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 479px) {
    .btn-wrap ul,
    .single-room-item .room-inner .room-image .room-overlay {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .single-room-item:hover .room-image .room-overlay .room-amenities-box {
        margin-bottom: 10px;
    }

    .services-style-one .services-image-wrapper,
    .news-style-one .news-inner {
        height: 420px;
    }

    .fun-factor-area .fun-factor-item .fun-factor-inner .fun-factor-content {
        font-size: 18px;
    }

    .news-single-box .news-single-inner .news-single-content .news-details-navigation a {
        font-size: 22px;
    }

    .countdown .countdown-section {
        min-width: 70px;
    }

    .countdown .countdown-section .countdown-number {
        font-size: 32px;
    }

    .countdown .countdown-section .countdown-unit {
        font-size: 14px;
    }
}