File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/royaldeluxecamp.in/css/media-query.css
Back
@media (min-width: 1220px) { .uk-hidden\@l { display: none !important; } .uk-container { max-width: 1220px; } .uk-container-small { max-width: 1080px; } .uk-container-large { max-width: 1600px; } .uk-container-expand { max-width: none; } .uk-navbar.impx-nav-left { margin-right: -65px } .uk-navbar.impx-nav-right { margin-left: -70px } .impx-room-item .uk-card-body { padding: 30px; } .uk-padding-xlarge { padding: 80px; } .uk-padding-xxlarge { padding: 120px; } .uk-align-left { margin-right: 30px; } .uk-align-right { margin-left: 30px; } .slide-form-section { position: relative; margin-top: -120px; } } @media (min-width: 1281px) { .impx-services-list { margin-top: -100px; } .impx-slide-fw-caption { top: 30px; left: 0px; } .impx-slide-fw-caption.right { left: auto; right: 0px; } } /* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */ @media (min-width: 1025px) and (max-width: 1280px) { .impx-hero-resto { min-height: 720px; } .impx-slide-container.hero-spa { height: 720px; min-height: 720px; } .impx-slide-fw-caption { left: 30px; top: 40px; } .impx-slide-fw-caption.right { right: 30px; left: auto; } .impx-slide-fw-caption.spa { margin-top: 0px; } .impx-services-list { margin-top: -100px; } .impx-resto-badge { margin-top: -60px; padding-bottom: 30px !important; } .img-resto-intro { position: relative; bottom: -30px; } .impx-img-stacked { top: 30px; } .impx-menu-wrapper.style3 .uk-navbar-nav.impx-nav > li > a { padding: 0 16px; } .slide-form-section { position: relative; margin-top: -120px; } } /* ----------- iPad Pro 12.9" ----------- */ /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .impx-slide-container.hp3 { margin-bottom: 60px; } .impx-content.hp3 { margin-top: -60px; padding-top: 60px; } .impx-features { min-height: 600px !important; background-position: bottom center; } .impx-features-content { padding-top: 90px !important; } .impx-contact { height: 320px !important; } #impx-gmap, #impx-contact-gmap { height: 320px !important; } .impx-services-list { margin-top: -100px !important; } .slide-form-section.hp2 { margin-top: -235px !important; background-color: transparent !important; } .impx-slide-fw-caption { top: 30px !important; } .impx-slide-fw-caption.bottom { left: 0px !important; top: 30px !important; } .impx-resto-badge { margin-top: -60px !important; } .impx-resto-badge .impx-negative-top.xxlarge img { margin-top: -100px !important; max-width: 100% !important; margin-bottom: 0px !important; bottom: -45px; position: relative; } .impx-intro.resto, .resto-feat-item { text-align: left !important; } .resto-feat-item .impx-overlay { display: inline-block !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } .resto-feat-item img, .resto-feat-item .impx-overlay { max-width: 100% !important; } .impx-resto-content { max-height: auto !important; } .impx-resto-content img { max-width: 100% !important; } .impx-badge-content.right { top: 0px !important; } .impx-badge-content.left h4, .impx-badge-content.right h4, .impx-badge-content.left p, .impx-badge-content.right p { text-align: left; } .impx-badge-content.left p, .impx-badge-content.right p { margin-left: 0px; margin-right: 0px; } .about-highlight img { bottom: -53px !important; } } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .impx-slide-container.hero-spa { min-height: 768px; } .impx-slide-fw-caption.spa { margin-top: 0px; } .impx-slide-fw-caption { top: 60px; } .impx-services-list { margin-top: -90px; } .impx-hp-booking-form { max-width: 100% } .impx-resto-badge { margin-top: -8px; } #impx-footer { padding-top: 70px; } .about-highlight img { bottom: 0px; } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { h1,h2,h3,h4,h5,h6 { line-height: 1.1; } h1, h1.uk-card-title, h1.uk-article-title { font-size: 36px; } h2, h2.uk-card-title, h2.uk-article-title { font-size: 30px; } h3, h3.uk-card-title, h3.uk-article-title { font-size: 24px; line-height: 1; } h4, h4.uk-card-title, h4.uk-article-title { font-size: 20px; line-height: 1; } h5, h5.uk-card-title, h5.uk-article-title { font-size: 18px; line-height: 1; } h6, h6.uk-card-title, h6.uk-article-title { font-size: 16px; line-height: 1; } .mobile-rmv-pad.hrz { padding-left: 0px; padding-right: 0px; } .mobile-rmv-pad.vert { padding-top: 0px; padding-bottom: 0px; } .impx-margin-top-remove { margin-top: 0px !important; } .mobile-mb { margin-bottom: 30px !important; } .mobile-nav { position: absolute; top: 5px; right: 30px; z-index: 2 } .impx-top-social ul { position: absolute; top: 0px; right: 90px; } .impx-menu-wrapper.style2 .impx-logo img { margin-left: -10px; margin-top: -10px; } .impx-menu-wrapper.style2.uk-active .impx-logo img { margin-top: 0px; } .ribbon{ width: 60px; height: 60px; } .ribbon:before{ bottom: -1.8em; border-top: 2em solid #d62f2f; border-right: 3.0em solid transparent; } .ribbon:after{ bottom: -1.8em; border-top: 2em solid #d62f2f; border-left: 3.0em solid transparent; } i span{ top: 43%; margin-top: -.8em; font-size: 24px; } .impx-menu-wrapper.style2.uk-active { padding-bottom: 10px; } .impx-menu-wrapper.style2.uk-sticky.uk-active .mobile-nav { top: 25px; right: 100px; } .impx-menu-wrapper.style3.uk-sticky .mobile-nav { top: -27px; color: #ffffff } .impx-menu-wrapper.style3.uk-sticky.uk-active .mobile-nav { color: #31a9a9; top: 25px; } .impx-nav .uk-navbar-dropdown .impx-hidden-m { display: none !important; } .uk-navbar-dropdown-nav .uk-nav-header { font-size: .8rem; line-height: 1rem; } .impx-nav .uk-navbar-dropdown { top: 60px !important; line-height: 1.3rem; } .uk-navbar-dropdown.impx-megamenu { line-height: 1rem; } .uk-navbar-dropdown.impx-megamenu:after { left: 103px; } .impx-nav .uk-navbar-dropdown img { margin-bottom: 10px; } .impx-nav .uk-navbar-dropdown-grid>* { padding-left: 40px; } .impx-nav .uk-navbar-dropdown .fa-05x.circle { width: 20px; height: 20px; line-height: 20px; border-width: 1px; font-size: 12px; } .impx-menu-wrapper.style2 .uk-navbar-nav.impx-nav > li > a { padding: 0 12px; min-height: 50px; } .uk-navbar-nav.impx-nav > li > a div.uk-navbar-subtitle { display: none; } .impx-menu-wrapper.style2.uk-sticky.uk-active .uk-navbar-nav.impx-nav > li > a { padding: 0 12px; min-height: 70px; } .impx-menu-wrapper.style2.uk-sticky.uk-active .uk-navbar-nav.impx-nav > li:last-child > a { padding-right: 0px; } .impx-slide-fw-caption { left: 30px; top: 60px; } .impx-slide-fw-caption.right { position: relative; left: -45px; } .impx-slide-fw-caption h1 { font-size: 42px; margin-bottom: 10px !important; } .impx-slide-fw-caption p { font-size: .9rem; line-height: 1.2; } .impx-slide-fw-caption-outline:before, .impx-slide-fw-caption-outline:after { display: block; content: ''; position: absolute; left: 3px; width: 95px; height: 40px; border: 7px solid #31a9a9; } .impx-slide-fw-caption-outline:before { top: -45px; border-bottom: 0; } .impx-slide-fw-caption-outline:after { bottom: -95px; border-top: 0; } .impx-slide-fw-caption-outline.bottom:after { bottom: -105px; } .impx-services-list { margin-top: 0px; padding-top: 30px; } .slide-form-section.hp2 { background-color: #2e9d9d; padding-top: 130px; margin-top: -60px; background-image: url('../images/pattern/transparent-flower12.png'); background-repeat: repeat; } .impx-promo-pricing.uk-padding, .impx-promo-pricing .uk-padding { padding: 20px; } .impx-hp-booking-form.hp2 .uk-form-icon.select-icon { left: 30px; } .impx-slideshow { min-height: 400px; } .impx-hero-resto { min-height: 576px; } .impx-resto-badge { margin-top: 0px; padding-bottom: 30px !important; text-align: center; } .impx-slide-fw-caption.resto-caption { left: 0px; } .impx-slide-fw-caption.resto-caption h1{ font-size: 48px; margin-bottom: 15px !important; } .impx-slide-fw-caption.resto-caption p, .impx-slide-fw-caption.spa-caption p { font-size: 1.2rem; } .impx-resto-badge .impx-negative-top.xxlarge{ margin-top: 0px; } .impx-img-stacked { display: none; } .impx-menu-carousel { padding-top: 30px !important; background-size: 100% 100%; } .impx-resto-content { max-height: 200px; } .impx-resto-img.impx-negative-top.tiny { margin-top: -3px; } .impx-resto-badge .impx-negative-top.xxlarge img { max-width: 50%; margin-bottom: 20px } .impx-contact { height: 520px; } #impx-gmap, #impx-contact-gmap { height: 520px; min-height: 90%; max-width: 100%; } .about-highlight img { position: relative; bottom: 20px; } .impx-features { min-height: 1200px; background-position: bottom center; } .impx-features-content { padding-top: 570px; } .bg-img1 { background-position: bottom center; } .impx-hp-booking-form .uk-inline { display: block; } .impx-hp-booking-form .uk-input { display: block; max-width: 100%; width: 100%; } .related-rooms .impx-service-card .uk-card-badge { top: 5px; right: 5px; } .impx-hp-booking-form .empty-label { display: none; } .impx-room-slider .uk-thumbnav>* { padding-top: 15px; padding-left: 0px; padding-bottom: 0px; left: 0px; position: relative } .impx-room-slider .uk-thumbnav.uk-thumbnav-vertical { padding-top: 10px; } .impx-room-slider .uk-thumbnav>* { padding-right: 15px; } .impx-room-slider .uk-thumbnav img { width: 90px; } .impx-room-slider .uk-thumbnav.uk-thumbnav-vertical img { width: 90px; height: auto; } .impx-page-heading { height: 300px; max-height: 300px; } .impx-page-heading .page-title { top: 220px; } .impx-page-heading .page-title h1 { font-size: 30px; } .resto-feat { padding-left: 0px; padding-right: 0px; text-align: center } .resto-feat-item h5 { margin-top: 0px; } .resto-feat-item img, .resto-feat-item .impx-overlay { max-width: 60%; } .resto-feat-item .impx-overlay { max-width: 58%; } .impx-intro.resto { text-align: center; } .resto-feat-item { text-align: center; } .impx-img-stacked { display: none; } .resto-feat-item .impx-overlay { display: block; text-align: center; margin-left: auto; margin-right: auto; } .impx-resto-content { max-height: 490px; } .impx-resto-content img { max-width: 30%; display: block; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; } .impx-badge-content.left h4, .impx-badge-content.right h4, .impx-badge-content.left p, .impx-badge-content.right p { text-align: center; } .impx-badge-content.left p, .impx-badge-content.right p { margin-right: 70px; margin-left: 70px; } .impx-badge-content.right { position: relative; top: -50px; } .impx-slide-container.hero-spa { min-height: 520px; height: 520px; } .impx-slide-fw-caption.spa { margin-top: 0px; top: 0px; } .impx-content.impx-services.style2 .impx-hp-booking-form button { margin-top: 30px; } .impx-hp-booking-form.hp2 button { position: relative; top: 30px } .uk-tab.impx-ft-tab-items>li>a { padding-left: 24px; padding-right: 24px; } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .mobile-rmv-pad.hrz { padding-left: 0px; padding-right: 0px; } .mobile-rmv-pad.vert { padding-top: 0px; padding-bottom: 0px; } .impx-margin-top-remove { margin-top: 0px !important; } .mobile-mb { margin-bottom: 30px !important; } .impx-nav .uk-navbar-dropdown .impx-hidden-m { display: none !important; } .uk-navbar-dropdown-nav .uk-nav-header { font-size: .8rem; line-height: 1rem; } .impx-nav .uk-navbar-dropdown { top: 60px !important; line-height: 1.3rem; } .uk-navbar-dropdown.impx-megamenu { line-height: 1rem; } .uk-navbar-dropdown.impx-megamenu:after { left: 103px; } .impx-nav .uk-navbar-dropdown img { margin-bottom: 10px; } .impx-nav .uk-navbar-dropdown-grid>* { padding-left: 40px; } .impx-nav .uk-navbar-dropdown .fa-05x.circle { width: 20px; height: 20px; line-height: 20px; border-width: 1px; font-size: 12px; } .impx-menu-wrapper.style2 .uk-navbar-nav.impx-nav > li > a { padding: 0 12px; } .uk-navbar-nav.impx-nav > li > a div.uk-navbar-subtitle { display: none; } .impx-menu-wrapper.style2.uk-sticky.uk-active .uk-navbar-nav.impx-nav > li > a { padding: 0 12px; } .impx-menu-wrapper.style2.uk-sticky.uk-active .uk-navbar-nav.impx-nav > li:last-child > a { padding-right: 0px; } .impx-slide-container.hero-spa { min-height: 530px; } .impx-slide-fw-caption.spa { margin-top: 0; top: 0px; } .impx-slide-fw-caption { left: 30px; top: 60px; } .impx-slide-fw-caption.right { position: relative; left: -45px; } .impx-slide-fw-caption h1 { font-size: 54px; } .impx-slide-fw-caption p { font-size: 1.1rem; line-height: 1.3; } .impx-slide-fw-caption-outline:before, .impx-slide-fw-caption-outline:after { display: block; content: ''; position: absolute; left: 5px; width: 200px; height: 60px; border: 8px solid #31a9a9; } .impx-slide-fw-caption-outline:before { top: -65px; border-bottom: 0; } .impx-slide-fw-caption-outline:after { bottom: -140px; border-top: 0; } .impx-slide-fw-caption-outline.bottom:after { bottom: -150px; } .impx-page-heading { height: 360px; max-height: 360px; } .impx-page-heading .page-title { top: 270px; } .impx-services-list { margin-top: -100px; } .slide-form-section.hp2 { background-color: #2e9d9d; padding-top: 130px; margin-top: -60px; background-image: url('../images/pattern/transparent-flower12.png'); background-repeat: repeat; } .impx-promo-pricing.uk-padding, .impx-promo-pricing .uk-padding { padding: 20px; } .impx-hp-booking-form.hp2 .uk-form-icon.select-icon { left: 30px; } .impx-slideshow { min-height: 520px; } .impx-hero-resto { min-height: 576px; } .impx-resto-badge { margin-top: -60px; } .impx-resto-badge .impx-negative-top.xxlarge{ margin-top: -60px; } .impx-img-stacked { display: none; } .impx-menu-carousel { padding-top: 30px !important; background-size: 100% 100%; } .impx-resto-content { max-height: 200px; } .impx-resto-img.impx-negative-top.tiny { margin-top: -5px; } .impx-contact { height: 325px; } #impx-gmap, #impx-contact-gmap { height: 325px; min-height: 90%; max-width: 100%; } .about-highlight img { position: relative; bottom: -53px; } .impx-testimonial-item.impx-contrast { margin-top: 15px; } .uk-label { padding: 3px 6px 2px; line-height: 1.2; font-size: 0.70rem; } .impx-features { min-height: 600px; background-position: bottom center; } .impx-features-content { padding-top: 90px; } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { h1, h1.uk-card-title, h1.uk-article-title { font-size: 36px; } h2, h2.uk-card-title, h2.uk-article-title { font-size: 30px; } h3, h3.uk-card-title, h3.uk-article-title { font-size: 24px; } h4, h4.uk-card-title, h4.uk-article-title { font-size: 22px; } h5, h5.uk-card-title, h5.uk-article-title { font-size: 18px; } h6, h6.uk-card-title, h6.uk-article-title { font-size: 16px; } .impx-text-large { font-size: 1rem; line-height: 1.5rem; } .mobile-rmv-pad.hrz { padding-left: 0px; padding-right: 0px; } .mobile-rmv-pad.vert { padding-top: 0px; padding-bottom: 0px; } .impx-margin-top-remove { margin-top: 0px !important; } .mobile-mb { margin-bottom: 30px !important; } .img-50 { max-width: 50%; } .img-60 { max-width: 60%; } .img-70 { max-width: 70%; } .img-80 { max-width: 80%; } .img-90 { max-width: 90%; } .img-centered { display: block; margin-left: auto; margin-right: auto; } .impx-menu-wrapper.style2.uk-sticky.uk-active { padding: 0px 0px 8px; } .impx-menu-wrapper.style2 .impx-logo img { max-width: 90%; position: relative; top: -15px; left: -10px; } .impx-menu-wrapper.style2.uk-active .impx-logo img { top: -5px; max-width: 80%; } .impx-menu-wrapper.style3 { padding: 0px 0px 6px; } .mobile-nav { position: absolute; top: 5px; right: 15px; z-index: 2 } .impx-menu-wrapper.style2.uk-sticky.uk-active .mobile-nav { top: 20px; right: 75px; } .impx-menu-wrapper.style3.uk-sticky .mobile-nav { top: -27px; color: #ffffff } .impx-menu-wrapper.style3.uk-sticky.uk-active .mobile-nav { color: #31a9a9; top: 25px; } .impx-top-phone { display: none; } .impx-top-social ul { position: absolute; top: 0px; left: -15px; } .ribbon { width: 50px; height: 45px; } i span { color: #FFF; top: 40%; margin-top: -.8em; font-size: 20px; } i span span { font-size: 14px; margin-top: -5px; } .ribbon:before { bottom: -1.2em; border-top: 1.5em solid #d62f2f; border-right: 2.5em solid transparent; } .ribbon:after { bottom: -1.2em; border-top: 1.5em solid #d62f2f; border-left: 2.5em solid transparent; } .impx-slide-container.style1.hp2 { height: 391px; max-height: 391px; } .impx-slide-fw-caption-outline { display: none } .impx-slide-fw-caption { top: 60px; left: 15px; } .impx-slide-fw-caption.right { right: 15px; left: auto; } .impx-slide-fw-caption h1 { font-size: 36px; margin-bottom: 5px !important; } .impx-slide-fw-caption p { font-size: .9rem; margin-top: -10px !important; } .impx-content.style2 { margin-top: -132px; padding-top: 0px; } .impx-services-list { padding-top: 30px; margin-top: 0px; } .impx-hp-booking-form .uk-inline { display: block; } .impx-hp-booking-form .uk-input { max-width: 100%; width: 100%; display: block; } .impx-hp-booking-form .empty-label { display: none; } .impx-hp-booking-form.hp2 .uk-form-icon.select-icon { left: 30px; } .impx-testimonial-list .impx-testimonial-item.impx-contrast .impx-testi-text blockquote { padding-right: 0px; } .impx-testimonial-list .impx-testi-text blockquote p { font-size: 1rem; line-height: 1.5rem; } .impx-contact { height: 520px; } #impx-gmap, #impx-contact-gmap { position: relative; min-height: 90%; height: 520px; max-width: 100%; } .impx-section-rooms { height: 100%; background-size: 100% 100%; padding-bottom: 30px; } .impx-features { padding-top: 0px; background-position: bottom center; } .bg-img1 { background-position: bottom center; } .slide-form-section.hp2 { background-color: #2e9d9d; padding-top: 130px; margin-top: -77px; } .impx-slideshow { margin-top: -10px; min-height: 220px; } .impx-slide-caption { left: 40px; bottom: 30px; padding: 5px 10px; } .impx-slide-caption h3 { font-size: 16px; } .impx-slide-caption p { display: none; } .impx-slideshow .uk-dotnav { bottom: 20px; } .impx-ft-tab-items { top: 0px; } .uk-tab.impx-ft-tab-items>li>a { padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; font-size: 14px; } .uk-tab.impx-ft-tab-items>li.uk-active>a { padding-top: 6px; padding-bottom: 6px; margin-top: -10px; } .impx-page-heading { height: 280px; max-height: 280px; } .impx-page-heading .page-title { top: 210px; } .impx-page-heading .page-title h1 { font-size: 24px; } .pre-footer-contact { background-size: 100% 100%; } .impx-room-slider .uk-thumbnav>*>* { display: none; } .uk-tab.impx-room-tabs>*>a { padding: 4px 10px 4px; font-size: 13px; } .uk-tab.impx-room-tabs > li.uk-active > a{ padding-bottom: 4px; } .impx-hero-resto { min-height: 391px; } .impx-slide-fw-caption.resto-caption { left: -15px; right: auto; } .impx-slide-fw-caption.resto-caption h1 { font-size: 30px; margin-bottom: 15px !important; } .impx-slide-fw-caption.resto-caption p { font-size: 1rem; line-height: 1.2; } .impx-slide-icon { margin-right: 5px; margin-top: -10px; font-size: 14px; width: 42px; height: 42px; line-height: 42px; } .impx-resto-badge { margin-top: -60px; padding-bottom: 30px !important; } .impx-resto-badge .impx-negative-top.xxlarge { margin-top: 0px; margin-bottom: 20px; } .impx-resto-badge .impx-negative-top.xxlarge img { max-width: 70%; } .impx-img-stacked { display: none; } .resto-feat { padding-left: 0px; padding-right: 0px; } .impx-intro.resto, .resto-feat h5, .resto-feat p { text-align: center; } .resto-feat h5 { margin-top: -10px; } .resto-feat-item img, .resto-feat-item .impx-overlay { display: block; text-align: center; margin-left: auto; margin-right: auto; max-width: 60%; margin-bottom: 0px; } .resto-feat-item .impx-overlay { max-width: 58%; } .impx-menu-carousel { padding-top: 30px !important; background-position: top center; background-repeat: repeat; } .impx-menu-page-group { padding: 25px 0px 10px 25px; } .impx-menu-cat-group-outline { left: 0px; right: 0px; top: 0px; bottom: 0px; } .impx-menu-page-group img { left: 0px; max-width: 60%; margin-top: 10px; } .impx-resto-content { max-height: 470px; } .impx-resto-img img { max-width: 50%; display: block; margin-left: auto; margin-right: auto; } .impx-badge-content.left { margin-top: 20px !important; } .impx-badge-content.right { margin-top: -15px !important; margin-bottom: 20px; } .impx-badge-content.left h4, .impx-badge-content.right h4 { text-align: center; } .impx-slide-container.hero-spa { min-height: 391px; } .impx-slide-fw-caption.spa { margin-top: 0px; top: 0px; } .impx-sections-spa { background-repeat: repeat; } .hero-spa .impx-slide-fw-caption h1 { font-size: 36px; color: #ffffff; margin-bottom: 10px !important; } .impx-spa-content, .impx-act-content { padding: 30px; } .impx-spa-content:before, .impx-spa-content:after, .impx-act-content:before, .impx-act-content:after { top: 15px; left: 15px; right: 15px; bottom: 15px; } .impx-spa-content:after, .impx-act-content:after { border-width: 1px; top: 17px; left: 17px; right: 17px; bottom: 17px; } .impx-section-therapthist { background-position: center center; background-repeat: repeat; } .bg-img2 { background-size: 100% 100%; } .history-list li:after { display: none; } .impx-testimonial-list .impx-testi-text blockquote { padding-top: 20px; padding-right: 0px; } .impx-testimonial-list .impx-testi-image { top: -20px; right: -5px; } .impx-testimonial-list .impx-testi-image img { padding: 4px; width: 70px; height: 70px; } .impx-gallery-filter { margin-bottom: 10px !important; margin-left: -12px; } .uk-subnav-pill.impx-gallery-filter > * { padding-left: 5px; } .uk-card-body { padding: 20px; } .uk-padding { padding: 20px; } .uk-card-body.impx-feature-item { padding: 30px; } .impx-promo-pricing.uk-padding, .impx-promo-pricing .uk-padding { padding: 15px 15px 25px 15px; } .impx-promo-pricing.featured { margin-top: 0px; } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { h1, h1.uk-card-title, h1.uk-article-title { font-size: 30px; } h2, h2.uk-card-title, h2.uk-article-title { font-size: 24px; } h3, h3.uk-card-title, h3.uk-article-title { font-size: 22px; } h4, h4.uk-card-title, h4.uk-article-title { font-size: 20px; } h5, h5.uk-card-title, h5.uk-article-title { font-size: 18px; } h6, h6.uk-card-title, h6.uk-article-title { font-size: 16px; } .impx-text-large { font-size: 1rem; line-height: 1.5rem; } .mobile-rmv-pad.hrz { padding-left: 0px; padding-right: 0px; } .mobile-rmv-pad.vert { padding-top: 0px; padding-bottom: 0px; } .impx-margin-top-remove { margin-top: 0px !important; } .img-50 { max-width: 50%; } .img-60 { max-width: 60%; } .img-70 { max-width: 70%; } .img-80 { max-width: 80%; } .img-90 { max-width: 90%; } .img-centered { display: block; margin-left: auto; margin-right: auto; } .impx-menu-wrapper.style2.uk-sticky.uk-active { padding: 0px 0px 8px; } .impx-menu-wrapper.style2 .impx-logo img { max-width: 75%; position: relative; top: -15px; left: -10px; } .impx-menu-wrapper.style2.uk-active .impx-logo img { top: -5px; } .impx-menu-wrapper.style3 { padding: 0px 0px 6px; } .mobile-nav { position: absolute; top: 5px; right: 15px; z-index: 2 } .impx-menu-wrapper.style2.uk-sticky.uk-active .mobile-nav { top: 20px; right: 75px; } .impx-menu-wrapper.style3.uk-sticky .mobile-nav { top: -27px; color: #ffffff } .impx-menu-wrapper.style3.uk-sticky.uk-active .mobile-nav { color: #31a9a9; top: 25px; } .impx-top-phone { display: none; } .impx-top-social ul { position: absolute; top: 0px; left: -15px; } .ribbon { width: 50px; height: 45px; } i span { color: #FFF; top: 40%; margin-top: -.8em; font-size: 20px; } i span span { font-size: 14px; margin-top: -5px; } .ribbon:before { bottom: -1.2em; border-top: 1.5em solid #d62f2f; border-right: 2.5em solid transparent; } .ribbon:after { bottom: -1.2em; border-top: 1.5em solid #d62f2f; border-left: 2.5em solid transparent; } .impx-slide-container.style1.hp2 { height: 391px; max-height: 391px; } .impx-slide-fw-caption-outline { display: none } .impx-slide-fw-caption { top: 60px; left: 15px; } .impx-slide-fw-caption.right { right: 15px; left: auto; } .impx-slide-fw-caption h1 { font-size: 28px; margin-bottom: 5px !important; } .impx-slide-fw-caption p { font-size: .9rem; margin-top: -10px !important; } .impx-content.style2 { margin-top: -132px; } .impx-services-list { padding-top: 30px; margin-top: 0px; } .impx-hp-booking-form .uk-inline { display: block; } .impx-hp-booking-form .uk-input { max-width: 100%; width: 100%; display: block; } .impx-hp-booking-form .empty-label { display: none; } .impx-hp-booking-form.hp2 .uk-form-icon.select-icon { left: 30px; } .impx-testimonial-list .impx-testimonial-item.impx-contrast .impx-testi-text blockquote { padding-right: 0px; } .impx-testimonial-list .impx-testi-text blockquote p { font-size: 1rem; line-height: 1.5rem; } .impx-contact { height: 580px; } #impx-gmap, #impx-contact-gmap { position: relative; min-height: 90%; height: 580px; max-width: 100%; } .impx-section-rooms { height: 100%; background-size: 100% 100%; padding-bottom: 30px; } .impx-features { padding-top: 0px; background-position: bottom center; } .bg-img1 { background-position: bottom center; } .slide-form-section.hp2 { background-color: #2e9d9d; padding-top: 130px; margin-top: -133px; } .impx-slideshow { margin-top: -30px; min-height: 220px; } .impx-slide-caption { left: 40px; bottom: 30px; padding: 5px 10px; } .impx-slide-caption h3 { font-size: 16px; } .impx-slide-caption p { display: none; } .impx-slideshow .uk-dotnav { bottom: 20px; } .uk-tab.impx-ft-tab-items>li>a { padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; font-size: 14px; } .uk-tab.impx-ft-tab-items>li.uk-active>a { padding-top: 4px; padding-bottom: 4px; margin-top: -10px; } .impx-page-heading { height: 220px; max-height: 220px; } .impx-page-heading .page-title { top: 150px; } .impx-page-heading .page-title h1 { font-size: 22px; } .pre-footer-contact { background-size: 100% 100%; } .impx-room-slider .uk-thumbnav>*>* { display: none; } .uk-tab.impx-room-tabs>*>a { padding: 4px 10px 4px; font-size: 13px; } .uk-tab.impx-room-tabs > li.uk-active > a{ padding-bottom: 4px; } .impx-hero-resto { min-height: 391px; } .impx-slide-fw-caption.resto-caption { left: -15px; right: auto; } .impx-slide-fw-caption.resto-caption h1 { font-size: 30px; margin-bottom: 15px !important; } .impx-slide-fw-caption.resto-caption p { font-size: 1rem; line-height: 1.2; } .impx-slide-icon { margin-right: 5px; margin-top: -10px; font-size: 14px; width: 42px; height: 42px; line-height: 42px; } .impx-resto-badge { margin-top: -60px; padding-bottom: 30px !important; } .impx-resto-badge .impx-negative-top.xxlarge { margin-top: 0px; margin-bottom: 20px; } .impx-img-stacked { display: none; } .resto-feat { padding-left: 0px; padding-right: 0px; } .impx-intro.resto, .resto-feat h5, .resto-feat p { text-align: center; } .resto-feat h5 { margin-top: -10px; } .impx-menu-carousel { padding-top: 30px !important; background-position: top center; background-repeat: repeat; } .impx-menu-page-group { padding: 25px 0px 10px 25px; } .impx-menu-cat-group-outline { left: 0px; right: 0px; top: 0px; bottom: 0px; } .impx-menu-page-group img { left: -5px; } .impx-resto-content { max-height: 470px; } .impx-badge-content.left { margin-top: 20px !important; } .impx-badge-content.right { margin-top: -15px !important; margin-bottom: 20px; } .impx-badge-content.left h4, .impx-badge-content.right h4 { text-align: center; } .impx-slide-container.hero-spa { min-height: 391px; } .impx-slide-fw-caption.spa { margin-top: 0px; top: 0px; } .hero-spa .impx-slide-fw-caption h1 { font-size: 36px; color: #ffffff; margin-bottom: 10px !important; } .impx-spa-content, .impx-act-content { padding: 30px; } .impx-spa-content:before, .impx-spa-content:after, .impx-act-content:before, .impx-act-content:after { top: 15px; left: 15px; right: 15px; bottom: 15px; } .impx-spa-content:after, .impx-act-content:after { border-width: 1px; top: 17px; left: 17px; right: 17px; bottom: 17px; } .impx-section-therapthist { background-position: center center; background-repeat: repeat; } .bg-img2 { background-size: 100% 100%; } .history-list li:after { display: none; } .impx-testimonial-list .impx-testi-text blockquote { padding-top: 20px; padding-right: 0px; } .impx-testimonial-list .impx-testi-image { top: -20px; right: -5px; } .impx-testimonial-list .impx-testi-image img { padding: 4px; width: 70px; height: 70px; } .impx-gallery-filter { margin-bottom: 10px !important; margin-left: -12px; } .uk-subnav-pill.impx-gallery-filter > * { padding-left: 5px; } .uk-card-body { padding: 15px; } .uk-padding { padding: 15px; } .uk-card-body.impx-feature-item { padding: 30px; } .impx-promo-pricing.uk-padding, .impx-promo-pricing .uk-padding { padding: 15px 15px 25px 15px; } .impx-promo-pricing.featured { margin-top: 0px; } } /* Iphone 5,5s Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .impx-slide-container.hp3 { height: 300px !important; margin-bottom: 30px !important; } .impx-slide-container.hp3 .impx-slideshow { min-height: 300px !important; } .impx-features-list li img, .impx-features-list li .impx-overlay { max-width: 60% !important; } .slide-form-section.hp2 .impx-hp-booking-form button { margin-top: 0px !important; } .slide-form-section.hp2 { margin-top: -115px !important; } } /* Iphone 6,7,8 Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .impx-slideshow { min-height: 290px !important; } .impx-slide-container.style1.hp2 { height: 355px; max-height: 355px; } .impx-features-list li img, .impx-features-list li .impx-overlay { max-width: 100%; } .slide-form-section.hp2 { margin-top: -60px; } .slide-form-section.hp2 .impx-hp-booking-form button { margin-top: 30px; } } /* Iphone 6+,7+,8+ Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .impx-slideshow { min-height: 380px !important; } .impx-slide-container.style1.hp2 { height: 414px !important; max-height: 414px } .impx-features-list li img, .impx-features-list li .impx-overlay { max-width: 100%; } .impx-content.style2 { margin-top: -122px !important; padding-top: 0px !important; } .slide-form-section.hp2 { margin-top: -80px; padding-top: 110px; } .impx-hp-booking-form { margin-top: 30px; } } /* Iphone X Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .impx-content.style2 { margin-top: -100px; padding-top: 100px; } .impx-slideshow { min-height: 420px; } .slide-form-section.hp2 .impx-hp-booking-form button { margin-top: 30px; } .impx-hp-booking-form { margin-top: 20px; } .impx-contact { height: 520px; } #impx-gmap, #impx-contact-gmap { height: 520px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings