File manager - Edit - /home/monara/public_html/Hotel_Sapphire/wp-content/themes/zante/assets/css/responsive.css
Back
/*================================================ * Template Name: Hotel Zante - Hotel WordPress Theme * Version: 1.3.5.4 * Author Name: Jomin Muskaj (Eagle-Themes) * Author URI: eagle-themes.com =================================================*/ @media only screen and (min-width: 320px) {} /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) {} /* Small Devices, Tablets */ @media only screen and (min-width: 769px) { .room_list .room_details { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { .md_nopadding { padding: 0 !important; } .md_nopadding_right { padding-right: 0 !important } .md_nopadding_left { padding-left: 0 !important } .md_nopadding_top { padding-top: 0 !important } .md_nopadding_bottom { padding-bottom: 0 !important } .md_p5 { padding: 0 5px !important } .md_pr5 { padding-right: 5px !important } .md_pl5 { padding-left: 5px !important } .md_nomargin { margin: 0 !important } .md_nomarginright { margin-right: 0 !important } .md_nomarginleft { margin-left: 0 !important } .md_nomargintop { margin-top: 0 !important } .md_nomarginbottom { margin-bottom: 0 !important } .md_noborder_right { border-right: none !important } .md_noborder_left { border-left: none !important } .vertical_booking_form .form-control.sm_border_right_no, .horizontal_booking_form .form-control.sm_border_right_no { border-right: none !important; } .horizontal_booking_form_inner .arrival_date, .horizontal_booking_form_inner .adults { padding-right: 0px !important; padding-left: 5px !important; } .horizontal_booking_form_inner .departure_date, .horizontal_booking_form_inner .childrens { padding-right: 5px !important; padding-left: 0px !important; } .boxed header { margin: 0 auto; width: 1200px; } .container { width: 992px; } #main_menu .navbar-nav .dropdown .dropdown-toggle:after { content: "\f107"; display: inline-block; font-family: FontAwesome; padding: 0; margin-left: 5px; font-size: 14px; line-height: 14px; font-weight: 400; } .navbar-nav .dropdown:hover .dropdown-menu, .top_menu .top_menu_right .dropdown:hover .dropdown-menu { display: block; } #main_menu { position: relative; } .room-item.small-item .room-image { max-height: 155px; overflow: hidden; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .container { width: 1200px; } #blog .blog_item .main { padding: 0; padding-top: 10px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width: 1200px) { #rooms_block_view .room_block_item .room_info { padding: 15px; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 991px) { .top_menu .top_menu_right, .top_menu .top_menu_right li { float: none; } .top_menu .top_menu_right li:last-child { float: right; } header .navbar-header { margin: 0 !important; } header .navbar-header .navbar-brand { padding: 15px 0; } header .navbar-header .navbar-brand img { max-height: 24px; } header .navbar-header .mobile-menu-btn { padding-top: 18px !important; } .mfp-zoom-out-cur header { padding-right: 0; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } .navbar-collapse.collapse.in { display: block !important; } .collapsing { overflow: hidden !important; } /*========== MOBILE MENU ==========*/ .navbar-fixed-top, .navbar-fixed-top .navbar-collapse, { width: 100%; max-height: none; } .navbar-fixed-top .navbar-collapse { max-height: none; } .mobile_menu .navbar-nav { margin: 0; } .mobile-menu-push { overflow-x: hidden; position: relative; left: 0; } .mobile-menu-push-toright, .mobile-menu-push-toright .navbar-fixed-top { left: 260px; } .mobile-menu-push-toleft, .mobile-menu-push-toleft .navbar-fixed-top { left: -260px; } .mobile_menu.mobile_menu_open .dropdown-menu { width: 100%; position: relative; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } .mobile_menu.mobile_menu_open, .push_mobile .navbar-fixed-top .mobile_menu.mobile-menu_open { right: 0px; } .push_mobile, .push_mobile .navbar-fixed-top { left: -260px !important; } /* Transitions */ .mobile_menu, body, header { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile_menu { background: #fff; border-left: 1px solid #E6EFF2; width: 260px; height: 100%; top: 0; right: -260px; z-index: 1000; position: fixed; padding: 0; margin: 0 !important; overflow-x: hidden; overflow-y: visible; display: block; visibility: visible; } /* Mobile Menu */ #main_menu.mobile_menu .navbar-nav li { background: #fff; border-bottom: 1px solid #e6eff2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; clear: both; } #main_menu.mobile_menu .navbar-nav li:last-child { border-bottom: none; } #main_menu.mobile_menu .navbar-nav li:hover, #main_menu.mobile_menu .navbar-nav .open .dropdown-toggle { background: #f5f5f5; } #main_menu.mobile_menu .navbar-nav li a { padding: 12px 30px; color: #a1b1be; } #main_menu.mobile_menu .navbar-nav li a:hover { color: #deb666; } #main_menu.mobile_menu .navbar-nav li.mobile_menu_title { color: #a1b1be; font-family: 'Raleway', sans-serif; text-transform: uppercase; display: block !important; text-align: center; padding: 12px 0; font-size: 1.2em; font-weight: 700; } #main_menu.mobile_menu .navbar-nav li.mobile_menu_title:hover { background: none; } #main_menu.mobile_menu li.menu_button { padding: 30px; border-top: none !important; border-bottom: none !important; background: transparent !important; } #main_menu.mobile_menu .navbar-nav li.menu_button .button { margin: 22px 0; } /* Mobile Drop Down Menu */ #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li { background: #f5f5f5; } #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li:hover { background: #fbfbfb; } #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li a { background: #f5f5f5; padding: 8px 40px; font-size: 0.9em; white-space: normal; } #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu .menu-item .dropdown-menu { display: block; position: relative; } #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu .menu-item .dropdown-menu li a { padding-left: 50px; } #main_menu.mobile_menu .navbar-nav .mega_menu .mega_menu_inner { padding: 0; } #main_menu.mobile_menu .navbar-nav .mega_menu .mega_menu_inner ul .list_title { padding: 10px 10px 10px 50px !important; } #main_menu.mobile_menu .navbar-nav .dropdown.mega_menu .dropdown-menu li a { padding: 8px 50px; font-size: .8em; } #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li a:hover { color: #79868f; } #main_menu.mobile_menu .navbar-nav .dropdown.mega_menu .dropdown-menu li { padding: 9px 0; background: #f5f5f5; border-bottom: 1px solid #EEF2F5; } #main_menu.mobile_menu .dropdown .mobile-dropdown-toggle.arrow, #main_menu.mobile_menu .dropdown .mobile-dropdown-toggle.arrow-up { display: block; float: right; position: relative; border-radius: 50%; z-index: 99999999; width: 20px; height: 20px; margin-right: 2px; text-align: center; line-height: 20px; } #main_menu .navbar-nav .dropdown .mobile-dropdown-toggle.arrow:after, #main_menu .navbar-nav .dropdown .mobile-dropdown-toggle.arrow-up:after { content: ''; position: absolute; margin-top: 5px; border: solid #a1b1be; border-width: 0 2px 2px 0; padding: 4px; z-index: 999; } #main_menu .navbar-nav .dropdown .mobile-dropdown-toggle.arrow:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); } #main_menu .navbar-nav .dropdown .mobile-dropdown-toggle.arrow-up:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } main { padding: 50px 0; } .over-slider { margin-top: -250px; } .features .owl-thumbs { margin-top: 16px; } .horizontal_booking_form { margin-top: 10px; } #slider.full_slider .owl-item { height: 100% !important; } .full_slider .horizontal_booking_form { position: relative; margin-top: 10px; bottom: auto; } .full_slider .horizontal_booking_form_inner { outline: none; border: 1px solid #E6EFF2; border-bottom: 4px solid #E6EFF2; } #blog .blog_item .main { padding: 15px; } #testimonials_style_2 .review_item { margin-bottom: 50px; } /* SECTION */ .image-3d-effect { margin-top: 60px; } .text-left { text-align: center; } /* LATEST POSTS */ .latest-posts-grid .blog_item .main { margin-left: 0; } .about-brand { margin-bottom: 30px; } .sidebar { margin-top: 50px; } .blog_post .details .share { display: block; float: none; } /* PAGES */ .page-title { padding: 30px 0; } .page-title h1 { margin-top: 0; font-size: 22px; line-height: 22px; } /* BOOKING */ .checkout-payment-tabs .payment-tabs .payment-tab-item a { padding: 10px 5px; margin-right: 2px; font-size: 14px; } /* ROOMS LIST */ .room-list-item .room-details { padding: 15px 15px; } .room-list-item .room-details .title, .room-list-item .room-details p { text-align: center; padding: 0 20px; } .room-list-item .room-price { padding: 20px !important; padding-top: 0 !important; } .room-list-item .room-services { text-align: center; } /* ROOM DETAILS */ .page-title.room-header { padding: 40px 0; } .room-header h1, .room-header .room-price { margin-top: 0; font-size: 20px; } /*========== EVENT DETAILS PAGE ==========*/ #hero_event #countdown .count_box { padding: 10px 25px; margin: 0 20px; border: 1px solid #fff; } /*========== BOOKING FORMS FIXES ==========*/ .hbf_2 { position: relative; top: 15px; } .hbf .inner .form-group, .hbf_2 .inner .form-group, .hbf_3 .inner .form-group { margin-bottom: 15px; } .hbf_3 { position: relative; top: 0; } .hbf_2 .hbf_2_inner .form-control, .hbf_3 .hbf_3_inner .form-control { margin-bottom: 15px; } #contact .contact-items { margin-top: 30px; } /*========== PAGES ==========*/ #events_page .item .event-wrapper { text-align: center; } .menu_item .info { padding: 10px; } .special_offers { margin-top: 80px; } .sidebar .widget.zante_recent_posts_widget .recent-post-item .details { margin-left: 0; } .affix { position: static; } .place-details .place-title { padding: 20px 0; } .place-details .place-title .title { font-size: 20px; } #back_to_top { bottom: 15px; height: 30px; width: 30px; } #back_to_top i { color: #fff; line-height: 30px; font-size: 16px; } #back_to_top.active { right: 15px; } } /* Small Devices, Tablets */ @media only screen and (max-width: 768px) { header.transparent { top: 30px; } .features .owl-thumb-item.active:before { display: none; } .room_list .room_details .room_services { text-align: center; } .contact-section-form { margin-top: 20px; } footer .subfooter { text-align: center; } footer .subfooter .social_media { float: none; margin-top: 15px; } .main_description.a_center { padding: 0; } #hero_coming_soon #countdown .count_box { margin-right: 20px; } #hero_coming_soon #countdown .count_box:last-child { margin-right: 0; } #hero_coming_soon p { text-align: center; } .countup_box { margin-bottom: 0; margin-top: 30px; } .countup_box, .countup_box .inner { width: 100%; } /*========== HERO ==========*/ .hero_wrapper { position: relative; margin-bottom: 620px; } #hero, #hero ul, #hero ul li { overflow: visible !important; } .hero_wrapper .vbf { position: static; top: 0; display: block; } .about-author-post .author-avatar { text-align: center; } .about-author-post .author-name { text-align: center; margin-top: 20px; } .about-author-post .zante-author-desc { margin-top: 30px; } .m-center { float: none !important; } .m-first { order: 1; } .footer-language-switcher.open .language-switcher { right: 0; left: 0; margin: 0 auto; max-width: 200px; } .footer-language-switcher.open .language-switcher:before { right: 0; left: 0; margin: 0 auto; } footer .copyrights { line-height: 22px; } .page-title { padding: 20px 0; } .page-title h1 { margin-top: 0; font-size: 16px; line-height: 16px; } .page-title .breadcrumb { font-size: 10px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .hidden-xxs { display: none !important; } .main_title h2 { font-size: 1.2em; } .banner .banner_features h2 { font-size: 1.5em; font-weight: 500; } .banner .banner_features h3 { font-size: 1.3em; } .banner .banner_features h4 { font-size: 1.3em; } /* Home Page Style 2 - Owl Slider */ #slider .slider_inner .s_text h2 { margin-bottom: 20px; margin-top: 20px; font-size: 1em; } #slider .slider_inner .s_text h3 { font-size: 1em; } #error404_fullscreen .or { display: block; } .vbf { border-radius: 0; } #hero_event #countdown .count_box { padding: 10px 15px; margin: 0 10px; border: 1px solid #fff; } #hero_coming_soon #countdown .count_box { margin-right: 10px; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { .hidden-xxxs { display: none !important; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings