/* Responsive Styles */

/* Common styles */

@media only screen and (max-width: 500px) {
  .no_padding_mobile {
    padding: 0;
  }
}

@media only screen and (max-width: 992px) {
  #search-container {
    margin-top: 5px;
  }

  #search_imp3 {
    border: 1px solid #c4c4c4;
  }
}

@media only screen and (max-width: 768px) {
  /* SEARCH HEADER AND BREADCUMS */
  .bread-search .search2,
  .bread-search .search2 div {
    width: 100%;
    float: left;
    margin: 0px 0;
  }

  .bread-search .search2 input#search_imp3 {
    height: 30px;
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    float: left;
  }

  .bread-search .search2 button.btn_search2 {
    margin: 5px 0 0 0;
    padding: 0;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    text-align: center;
    float: left;
    height: 30px;
  }

  .bread-search .search2 button img {
    width: 20px;
    margin: 0 auto;
    float: none;
  }

  #boat-detail-mobile-toggle-button {
    line-height: 0px;
    margin: -10px 0 20px 0;
    color: #82A2A3;
  }

  /* FOOTER */
  footer {
    margin-top: 40px;
  }

  .list_social_foot {
    text-align: center;
  }

  /* Mobile Menu */
  #main_menu > li > a {
    padding-left: 0;
  }

  #listyourboat {
    margin-left: 0;
    padding-left: 15px !important;
  }

}

/* HOME */
@media only screen and (max-width: 768px) {
  .cd-hero .header_content {
    padding-top: 0;
  }

  .header_content h1 {
    margin-top: 35px;
  }

  .searchFormBox #passengers {
    margin-top: 0px;
  }

  .header-image-aboutus h3 {
    color: white;
    font-size: 1.6em;
    padding: 0px 40px;
  }

  .header-image-aboutus h5 {
    color: white;
    font-size: 1em;
    padding: 10px 40px
  }

  .aboutus-image img {
    display: none;
  }

  .main-box-icon-about {
    margin-top: 2px;
  }
}

/* List BOat For City and search page */
@media only screen and (max-width: 500px) {
  .list-boat-city-and-search .b_button {
    margin-bottom: 10px;
    padding-right: 6px;
  }

  #personSelected-container {
    padding-left: 0;
    margin-bottom: 5px;
  }

  #tripDuration-container {
    padding-right: 0;
    margin-bottom: 0;

  }

  #tripTypeContainer {
    padding-left: 0;
  }

  #search-container {
    margin-top: 10px;
  }

  #search_imp3 {
    border: 1px solid #c4c4c4;
  }

}

@media only screen and (max-width: 768px) and (min-width: 501px) {
  .list-boat-city-and-search #top_pack_city {
    margin-bottom: 6px;
  }

  .list-boat-city-and-search li {
    width: 44%;
    display: inline-block;
  }

  .list-boat-city-and-search li:nth-child(2n) {
    float: right;
  }

  #box_loc_list_boat {
    height: 55px;
  }

  .start_review_icons_container {
    height: 30px;
    float: left;
    width: 100%;
  }

  .privatePackageDiv, .sharedPackageDiv {
    font-size: 11px;
  }

  .list-boat-city-and-search .b_button {
    margin-bottom: 10px;
    padding-right: 6px;
  }

  .list-boat-city-and-search #top_pack_city {
    margin-bottom: 6px;
  }

  #box_loc_list_boat {
    overflow-y: hidden;
  }
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
  .list-boat-city-and-search #top_pack_city {
    margin-bottom: 6px;
  }

  .list-boat-city-and-search .b_button {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
  .list-boat-city-and-search #top_pack_city {
    margin-bottom: 6px;
  }
}

/* BOAT PROFILE */

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

  #boat-profile-boat-description {
    margin-top: 0;
  }

  .packages-div {
    padding-bottom: 0;
  }

  p.packagePrice {
    text-align: left;
    color: #ee9275;
    font-size: 1.1em;
    font-weight: bold;
    width: 60%;
    float: left;
    margin-bottom: 0;
  }

  .packageInfoButton {
    float: right;
  }

  .package-departures {
    margin-bottom: 3px;
  }

  .packageHours {
    margin-bottom: 3px;
  }

  .packagePriceSpan {
    font-size: 20px;
    width: 100%;
  }

  span.packagePriceNote {
    float: left;
  }

  .bppack {
    margin: 0 !important;
    padding: 0 !important;
  }

  .shared-trip-with-min-passengers {
    font-size: x-small;
    float: left;
    font-style: italic;
    text-transform: lowercase;
    margin-top: 2px;
    font-weight: normal;
    clear: both;
  }

  .contpack2 {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 20px;
  }

  .bookNowButtonContent {
    float: left;
    padding-left: 0;
    width: 100%;
  }

  .bookNowButton {
    width: 100%;
    height: 41px;
    font-size: 20px;
  }

  .btninfo {
    margin-top: 18px;
  }

  #boat-data-tabs .separatorBox {
    margin-bottom: 20px;
  }

  .bcaptain {
    text-align: center;
    padding-bottom: 27px;
  }

  .bcaptain1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    float: none !important;
  }

  .bcaptain2 {
    text-align: center;
    padding-top: 15px;
  }
}

@media only screen and (min-width: 670px) and (max-width: 768px) {
  .contpack2 {
    position: absolute !important;
  }
}

@media only screen and (min-width: 501px) and (max-width: 768px) {
  .bcaptain1 {
    margin-top: 20px;
    margin-left: 7px;
  }

  .bcaptain2 {
    width: 60%;
    margin-top: 23px;
  }

  .packages-div {
    padding-bottom: 0;
  }

  p.packagePrice {
    text-align: left;
    color: #ee9275;
    font-size: 1.1em;
    font-weight: bold;
    width: 60%;
    float: left;
    margin-bottom: 0;
  }

  .packageInfoButton {
    float: right;
  }

  .package-departures {
    margin-bottom: 3px;
  }

  .packageHours {
    margin-bottom: 3px;
  }

  .packagePriceSpan {
    font-size: 20px;
    width: 100%;
  }

  span.packagePriceNote {
    float: left;
  }

  .contpack2 {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 20px;
  }

  .bookNowButtonContent {
    float: left;
    padding-left: 0;
    width: 100%;
  }

  .bookNowButton {
    width: 100%;
    height: 41px;
    font-size: 20px;
  }

  .btninfo {
    margin-top: 18px;
  }

}

@media only screen and (max-width: 767px) {
  #datetimepicker1 {
    padding-right: 0;
    margin-bottom: 0;
  }

  #passengers {
    margin-top: 10px;
    padding-left: 0;
  }

  #personSelected-container {
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  #list-boat-features li {
    padding-left: 0;
  }

  .bcaptain1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
  }

  .bpcaptain2 {
    float: left;
    margin-left: 20px;
  }

  #boat-name-and-rating {
    margin-top: 0;
  }

  #boat-name-and-rating h1 {
    font-size: 22px;
  }

  .star-rating {
    display: block;
  }

  #askCaptainFormOpen {
    margin-top: 20px;
  }

  #knowMoreCaptain {
    margin-top: 10px;
  }

  #askCaptainFormOpen, #knowMoreCaptain {
    float: left;
    width: 100%;
  }

  #askCaptainFormOpen button, #knowMoreCaptain button {
    width: 100%;
    float: left;
    margin-bottom: 0px;
  }

  #expandDescription {
    display: block;
  }

  .rating-xs {
    margin-left: 0;
  }

  #boat-profile-extra-reviews dd.dd_cont {
    margin-left: 0;
    margin-bottom: 25px;
  }

  #boat-profile-extra-policies dd {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .demo-gallery {
    overflow: hidden;
  }

  .list-comma-separated-md {
    padding: 0;
  }

  .list-comma-separated-md li {
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
  }

  .list-comma-separated-md li:after {
    content: ',  ';
  }

  .list-comma-separated-md li:last-child:after {
    content: '';
  }

  #boat_things dt {
    clear: both;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
  }

  #boat_things dd {
    margin-left: 0;
    margin-top: 10px;
  }

}

/* OTHER PAGES */

/* TODO: BUSCAR SITIO! */
.start_review_icons_container {
  height: 30px;
  float: left;
  width: 100%;
}

/* City Page. author Miguel Angel */
@media only screen and (max-width: 390px) {
  .review-and-pack {
    width: 100%;
    margin-top: 10px;
    margin-left: 15px;
  }

  .privatePackageDiv, .sharedPackageDiv {
    margin-bottom: 8px;
  }

  #bottom_pack_city {
    padding-right: 9px;
    margin-bottom: 10px;
  }

  .cont_box_pack {
    padding: 2px 20px 0px 20px;
    min-height: 210px;
  }

  .tit_loc h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4em;
  }

}

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

  .tit_loc h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4em;
  }

  .breadcrumb {
    font-size: 0.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .box_loc {
    font-size: 0.9em;
  }

  .cont_box_pack {
    padding: 2px 20px 0px 20px;
    min-height: 210px;
  }

  .stars_review_icons a {
    font-size: 1.1em;
  }

  .privatePackageDiv, .sharedPackageDiv {
    margin-bottom: 8px;
  }

  #bottom_pack_city {
    margin-bottom: 8px;
    font-size: 1.2em;
    padding-right: 9px;
  }

  .box_f2 {
    padding: 20px 30px 10px 30px;
    border-bottom: 1px solid transparent;
  }

  .dl-horizontal {
    float: left;
    padding: 0 0;
    width: 100%;
  }

  .dl-horizontal dt {
    width: 100%;
  }

  .dl-horizontal dd {
    margin-bottom: 10px;
  }

  ol.breadcrumb {
    display: none;
  }

}

/* datepicker for small resolutions */
@media only screen and (max-width: 768px) and (min-width: 501px) {
  /* datepicker for small resolutions */
  .ui-datepicker {
    left: 0px !important;
    width: 60% !important;
    margin-left: 20%;
    margin-right: 20%;
  }

  .from_price {
    color: #ee9275;
    font-size: .9em;
  }

  .ui-datepicker td {
    padding: 3px !important;
  }

  /* List boat for city search page paginated */

}

@media only screen and (max-width: 500px) {
  .ui-datepicker {
    left: 0px !important;
    width: 92% !important;
    margin-left: 4%;
    margin-right: 4%;
  }

  .from_price {
    color: #ee9275;
    font-size: 0.9em;
  }

  .ui-datepicker td {
    padding: 2px !important;
  }

  .ask-imput {

  }

  form.askCaptainForm label {
    float: left !important;
    margin-right: 0px !important;
    color: #294346;
    text-align: left !important;
    width: 100% !important;
    font-weight: bold;
    vertical-align: top;
  }

  form.askCaptainForm input[type="email"] {
    width: 250px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm input[type="text"], form.askCaptainForm input[type="email"] {
    width: 250px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm textarea {
    width: 250px !important;
    height: 80px !important;
    border: 1px solid #799D9F;
    color: #799C9E;
    font-size: 15px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    padding: 5px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  .captcha_box {
    margin-left: 0px !important;
  }

  #askCaptain_captcha {
    width: 250px !important;
    margin-left: 0px !important;
    margin-top: 6px;
  }

  .captchaInput {
    width: 100% !important;
    float: left;
    clear: none;
  }

  #askCaptainFormButton {
    background: none repeat scroll 0 0 #294346;
    border: 1px solid #294346;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    margin-left: 0px;
    width: 250px !important;
    height: 38px !important;
    padding: 5px;
    text-align: center;
    min-height: 25px;
    margin-top: 10px;
  }

  .ask-tit {
    width: 250px !important;
  }

}

/* end author Miguel Angel */

/* MAX-WIDTH 1024PX (ipad landscape) */

@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .header_image {
    height: 340px;
    margin-bottom: 20px;
    padding: 0;
  }

  .header_content {
    margin: 0;
  }

  /*.header_content h1 {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 34pt;
  }*/
  .header_content h2 {
    font-size: 14pt;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .header_content .search {
    text-align: center;
  }

  .header_content .search input {
    margin: 0 0px;
  }

  /*.col-lg-9.hiw_steps {
      margin: -15px 0 10px 0;
  }
  .hiw .hiw_steps img {
    margin-right: 10px;
    float: left;
  }
  .f_section .features {
    text-align: center;
  }
  .f_section .fsteps img {
    margin: 0 auto;
    float: none;
  }*/
  /*.f_section .f_reviews {
      max-width: 600px;
      margin: 10px auto;
      border-top: 1px solid #dbe4e3;
      padding-top: 30px;
  }*/
  .f_section .f_reviews img {
    margin-top: 5px;
  }

  .box_forgot_pass {
    width: 50%;
    margin: 0 auto;
    float: none;
  }

  .cap_img_pro img {
    width: 100%;
  }

  /*.boatpack {
    width: 100%;
  }*/
  .box_video {
    width: 50%;
    float: left;
  }

  .pay_det {
    width: 40%;
  }

  .list_card ul {
    width: 100%;
    float: left;
  }

  .secure {
    width: 100%;
    margin-bottom: 20px;
    float: left;
  }

  @media only screen and (max-width: 993px) {
    #listyourboat, #language, #currency {
      margin-left: 0px;
    }
  }



  @media only screen and (max-width: 768px) {
    .get_our {
      font-size: 1.8em;
    }

    .helpstep {
      font-size: 1.2em;
    }

    .header_content h1 {
      margin-top: 0px;
      margin-bottom: 0;
      font-size: 25pt;
    }

    .bread-search {
      height: auto;
    }

    .bread-search ol {
      width: 100%;
      margin: 0px;
      float: left;
      font-size: 0.6em;
    }
  }

  @media only screen and (max-width: 640px) and (min-width: 361px) {
    .navbar-inverse .navbar-nav > li > a {
      padding-left: 7px;
      padding-right: 7px;
    }

    .header_image {
      height: 255px;
      padding: 0;
    }

    .header_content h1 {
      margin-top: 0;
      font-size: 26pt;
    }

    .header_content .search .btn_search {
      margin-top: -5px;
    }

    .hiw .col-md-4.col-md-offset-1 {
      text-align: center;
    }

    .hiw .col-md-4.col-md-offset-1 img {
      margin: -40px auto 20px;
      float: none;
    }

    .hiw .col-lg-9.hiw_steps {
      margin: 0;
    }

    .hiw .hiw_steps img {
      margin-right: 10px;
      float: left;
    }

    .bread-search .search2 input {
      float: left;
    }

    .bread-search .btn_search2 {
      height: 34px;
    }

    .bread-search .btn_search2 img {
      width: 14px;
    }

    .countries .col-md-2 {
      width: 25%;
      float: left;
    }

    .mainh1 {
      height: auto;
    }

    .form_hiw textarea {
      height: 100px;
    }

    .hiw_illus {
      margin-bottom: 20px;
    }

    .hiw_con .col-md-4 {
      width: 100%;
      padding: 0;
      margin-top: 20px;
      float: left;
    }

    .hiw_con .col-md-4 iframe {
      width: 100%;
    }

    .row_guides .col-md-3 {
      width: 25%;
      float: left;
    }

    /*.main_boatcont .col-md-12 {
      width: 100%;
      float: left;
    }
    .bpfilt .container {
      width: 35%;
      float: left;
    }
    .bppack {
      width: 65%;
      margin-top: -10px;
      float: right;
    }
    .bppack .tab-content {
      width: 100%;
      float: left;
    }
    .bppack .tab-content .tab-pane ul li,
    .bppack .tab-content .tab-pane ul li .pack {
      width: 100%;
      float: left;
    }
    .bppack .tab-content .tab-pane ul li .pack .contpack1 {
      width: 70%;
      float: left;
    }
    .bppack .tab-content .tab-pane ul li .pack .contpack2 {
      width: 30%;
      float: right;
    }*/
    .g_map {
      width: 65%;
      float: right;
    }

    .bcaptain {
      width: 100%;
      float: left;
    }

    .bcaptain .bcaptain1 {
      width: 50%;

    }

    .bcaptain .bcaptain1 img {
      max-width: 100%;
    }

    .guides .tab-content,
    .guides .tab-content .tab-pane {
      width: 100%;
      float: left;
    }

    #terms .col-md-3,
    #fishingtrip .col-md-3,
    #weather .col-md-3 {
      width: 20%;
      margin: 0;
      padding: 0;
      float: left;
    }

    #terms .col-md-9,
    #fishingtrip .col-md-9,
    #weather .col-md-9 {
      width: 75%;
      margin-right: 10px;
      float: right;
    }

    .guides_fish {
      width: 100%;
      float: left;
    }

    .guides_fish .col-md-3 {
      width: 20%;
      float: left;
    }

    .guides_fish .col-md-9 {
      width: 78%;
    }

    .boat_cont .g_descrip_t {
      width: 100%;
      float: left;
    }

    .boat_des_cont .table-responsive,
    .fish_g_gall {
      width: 100%;
      float: left;
    }

    .fish_g_gall .guides_photos {
      width: 48%;
      margin: 0 1%;
      float: left;
    }

    blockquote {
      font-size: 1.2em;
    }

    .col-md-3.sheet {
      width: 50%;
      float: left;
    }

    .col-md-3.sheet .img_f_report {
      width: 134px;
      height: auto;
      margin-right: 10px;
      float: left;
    }

    .f_rep .col-md-6 {
      width: 50%;
    }

    .bcaptain3 {

      margin-top: 20px;
    }

    /*.bcaptain3 img,
    .cap_img_pro img {
      width: 100%;
      padding: 0;

    }


    .boatpack .bpfilt,
    .boatpack .bppack {
      width: 100%;
      float: left;
    }
    .boatpack .bpfilt .container {
      width: 100%;
      margin-bottom: 20px;
    }
    .t_show {
      display: block !important;
    }
    .t_hide {
      display: none;
    }
    .t_show .col-md-12 {
      width: 100%;
      float: left;
    }
    .t_show .col-md-12 .ava_F_P {
      margin-bottom: 20px;
    }
    .t_show .col-md-12 .bpfilt {
      width: 35%;
      margin-top: -10px;
    }
    .t_show .col-md-12 .bppack {
      width: 65%;
    }*/
    .box_video {
      width: 100%;
      margin-bottom: 20px;
      float: left;
    }

    .pay_det {
      width: 50%;
    }

    .pay_steps {
      width: 48%;
    }

    .pay_steps .col-lg-4 {
      border-right: 0;
    }

    .list_card ul {
      width: 100%;
      float: left;
    }

    .secure {
      width: 100%;
      margin-bottom: 20px;
      float: left;
    }

    /*.main_icon_cont {
      padding-top: 40px;
    }
    .main_icon_cont ul li {
      width: 70%;
      margin-bottom: 20px;
      clear: both;
      float: left;

    }
    .main_icon_cont ul li img {
      width: 20%;
      float: left;
    }*/

  }

  /* MAX-WIDTH 360PX (iPhone 4 Portrait) */
  @media only screen and (max-width: 360px) {

    .ask-imput {

    }

    form.askCaptainForm label {
      float: left !important;
      margin-right: 0px !important;
      color: #294346;
      text-align: left !important;
      width: 100% !important;
      font-weight: bold;
      vertical-align: top;
    }

    form.askCaptainForm input[type="email"] {
      width: 290px !important;
      border: 1px solid #799D9F;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
      height: 26px;
      color: #799C9E;
      font-size: 15px;
      padding: 0px 0px 0px 8px;
      text-shadow: 0 1px 1px #FFFFFF;
    }

    form.askCaptainForm input[type="text"], form.askCaptainForm input[type="email"] {
      width: 290px !important;
      border: 1px solid #799D9F;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
      height: 26px;
      color: #799C9E;
      font-size: 15px;
      padding: 0px 0px 0px 8px;
      text-shadow: 0 1px 1px #FFFFFF;
    }

    form.askCaptainForm textarea {
      width: 290px !important;
      height: 80px !important;
      border: 1px solid #799D9F;
      color: #799C9E;
      font-size: 15px;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
      padding: 5px 0px 0px 8px;
      text-shadow: 0 1px 1px #FFFFFF;
    }

    .captcha_box {
      margin-left: 0px !important;
    }

    #askCaptain_captcha {
      width: 290px !important;
      margin-left: 0px !important;
      margin-top: 6px;
    }

    .captchaInput {
      width: 100% !important;
      float: left;
      clear: none;
    }

    #askCaptainFormButton {
      background: none repeat scroll 0 0 #294346;
      border: 1px solid #294346;
      border-radius: 2px;
      color: #FFFFFF;
      cursor: pointer;
      font-size: 20px;
      font-weight: 500;
      margin-left: 0px;
      width: 290px !important;
      height: 38px !important;
      padding: 5px;
      text-align: center;
      min-height: 25px;
      margin-top: 10px;
    }

    .ask-tit {
      width: 290px !important;
    }

    .btn_search2 {
      height: 34px;
    }

    #main_menu {
      margin-bottom: 20px;
    }

    #main_menu li {
      margin: 0 0 0 0px;
      position: static;
      float: left;
      width: 100%;
    }

    .col-xs-7-middle {
      width: 100%;
      padding-left: 5px;
    }

    .navbar-right {
      margin-right: 0px;
      margin-left: -25px;
    }

    #currency,
    #listyourboat {
      margin-left: 0px;
    }

    .logo {
      margin-left: 0px;
    }

    .header_content h1 {
      font-size: 25px;
      padding: 0;
      margin: -34px 0px 15px 0px;
    }

    .header_content h2 {
      margin-top: 0;
      font-size: 10pt;
    }

    /*.search {
      width: 100%;
      padding: 0;
      margin: 17px 0 0 -7.5px;
      float: left;
    }
    .search input#date,
    .search input#geo_autocomplete,
    .search select#passengers,
    .search button {
      width: 100%;
      border: 1px solid #c4c4c4;
      border-bottom: 0 none;
      float: left;
    }*/
    .search button {
      border: 0 none;
    }

    .header_image {
      height: 340px;
      float: left;
    }

    .page-header {
      font-size: 22pt;
    }

    .mainh1 {
      margin-left: 0px;
    }

    .row_guides .col-md-3 {
      width: 50%;
      float: left;
    }

    .col-md-3.sheet {
      width: 100%;
      float: left;
    }

    .col-md-3.sheet .img_f_report {
      width: 134px;
      height: auto;
      margin-right: 10px;
      float: left;
    }

    .img_reviews {
      float: left;
      width: 90%;
    }

    blockquote {
      font-size: 1.2em;
    }

    .box_video {
      width: 100%;
      margin-bottom: 10px;
      float: left;
    }

    .box_f,
    .box_f2 {
      width: 100%;
      float: left;
    }

    .box_f .f_activity {
      width: 33.333%;
      float: left;
    }

    .bo_pro {
      width: 100%;
      float: left;
    }

    .boat_cont .g_descrip_t {
      width: 100%;
      float: left;
    }

    .boat_des_cont .table-responsive,
    .fish_g_gall {
      width: 100%;
      float: left;
    }

    .fish_g_gall .guides_photos {
      width: 48%;
      margin: 0 1%;
      float: left;
    }

    .dl-horizontal {
      width: 100%;
      padding: 0 10px;
      float: left;
    }

    .dl-horizontal dt {
      width: 100%;
      float: left;
    }

    /*.bppack {
      margin-top: 40px;
      float: left;
    }
    .bppack .tab-content,
    .bppack .tab-content .pack {
      float: left;
    }
    .bcaptain {
      width: 100%;
      float: left;
    }
    .bcaptain .bcaptain1 img,
    .filters .bcaptain3 img,
    .cap_img_pro img {
      width: 100%;
      padding: 0;
      margin: 20px 0 0 0;
      float: left;
    }*/
    .pay_det {
      width: 100%;
    }

    .pay_steps {
      width: 100%;
      margin-top: 20px;
      padding: 0 10px;
      float: left;
    }

    .list_card ul {
      width: 100%;
      float: left;
    }

    .secure {
      width: 100%;
      margin-bottom: 20px;
      float: left;
    }

    .contact_form {
      margin-right: 0;
      margin-left: 0;
    }

    .contact_form ul li.icon_listyour {
      width: 100%;
      padding: 0;
      margin: 20px 0 20px 0;
      text-align: left;
      float: left;
    }

    .contact_form ul li.icon_listyour img {
      width: 30%;
      margin-right: 20px;
      float: left;
    }

    .contact_form ul li.icon_listyour h4 {
      margin-top: 15px;
    }

    .list_num {
      margin-bottom: 0;
    }

    .hiw_illus {
      width: 100%;
      float: left;
    }

    .guides_fish {
      width: 100%;
      padding-bottom: 20px;
      margin-bottom: 30px;
      border-bottom: 1px solid #c4c4c4;
      float: left;
    }

    .guides_fish .col-md-12 {
      width: 60%;
      padding: 0;
      text-align: left;
      float: right;
    }

    .guides_fish .col-md-12 h5 {
      padding: 0;
      margin: 15px 0 0 0;
      font-size: 14pt;
      float: left;
    }

    .guides_fish .col-md-3 {
      width: 40%;
      margin-bottom: 15px;
      float: left;
    }

    .guides_fish .col-md-3 img {
      width: 100%;
    }

    .box_forgot_pass {
      padding: 0 15px;
    }

    footer .icon_n_letter {
      width: 20%;
      float: left;
    }

    footer .n_letter_txt {
      width: 80%;
      float: left;
    }

    footer .content_n_letter,
    footer .content_n_letter .input-group-news {
      width: 100%;
      float: left;
    }

    .clients {
      width: 100%;
      height: auto;
      float: left;
    }

    .clients a {
      width: 50%;
      padding: 0;
      margin: 0;
      text-align: center;
      float: left;
    }

    .clients a div {
      margin: 0 auto;
      float: none;
    }

    .end_foot {
      padding-top: 20px;
    }

  }


  /* MISC */
  .clear:before {
    clear: both;
  }

  .clear {
    clear: both;
  }

  .clear:after {
    clear: both;
  }

  .t_show {
    display: none;
  }

  /* END MISC */
  @media (min-width: 728px) {
    .list_social_foot {
      width: 100%;
      list-style: none;
      float: right !important;
      text-align: right !important;
    }
  }

  @media (max-width: 728px) {
    .main_features, .clients, .border_bottom {
      display: none;
    }

    .cont_box_pack {
      padding: 2px 20px 0px 20px;
      min-height: 210px;
    }

    #bottom_pack_city {
      margin-bottom: 16px;
      padding-right: 9px;
    }

  }

  /* MAX-WIDTH 768PX (iPad Portrait) */
  @media only screen and (max-width: 993px) and (min-width: 768px) {
    /*#date {
            width: 100%;

        }*/
    /*#passengers {
            width:100%;
        }*/
    .header_content h1 {
      margin-top: 40px;
      margin-bottom: 0;
      font-size: 32pt;
    }

    .navbar-nav > li > a {
      padding-left: 5px;
      padding-right: 5px;
    }

    .bottom_pack_city {
      font-size: 0.8em;
    }
  }
}

@media only screen and (max-width: 375px) {
  .ask-imput {

  }

  form.askCaptainForm label {
    float: left !important;
    margin-right: 0px !important;
    color: #294346;
    text-align: left !important;
    width: 100% !important;
    font-weight: bold;
    vertical-align: top;
  }

  form.askCaptainForm input[type="email"] {
    width: 300px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm input[type="text"], form.askCaptainForm input[type="email"] {
    width: 300px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm textarea {
    width: 300px !important;
    height: 80px !important;
    border: 1px solid #799D9F;
    color: #799C9E;
    font-size: 15px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    padding: 5px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  .captcha_box {
    margin-left: 0px !important;
  }

  #askCaptain_captcha {
    width: 300px !important;
    margin-left: 0px !important;
    margin-top: 6px;
  }

  .captchaInput {
    width: 100% !important;
    float: left;
    clear: none;
  }

  #askCaptainFormButton {
    background: none repeat scroll 0 0 #294346;
    border: 1px solid #294346;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    margin-left: 0px;
    width: 300px !important;
    height: 38px !important;
    padding: 5px;
    text-align: center;
    min-height: 25px;
    margin-top: 10px;
  }

  .ask-tit {
    width: 300px !important;
  }

}

@media only screen and (max-width: 360px) {
  .ask-imput {

  }

  form.askCaptainForm label {
    float: left !important;
    margin-right: 0px !important;
    color: #294346;
    text-align: left !important;
    width: 100% !important;
    font-weight: bold;
    vertical-align: top;
  }

  form.askCaptainForm input[type="email"] {
    width: 290px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm input[type="text"], form.askCaptainForm input[type="email"] {
    width: 290px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm textarea {
    width: 290px !important;
    height: 80px !important;
    border: 1px solid #799D9F;
    color: #799C9E;
    font-size: 15px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    padding: 5px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  .captcha_box {
    margin-left: 0px !important;
  }

  #askCaptain_captcha {
    width: 290px !important;
    margin-left: 0px !important;
    margin-top: 6px;
  }

  .captchaInput {
    width: 100% !important;
    float: left;
    clear: none;
  }

  #askCaptainFormButton {
    background: none repeat scroll 0 0 #294346;
    border: 1px solid #294346;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    margin-left: 0px;
    width: 300px !important;
    height: 38px !important;
    padding: 5px;
    text-align: center;
    min-height: 25px;
    margin-top: 10px;
  }

  .ask-tit {
    width: 290px !important;
  }

}

@media only screen and (max-width: 320px) {
  .ask-imput {

  }

  form.askCaptainForm label {
    float: left !important;
    margin-right: 0px !important;
    color: #294346;
    text-align: left !important;
    width: 100% !important;
    font-weight: bold;
    vertical-align: top;
  }

  form.askCaptainForm input[type="email"] {
    width: 250px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm input[type="text"], form.askCaptainForm input[type="email"] {
    width: 250px !important;
    border: 1px solid #799D9F;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    height: 26px;
    color: #799C9E;
    font-size: 15px;
    padding: 0px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  form.askCaptainForm textarea {
    width: 250px !important;
    height: 80px !important;
    border: 1px solid #799D9F;
    color: #799C9E;
    font-size: 15px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    padding: 5px 0px 0px 8px;
    text-shadow: 0 1px 1px #FFFFFF;
  }

  .captcha_box {
    margin-left: 0px !important;
  }

  #askCaptain_captcha {
    width: 250px !important;
    margin-left: 0px !important;
    margin-top: 6px;
  }

  .captchaInput {
    width: 100% !important;
    float: left;
    clear: none;
  }

  #askCaptainFormButton {
    background: none repeat scroll 0 0 #294346;
    border: 1px solid #294346;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    margin-left: 0px;
    width: 250px !important;
    height: 38px !important;
    padding: 5px;
    text-align: center;
    min-height: 25px;
    margin-top: 10px;
  }

  .ask-tit {
    width: 250px !important;
  }

}

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

  .header-image-aboutus {
    display: block;
    width: 100%;
    text-align: center;
    background: url('../../images/design2015/about-us-main.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom: 60px;
    margin-left: 0px;
  }

  .about-sentence h3 {
    font-size: 1.4em;
  }

}

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

  .headline {
    padding: 0px;
  }

  .aboutus-map, .aboutus-photo, .about-3, .about-sentence, .aboutus-cap-cus {
    margin-bottom: 30px;
  }

  .about-sentence h3 {
    font-size: 1.4em;
    padding: 0px 20px;
    line-height: 30px;

  }

  .aboutus-cap-cus img {
    margin-top: 40px;
  }

}

/* Modal on min passengers to book, now fixed to top instead of 50% to avoid problems by high heights if using iframes */
.modal-scrollable {
  position: fixed !important;
  top: 400px !important;
  bottom: initial !important;
  left: 50% !important;
  right: 50% !important;
  overflow: initial !important;
}

#showCoupon {
  color: blue;
  text-decoration: underline;
}