File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/madhusonpalms.com/css/responsive.css

Back
/********************************************** [Responsive Stylesheet] **********************************************/ @media (max-width: 1599px) { .hotel-header { padding: 20px 50px; } .hotel-header.sticky-menu, .hotel-header.transparent { padding: 30px 50px; } .hotel-service .service-content { padding: 40px 15px 40px } .dining-service .dining-content { width: 45%; padding: 20px 15px 20px 50px; } .dining-service .dining-content p { margin-bottom: 40px; } }/--end media query 1400-1599px--/ @media (min-width: 1200px) { .container { max-width: 1250px; } } @media (max-width: 1399px) { .hotel-service .service-content h4 { font-size: 26px; line-height: 38px; } /-------room list page--------/ .hotel-breadcrumbs { background-position: center -180px } .hotel-breadcrumbs .breadcrumbs-content { height: 400px; } /----------about page----------/ .feature-section .single-feature { margin-top: 30px; } .feature-section .features { padding-left: 35px; } .feature-section .single-feature i { margin-bottom: 10px; } .feature-section .single-feature h6 { margin-bottom: 8px; } /-------------contact page-------------/ .contact-details .single-contact { height: 280px; } /-------------home page-2--------/ .dining-service .dining-content h4 { margin-bottom: 13px; } .dining-service .dining-content span.text-uppercase { margin-bottom: 13px; } .dining-service .dining-content p { margin-bottom: 30px; } }/--end media query 1200-1399px--/ @media (max-width: 1199px) { .hotel-header { padding: 20px 0px; } .hotel-header.sticky-menu, .hotel-header.transparent { padding: 30px 0px; } .hotel-banner .banner-content h1 { font-size: 50px; line-height: 60px; } .hotel-banner .banner-content h5 { font-size: 16px; line-height: 28px; } /--------/ .check-availability ul li.align-row-center-center { max-width: 61%; } .check-availability ul li .group.children { width: 17%; } .check-availability ul li .group { width: 40%; } /---------/ .hotel-service .service-content h4 { font-size: 23px; line-height: 32px; } .section-title h2 { font-size: 40px; line-height: 50px; } .welcome-content h6 { padding-bottom: 20px; } .welcome-content h2 { font-size: 40px; line-height: 50px; padding-bottom: 20px; max-width: 340px; margin-left: auto; margin-right: auto; } .welcome-section .img-area .img3 { display: none; } .welcome-section .img-area .img2 { right: 40px; } /-------/ .room-carousel .room-info-wrapper { max-width: 600px; padding: 40px 100px 50px 10px!important; } .room-carousel .room-img-wrapper { max-width: 410px; margin-top: 30px; } .room-carousel .room-carousel-wrapper { align-items: center; } .room-carousel.reverse .room-info-wrapper { padding: 40px 20px 50px 110px!important; } /-----------/ .app-section .content h6 { margin-bottom: 20px; } .app-section .content h2 { margin: 0 auto 25px; font-size: 40px; line-height: 50px; } /----------/ .hotel-video .video-content { max-width: 480px; } .hotel-video .video-content h2 { font-size: 40px; line-height: 55px; } /-------/ .hotel-testimonial .single-testimonial { padding: 40px 25px 26px 63px; } .hotel-footer .bigsocial-link ul > li { height: 80px; line-height: 80px; } /-----------room list page--------/ .hotel-breadcrumbs .breadcrumbs-content { height: 350px; } .hotel-breadcrumbs .breadcrumbs-content h2 { font-size: 40px; line-height: 50px; } /---------------about page---------------/ .about-us .about-text h3 { font-size: 34px; line-height: 48px; margin-bottom: 30px; } .about-us .about-text a { height: 54px; line-height: 54px; width: 210px; } .feature-section { display: block; padding: 130px 0; } .feature-section .img-area { width: 60%; margin: 0 auto 50px; } .feature-section .features { padding-left: 0; max-width: 60%; margin: 0 auto; } .feature-section .single-feature { margin-top: 30px; text-align: center; } .about-cta .cta-content { padding: 70px 40px; } .about-cta .cta-content .content-txt { max-width: 550px; } /-----------------blog details page----------------/ .blog-details .blog-details-content .blockqute { padding: 30px 30px 30px 85px; } .blog-details .blog-details-content .blockqute h2:before { left: -56px; } .blog-details .comment-form .abform-area .abinput-group { width: 47.6%; } /-----------------spa service----------/ .spa-service .single-feature i { margin: 0 auto 15px; } .spa-service .single-feature { margin-top: 50px; } /-------------contact page------------/ .contact-details .single-contact { width: 23.3%; } .contact-details .single-contact.time { width: 30%; } /---------------home page-2---------------/ .vrsn-2 .check-availability ul.align-center-center { max-width: 84%; } .vrsn-2 .check-availability ul li .children { width: auto; } .dining-service .img-area { width: 40%; } .dining-service .img-area:first-child { display: none; } .dining-service .dining-content { width: 55%; } /----------------home page-3-------------/ .hotel-banner.v3 .hero-carousel { max-width: 650px; } }/--end media query 992-1199px--/ @media (max-width: 991px) { .hotel-banner ul.align-row-spacebetween { display: block; } .check-availability ul li:first-child { max-width: 100%; text-align: center; margin-bottom: 14px; } .check-availability ul li.align-row-center-center { max-width: 100%; } .check-availability ul li button[type="submit"] { margin: 30px auto 0; display: block; } .hotel-banner .hero-carousel { margin-top: -100px; } /-------/ .service-section { padding-top: 50px; } .hotel-service .single-service { width: 50%; } .hotel-service .service-content { padding: 30px 15px 40px; } .section-padding { padding: 100px 0; } .section-title { margin: 0 auto 50px; } .section-title h2 { padding-bottom: 4px; font-size: 30px; line-height: 40px; } .hotel-service .service-content { padding: 35px 15px 45px; } /---------/ .welcome-section{ padding-bottom: 0; } .welcome-content h2 { font-size: 30px; line-height: 40px; } .welcome-content h6 { padding-bottom: 10px; } .welcome-section .img-area .img2 { right: 20px; } .about-us p{ padding: 10px; } /----------/ .room-carousel .room-carousel-wrapper { flex-flow: column; } .room-carousel .room-info-wrapper { padding: 40px 20px 40px 20px!important; order: 2; max-width: 80%; text-align: left; border-width: 5px; } .room-carousel .room-info { padding: 0 10px; } .room-carousel .room-img-wrapper { margin: 0 auto 20px; } .room-carousel .room-img .price { padding: 15px 0 0 0px; text-align: center; } .room-carousel .room-info .divider { margin-left: 0; } .room-carousel .room-info p { margin-left: 0; } .room-carousel .room-info ul li { padding-left: 24px; padding-right: 0; } .room-carousel .room-info ul li:after { right: inherit; top: 1px; left: 0; } .room-carousel .slick-dots { position: relative; bottom: inherit; left: inherit; text-align: center; } .room-carousel .slick-dots li { display: inline-block; margin: 0 4px; } .room-carousel.reverse .room-carousel-wrapper { flex-flow: column; } .room-carousel.reverse .room-info-wrapper { padding: 40px 20px 40px 20px!important; } .room-carousel.reverse .room-img-wrapper { margin-right: 0; } .room-carousel.reverse .room-img .price { padding: 15px 0 0 0px; text-align: center; } .room-carousel.reverse .slick-dots { right: inherit; } /-------/ .hotel-room .single-room .price { font-size: 24px; line-height: 36px; } .hotel-room .single-room { padding: 20px 15px 40px; } .hotel-room .single-room .price span { font-size: 13px; } .hotel-room .single-room .read-more { width: 150px; } /---------/ .hotel-cta .cta-content .content-txt h3 { font-size: 30px; line-height: 40px; } .hotel-cta .cta-content .solid-bg-btn { width: 180px; } .related-service .single-service h5 { font-size: 18px; line-height: 28px; } /---------/ .app-section .content h2 { font-size: 30px; line-height: 40px; max-width: 300px; } .app-section .content a { width: 190px; } .app-section .content h6 { margin-bottom: 15px; font-size: 16px; } /----------/ .hotel-video .video-content { max-width: 350px; height: 420px; } .hotel-video .video-content h2 { font-size: 20px; line-height: 45px; padding-bottom: 40px; } .hotel-video .video-content > a.venobox { font-size: 16px; height: 50px; padding: 10px 19px; width: 50px; } /------------/ .hotel-testimonial { padding-bottom: 150px; } .hotel-testimonial .owl-next::before { height: 25px; top: 7px; } .hotel-testimonial .owl-prev, .hotel-testimonial .owl-next { bottom: -52px; margin-top: -18px; top: inherit; } /--------/ .hotel-facts{ padding-bottom: 70px; } .hotel-facts .facts-common { margin-bottom: 30px; } /--------/ .hotel-blog .single-blog-post .img-area .date { width: 50px; } .hotel-blog .single-blog-post .blog-content { padding: 15px 15px 20px; } .hotel-blog .single-blog-post h5 { font-size: 22px; line-height: 36px; } /--------/ .hotel-footer .bigsocial-link ul > li { height: 70px; line-height: 70px; } .hotel-footer .footer-widget { padding-top: 20px; } .hotel-footer .copyright { margin-bottom: 3px; text-align: center; } .hotel-footer .footer-menu { text-align: center !important; width: 100%; } .about-text p{ text-align:justify } /------------room list page----------/ .featured-room .room-info { text-align: center; margin-top: 50px; } .featured-room .room-info .divider { margin: 0 auto 15px; } .featured-room .room-info p{ margin-right: auto; } .featured-room .room-info ul { text-align: left; max-width: 150px; margin: 0 auto 40px; } .room-facilities .facilities-list li { padding-right: 20px; } /-------------room details page------------/ .details-info .booking-form, .details-info .room-img { padding: 20px; } .details-info .booking-form { margin-top: 40px; } .details-info .booking-form .group { float: left; width: 48%; } .details-info .booking-form .group:nth-child(even) { margin-right: 20px; } .details-info .details-text .doc-info { padding: 25px 18px; margin-top: 90px; } .details-info .details-text .doc-info li { margin-bottom: 10px; } .details-text > h3 { font-size: 30px; line-height: 40px; } .hotel-view .content h2 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .hotel-view .content span{ margin-bottom: 10px; } .hotel-view { padding-bottom: 70px; } .hotel-room.single { padding-bottom: 70px; } /----------------about page-------------/ .about-us .about-text { text-align: center; margin-bottom: 50px; } .about-us .about-img img { width: 100%; } .about-mission { padding-bottom: 100px; } .feature-section { padding: 100px 0; } .feature-section .img-area { width: 80%; } .feature-section .features { max-width: 80%; } .hotel-facts.about-facts .facts-common { margin-bottom: 0; } .hotel-facts.about-facts .facts-wrapper { margin-bottom: 30px; } .about-cta .cta-content { display: block; padding: 40px 40px; } .about-cta .cta-content .content-txt { max-width: 100%; text-align: center; } .about-cta .cta-content .content-txt p { margin: 0 auto 40px; } .about-cta .cta-content a.btn-default { height: 55px; line-height: 55px; width: 220px; font-size: 16px; } /-----------------blog details page----------------/ .blog-details .tagnshare-area { margin-bottom: 60px; } .blog-details aside { max-width: 450px; width: 100%; margin: 60px auto 0; } .blog-details .comment-form .abform-area button { margin: 0 auto; display: block; } /-----------------spa service page--------------/ .spa-pricing .single-tbl .tbl-header h3 { font-size: 28px; line-height: 33px; } .spa-pricing .single-tbl .tbl-header { padding: 30px 10px 30px; } .spa-pricing .single-tbl .tbl-body .price h2 { line-height: 35px; font-size: 30px; } .spa-pricing .single-tbl .tbl-body { padding: 20px 10px 30px; } .spa-pricing .single-tbl .tbl-body .price { margin-bottom: 16px; } .spa-pricing .single-tbl .tbl-body { padding: 20px 10px 30px; } .spa-pricing .single-tbl .tbl-btn { margin-top: 35px; } .spa-pricing .single-tbl.advanced .tbl-header .rating li i { font-size: 12px; } .spa-pricing .single-tbl.advanced .tbl-header .rating { margin-bottom: 5px; } .spa-pricing .single-tbl.advanced { -webkit-transform: translateY(-29px); -moz-transform: translateY(-29px); -ms-transform: translateY(-29px); -o-transform: translateY(-29px); transform: translateY(-29px); } .spa-pricing .single-tbl.advanced .tbl-body { padding: 20px 15px 28px; } /------------/ .spa-feature { padding: 67px 0 100px; } .spa-feature .intro-common { margin-top: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .spa-feature .intro-common .intro-box { margin-bottom: 0; width: 50%; text-align: center; padding: 0 15px; } .spa-feature .intro-common span.display-block { position: relative; right: inherit; top: initial; margin-bottom: 30px; } .spa-feature .intro-common.right-align .intro-box { padding: 0 15px; } .spa-feature .img-area { margin: 40px auto 50px; width: 240px; } .spa-pricing .section-title { margin: 0 auto 70px; } /-----------------contact page-------------------/ .mapHome1 { height: 460px; } .luxary-trip-contact .wrapper .contact-title { font-size: 26px; line-height: 34px; } .luxary-trip-contact .abform-area .abinput-group { width: 48.3%; } .luxary-trip-contact .abform-area button { bottom: -120px; } .contact-details .single-contact.time, .contact-details .single-contact { width: 50%; } .contact-details .single-contact:nth-child(2), .contact-details .single-contact:nth-child(3) { background: #efefef; } .contact-details .single-contact:nth-child(1), .contact-details .single-contact:nth-child(4) { background: #e8e8e8; } /--------------------home page-2 style------------------/ .vrsn-2 .check-availability .banner-title { margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto; } .vrsn-2 .check-availability ul.align-center-center { max-width: 100%; } .vrsn-2 .check-availability ul li button[type="submit"] { margin-left: 15px; } .hotel-header.vrsn-2 .menuzord > a.book-btn { right: 80px; } .hotel-header .menuzord .showhide em { background: #fff; } .hotel-header.vrsn-2 .menuzord-menu.menuzord-right { background: transparent; margin-right: 0; border-top: 1px solid rgba(255, 255, 255, 0.12941176470588237); margin-top: 20px; } .hotel-header.vrsn-2 .menuzord-responsive .menuzord-menu li .indicator { border: 1px solid rgba(216, 223, 229, 0.32); } .hotel-header.vrsn-2 .menuzord-menu ul.dropdown li a { border-bottom: none; color: #fff; } .hotel-header.vrsn-2 .menuzord-menu ul.dropdown > li:last-child a { border-bottom: none; } /-------/ .welcome-section.vrsn-2 { padding-top: 190px; } .welcome-section.vrsn-2 .row.align-items-lg-center .img-area { width: 100%; margin-top: 30px; } .welcome-section.vrsn-2 .row.align-items-lg-center .img-area img { width: 100%; } .welcome-section.vrsn-2 .memebership-wrapper .img-area { display: none; } .welcome-section.vrsn-2 .membership-area { padding: 60px 20px; } /------------/ .home2-cta { padding: 60px 0; } .home2-cta .cta-content .content-txt { margin: 0 auto; text-align: center; } .home2-cta .cta-content .content-txt h3::before { display: none; } .home2-cta .cta-content .cta-button { margin: 30px auto 0; min-width: 210px; } /--------/ .room-carousel.reverse.vrsn-2 .room-img-wrapper, .room-carousel.vrsn-2 .room-img-wrapper { margin: 0 auto 50px; } .room-carousel.reverse.vrsn-2 .slick-dots, .room-carousel.vrsn-2 .slick-dots { position: absolute; bottom: -40px; left: 50%; z-index: 2; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .room-carousel.vrsn-2 .room-info-wrapper { max-width: 100%; padding: 40px 40px 50px 40px!important; } .room-carousel.vrsn-2 .room-info p { margin-left: auto; margin-right: auto; } /----------/ .dining-service .img-area { width: 45%; } .dining-service .dining-content { width: 55%; padding: 20px 15px 20px 30px; } /---------------/ .home2-footer.dark .footer-widget { padding: 70px 0 70px; } .home2-footer.dark .contact-area { padding-bottom: 50px; } .home2-footer .footer-widget .footer-widget-area .contact-address { display: block; text-align: center; } .home2-footer .footer-widget .footer-widget-area .contact-address p { margin-bottom: 10px; margin-right: 0; width: 100%; } .home2-footer .contact-address p i { left: -10px; position: relative; } .home2-footer .payment-method { margin-bottom: 30px; text-align: center; width: 100%; } .home2-footer .payment-method img { width: 55px; } /----------------home page-3 -------------------/ .hotel-banner.v3 .hero-carousel { border-width: 5px; padding: 40px 10px; max-width: 550px; margin-top: 0; } .hotel-banner.v3 .banner-content { height: 600px; } .section-padding2 { padding: 50px 0 50px; } .section-title-v3 { margin-bottom: 60px; } .section-title-v3 h3 { margin-bottom: 2px; font-size: 30px; line-height: 40px; } .service-v3 { padding-bottom: 60px; } .service-v3 .intro-common { margin-bottom: 50px; } .home3-facts { padding: 70px 0 20px; } .home3-facts .facts-common { padding-left: 80px; margin: 0 auto 50px; max-width: 210px; } .related-service.v2 .row:first-child { margin-bottom: 30px; } .related-service.v2 .row:first-child img { width: 100%; margin-top: 30px; } .hotel-blog3 .single-blog-post .blog-content h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } }/--end media query 768-991px--/ @media (max-width: 767px) { .hotel-service .single-service:nth-child(even) { flex-flow: column; } .hotel-header.transparent .menuzord-menu > li > a{ color:#000 } .hotel-header.transparent .menuzord-responsive .menuzord-menu { background-color:#fff } .hotel-header.sticky-menu .menuzord-menu ul.dropdown li a, .hotel-header.transparent .menuzord-menu ul.dropdown li a { color:#000 } .hotel-service .single-service { width: 50%; padding: 0 10px; margin-bottom: 20px; } .hotel-service .service-content h4 { font-size: 22px; line-height: 34px; } .hotel-service .single-service:nth-child(even) .service-content:before { top: -7px; bottom: inherit; } .section-padding { padding: 50px 0; } .hotel-testimonial3 p.author-comment { font-size:16px } .hotel-room .single-room p { text-align:justify; } /----------/ .welcome-section { padding-bottom: 0; } .welcome-section .img-area .img2 { display: none; } .welcome-section .img-area { margin-bottom: 40px; } .welcome-content { padding-bottom:30px; } .welcome-content p { text-align:justify; } /----------/ .room-carousel .room-info-wrapper { max-width: 100%; } /--------/ .hotel-room { padding-bottom: 50px; } .hotel-room .single-room { margin-bottom: 30px; } /-------------/ .related-service { padding: 0 15px; display: block; } .related-service .single-service { width: 100%; margin: 0 auto 20px; max-width: 510px; } .related-service .single-service:last-child { margin-bottom: 0px; } /----------/ .app-section .img-area { max-width: 350px; width: 100%; margin: 50px auto 0; } .app-section .img-area img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } /-----------/ .hotel-facts { padding-bottom: 50px; } /---------/ .hotel-blog { padding-bottom: 50px; } .hotel-blog .single-blog-post { margin-bottom: 30px; } /------------------room list page---------------/ .hotel-breadcrumbs .breadcrumbs-content { height: 300px; } .hotel-breadcrumbs .breadcrumbs-content h2 { font-size: 30px; line-height: 40px; } .featured-room .room-img { padding: 20px; } .featured-room .room-img .price { padding: 12px 30px 8px; line-height: 30px; font-size: 25px; } .hotel-room.list { padding-bottom: 50px; } .hotel-room.list .single-room { margin-bottom: 0; } .room-facilities .facilities-list li { width: 33.33%; } /------------room details page -------------/ .details-info .booking-form .group { width: 47.5%; } .details-info .booking-form button { width: 150px; } .details-info .details-text .doc-info { display: block; text-align: center } .details-info .details-text .doc-info li { margin-bottom: 16px; } .details-info .details-text .doc-info li:last-child { margin-bottom: 0px; } /---------------about page-------------/ .single-mission.text-center { max-width: 340px; margin: 0 auto 40px; } .about-mission { padding-bottom: 40px; } .feature-section { padding: 80px 15px; } .feature-section .img-area { width: 90%; } .feature-section .features { max-width: 90%; } .about-cta .cta-content { padding: 30px 15px; } .about-cta .content-txt h3 { font-size: 30px; line-height: 40px; } /---------------blog details page--------------/ .blog-details .comment-form .abform-area .abinput-group { width: 100%; float: none!important; } .blog-details .comment-form .abform-area .abinput-group:nth-child(even) { margin-left: 0; } .blog-details .tagnshare-area { padding: 20px 20px 26px; } .blog-details .tagnshare-area .social-share { margin-top: 17px; } .blog-details-content .comment-area h4 { font-size: 24px; line-height: 34px; } /------------spa service page------------/ .spa-service .features { max-width: 100%; } .spa-pricing .section-title { margin: 0 auto 50px; } .spa-pricing .single-tbl.advanced { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .spa-pricing .single-tbl { margin-bottom: 30px; } .spa-feature { padding: 58px 0 70px; } /--------------------contact page--------------/ .mapHome1 { height: 370px; } .luxary-trip-contact .abform-area .abinput-group { width: 100%; float: none!important; } .luxary-trip-contact .abform-area .abinput-group:nth-child(2n) { margin-left: 0; } .luxary-trip-contact .abform-area button { height: 50px; min-width: 200px; } /------------------------home page-2 style--------------------/ .vrsn-2 .check-availability ul li .checkin, .vrsn-2 .check-availability ul li .checkout { width: 40%; } .welcome-section.vrsn-2 .memebership-wrapper { margin-top: 0; } /-------/ .dining-service { display: block; padding-top: 60px; } .dining-service .img-area { width: 100%; padding: 0 15px; } .dining-service .img-area img { margin: 0 auto; display: block; } .dining-service .dining-content { width: 100%; padding: 50px 15px 60px 15px; text-align: center; } .dining-service .dining-content .divider { margin: 0 auto 15px; } /--------/ .home2-footer .footer-widget { padding-bottom: 60px; padding-top: 70px; } /----------------home page-3----------------/ .hotel-banner.v3 .banner-content { height: 480px; } .related-service.v2 { padding: 80px 0; } .related-service.v2 .title { text-align: center!important; margin-bottom: 30px; } .related-service.v2 .title .divider { width: 50px; margin: 18px auto 15px; } .related-service.v2 .short-discription { text-align: center; } .related-service.v2 .single-service { margin-bottom: 30px; } .app-section.v2 .content .text-left { text-align: center!important; } .hotel-blog3 { padding-bottom: 80px; } .hotel-blog3 .single-blog-post { margin-bottom: 30px; } .hotel-blog3 .single-blog-post .blog-content h4 { white-space: normal; text-overflow: inherit; overflow: visible; } }/--end media query 576-767px--/ @media (max-width: 575px) { .hotel-header .custom-logo-link .custom-logo { max-width: 105px; } .hotel-banner { display: flex; flex-flow: column; } .check-availability { order: 2; } .hotel-banner > .container { order: 1; } .hotel-banner .banner-content h1 { font-size: 28px; line-height: 40px; } .hotel-banner .banner-content { height: 450px; padding: 100px 0 20px; min-height: 450px; } .hotel-banner .hero-carousel { margin-top: 10px; } .check-availability { position: relative; bottom: inherit; left: inherit; } .check-availability ul li.align-row-center-center { display: block; } .check-availability ul li:first-child { display: none; } .check-availability ul li .group { width: 100%; margin-bottom: 14px; } .check-availability ul li .group:last-child { margin-bottom: 0px; } .check-availability ul li .group.children { width: 100%; } .check-availability ul li .children input { width: 100%; text-align: left; } .check-availability ul li .children span { left: inherit; right: 20px; } /------------/ .hotel-service { display: block; } .hotel-service .single-service { width: 100%; display: block; } .room-carousel .room-img .price { font-size: 30px; line-height: 44px; } .room-carousel .room-info-wrapper { padding: 30px 10px 40px 10px!important; text-align: center; } .room-carousel .room-info .divider { margin-left: auto; margin-right: auto; } .room-carousel .room-info ul { text-align: left; max-width: 160px; margin: 0 auto 50px; display: block; } /----------/ .hotel-room .single-room { text-align: center; } .hotel-room .single-room .divider { margin: 0 auto 15px; } /----------/ .hotel-cta .cta-content { padding: 30px 15px 40px; } /----------/ .hotel-testimonial .author-img { left: 50%; margin-left: -45px; margin-top: 0; position: relative; top: 0; margin-bottom: 20px; } .hotel-testimonial .single-testimonial { padding: 20px; text-align: center; } /------------/ .hotel-footer .footer-widget { padding-bottom: 50px; } .hotel-footer .bigsocial-link ul > li { height: 45px; line-height: 45px; } .hotel-footer .footer-widget .contact-address { display: block; margin: 0 auto; max-width: 300px; } .hotel-footer .footer-widget .contact-address p { border: 0 none !important; margin-bottom: 7px; padding: 0!important; position: relative; width: 100%; } .hotel-footer .footer-widget .contact-address p.address{ width: 100%; } .hotel-footer .footer-widget .contact-address p i { left: initial; position: relative; top: initial; padding: 0!important; margin-right: 10px; } /-------------room list page-------------/ .hotel-breadcrumbs .breadcrumbs-content { flex-flow: column-reverse; justify-content: center; } .featured-room .room-img { padding: 12px; } .room-facilities .facilities-list li { width: 60%; margin: 0 auto 5px; float: none; } /------------room details page------------/ .details-info .booking-form, .details-info .room-img { padding: 12px; } .details-info .booking-form .group:nth-child(even) { margin-right: 0; } .details-info .booking-form .group { width: 100%; float: none; } .details-text > h3 { margin-bottom: 15px; padding-top:40px } .details-info .details-text .doc-info .title h5 { font-size: 18px; line-height: 30px; } .details-info .details-text .doc-info .download-btn a { width: 150px; } .hotel-view { padding-bottom: 50px; } /-----------about page-----------/ .about-us .about-text h3 { font-size: 28px; line-height: 42px; } .about-us .about-img { padding: 12px; } .feature-section { padding: 50px 0; } .feature-section .single-feature { width: 100%; max-width: 350px; margin: 0 auto 30px!important; } .hotel-facts.about-facts .facts-wrapper { margin: 0 auto 30px; max-width: 280px; } /-------------blog details page----------------/ .blog-details-content .post-title { font-size: 24px; line-height: 34px; } .blog-details .blog-details-content .blockqute h2:before { left: inherit; position: relative; top: 0; } .blog-details .blog-details-content .blockqute { padding: 25px; } .blog-details .blog-details-content .blockqute h2 { font-size: 18px; line-height: 32px; } .blog-details .blog-details-content .blockqute h2:before { display: none; } .blog-details .tags .tag li a { margin-bottom: 7px; } .blog-details-content .comment-area .comment-wrapper li img { left: inherit; position: relative; top: inherit; margin-bottom: 10px; } .blog-details-content .comment-area .comment-wrapper li { padding-left: 0; } .blog-details-content .comment-area .comment-wrapper li p { padding-right: 0; } .blog-details-content .comment-area .comment-wrapper li .reply-form input { width: 100%; } .blog-details-content .comment-area .comment-wrapper li .reply-form { padding-right: 0; } .blog-details-content .comment-area .comment-wrapper li ul li { padding-left: 0; } .blog-details .comment-form { padding: 50px 0 0; } /---------------spa service page-----------/ .spa-feature .intro-common { display: block; } .spa-feature .intro-common .intro-box { margin-bottom: 50px; width: 100%; padding: 0; } /------------------contact page-------------/ .luxary-trip-contact .contact-title::before { display: none; } .contact-details .single-contact.time, .contact-details .single-contact { float: none; width: 100%; } .contact-details .single-contact { background: #e8e8e8!important; border-top: 1px solid #ddd; height: 230px; } .contact-details .single-contact:first-child { border-top: none; } .contact-details .single-contact i { font-size: 32px; } .contact-details .single-contact h5 { font-size: 16px; line-height: 26px; padding: 10px 0; } /--------------------home page-2 style----------------/ .hotel-banner.vrsn-2 .banner-content { padding: 0; } .vrsn-2 .check-availability { bottom: 50%; z-index: 3; transform: translateY(50%); background: none; position: absolute; left: 0; } .vrsn-2 .check-availability ul li:first-child { display: flex; } .vrsn-2 .check-availability ul.align-center-center { padding: 17px 5px 30px; } .vrsn-2 .check-availability ul li .checkin, .vrsn-2 .check-availability ul li .checkout { width: 50%; } .ui-widget.ui-widget-content { min-width: 100%!important; left: 0!important; } .vrsn-2 .check-availability .banner-title h2 { font-size: 30px; line-height: 40px; } .vrsn-2 .check-availability .banner-title .title-20 { font-size: 15px; line-height: 24px; margin-bottom: 20px; } .vrsn-2 .check-availability ul.align-center-center li:last-child { width: 100%; } .vrsn-2 .check-availability ul li button[type="submit"] { margin-left: auto; margin-right: auto; display: block; width: 230px; } .hotel-header.vrsn-2 .menuzord > a.book-btn { display: none; } .welcome-section.vrsn-2 { padding-top: 160px; } .room-carousel.reverse.vrsn-2 .room-info-wrapper, .room-carousel.vrsn-2 .room-info-wrapper { padding: 40px 20px 50px 20px!important; } /--------------/ .home2-footer .footer-widget h4.title-36 { font-size: 25px; line-height: 30px; } .home2-footer .footer-widget .contact-area form > input { width: 78%; } .home2-footer .footer-widget .contact-area form > button { width: 22%; } .hotel-testimonial2 .single-testimonial .author-info { flex-flow: column; } /--------------home page-3 ------------------/ .hotel-header3 .topbar-right .search-area > input { width: 228px; } .hotel-header3 .topbar-left ul li a { margin-right: 17px; } .hotel-header3 .custom-logo-link .custom-logo { max-width: 180px; } .hotel-banner.v3 .banner-content { height: 600px; padding: 0; } }/--end media query 0-575px--*/

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings