/* Style For Extra Large Device============================================================================================ */@media (min-width: 1600px) and (max-width: 1830px) { .header-top-area .offset-xl-3 { margin-left: 20%; } .header-top-area .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 46.666667%; flex: 0 0 46.666667%; max-width: 46.666667%; } .header-menu-area .logo { padding-left: 20px; } .header-menu-area .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .header-menu-area .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .menu-right-area .search-icon { padding: 0 20px; } .menu-right-area .btn { padding: 0 20px; } .feedback-section:hover span.slick-arrow { opacity: 1; visibility: visible; left: -12%; } .feedback-section:hover span.slick-arrow.next { right: -12%; }}/* Style For Extra Large Device============================================================================================ */@media (min-width: 1200px) and (max-width: 1599px) { .header-top-area .container-fluid, .header-menu-area .container-fluid, .header-two .container-fluid { padding-left: 30px; padding-right: 30px; } .header-top-area .container-fluid .col-lg-3, .header-menu-area .container-fluid .col-lg-3, .header-two .container-fluid .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .header-top-area .container-fluid .col-lg-9, .header-menu-area .container-fluid .col-lg-9, .header-two .container-fluid .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .header-top-area .offset-xl-3 { margin-left: 15%; } .header-top-area .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .header-top-area .col-xl-4 { -ms-flex: 0 0 43%; -webkit-box-flex: 0; flex: 0 0 43%; max-width: 43%; } .header-menu-area .logo { padding-left: 0; margin-top: -45px; margin-left: -12%; } .header-menu-area .col-xl-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 18% !important; flex: 0 0 18% !important; max-width: 20% !important; } .header-menu-area .col-xl-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 82% !important; flex: 0 0 82% !important; max-width: 82% !important; } .header-menu-area.sticky .logo img { max-width: 177px; } .menu-right-area .main-menu li a { margin-left: 12px; font-size: 14px; } .menu-right-area .search-icon { padding: 0 20px; } .menu-right-area .quote-btn { margin-right: -30px; } .menu-right-area .btn { padding: 0 10px; font-size: 14px; } .menu-right-area .lag-select .nice-select { padding-left: 0; padding-right: 12px; font-size: 14px; } .booking-section .booking-form-wrap { margin-left: 0; margin-right: 0; } .feature-slide-wrap .single-feature-slide img.f-big-image { left: 20px; } .featured-slider .col-xl-10 { max-width: 90%; -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; } .header-two .menu-right-area .main-menu li a { margin-left: 5px; }}@media (min-width: 1200px) and (max-width: 1400px) { .single-room .room-desc { padding: 45px 25px 25px 25px; position: relative; } .single-room .room-desc .room-info li { margin-right: 5px; } .latest-room .section-title h1 { font-size: 36px; line-height: 45px; } .contact-form .contact-form-wrap { margin-left: 0px; margin-right: 0px; padding: 80px 80px; } .contact-info-section .contact-info-box { padding: 30px 25px 25px 95px; }}/* Style for Large Device============================================================================================ */@media (min-width: 992px) and (max-width: 1199.98px) { .hero-section .slick-arrow{ opacity: 1; visibility: visible; } .menu-right-area { min-height: 65px; } .menu-right-area .lang-select .nice-select { background: transparent !important; } .home-two .logo img { max-width: 150px; } .logo img { max-width: 145px; } .menu-right-area .lang-select .lang-option { right: 0; top: -8px; } .home-two .menu-right-area .lang-select .nice-select { background-color: transparent !important; } .header-top-area .top-social-icon li, .header-top-area .top-menu li { margin-left: 12px; } .container-fluid { padding-right: 50px; padding-left: 50px; } .header-top-area .top-social-icon { margin-left: 16px; } .header-top-area .container-fluid, .header-menu-area .container-fluid, .header-two .container-fluid { padding-left: 20px; padding-right: 20px; } .header-top-area .col-lg-3, .header-menu-area .col-lg-3, .header-two .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 20%; } .header-top-area .col-lg-9, .header-menu-area .col-lg-9, .header-two .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .phone-num { display: none; } .header-menu-area .logo { padding-left: 0; margin: 0; } .header-menu-area.sticky .logo img { max-width: 140px; } .menu-right-area .main-menu li a { margin-left: 10px; font-size: 12px; line-height: 70px; } .menu-right-area .main-menu li.have-submenu::after { line-height: 70px; } .menu-right-area .search-wrap .search-icon { padding: 0 30px; height: 70px; line-height: 70px; } .menu-right-area .quote-btn { margin-right: -20px; } .menu-right-area .btn { padding: 0 10px; font-size: 12px; line-height: 70px; height: 70px; } .menu-right-area .lag-select .nice-select, .menu-right-area .lag-img { display: none; } .single-hero-slide h1 { font-size: 130px; line-height: 130px; } .feedback-section .feadback-slide .single-feedback-box { font-size: 30px; line-height: 38px; } .booking-section .booking-form-wrap { margin-left: 0; margin-right: 0; padding: 60px 60px 40px 60px; } .section-title h1 { font-size: 35px; line-height: 45px; } .single-service-box h4 { font-size: 24px; line-height: 34px; } .cta-section .cta-left-content h1 { font-size: 120px; line-height: 125px; } .contact-box { padding: 40px 20px; } .single-room .room-desc .room-info li { margin-right: 5px; } .single-room .room-desc .room-info li i { margin-right: 5px; } .slider-two .single-hero-slide .slider-text h1 { font-size: 60px; line-height: 70px; } .style-two .booking-form-wrap input, .style-two .booking-form-wrap select, .style-two .booking-form-wrap .nice-select { padding: 0 15px; } .style-two .booking-form-wrap .input-wrap i { right: 10px; } .style-two .booking-form-wrap .btn { font-size: 14px; } .feature-accordion .card .card-header button { padding-right: 60px; font-size: 16px; } .feature-accordion .card .card-header button span { right: 20px; } .feature-accordion-img .shape-one { right: -8px; top: -28px; } .feature-accordion-img .shape-one img { max-width: 75px; } .featured-slider::after { height: 100%; width: 55%; bottom: 110px; top: auto; } .feature-slide-wrap .single-feature-slide { padding-left: 0; padding-top: 150px; min-height: 700px; } .feature-slide-wrap .single-feature-slide .f-desc { padding: 90px 70px 90px 60px; } .feature-slide-wrap .single-feature-slide img.f-big-image { left: 0; max-width: 80%; } .feature-slide-wrap span.slick-arrow { right: 50%; bottom: 60px; } .feature-slide-wrap span.slick-arrow.next { right: calc(50% - 62px); } .feedback-slider-two { padding-bottom: 30px; } .feedback-slider-two ul.slick-dots { left: 50%; bottom: 0; } .about-site .about-text-box h2 { font-size: 35px; } .our-mission::before, .our-mission::after { height: 58.6%; } .sidebar-wrap .widget.banner-widget { padding: 65px 22px; } .sidebar-wrap .widget.banner-widget .btn { padding: 25px 45px; } .contact-form .contact-form-wrap { margin-left: 0px; margin-right: 0px; padding: 80px 40px; } .contact-info-section .contact-info-box { padding: 30px 25px 25px 85px; font-size: 16px; line-height: 26px; } .single-room.list-style img { min-height: 430px; }}@media (min-width: 992px) { .container-lg-fluid { max-width: 100%; } }/* Style For Medium Device============================================================================================ */@media (min-width: 768px) and (max-width: 991.98px) { .container-fluid { padding-left: 30px; padding-right: 30px; } .header-top-area .top-social-icon li, .header-top-area .top-menu li { margin-left: 12px; font-size: 14px; } .header-top-area .top-social-icon { margin-left: 16px; } .header-top-area .top-contact-info li { margin-right: 10px; font-size: 14px; } .header-top-area .top-contact-info li i { font-size: 16px; margin-right: 5px; } .header-menu-area .logo { padding-left: 60px; margin: 0; } .header-menu-area .logo img { max-width: 220px; } .header-menu-area.sticky .logo img { max-width: 220px; } .header-two .logo { padding-left: 60px; } .header-two a.meanmenu-reveal { color: #0f172b; margin-top: -72px; } .menu-right-area .lag-select .nice-select, .menu-right-area .lag-img { display: none; } .menu-right-area .search-wrap .search-icon { padding: 0 30px; height: 70px; line-height: 85px; } .menu-right-area .quote-btn { margin-right: -30px; } .menu-right-area .btn { height: 80px; line-height: 80px; padding: 0 30px; } .single-hero-slide h1 { font-size: 96px; line-height: 110px; } .booking-section .booking-form-wrap { margin-left: 0; margin-right: 0; padding: 60px 60px 40px 60px; } .latest-room::after { left: 0; width: 100%; height: 60.9%; } .latest-room .section-title { padding-left: 20px; color: #fff; padding-bottom: 45px; } .cta-section .cta-left-content h1 { font-size: 85px; line-height: 70px; } .gallery-box.big { margin-bottom: 30px; } ul.feature-list { margin-bottom: 60px; } .feedback-section .feadback-slide .single-feedback-box { padding: 70px 35px; font-size: 22px; line-height: 32px; } .feedback-section .feadback-slide .single-feedback-box .feedback-author { font-size: 20px; } .feature-img img { width: 100%; } footer .footer-bottom .footer-nav li { margin-right: 12px; } .single-room .room-desc .room-info li { margin-right: 10px; } .single-room .room-desc .room-info li i { margin-right: 5px; } .breadcrumb-area .breadcrumb-content h1 { font-size: 50px; line-height: 65px; } .breadcrumb-area h1.big-text { font-size: 250px; } .latest-product .shape-one, .latest-product .shape-two, .latest-product .shape-three { top: 20px; left: 20px; } .latest-product .shape-three { right: 20px; left: auto; height: 100px; width: 100px; } .latest-product .shape-two { top: auto; bottom: 50px; } .booking-section.style-two .bookIng-inner-wrap .row>div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .booking-section.style-two .bookIng-inner-wrap .row>div:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0; } .feature-section.section-padding { padding-bottom: 100px; } .feature-section.section-padding .single-feature-box { margin-bottom: 30px; } .feature-accordion-img { margin-top: 50px; } .feature-accordion-img img { width: 100%; } .feature-accordion-img .shape-one { right: 0; top: -30px; max-width: 80px; } .section-title h1 { font-size: 35px; line-height: 40px; } .featured-slider::after { height: 100%; width: 55%; bottom: 110px; top: auto; } .feature-slide-wrap .single-feature-slide { padding-left: 0; padding-top: 150px; min-height: 600px; } .feature-slide-wrap .single-feature-slide .f-desc { padding: 50px 40px 50px 30px; } .feature-slide-wrap .single-feature-slide img.f-big-image { left: 0; max-width: 80%; } .feature-slide-wrap span.slick-arrow { right: 50%; bottom: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .feature-slide-wrap span.slick-arrow.next { right: calc(50% - 62px); } .counter-up { padding-bottom: 60px; } .counter-up .counter-box.style-two { margin-bottom: 40px; } .feedback-slider-two .feedback-desc { margin-top: 50px; } .single-latest-post img { width: 100%; } .single-latest-post.big-post { margin-bottom: 30px; } .slider-two .single-hero-slide .slider-text h1 { font-size: 50px; line-height: 60px; } .about-site .about-text-box h2 { font-size: 25px; line-height: 35px; } .about-site .counter { padding-left: 50px; } .about-site .section-title h1 { font-size: 33px; } .our-mission::before, .our-mission::after { height: 39.33%; } .gallery-filter li { margin: 0 5px; } .gallery-filter li:hover, .gallery-filter .gallery-filter li.active { padding-left: 28px; color: #fea116; } .post-nav { padding: 40px 35px 10px 35px; } .post-nav .post-nav-box { margin-bottom: 30px; } .sidebar-wrap { margin-top: 50px; } .contact-info-section .contact-info-box { margin-bottom: 30px; position: relative; padding: 30px 25px 25px 86px; font-size: 16px; border: 1px solid #dedede; line-height: 26px; } .contact-form .contact-form-wrap { margin-left: -15px; margin-right: -15px; padding: 80px 30px; } .room-details-wrapper .room-specification .feature, .room-details-wrapper .room-specification .facilities, .room-details-wrapper .room-specification .accomodation { margin-top: 30px; padding-left: 0; } .latest-room-d .single-room { margin-top: 30px; } .phone-num { display: none; } .hero-section.slider-two .slick-arrow, .hero-section.slider-two .slick-arrow.next { right: 8%; } .contact-section .section-title { margin-top: 45px; }}@media (max-width: 991px) { .menu-right-area { min-height: auto; } .menu-right-area .lang-select .nice-select { background: transparent !important; } .menu-right-area .lang-select .lang-img { display: none; } .menu-right-area .lang-select .lang-option { right: 85px; top: -37px; } .home-two .menu-right-area .quote-btn { display: none; } .home-two .mean-container a.meanmenu-reveal { left: auto; right: 0; color: #000; top: 0px; } .header-top-area .top-right { text-align: center; } .home-two .logo img { max-width: 190px; } input[type='text'], input[type='email'], input[type='url'], input[type='number'], input[type='tel'], input[type='password'], select, textarea { height: 60px; font-size: 16px; line-height: 60px; padding: .375rem 1rem; } .nice-select { height: 60px; font-size: 16px; line-height: 60px; padding-inline-start: 1rem; } .author-area .authors-search-filter .search-filter-form .btn{ height: 60px; }}/* Style For Small Device============================================================================================ */@media (max-width: 767px) { .packages-post-item .rate { position: static; margin: 10px auto 0 0; } .latest-room .container-fluid{padding-left: 15px;padding-right: 0;} .hero-section .slider-text { padding: 140px 0 170px; } .slider-two .single-hero-slide { height: 500px; } .hero-section.slider-two .slider-text { padding: 0; } .single-hero-slide .btn.filled-btn { margin-top: 10px; } .menu-right-area .lang-select .nice-select { background: transparent !important; } .menu-right-area .lang-select .lang-option { top: -28px; } .home-two .mean-container a.meanmenu-reveal { left: auto; right: 0; color: #000; top: 6px; } .home-two .logo img { max-width: 150px; } .col-12.no-position { position: initial !important; } .header-menu-area { padding: 10px 0; } .header-menu-area .logo { margin: 0; padding: 0; } .header-menu-area .logo img { max-width: 135px; } .header-menu-area.sticky .logo img { max-width: 135px; } .header-menu-area .menu-right-area .quote-btn, .header-menu-area .menu-right-area .lag-select, .header-menu-area .menu-right-area .btn { display: none; } .header-menu-area .menu-right-area .search-wrap .search-icon { line-height: 0; padding: 15px; height: auto; margin-right: 45px; font-size: 18px; } .header-menu-area .menu-right-area .search-wrap .search-form { width: 250px; } .header-menu-area .menu-right-area .search-wrap.search-active .search-form { top: 132%; } .header-menu-area .container-fluid { position: relative; } .header-two .container-fluid { position: relative; } .header-two .phone-num { display: none; } .header-two .menu-right-area .quote-btn, .header-two .menu-right-area .btn { display: none; } .header-two .menu-right-area .search-wrap .search-icon { height: 70px; line-height: 70px; margin-right: 45px; } .header-two .menu-right-area .search-wrap .search-form { width: 250px; } .header-two .mean-container a.meanmenu-reveal { top: 0px; left: auto; right: 0; color: #0f172b; } .header-two .mean-container nav.mean-nav { margin-top: 0; } .mean-container a.meanmenu-reveal { top: 12px; left: auto; right: 0; } .mean-container nav.mean-nav { margin-top: 10px; } .container-fluid { padding-right: 15px; padding-left: 15px; } .single-hero-slide .small-text { font-size: 20px; color: #fff; margin-bottom: 20px; } .single-hero-slide h1 { font-size: 45px; line-height: 50px; margin-bottom: 30px; } .single-hero-slide .btn.filled-btn { font-size: 13px; border-radius: 30px; width: auto; height: auto; line-height: inherit; padding: 5px 25px; } .single-hero-slide h1.big-text { top: 33%; } h1.big-text { font-size: 120px; } .booking-section .booking-form-wrap { margin-left: 0; margin-right: 0; padding: 30px; } .booking-section .booking-form-wrap .btn.filled-btn { height: 55px; } .latest-room::after { left: 0; width: 100%; height: 60.9%; } .latest-room .section-title { padding-left: 20px; color: #fff; padding-bottom: 45px; } .section-title h1 { font-size: 25px; line-height: 35px; } .tile-gallery { padding: 0; padding-right: 30px; margin-bottom: 200px; } .tile-gallery img { width: 100%; } .tile-gallery .tile-gallery-content { padding: 30px; width: auto; height: auto; left: 35px; bottom: -160px; } span.counter-number, .fact-num { font-size: 45px; line-height: 65px; } .counter .counter-box { font-size: 13px; line-height: 20px; } .counter img { max-width: 50px; max-height: 50px; margin-bottom: 10px; } .feature-img { margin-top: 30px; } .pagingInfo .big-num { font-size: 38px; padding-right: 45px; min-height: 38px; } .pagingInfo .big-num:before { height: 38px; } .pagingInfo .big-num .small { right: 10px; } .room-arrows { margin-top: 40px; } .ma-gallery-section.section-padding { padding-bottom: 90px; } .gallery-box { margin-bottom: 30px; } .gallery-box.big:hover::before { border-width: 20px; } .gallery-box.big .gallery-box-content { font-size: 16px; } .gallery-box.big .gallery-box-content h3 { font-size: 28px; margin-bottom: 0px; line-height: 30px; } .feedback-section .feadback-slide .single-feedback-box { padding: 70px 31px; font-size: 24px; line-height: 33px; } .feedback-section .feadback-slide .single-feedback-box .feedback-author { font-size: 20px; padding-left: 55px; } .contact-box { padding: 20px; font-size: 22px; } .footer-bottom { padding: 40px 0; } .footer-bottom ul.footer-nav { margin-bottom: 10px; } .footer-bottom ul.footer-nav li { margin-right: 10px; } .footer-bottom .copy-right.text-right, .footer-bottom ul.footer-nav { text-align: center !important; } .cta-section .cta-left-content { font-size: 18px; line-height: 28px; text-align: center; } .cta-section .cta-left-content .btn.filled-btn { padding: 20px 35px; } .cta-section .cta-left-content h1 { font-size: 50px; margin-top: 30px; margin-bottom: 30px; line-height: 60px; text-align: center; } .cta-section .video-icon.text-right { text-align: center !important; margin-top: 80px; } ::-webkit-input-placeholder { font-size: 15px; } :-ms-input-placeholder { font-size: 15px; } ::-ms-input-placeholder { font-size: 15px; } ::placeholder { font-size: 15px; } .single-room img { width: 100%; } .breadcrumb-area { height: 300px; } .breadcrumb-area .breadcrumb-content h1 { font-size: 38px; margin-bottom: 0; line-height: 50px; } .breadcrumb-area .breadcrumb-content li { font-size: 18px; margin-right: 10px; } .breadcrumb-area .breadcrumb-content li i { font-size: 14px; } .breadcrumb-area h1.big-text { top: 37%; } .food-cta { padding-top: 120px; padding-bottom: 222px; } .food-cta .food-cta-text h1 { font-size: 30px; } .food-cta .food-cta-text h1 span { font-size: 50px; line-height: 50px; } .food-cta h1.big-text { font-size: 100px; top: 27%; } .single-regular-food.d-flex { display: block !important; } .single-regular-food .food-dec { padding-left: 0; margin-top: 20px; } .slider-two .single-hero-slide .slider-text h1 { font-size: 40px; line-height: 50px; } .booking-section.style-two .nice-select { margin-bottom: 0; } .booking-section.style-two .bookIng-inner-wrap .row>div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } .booking-section.style-two .bookIng-inner-wrap .row>div:last-child { margin-bottom: 0; } .single-feature-box { margin-bottom: 30px; } .latest-product .shape-one, .latest-product .shape-two, .latest-product .shape-three { top: 40px; left: 10px; } .latest-product .shape-three { left: auto; right: 10px; height: 50px; width: 50px; } .latest-product .shape-two { top: auto; bottom: 0; } .latest-product .product-box img { width: 100%; } .feature-accordion .card .card-header button { font-size: 16px; } .feature-accordion-img { margin-top: 40px; } .feature-accordion-img .shape-one { display: none; } .feedback-slider-two .feedback-desc { padding-top: 50px; font-size: 20px; line-height: 30px; } .latest-blog.section-padding { padding-bottom: 100px; } .latest-blog.section-padding .single-latest-post { margin-bottom: 30px; } .latest-blog.section-padding .single-latest-post img { width: 100%; } .about-site .about-img { height: 520px; } .about-site .about-text-box h2 { font-size: 24px; line-height: 32px; } .about-site .counter { padding: 40px 15px 0 15px; } .our-mission::before, .our-mission::after { height: 16.333%; } .gallery-filter li { margin-left: 0; margin-bottom: 5px; margin-right: 30px; } .gallery-filter li:hover, .gallery-filter li.active { padding-left: 25px; color: #fea116; } .post-nav { padding: 40px 35px 10px 35px; } .post-nav .post-nav-box { margin-bottom: 30px; } .sidebar-wrap { margin-top: 50px; } .entry-meta li { margin-right: 20px; } .entry-title { font-size: 22px; line-height: 32px; } .entry-content blockquote { font-size: 15px; line-height: 22px; } .entry-footer.d-flex { display: block !important; } .entry-footer.d-flex ul.popular-tag { margin-bottom: 20px; } .comment-title, .comment-form-title { font-size: 25px; line-height: 30px; } .comment-area .comment-list li .comment-autor { position: unset; margin-bottom: 20px; } .comment-area .comment-list li ul.children { margin-left: 0; padding-left: 20px; } .single-blog-wrap .post-desc h3 { font-size: 20px; line-height: 30px; } .single-blog-wrap .post-desc .btn { padding: 20px 45px; } .single-blog-wrap.video-post .post-thumbnail::before { height: 80px; width: 80px; line-height: 80px; } .contact-info-section .contact-info-box { margin-bottom: 30px; position: relative; padding: 30px 25px 25px 86px; font-size: 16px; border: 1px solid #dedede; line-height: 26px; } .contact-form contact-form-wrap { margin-left: -15px; margin-right: -15px; padding: 80px 30px; } .contact-form h2.form-title { font-size: 34px; margin-bottom: 50px; padding-bottom: 25px; } .contact-form .btn { padding: 25px 45px; } .video-section { height: 500px; } .reserv-form-section .section-title img { width: 100%; } .booking-form-wrap { margin-top: 50px; } .room-details-wrapper .entry-title { font-size: 24px; } .room-details-wrapper .room-specification .feature, .room-details-wrapper .room-specification .facilities, .room-details-wrapper .room-specification .accomodation { margin-top: 30px; padding-left: 0; } .sidebar-wrap .widget.banner-widget { padding: 60px 18px; } .sidebar-wrap .widget.banner-widget h2 { font-size: 22px; line-height: 32px; } .sidebar-wrap .widget.banner-widget .btn { padding: 20px 40px; } .latest-room-d .single-room { margin-top: 30px; } .single-room.list-style .room-desc { padding: 42px 25px; } .counter-up { padding-bottom: 70px; } .counter-up .counter-box.style-two { margin-bottom: 30px; } .feature-slide-wrap .single-feature-slide { padding: 0; } .feature-slide-wrap .single-feature-slide .f-desc { padding: 40px 15px 49px 25px; margin-top: -130px; margin-left: 40px; } .feature-slide-wrap .single-feature-slide .f-desc h1 { font-size: 41px; } .feature-slide-wrap .single-feature-slide img.f-big-image { position: unset; } .contact-section .section-title { margin-top: 45px; } .room-details-wrapper .room-details-tab .nav.desc-tab-item { margin-bottom: 50px; }}@media (min-width: 576px) and (max-width: 767.99px) { .header-menu-area .logo img { max-width: 165px; } .header-menu-area .menu-right-area .search-wrap .search-form { width: 350px; } .header-menu-area.sticky .logo img { max-width: 165px; } .mean-container a.meanmenu-reveal { top: 8px; } .header-two a.meanmenu-reveal { top: 0px; } .featured-slider::after { top: -128px; } .feature-slide-wrap span.slick-arrow { bottom: 80px; } .room-details-wrapper .room-details-tab .nav.desc-tab-item { margin-bottom: 0; } .booking-section.style-two .bookIng-inner-wrap .row>div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .booking-section.style-two .bookIng-inner-wrap .row>div:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }}@media only screen and (max-width: 575px) { .hero-section .slider-text { padding: 120px 0 150px; } .hero-section.slider-two .slider-text { padding: 0; } .menu-right-area .lang-select .lang-option { right: 50px; } .counter .counter-box { text-align: center; margin-bottom: 20px; } .counter .counter-box.col-sm-4:last-child .counter-box { margin-bottom: 0px; } .ma-package-section.featured-packages .packages-post-item .post-thumbnail, .packages-area-v1 .packages-post-item .post-thumbnail, .ma-package-section .packages-post-item .post-thumbnail { max-width: 100%; margin-bottom: 10px; } .ma-package-section.featured-packages .packages-post-item .post-thumbnail img, .packages-area-v1 .packages-post-item .post-thumbnail img, .ma-package-section .packages-post-item .post-thumbnail img { width: 100%; } .packages-area-v1 .packages-post-item, .ma-package-section .packages-post-item, .ma-package-section.featured-packages .packages-post-item { display: block; } .single-room .room-desc .room-cat { display: none; } .post-thumb .price-tag { right: 10px; top: 10px; padding: 4px 12px; font-size: 16px; } .room-details-wrapper .room-details-tab .comment-area .comment-desc .user-rating { position: static; }}@media only screen and (min-width: 1600px) { /* .single-room .room-desc{ padding-inline: 35px; } .single-room .room-desc .room-cat{ left: 35px; } .latest-room-slider{ margin-inline-start: 50px; } */} @media (max-width: 767px){ .breadcrumb-area {height: auto;} .theme_4 .breadcrumb-area{padding-top: 12px;} .mobflterrwlp{display:block;} .packages-area-v1{padding: 0px 0 60px;} .mobflterrwlp .p-3{padding: 0 !important;display: inline-flex;} .mobflterrwlp .reltvdv a.cmnlnelnk{border-radius:5px;border: 1px solid rgba(46, 197, 182, 1);border-radius:30px;margin-right:2px;display: inline-block;padding: 4px 12px;white-space: nowrap;font-size: 14px;line-height: 20px;} .stickyheadr{-ms-overflow-style: none;overflow-x: auto !important; width: 100vw !important;scrollbar-width: none;padding:12px;margin-bottom: 15px;position: sticky; top: 0;position: -webkit-sticky} .stickyheadr .reltvdv{position: relative;} .stickyheadr .reltvdv .closicn{position: absolute;top:-10px;right:5px;border-radius: 100%;border: 1px solid rgba(46, 197, 182, 1);background: #fff;width: 20px;height: 20px;line-height:17px;text-align: center;} .stickyheadr .reltvdv .btnfillstp{background:rgba(46, 197, 182, 1);} }