/*================================================
* 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;
   }
 }