/* --------------------------------------------------------
                    Start Medium Layout: 992px
-----------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }

  /* ----------------------------------------
                start booking page
--------------------------------------------*/

  body#booking_page .star {
    margin-bottom: 0;
  }
  .mainmenu .nav.navbar-nav > li > a {
    padding: 14px 15px;
  }
  body#home_one .mainmenu .nav.navbar-nav > li > a {
    padding: 14px 11px;
    font-size: 13px;
  }
  #menu2.dropdown-menu > li > a,
  #menu1.dropdown-menu > li > a {
    font-size: 11px;
  }
  .breadcrumb_main_area .special_offer_sub p,
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 15%;
  }
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 18%;
  }
  body#booking_page .facilities_name .section_title {
    margin-bottom: 15px;
  }
  .breadcrumb_main_area .special_offer_sub h2 {
    left: 23%;
  }
  .breadcrumb_main_area .special_offer_sub > span {
    left: 39.5%;
  }
  .contact_us p {
    font-size: 17px;
  }
  .contact_us .news_letter > input {
    font-size: 0.85em;
  }
  .contact_us .social_icons ul li a {
    padding-left: 18px;
  }
  body#booking_page .single_facilities_name > li > img,
  body#room_detail_page .single_facilities_name > li > img {
    margin-right: 2px;
  }
  body#booking_page .single_facilities_name > li > p,
  body#room_detail_page .single_facilities_name > li > p {
    font-size: 12px;
  }

  /* ----------------------------------------
                end booking page
--------------------------------------------*/

  /* ----------------------------------------
                start home page
--------------------------------------------*/

  body#home_one .hotel_booking_area {
    left: calc(50% - 485px);
  }
  body#home_one .special_offer_dbl_sub,
  body#home_two .special_offer_dbl_sub,
  body#about_us_page .special_offer_dbl_sub {
    right: -20%;
    width: 70%;
  }
  .hotel_booking {
    padding: 26px 0px;
  }
  .hotel_booking_area input#datepicker,
  .hotel_booking_area input#datepicker1,
  .hotel_booking_area select#room,
  .hotel_booking_area select#adult,
  .hotel_booking_area select#child {
    font-size: 11px;
  }
  .icon_arrow::after {
    font-size: 11px;
  }
  .hotel_facilities_content .nav-tabs > li > a {
    padding: 10px 3px;
    width: 106px;
  }
  body#home_two .special_offer_main {
    right: calc(0% + -0.2%);
  }
  body#home_two .select_room .room_quality,
  body#accomodation_page .select_room .room_quality {
    padding-right: 5px;
  }
  body#home_two .select_room .small_room_thumb .room_quality > h5,
  body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
    font-size: 14px;
  }
  body#home_two .select_room .small_room_thumb .room_rent > p,
  body#accomodation_page .select_room .small_room_thumb .room_rent > p {
    font-size: 13px;
    padding-left: 6px;
  }
  a.btn.btn-black {
    padding: 6px 12px;
  }
  body#home_one .single_wrapper_details h5,
  body#accomodation_page .single_wrapper_details h5 {
    font-size: 16px;
  }
  body#home_one .single_wrapper_details p,
  body#accomodation_page .single_wrapper_details p {
    font-size: 13px;
    margin: 5px 0;
  }
  body#home_one .single_wrapper_details .single_room_cost p,
  body#accomodation_page .single_wrapper_details .single_room_cost p {
    font-size: 15px;
  }
  body#home_one .single_wrapper_details .single_room_cost .btn,
  body#accomodation_page .single_wrapper_details .single_room_cost .btn {
    margin-bottom: -56px;
  }

  /* ----------------------------------------
                end home page
--------------------------------------------*/

  /* ----------------------------------------
                start about us page
--------------------------------------------*/

  body#about_us_page .single_facilities_name > li > p {
    font-size: 13px;
  }
  body#about_us_page .single_staff .uk-overlay-background,
  body#staff_page .single_staff .uk-overlay-background {
    padding: 20px;
  }
  body#about_us_page .single_staff .single_staff_details span {
    margin-bottom: 10px;
  }
  body#about_us_page .single_staff .single_staff_details span,
  body#staff_page .single_staff .single_staff_details span {
    font-size: 15px;
  }
  body#about_us_page .single_staff .single_staff_details p,
  body#staff_page .single_staff .single_staff_details p {
    font-size: 13px;
  }

  /* ----------------------------------------
                end about us page
--------------------------------------------*/

  /* ----------------------------------------
                start accomodation page
--------------------------------------------*/

  body#accomodation_page .range_slider .range input {
    width: 43%;
  }

  /* ----------------------------------------
                end accomodation page
--------------------------------------------*/

  /* ----------------------------------------
                start Gallery page
--------------------------------------------*/
  body#gallery_page .other_room ul.nav-tabs > li > a {
    padding: 2px 13px;
  }

  /* ----------------------------------------
                end Gallery page
--------------------------------------------*/

  .blog_text_box ul li {
    margin-right: 3px;
  }
  .blog_text_box ul li a {
    font-size: 12px;
  }
  body#single_blog_page .recent_post_details > h6 {
    font-size: 13px;
  }
}

/* --------------------------------------------------------
                   End Medium Layout: 992px
-----------------------------------------------------------*/

/* --------------------------------------------------------
                    Start Tablet Layout: 768px
-----------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px;
  }
  .mainmenu .nav.navbar-nav > li > a {
    font-size: 10px;
    padding: 14px 10px;
  }
  #menu2.dropdown-menu > li > a,
  #menu1.dropdown-menu > li > a {
    font-size: 8px;
  }
  body#home_one .mainmenu .nav.navbar-nav > li > a {
    font-size: 9px;
    padding: 14px 8.7px;
  }
  body#home_one .emergency_number a {
    font-size: 12px;
  }
  .emergency_number a {
    font-size: 12px;
  }
  body#home_one .header_login > ul > li > a {
    font-size: 9px;
  }
  .breadcrumb_main_area .special_offer_sub {
    left: 12%;
  }
  .breadcrumb_main_area .special_offer_sub p,
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 20%;
  }
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 22.7%;
  }
  .breadcrumb_main_area .special_offer_sub h2 {
    left: 29.3%;
  }
  .breadcrumb_main_area .special_offer_sub > span {
    left: 51%;
  }
  body#about_us_page .single_facilities_name > li:first-child,
  body#room_detail_page .single_facilities_name > li:first-child,
  body#booking_page .single_facilities_name > li:first-child {
    margin-bottom: 10px;
  }
  .room_book h6 {
    font-size: 13px;
  }
  .room_book p {
    font-size: 20px;
  }
  .hotel_booking_area select > option {
    padding: 5px;
  }
  .icon_arrow::after {
    right: 16%;
  }
  .contact_us p {
    font-size: 13px;
  }
  .contact_us .news_letter > input {
    font-size: 8.4px;
    line-height: 23px;
    padding: 8px 1px;
  }
  .contact_us .news_letter > a.btn-blue {
    right: 9%;
    top: 28%;
  }
  .contact_us .social_icons ul li a {
    padding-left: 9px;
  }
  .contact_us .social_icons ul li a i,
  body#contact_us_page .social_icons > ul > li > i {
    font-size: 14px;
  }
  body#booking_page .facilities_name .section_title {
    margin-bottom: 10px;
  }

  /* ----------------------------------------
                start home page
--------------------------------------------*/

  body#home_one .hotel_booking_area {
    left: calc(50% - 375px);
  }
  .hotel_booking {
    padding: 26px 0px;
  }
  .hotel_booking_area input#datepicker,
  .hotel_booking_area input#datepicker1,
  .hotel_booking_area select#room,
  .hotel_booking_area select#adult,
  .hotel_booking_area select#child {
    font-size: 13px;
    height: 35px;
  }
  body#home_one .special_offer_dbl_sub,
  body#home_two .special_offer_dbl_sub,
  body#about_us_page .special_offer_dbl_sub {
    right: 0%;
    width: 95%;
  }
  body#home_one .welcome .left_room_title > h6,
  .accomodation_single_room .left_room_title > h6 {
    font-size: 14px;
  }
  body#home_one .welcome .left_room_title > p,
  .accomodation_single_room .left_room_title > p {
    font-size: 13px;
  }
  .hotel_facilities_content .nav-tabs > li > a {
    width: 80px;
    padding: 5px;
    font-size: 11px;
  }
  .hotel_facilities_content .single-tab-details > h6 {
    margin-bottom: 5px;
    margin-top: 0px;
  }
  .hotel_facilities_content .single-tab-details > h3 {
    margin-bottom: 10px;
  }
  .hotel_facilities_content .single-tab-details > p {
    margin-bottom: 0px;
    margin-top: 0;
  }
  body#home_one .hotel_facilities .our_services a {
    margin-right: 17px;
    font-size: 11px;
  }
  body#home_one .about_us .post_media > a,
  body#home_two .about_us .post_media > a {
    display: inline-block;
    margin-bottom: 10px;
  }
  div#customer_says_slider .customer_comment {
    padding: 10px;
  }
  div#customer_says_slider .customer_comment > p {
    padding-bottom: 0px;
  }
  body#home_one .about_us .post_content,
  body#home_two .about_us .post_content {
    margin-bottom: 10px;
  }
  body#home_one .about_us .single_content,
  body#home_two .about_us .single_content {
    margin-top: 10px;
  }
  body#home_one .about_us .news .post_title > h6,
  body#home_two .about_us .news .post_title > h6 {
    font-size: 13px;
  }
  #menu1 {
    top: 164.6%;
  }
  body#home_two .special_offer_main {
    right: calc(0% + 0.5%);
  }
  body#home_two .select_room .room_details {
    margin: 0 6px;
  }
  body#home_two .select_room .small_room_thumb .room_details,
  body#accomodation_page .select_room .small_room_thumb .room_details {
    left: 0.5%;
    padding: 5px;
  }
  body#home_two .select_room .room_quality,
  body#accomodation_page .select_room .room_quality {
    padding-right: 3px;
  }
  body#home_two .select_room .small_room_thumb .room_quality > h5,
  body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
    font-size: 11px;
  }
  body#home_two .select_room .small_room_thumb .room_rent > p,
  body#accomodation_page .select_room .small_room_thumb .room_rent > p {
    font-size: 9px;
    padding-left: 3px;
  }
  body#home_two .select_room .small_room_thumb .about_room,
  body#accomodation_page .select_room .small_room_thumb .about_room {
    margin-top: 8px;
  }
  body#home_two .hotel_showcase .owl-carousel .owl-item a i,
  body#accomodation_page .hotel_showcase .owl-carousel .owl-item a i {
    padding: 11px 0;
  }
  body#home_one .single_wrapper_details .single_wrapper_details_pad,
  body#accomodation_page .single_wrapper_details .single_wrapper_details_pad {
    padding: 13px;
  }
  body#home_one .single_wrapper_details h5,
  body#accomodation_page .single_wrapper_details h5 {
    font-size: 12px;
  }
  body#home_one .single_wrapper_details p,
  body#accomodation_page .single_wrapper_details p {
    font-size: 9px;
    margin: 6px 0;
  }
  body#home_one .single_wrapper_details .single_room_cost p,
  body#accomodation_page .single_wrapper_details .single_room_cost p {
    font-size: 11px;
  }
  body#home_one .single_wrapper_details .single_room_cost p span,
  body#accomodation_page .single_wrapper_details .single_room_cost p span {
    font-size: 9px;
  }
  body#home_one .single_wrapper_details .single_room_cost .btn,
  body#accomodation_page .single_wrapper_details .single_room_cost .btn {
    font-size: 10px;
    margin-bottom: -58px;
    margin-right: -14px;
  }

  /* ----------------------------------------
                end home page
--------------------------------------------*/

  /* ----------------------------------------
               start about us page
--------------------------------------------*/

  body#about_us_page .single_facilities_name > li > img {
    margin-right: 2px;
  }
  body#about_us_page .single_facilities_name > li > p {
    font-size: 13px;
  }
  body#about_us_page .single_staff .uk-overlay-background,
  body#staff_page .single_staff .uk-overlay-background {
    padding: 15px;
  }
  body#about_us_page .single_staff .single_staff_details h6,
  body#staff_page .single_staff .single_staff_details h6 {
    font-size: 13px;
  }
  body#about_us_page .single_staff .single_staff_details span,
  body#staff_page .single_staff .single_staff_details span {
    font-size: 13px;
    margin-bottom: 0px;
  }
  body#about_us_page .single_staff .single_staff_details p,
  body#staff_page .single_staff .single_staff_details p {
    font-size: 11px;
    line-height: 15px;
  }
  body#about_us_page .single_staff .social_icons ul li a,
  body#staff_page .single_staff .social_icons ul li a {
    margin: 5px 10px 5px 0;
  }
  body#about_us_page .single_staff .social_icons ul li a i,
  body#staff_page .single_staff .social_icons ul li a i {
    font-size: 15px;
  }
  body#about_us_page .facilities_name .col-md-2,
  body#about_us_page .facilities_name .col-lg-2 {
    width: 25%;
  }

  /* ----------------------------------------
                end about us page
--------------------------------------------*/

  /* ----------------------------------------
                start accomodation page
--------------------------------------------*/

  body#accomodation_page .range_slider span,
  body#accomodation_page .range_slider label {
    font-size: 10px;
  }
  body#accomodation_page .range_slider .range input {
    margin: 0 3px;
    width: 40%;
  }

  /* ----------------------------------------
                end accomodation page
--------------------------------------------*/

  /* ----------------------------------------
                start Gallery page
--------------------------------------------*/

  body#gallery_page .other_room ul.nav-tabs > li > a {
    padding: 2px 10px;
  }

  body#gallery_page .accomodation_single_room .demo {
    margin-bottom: 30px;
  }

  /* ----------------------------------------
                end Gallery page
--------------------------------------------*/

  body#room_detail_page .room_detail_main .customer_says {
    margin-top: 0;
  }
  .blog_text_box ul li {
    margin-right: 3px;
  }
  .blog_text_box ul li a {
    font-size: 9px;
  }
  body#single_blog_page .right_sidebar_area {
    margin-top: 30px;
  }
}

/* --------------------------------------------------------
                    End Tablet Layout: 768px
-----------------------------------------------------------*/

/* --------------------------------------------------------
                    Start Mobile Layout: 320px
-----------------------------------------------------------*/
@media (max-width: 450px) {
  .section_header h2 {
    font-size: 17px !important;
  }
  .welcome .section_description {
    padding: 0;
  }
  .margin-bottom-100 {
    margin-bottom: 40px;
  }
  .room_home {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    width: 345px;
  }

  body#booking_page .facilities_name .section_title {
    margin-bottom: 10px;
  }
  .right_header_top .nav.navbar-nav > li {
    float: left;
  }
  .header_top_area a {
    font-size: 9px;
  }
  .right_header_top .nav a {
    padding: 0 5px;
  }
  .breadcrumb_main_area .special_offer_main {
    width: 100%;
    left: -11%;
  }
  .breadcrumb_main_area .special_offer_sub {
    right: -21%;
    top: -21%;
  }
  .breadcrumb_main_area .special_offer_sub p,
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 15.5%;
  }
  .breadcrumb_main_area .special_offer_sub h3 {
    left: 17.5%;
  }
  .breadcrumb_main_area .special_offer_sub h2 {
    left: 23.3%;
  }
  .breadcrumb_main_area .special_offer_sub > span {
    left: 40%;
  }
  body#booking_page .booking ul.nav-tabs > li > a {
    font-size: 11px;
    padding: 10px;
  }
  body#booking_page .booking ul.nav-tabs > li > a > i {
    padding: 11px 16px 11px 15px;
  }
  body#booking_page .booking_info_area .section_title {
    margin-top: 23px;
  }
  body#about_us_page .single_facilities_name > li > img,
  body#room_detail_page .single_facilities_name > li > img,
  body#booking_page .single_facilities_name > li > img {
    margin-right: 2px;
  }
  body#about_us_page .single_facilities_name > li > p,
  body#room_detail_page .single_facilities_name > li > p,
  body#booking_page .single_facilities_name > li > p {
    font-size: 8px;
  }
  body#about_us_page .single_facilities_name > li:first-child,
  body#room_detail_page .single_facilities_name > li:first-child,
  body#booking_page .single_facilities_name > li:first-child {
    margin-bottom: 0px;
  }
  body#booking_page .payment_info_area .right_pay_now {
    margin-top: 35px;
  }
  body#booking_page .payment_info_area .payment_system ul li {
    margin-bottom: 13px;
  }
  .contact_us_area {
    text-align: center;
  }
  .contact_us_area .contact_us {
    padding: 15px;
  }
  .contact_us_area .call,
  .contact_us_area .email_us,
  .contact_us_area .news_letter {
    margin-bottom: 20px;
  }
  .contact_us_area .email_us p {
    font-size: 18px;
  }
  .contact_us .news_letter > input {
    font-size: 13.5px;
  }
  .contact_us .social_icons ul li a {
    padding-left: 19px;
  }

  /* ----------------------------------------
                start home page
--------------------------------------------*/

  .mainmenu .navbar-brand {
    padding: 0 5px 0 0;
  }
  .header_login ul {
    padding: 0 0 0 5px;
  }
  .header_login > ul > li > a {
    font-size: 11px;
  }
  /**
.main_slider_area {
  padding-bottom: 400px;
}
**/
  body#home_one .hotel_booking_area {
    left: calc(50% - 150px);
    top: calc(0% + 128px);
  }
  body#home_one .hotel_booking .btn,
  body#home_two .hotel_booking .btn {
    margin-top: 26px;
    width: 100%;
  }
  body#home_one .special_offer_main {
    height: auto;
    right: 0%;
    top: -35.5%;
    width: 80px;
  }
  body#home_two .special_offer_main {
    height: auto;
    left: 0%;
    top: 0%;
    width: 100px;
  }
  body#home_one .welcome .section_description p {
    font-size: 12px;
  }
  .hotel_facilities .nav.nav-tabs {
    width: 100%;
  }
  .hotel_facilities_content .nav-tabs > li > a {
    font-size: 8px;
    height: auto;
    padding: 1px;
    width: 54px;
  }
  .hotel_facilities_content .single-tab-details > h3 {
    font-size: 20px;
  }
  body#home_one .welcome .single_room_wrapper,
  body#home_two .welcome .single_room_wrapper {
    margin-bottom: 30px;
  }
  body#home_one .about_us .post_media > a,
  body#home_two .about_us .post_media > a {
    display: inline-block;
    margin-bottom: 10px;
  }
  body#home_one .showcase,
  body#home_two .showcase {
    margin-bottom: 70px;
  }

  body#home_two .main_slider_area {
    padding-bottom: 100px;
  }
  body#home_two .select_room .select_room_content .room_thumb,
  body#accomodation_page .select_room .select_room_content .room_thumb {
    margin-bottom: 35px;
  }
  body#home_two .select_room .room_details,
  body#home_two .select_room .small_room_thumb .room_details,
  body#accomodation_page .select_room .room_details {
    margin: 0 5px;
    padding: 5px;
  }
  body#home_two .select_room .room_quality > h5,
  body#accomodation_page .select_room .room_quality > h5 {
    font-size: 11px;
  }
  body#home_two .select_room .small_room_thumb .room_quality > h5,
  body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
    font-size: 11px;
  }
  body#home_two .select_room .room_quality,
  body#accomodation_page .select_room .room_quality {
    padding-right: 3px;
  }
  body#home_two .select_room .room_rent > p,
  body#accomodation_page .select_room .room_rent > p {
    font-size: 8px;
    padding-left: 3px;
  }
  a.btn.btn-black {
    padding: 5px;
    font-size: 10px;
  }
  body#home_two .select_room .small_room_thumb .about_room,
  body#home_two .select_room .room_thumb .about_room,
  body#accomodation_page .select_room .small_room_thumb .about_room {
    margin-top: 4px;
  }
  body#home_two .select_room .small_room_thumb .room_details,
  body#accomodation_page .select_room .small_room_thumb .room_details {
    left: 1%;
  }

  /* ----------------------------------------
                end home page
--------------------------------------------*/

  /* ----------------------------------------
                start 404 page
--------------------------------------------*/

  body#error_page .error {
    padding-bottom: 100px;
  }
  body#error_page .error > p {
    font-size: 150px;
  }
  body#error_page .btn.btn-warning {
    margin-bottom: 50px;
  }

  /* ----------------------------------------
                end 404 page
--------------------------------------------*/

  /* ----------------------------------------
                start about us page
--------------------------------------------*/

  body#about_us_page .facilities_name .col-md-2,
  body#about_us_page .facilities_name .col-lg-2 {
    width: 50%;
  }
  body#about_us_page .single_facilities_name > li > p {
    font-size: 8px;
  }
  body#about_us_page .hotel_stuff .single_staff {
    margin-bottom: 30px;
  }
  body#about_us_page .single_facilities_name {
    border-right: medium none;
  }

  /* ----------------------------------------
                end about us page
--------------------------------------------*/

  /* ----------------------------------------
                start accomodation page
--------------------------------------------*/

  body#accomodation_page .hotel_booking .btn {
    width: 100%;
  }
  body#accomodation_page .single_room_wrapper .room_title {
    border-bottom: none;
  }
  body#accomodation_page .accomodation_single_room .single_room_wrapper {
    padding-bottom: 30px;
  }
  body#accomodation_page .breadcrumb_main.nice_title > h2 {
    font-size: 35px;
  }

  /* ----------------------------------------
                end accomodation page
--------------------------------------------*/

  /* ----------------------------------------
                start Gallery page
--------------------------------------------*/

  body#gallery_page .other_room ul.nav-tabs > li > a {
    font-size: 13px;
    padding: 5px;
  }
  body#gallery_page .accomodation_single_room .lSSlideWrapper.usingCss,
  body#gallery_page .accomodation_single_room .lSSlideOuter.vertical {
    height: 250px !important;
    margin-bottom: 35px;
  }
  .accomodation_single_room ul.pagination li a {
    font-size: 10px;
    padding: 10px;
  }

  /* ----------------------------------------
                start room details page
--------------------------------------------*/

  body#room_detail_page .breadcrumb_main.nice_title > h2 {
    line-height: 40px;
  }
  body#room_detail_page .deluxe_room_detail .section_title h5 > span.price {
    font-size: 16px;
  }

  /* ----------------------------------------
                end room details page
--------------------------------------------*/

  body#staff_page .facilities_main_part .single_staff {
    margin-bottom: 30px;
  }
  body#single_blog_page ul.coments li ul li {
    padding-left: 10px;
  }
  body#single_blog_page .comment_form input,
  body#single_blog_page .comment_form textarea {
    width: 100%;
  }

  body#single_blog_page .recent_post_details > h6 {
    font-size: 11px;
  }
  body#single_blog_page .recent_post_details > p {
    font-size: 9px;
  }
  .comment_form {
    margin-right: 0;
  }
  .sing_blog_heading ul li {
    font-size: 9px;
  }
  .com_author_photo,
  .author_photo {
    margin-bottom: 10px;
  }
  .room-name,
  .room-unit,
  .room-price,
  .unit-select {
    font-size: 1.2rem;
  }
  .selected-rooms {
    right: 1rem;
  }
  .book-btn {
    width: 100% !important;
  }
  .form-container {
    width: 100%;
  }
  .breadcrumb_main {
    padding: 99px 0 52px;
  }
  h2 {
    font-size: 36px;
  }
  .hotel_booking_area {
    margin-bottom: 1.5rem;
  }
  .form-container {
    padding: 0rem;
  }
  .search-btn {
    width: 100% !important;
  }
  .room_book {
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }
  .room_book p {
    font-size: 1.5rem;
    text-transform: uppercase;
  }
  .room_book h6 {
    font-size: 1.5rem;
  }
  .unit-select {
    width: 60%;
  }
  .header-col {
    padding-right: 0rem;
  }
  .header_top {
    padding-right: 0rem !important;
  }
  .booking-col {
    padding: 0rem;
  }
  #datepicker-hotel-date {
    left: 6%;
  }
  .room-thumbnail {
    width: 7rem;
    height: 7rem;
  }
  .wp-block-image {
    max-width: 30rem !important;
  }
}

/* --------------------------------------------------------
                    End Mobile Layout: 320px
-----------------------------------------------------------*/

/* --------------------------------------------------------
                    Start Wide Mobile Layout: 480px
-----------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px;
  }

  .mainmenu .nav.navbar-nav {
    float: none;
  }
  .contact_us .news_letter > input {
    text-align: center;
  }
  .contact_us .social_icons ul li a {
    padding-left: 50px;
  }

  /* ----------------------------------------
                start home page
--------------------------------------------*/

  body#home_one .hotel_booking_area {
    left: calc(50% - 225px);
    top: calc(0% + 195px);
  }
  body#home_one .special_offer_main {
    top: -56.5%;
    left: 70%;
  }
  .hotel_facilities_content .nav-tabs > li > a {
    font-size: 12px;
    width: 80px;
  }
  .hotel_facilities .nav.nav-tabs {
    width: 95.3%;
  }
  .hotel_facilities_content .our_services > a {
    margin-right: 7px;
    font-size: 12px;
  }
  body#home_two .single_facities {
    margin-bottom: 40px;
  }
  .room_thumb.small_room_thumb > a {
    display: block;
  }
  body#home_two .room_thumb.small_room_thumb img,
  body#accomodation_page .room_thumb.small_room_thumb img {
    height: auto;
    width: 100%;
  }
  body#home_two .select_room .select_room_content .room_thumb {
    margin-bottom: 40px;
  }
  body#home_one .welcome .single_room_wrapper,
  body#accomodation_page .accomodation_single_room .single_room_wrapper {
    text-align: center;
  }

  /* ----------------------------------------
                end home page
--------------------------------------------*/

  /* ----------------------------------------
                start 404 page
--------------------------------------------*/

  body#error_page .error > p {
    font-size: 240px;
  }

  /* ----------------------------------------
                end 404 page
--------------------------------------------*/

  /* ----------------------------------------
                start about us page
--------------------------------------------*/

  body#about_us_page .single_facilities_name > li > img {
    margin-right: 10px;
  }
  body#about_us_page .single_facilities_name > li > p {
    font-size: 13px;
  }

  /* ----------------------------------------
                end about us page
--------------------------------------------*/

  /* ----------------------------------------
                start news page
--------------------------------------------*/
  .style_blog_img_box > img {
    height: auto;
    width: 100%;
  }
  body#blog_page .b_link {
    bottom: 0;
  }

  /* ----------------------------------------
                end news page
--------------------------------------------*/
}

/* --------------------------------------------------------
                    End Wide Mobile Layout: 480px
-----------------------------------------------------------*/