@media screen and (max-width:1199px) {

    /* header styles */
    .header-section .header-top-nav ul.top_nav li a { font-size: 18px; }
    .header-section .header-top-nav ul.top_link li { font-size: 18px; padding: 0 10px; }
    .header-section .header-right-block .main-navigation li a { font-size: 16px; line-height: 16px; }
    .header-section .offer-btn-block .offer-btn { font-size: 16px; line-height: 22px; position: relative; top: -5px; }

    /* banner styles */
    .main-banner-section .banner-slider .banner-slide .banner-content h1 { font-size: 42px; line-height: 52px; }
    .travelling-search-form .form-field { width: 25%; }

    /* Search Page Styles */
}

@media screen and (max-width:1170px) {

    /* banner section styles */
    .main-banner-section .banner-content h1 { font-size: 32px; line-height: 42px; }
    .main-banner-section .banner-content h3 { font-size: 28px; line-height: 36px; margin-bottom: 10px; }
    .filter-tab-container ul.tabs-links li.tab-link { width: 20%; display: inline-block; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
    .filter-tab-container ul.tabs-links li.tab-link:last-child { border-right: 0; width: 20%; }
    .travelling-search-form .form-field { width: 50%; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
    .travelling-search-form .form-action button[type="button"] { float: none; width: auto; font-size: 28px; line-height: 36px; }

    /* ==================================================
       Search page styles
    ================================================== */
    .holiday_grid_block .holiday_grid_footer { text-align: center; }
    .holiday_grid_block .holiday-price-block { float: none; text-align: center; }
    .holiday_grid_block .holiday_grid_action_block { width: 100%; text-align: center; position: relative; right: 0; left: 0; top: 0; padding: 15px 0;; }
    .holiday_grid_block .holiday_grid_action_block .viewnowBtn {display: inline-block; position: relative; right: 0; left: 0; top: 0; }
    .holiday_grid_block .holiday_grid_action_block .viewnowBtn i { margin-right: 0px; }

    /* ==================================================
       offer carousal section
    ================================================== */
    .latestOfferCarousal .slick-arrow { z-index: 999; }
    .latestOfferCarousal .slick-arrow.slick-prev { padding: 2px 10px; left: 15px; }
    .latestOfferCarousal .slick-arrow.slick-next { padding: 2px 13px; right: 15px; }

     /* ==================================================
       alfa-search section
    ================================================== */

    /*Designs for the search results*/
    
    .main-right-container { width: -webkit-calc(100% - 315px); width: -moz-calc(100% - 315px); width: calc(100% - 315px); float: right; margin: 0; padding: 0; position: relative; }

    .holiday_grid_block2 figure { max-width:100%; max-height:100%; height: auto; width: auto; object-fit: cover;}
    .holiday_grid_block2 .grid-detail-content { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); }
    .holiday_grid_block2 .holiday-title { font-size: 25px; line-height: 48px; }
    .holiday_grid_block2 .toor-date-details .offer-count { font-size: 28px; line-height: 36px; }
    .holiday_grid_block2 .toor-details-list-cont { width: 100%; padding-left: 10px; }
    .holiday_grid_block2 .toor-details-list-cont .toor-details-list { width:100%;  padding-left: 10px; padding-bottom: 15px; }
    .holiday_grid_block2 .toor-other-details .price-details-block { top:250px; }

    .holiday_grid_block2 .price-details-block { width: 100%; display: inline-block; font-family: 'SignPainter-HouseScript', Sans-serif; font-size: 36px; line-height: 25px; color: #20388A; text-align: center; }
    .holiday_grid_block2 .price-details-block span { width: 100%; display: inline-block;  font-family: 'LatoBold', Sans-serif; font-size: 40px; line-height: 45px; color: #E6007E; }

    .holiday_grid_block2 .action-block { width: 95%; display: inline-block; margin-left: 0px; margin-right: 10px; margin-top: 0px;; }
    .holiday_grid_block2 .action-block .view_details_btn { background-color: #20388A; padding: 10px; margin-top:0px; margin-bottom: 20px; display: inline-block; text-align: center; width: 100%; font-family: 'LatoBold'; font-size: 20px; line-height: 20px; color: #ffffff; border-radius: 5px; text-decoration: none; }

    .search-body-view { width: 100%; float: left; margin: 0; padding: 0; }

    .roomsSearch { padding-left: 0px; top: 230px; float: left; position: absolute; margin-left: 10px; width: 50%}
    .roomNumbers { margin-left: 10px;}

    /* new style 10-12-18*/
    .banner-content { position: static; bottom: 0; }
    .travelling-search-form .form-action { width: 175px; }
    .filter-tab-container ul.tabs-links li.tab-link { width: 20%; float: left; min-height: 50px; }
    .wrapper_location .content_wrapper {
      width: 1030px;
      padding: 22px 20px;
    }
}
@media screen and (max-width:1023px) {

    /* header styles */
    .header-section .header-top-nav { padding: 5px; }
    .header-section .header-right-block { padding-right: 0; text-align: right; }

    /* neavigation styles */
    .header-section .header-right-block .main-navigation-block { margin-right: 15px; }
    .header-section .offer-btn-block .offer-btn { top: 0; }
    .m_visible { display: block !important; }
    .m__hidden { display: none !important; }
    .main-nav-open .header-section .header-right-block .main-navigation { width: 300px; max-width: 80%; height: 100%; position: fixed; left: 0; top: 0%; background-color: #ffffff; -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
    .main-nav-open .header-section .header-right-block .main-navigation li { width: 100%; border-right: 0; padding: 0; border-bottom: 1px solid #f1f1f1; }
    .main-nav-open .header-section .header-right-block .main-navigation li:last-child { border-bottom: 0; }
    .main-nav-open .header-section .header-right-block .main-navigation li a { width: 100%; display: inline-block; padding: 10px; }
    .main-nav-open .header-section .header-right-block .main-navigation > li .sub-nav:after { display: none; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.has_child > a { position: relative; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.has_child > a:after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; top: 5px; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.has_child.hover > a:after { content: "\f107"; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.hover > ul { position: relative; width: 100%; float: left; background-color: #ffffff; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.hover > ul li { border-bottom: 1px solid #f1f1f1; }
    .main-nav-open .header-section .header-right-block .main-navigation > li.hover > ul li:last-child { border-bottom: 0; }
    .main-nav-open .header-section .header-right-block .main-navigation > li .sub-nav li a { padding: 8px 25px; }
    .main-nav-open .header-section .header-right-block .main-navigation > li .sub-nav li.has_child > a { position: relative; }
    .main-nav-open .header-section .header-right-block .main-navigation > li .sub-nav li.has_child > a:after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; top: 5px; }
    .main-nav-open .header-section .header-right-block .main-navigation > li .sub-nav li.has_child.hover > a:after { content: "\f107"; }
    .main-nav-open .header-section .header-right-block .main-navigation li li.hover ul { left: 0; position: relative; width: 100%; float: left; background-color: #ffffff; }
    .main-nav-open .header-section .header-right-block .main-navigation li li.hover ul a { padding: 8px 45px; }

    /* ==================================================
       Search page styles
    ================================================== */
    .search-head-filter h3 span { margin-left: 0; }
    .holiday_grid_block .holiday_grid_footer { text-align: center; }
    .holiday_grid_block .holiday-price-block { float: none; text-align: center; }
    .holiday_grid_block .holiday_grid_action_block { width: 100%; text-align: center; position: relative; right: 0; left: 0; top: 0; padding: 15px 0;; }
    .holiday_grid_block .holiday_grid_action_block .viewnowBtn {display: inline-block; position: relative; right: 0; left: 0; top: 0; }
    .holiday_grid_block .holiday_grid_action_block .viewnowBtn i { margin-right: 0px; }
    .holiday_grid_block { width: 100%; }
    .search-head-filter .first-field { width: 33.33%; }
    .search-result-filter-section { width: 66.66%; background-color: transparent; }
    .search-result-filter-section .search-result-field { width: 50%; padding: 0 15px; background-color: transparent; border-right: 0;}
    .search-result-filter-section .search-result-field:last-of-type { border-right: 1px solid #ECF0F7; text-align: left; margin-left: 0px; padding: 0 0px;}
    .alfa-hotel-bottom-wrapper .alfa-hotel-card {
        width: 33%;
    }
    
    .holiday_grid_block2 .toor-date-details { width: auto; display: inline-block; margin: 0; padding: 0; }
    .holiday_grid_block2 .offer-count { background-color: #20388a; padding: 5px 10px; margin-right: 10px; display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 26px; color: #FFFFFF;  }
    .holiday_grid_block2 .toor-date-details .toor-date { font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 45px; color: #20388A; padding-left: 10px; }
    
    
    .ulLiStyle ul {
    padding-left: 16px;
    padding-top: 15px;
   }
   .tabContentWrapper {
    padding: 26px 30px;
  }
  .navCustomStyle li {
    display: inline-block;
    width: 100%;
   }
       .ckeckbox_button{
      width: 100% !important;
    }
    .checkbox_section{
      width: 100% !important;
    }
    .submitButton{
      width: 100% !important;
    }
    .wrapper_location .content_wrapper {
      width: 100%;      
    }
    .wrapper_location .content_wrapper {
      padding: 0px 10px;
    }
    .wrapper_location .content_wrapper {
        display: inline-block;
      }
    .left-half-section {
      width: 100%;
    }
    .right-half-section {
        width: 100%;
        float: right;
        /* position: relative; */
        height: 1000px;
      }
    .group-field-coach-air {

      width: 100%;
      
    }
    /*.travelling-search-form .form-field.departing-from, .travelling-search-form .form-field.travelling-to, .travelling-search-form .form-field.departure-date {
      width: 33.33%;
    }*/
    .self-drive .group-field {
      width: 100%;
    }
    .travelling-search-form .form-action {
      float: none;
    }

}

/* Basically iPad style */
@media screen and (max-width:767px) {
    /* Default Form Styles */
    .default-form-style .block-grid { width: 100%; }
    /* brochure request page styles
    /* brochure request banner container styles */
    .brochure-list-container .brochure-list-view .img-block { width: 100%; margin-bottom: 15px; }
    .brochure-list-container .brochure-list-view .brochure-details { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); padding-left: 0; }
    .bro_req_banner_container .bro_banner-content { width: 100%; }
    .bro_req_banner_container { padding: 0px 0 30px; }
    .bro_req_banner_container .default-title-style h2 { margin-bottom: 25px; }
    .bro_req_banner_container .post-code-field { padding: 0; margin: 0; }
    .bro_req_banner_container .post-code-field .search-field { padding-bottom: 15px; }
    .bro_req_banner_container .post-code-field .search-field .searchBtn { position: relative; top: 0; margin-top: 15px; }
    .holiday_grid_block { width: 50%; }

    /* ==================================================
       Search page styles
    ================================================== */
    .search-sidebar { width: 100%; }
    .main-right-container { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); }
    .search-result-filter-section { width: 100%; background-color: transparent; }
    .search-head-filter .first-field { width: 100%; }
    .search-head-filter .search-result-field:first-child { padding-left: 0; }
    .search-head-filter .search-result-field:nth-child(2) { padding-right: 0; }
    .search-result-filter-section .search-result-field:last-child { padding-left: 0; padding-right: 0;  }
    .search-result-filter-section .search-result-field:last-of-type { border-right: 1px solid #ECF0F7;; text-align: left; }

    .holiday_grid_block2 .toor-date-details { width: auto; display: inline-block; margin: 0; padding: 0; }
    .holiday_grid_block2 .offer-count { background-color: #20388a; padding: 5px 10px; margin-right: 10px; display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 26px; color: #FFFFFF;  }
    .holiday_grid_block2 .toor-date-details .toor-date { font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 45px; color: #20388A; padding-left: 10px; }

    /*==============================================
        Newsletter design
    ==============================================*/
    .contentWrapper { padding: 25px; }
    .signupText { font-size: 20px !important; }
    .travelInfo { width: 47%;font-size: 15px !important; }
    .newsletter_signup{ margin-left: 35%;margin-top: 35px;float: none; }

    .icon_row{ text-align: center; }
    .alf_holiday .firstTab .iconWarp{ float: none; }
    .content_wrapper { margin: 0; padding:0 15px;  }

    /* new style 10-12-18*/
    .banner-content { position: static; bottom: 0; }
    .travelling-search-form .form-action { width: 175px; }
    .filter-tab-container ul.tabs-links li.tab-link { width: 100%; float: left; min-height: initial; }
    .travelling-search-form .form-field { width: 100%; }
    .travelling-search-form .form-field.departing-from, .travelling-search-form .form-field.travelling-to, .travelling-search-form .form-field.departure-date{
      width: 100%;
    }
    .form-field.departure-date .custom-select .selectric .label { text-align: center; }
    #self-drive .group-field { width: 100%; }
    .group-field-coach-air { width: 100%; }
    #tour-code .group-field { width: 100%; }
    .travelling-search-form .form-action { width: 100%; text-align: center; padding: 0 10px; }
    .customWidthSelfDrive {
      width: 100% !important;
    } 
    .self-drive .group-field .form-field { width: 100%; }
    .self-drive .group-field { width: 100%; }
	
	/* DJF added for mobile responsive brochure request page */
	
	.bro_req_right_banner_container {
		display: none;
	}
	
	/* theres a chance this is used elsewhere */
	.bro-first-half {
		width: 100%;
	}
	
	.bro-second-half {
		width: 0%;
	}
}
@media screen and (max-width:640px) {
    /* ==================================================
       Search page aside styles
    ================================================== */
    .main-right-container { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); }
    .holiday_grid_block { width: 100%; }
    /*search page style*/
    .holiday_grid_block2 figure { width: 100%; }
    .holiday_grid_block2 .grid-detail-content { width: 100%; }
  .holiday_grid_block2 .price-details-block { position: static; float: left; width: 50%; font-size: 22px; }
  .holiday_grid_block2 .holiday-title { font-size: 22px; line-height: 36px; margin-left: 3px;}
  .holiday_grid_block2 .toor-other-details .t_by { top: 0; margin-left: 20%; }
  .holiday_grid_block2 .toor-other-details .t_day { top: 5px;}
  .holiday_grid_block2 .toor-other-details .half_board { top: 6px; }
  .holiday_grid_block2 .price-details-block span { font-size: 42px !important; line-height: 48px !important; }
  .holiday_grid_block2 .action-block { width: 100%; margin-top: 10px; margin-bottom: 10px;  text-align: center;  }
  .holiday_grid_block2 .toor-other-details .toor-details-list-cont {width: 100%;margin:0px;display: inline-block;margin: 0px;padding: 0;}
  .holiday_grid_block2 ul.toor-details-list {width: 100%;height: auto;}
  .holiday_grid_block2 .roomsSearch {position: inherit; margin: 20px 0px 0px 0px;width: 50%; float:left;padding:0px;}
.filter-tab-container ul.tabs-links li.tab-link { width: 50%; font-size: 0; float:none; }
  
.apply-filter-button  { background-color: transparent; width: 100%; border: 2px solid #20388A; color: #20388A; padding: 10px 25px; margin-top: -15px; border-radius: 5px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 36px; text-align: center; float: right; cursor: pointer; }
.apply-filter-button:hover, .apply-filter-button:focus { background-color: #20388A; color: #ffffff; text-decoration: none; }

.search-page .form-field { margin: 0px 0px 0px 0px; }
.search-result-filter-section .search-result-field:last-of-type { margin: 0px 0px 15px 0px; }
  
.holiday_grid_block2 .toor-date-details { width: auto; display: inline-block; margin: 0; padding: 0; }
.holiday_grid_block2  .offer-count { background-color: #20388a; padding: 5px 10px; margin-right: 10px; display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 26px; color: #FFFFFF;  }
.holiday_grid_block2 .toor-date-details .toor-date { font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 45px; color: #20388A; }

.holiday_grid_block2 .price-details-block { width: 100%; display: inline-block; font-family: 'SignPainter-HouseScript', Sans-serif; font-size: 36px; line-height: 25px; color: #20388A; text-align: center; }
.holiday_grid_block2 .price-details-block span { width: 100%; display: inline-block;  font-family: 'LatoBold', Sans-serif; font-size: 40px; line-height: 45px; color: #E6007E; }

}
@media screen and (max-width:479px) {

  .holiday_grid_block2 .toor-date-details { width: auto; display: inline-block; margin: 0; padding: 0; }
  .holiday_grid_block2  .offer-count { background-color: #20388a; padding: 5px 10px; margin-right: 10px; display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 26px; color: #FFFFFF;  }
  .holiday_grid_block2 .toor-date-details .toor-date { padding-left: 3px; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 35px; color: #20388A; }


    /* header styles */
    .header-section .logo-block { padding: 25px 0 0; }
    .header-section .header-top-nav { padding: 0 5px 5px; }
    .header-section .header-top-nav ul.top_link li { font-size: 14px; line-height: 20px; }
    .header-section .header-top-nav ul.top_link li .phone-icon { font-size: 14px; line-height: 24px; margin-right: 5px; }
   /* .header-section .header-right-block { width: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); width: calc(100% - 180px); } */
    .toggleMenu { padding: 5px 45px 5px 10px; margin-bottom: 5px; }
    .header-section .header-right-block .main-navigation-block { margin-right: 0; }

    /* banner section styles */
    .banner-content { width: 100%; position: static; }
    .main-banner-section .banner-content { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); }
    .main-banner-section .banner-content h1 { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
    .main-banner-section .banner-content h3 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
    .main-banner-section .banner-content { width: 95%; }
    .travelling-search-form .form-field.departure-date { width: 100%; }
    .filter-tab-container ul.tabs-links li.tab-link { width: 50%; font-size: 0; float:none; }
    .travelling-search-form .form-field { width: 100%; border-right: 0; }
    .travelling-search-form .form-field:last-child { border-bottom: 0; }
    .travelling-search-form .form-action { width: 100%; text-align: center; padding: 0 10px;}
    .travelling-search-form .form-action button[type="submit"] { width: 100%; float: none; display: inline-block; margin-bottom: 10px; }
    /* brochure request page styles
    /* brochure request banner container styles */
    .bro_req_result_container .result-block { margin-bottom: 15px; }
    .bro_req_result_container .submitBtn { position: relative; top: 0; }



    /* ==================================================
       Search page styles
    ================================================== */
    .search-head-filter h3 { width: 100%; text-align: left; line-height: 42px; float: left; }
    .search-head-filter .search-result-field { width: 100%; }
    .search-head-filter .search-result-field:first-child { padding-left: 0; padding-right: 0; }
    .search-head-filter .search-result-field:nth-child(2) { padding-left: 0; padding-right: 0; }
    .search-result-filter-section .search-result-field:last-child { padding-left: 0; padding-right: 0;  }
    .alfa-hotel-bottom-wrapper .alfa-hotel-card {
        width: 100%;
    }
    #ui-datepicker-div {
      width: 93%;

    }
    .tabContentWrapper {
    padding: 10px 10px;
    }
   .innerContentWrapper {
    padding: 10px 10px;
    }
   .PriceWrapper {
    padding: 8px 19px;
   }
   .tourWrapper {
    padding-left: 21px;
   }
   .belowContent {
    padding: 25px 19px;
   }
   .ulLiStyle ul {
    padding-left: 16px;
    padding-top: 15px;
   }
   .navCustomStyle li {
    display: inline-block;
    width: 100%;
   }
   /*----------------------Style Added for pickup area section----------------------*/
   .pickup-heading > h2::after{

      top: 235px;
   }

   .pickup-column-left{

      width: 100%;
   }

   .pickup-column-right{

      width: 100%;
   }

   .pickup-area-section {

      height: 103px;
   }

   .pickup-content-section {

      width: 83%;

   }

   .pickup-column-left input {
      font-size: 39px;
   }

   .alfa-hotel-bottom-wrapper .alfa-hotel-card {
        width: 100%;
    }
    #ui-datepicker-div {
      width: 93%;

    }

    .ckeckbox_button{
      width: 100% !important;
    }
    .checkbox_section{
      width: 100% !important;
    }
    .submitButton{
      width: 100% !important;
    }
    .default-form-style .form-field select {
      width: 30%;

    }
    .individualHotel .innerContentWrapper {
      padding: 10px;
    }
    .content-column-1,.content-column-2{
      width: 100%;
    }
    /*=====pickup area=====*/
    #searchable_postcode {
      margin-bottom: 25px;
      /* width: 80%; */
    }
    .wrapper_location .content_wrapper {
      width: 100%;
      margin: 0 auto;
      display: inline-block; 
      position: relative; 
      display: inline-block;
      padding:0 15px;
    }
    .left-half-section {
        width: 100%;
      }
    .detail-first-section {
      width: 50%;
    }
    .detail-second-section {
      width: 50%;
    }
    .detail-third-section {
      width: 100%;
      /*float: left;*/
    }
    .right-half-section {
      width: 100%;
      float: right;
      margin: 70px 0px;
      height: 826px;
    }

  /*search page style*/
  .holiday_grid_block2 .price-details-block { position: static; float: left; width: 100%; font-size: 30px; }
  .holiday_grid_block2 .holiday-title { font-size: 22px; line-height: 36px; margin-left: 3px;}
  .holiday_grid_block2 .toor-other-details .t_by { top: 0; margin-left: 20%; }
  .holiday_grid_block2 .toor-other-details .t_day { top: 5px;}
  .holiday_grid_block2 .toor-other-details .half_board { top: 6px; }
  .holiday_grid_block2 .price-details-block span { font-size: 42px !important; line-height: 48px !important; }
  .holiday_grid_block2 .action-block { width: 94%; margin-top: 10px; margin-bottom: 0px;  text-align: center;  }
  .holiday_grid_block2 .action-block .view_details_btn { background-color: #20388A; padding: 10px; margin-top:0px; margin-bottom: 10px; display: inline-block; text-align: center; width: 100%; font-family: 'LatoBold'; font-size: 20px; line-height: 20px; color: #ffffff; border-radius: 5px; text-decoration: none; }
  .holiday_grid_block2 .toor-other-details .toor-details-list-cont {width: 100%;margin:0px;display: inline-block;margin: 0px;padding: 0;}
  .holiday_grid_block2 ul.toor-details-list {width: 100%;height: auto;}
  .holiday_grid_block2 .roomsSearch {position: inherit; margin: 20px 0px 0px 0px;width: 50%; float:left;padding:0px;}
  #map_location { float: left; width: 100%; min-height: 300px; }

  .hotel-detail-box {
      width: 100%;
      display: inline-block;
      background-color: #fff;
      position: absolute;
      top: 160px;
      left: 0px;
    }

   #pickup_form {
      position: relative;
    }
  #pickup_form input {
    width: 100%;
  }
  #pickup_submit {
  position: absolute;
  top: 9px;
  left: 85%;
}
.hotel-third-icon {
  max-width: 27px;
  float: left;
  margin: 0 15px;
}
.hotel-second-icon {
  width: 100px;
  /* margin-left: 8px; */
  margin-top: 15px;
}
}