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



  .tabs-hp { padding-left: 9px; padding-right: 9px;}
  .tabs-hp li a { min-width: 62px; padding-left: 13px; padding-right: 13px; }

  body { min-width: 320px; }
  #page-wrapper,
  .page-wrapper { width: 100%; }

  /* Header mobile styles */
  .header-md { min-width: auto; min-width: initial; padding: 12px 0; width: 100%; background: #272c3d; background: -moz-linear-gradient(top, #272c3d 0%, #282e44 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272c3d), color-stop(100%, #282e44)); background: -webkit-linear-gradient(top, #272c3d 0%, #282e44 100%); background: -o-linear-gradient(top, #272c3d 0%, #272c3d 100%); background: -ms-linear-gradient(top, #272c3d 0%, #272c3d 100%); background: linear-gradient(to bottom, #272c3d 0%, #272c3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06b151', endColorstr='#248c41', GradientType=0); }
  .header-md .logo { display: none; }
  .header-md .logo-mobile { display: block; text-align: center; }
  .header-md .logo-mobile a { display: inline-block; }
  .header-md .contact-bar { display: none; } /* Hide contacts */
  .header-md .page-wrapper .menu-bar { border: 0; margin: 0; }
  .header-md .menu-bar .main-nav { display: none; } /* Hide main menu */
  .header-md #mobile-menu { display: inline-block; }
  .header-md .menu-bar .customSelect {display: inline-block;}

  /* Language Links*/
  .header-md .lang-links { margin-right: 10px; margin-left: 0; margin-top: 15px; }
  .isAr .header-md .lang-links { margin-right: 0; margin-left: 10px; margin-top: 15px; }
  .header-md .lang-select { background: white; height: 29px; border: 0; padding-left: 0; padding-right: 25px; }
  .isAr .header-md .lang-select { padding-left: 25px; padding-right: 0; }
  .header-md .lang-select:hover { border: 0; }
  .header-md .lang-select .option .lang-icon { margin-top: 3px; }
  .header-md .lang-select .option { line-height: 21px; }
  .header-md .lang-select .arrow { width: 25px; height: 29px; }
  .header-md .customSelect { margin-left: 12px; margin-right: 0; margin-top: 15px; float: left; }
  .header-md .customSelect { margin-left: 12px; margin-right: 0; margin-top: 15px; float: left; }
  .isAr .header-md .customSelect { margin-right: 12px; margin-left: 0; margin-top: 15px; float: right; }
  .isAr .header-md .customSelect span.select{padding-left: 28px; padding-right: 0;}
  .header-md .customSelect.w210 { height: 29px; width: 180px; }
  .header-md .customSelect.w210 span.select { height: 29px; background: url(/Public/SPA/img/dropdowns250.png) no-repeat 100% 100%;  width: 90%;}
  .isAr .header-md .customSelect.w210 span.select { background: url(/Public/SPA/img/dropdowns250.png) no-repeat 0% 0%; padding-left: 21px; }

  /* Slider o homepage */
  .slider-hp { min-width: 320px; }
  .slider-hp img { min-width: 320px; width: 100%; /*position: absolute;*/ /*left: -25%;*/   min-height: 120px;}
  .bx-wrapper { min-width: 320px !important; width: 100%; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 15px;}
  .slider-hp .slider-content { right: 0; left: auto; width: 340px; top: 10px; }
  .slider-hp .slider-content>*:not(.product-name) {display: none;}
  .information-slider .information-box {width: 89%;}
  .isAr .slider-hp .slider-content { right: auto; left: 0;}
  .bx-wrapper .bx-pager { display: none; }

  /* Search Form */
  .mobile-wrap { padding: 0 9px; }
  .panes-md {margin-top: 0; margin-bottom: 10px; padding: 24px 18px 15px; }
  .panes-md:after { display: none;}
  .panes-md .search-form-md .search-col {float: none; margin-bottom: 13px; margin-right: 20px;}
  .panes-md .manage-reservation .search-form-md .search-col { float: left; }
  .isAr .panes-md .search-form-md .search-col {margin-left: 20px;}
  .panes-md .manage-reservation .search-form-md .search-col { margin-right: 10px; }
  .isAr .panes-md .manage-reservation .search-form-md .search-col { float: right;  margin: 0 40px 10px 0px;}

  .panes-md .search-form-md select {width: 90%;}
  .search-form-md .destination-v2 {margin-left: 12%;}
  .isAr .search-form-md .destination-v2 {margin-right: 12%;}
  .search-form-md .indication {margin-left: 12%;}
  .isAr .search-form-md .indication {margin-right: 12%;}
  .panes-md .search-form-md .date-from {margin-left: 12%; float: left; position: relative; z-index: 9; margin-right: 10px;}
  .isAr .search-form-md .date-from {margin-right: 12%; float: right; position: relative; z-index: 9; margin-left: 10px;}
  .panes-md .search-form-md .adults {margin-left: 12%; float: left; margin-right: 10px;}
  .isAr .search-form-md .adults {margin-right: 12%; float: right; margin-left: 10px;}
  .search-form-md .adults input[type="text"] {width: 63px;}
  .panes-md .search-form-md .childsDD {float: left; margin-left: 3px;   margin-right: 0;}
  .isAr .search-form-md .childsDD {float: right; margin-right: 3px;   margin-left: 0;}
  .panes-md .search-form-md .reservation-number {margin-left: 12%; }
  .isAr .search-form-md .reservation-number {margin-right: 12%; margin-left: 0; }
  .panes-md .search-form-md .family-name {margin-left: 12%; }
  .isAr .search-form-md .family-name {margin-right: 12%; margin-left: 0; }
  .isAr .manage-reservation .search-form-md .family-name { margin-right: 0; }
  .panes-md .search-form-md .submit {float: left; margin-left: 10px; margin-right: 0;}
  .isAr .panes-md .search-form-md .submit {float: right; margin: 0; }

  .panes-md .search-form-md .customSelect {width: 100%;}
  .panes-md .search-form-md .customSelect span.select, .panes-md .search-form-md .customSelect span.select {left: 0; width: 88%; background: url(/Public/SPA/img/dropdowns250.png) no-repeat 100% bottom; max-width: 392px;}
  .isAr .panes-md .search-form-md .customSelect span.select,.isAr .panes-md .search-form-md .customSelect span.select {right: 0; width: 88%; background: url(/Public/SPA/img/dropdowns250.png) no-repeat 100% bottom;}
  .searchAction .searchActionData {top: 100%; right: -100%;}

  /* Homepage content */
  .homepage {background: #f7f7f7;}
  .benefits {display: none;}

  .spas-information {overflow: hidden;}
  .overline-heading span,
  .accommodation-lists-hp .overline-heading span {padding: 0 13px 0 5px;}
  .isAr .accommodation-lists-hp .overline-heading span {padding: 0 5px 0 13px;}
  .overline-heading {padding-left: 55px; padding-right: 0; width: 86.6%;}
  .isAr .overline-heading {padding-left: 0; padding-right: 58px; width: 86%;}
  .overline-heading span {background: #f7f7f7;}
  .overline-heading:after, .overline-heading.to-corner:after {width: 80%; right: 10px;}
  .isAr .overline-heading:after,.isAr  .overline-heading.to-corner:after {left: 10px; right: auto;}
  .information-slider .bx-wrapper {min-width: auto !important; min-width: initial !important; margin: 0 auto;}
  .information-slider .controls {width: 90%; margin-left: auto; margin-right: auto;}

  .bx-controls-direction { display: inherit; }

  /* Product Info */
  .detail-produkt .product-info .fleft {float: none; width: 100%;}
  .detail-produkt .product-info table {width: 100%;}
  .detail-produkt table.simple-summary {min-width: initial; width: 100%;}
  .detail-produkt .datepicker .dp-submit {margin: 18px 0 5px 5px;}

  /* Footer mobile styles */
  #footer-contact-sa { width: auto; }
  #footer-links { width: auto; padding: 0;}
  #footer-md #footer-contact-sa {float: none; padding: 18px 0 18px; padding-left: 5%; padding-right: 5%;}
  #footer-links > div {float: none; display: block; width: 90%; margin: 0; height: auto; overflow: hidden; border-top: 1px solid #a0a0a0; padding: 18px 0 18px; padding-left: 5%; padding-right: 5%;}

  .social-media-footer { display: inherit; float: none !important; margin: 10px 0;}

}

@media only screen and (max-width: 685px) {
  .information-slider .bx-wrapper {width: 80%;}
  .information-slider .information-box {width: 90%;}
}

@media only screen and (max-width: 460px) {
  .information-slider .bx-wrapper {width: 90%;}
  .information-slider .information-box {width: 88%;}
}




/* Tablets */

@media only screen and (min-width: 769px) and (max-width: 992px) {

  #page-wrapper, .page-wrapper {
    width: 655px;
  }

  /* Header */
  .header-md { min-width: auto; min-width: initial; width: 100%;}
  .header-md .contact-bar {position: relative;}
  .header-md .social-icons {float: none; margin: 0; bottom: -25px; position: absolute; top:58px;  right: 15.5%;}
  .isAr .header-md .social-icons {float: none; margin: 0; bottom: -25px; position: absolute; top: 58px; left: 13.5%;}
  .header-md .social-icons a,
  .isAr .header-md .social-icons a {margin: 0; width: 20px; }
  .header-md .social-icons img,
  .isAr .header-md .social-icons img {max-width: 100%;}
  .header-md .page-wrapper .menu-bar { border: 0; margin: 0; position: relative; }
  .header-md .menu-bar .main-nav { display: none; } /* Hide main menu */
  .header-md #mobile-menu { display: inline-block; }
  .header-md .menu-bar .customSelect {display: inline-block; position: absolute;left: 180px; top: 36%; }
  .isAr .header-md .menu-bar .customSelect {right:180px; top: 35%;}
  .header-md .customSelect { margin-left: 12px; margin-right: 0; margin-top: 15px; float: left; border: 1px solid #bfbfbf; }
  .isAr .header-md .customSelect { margin-right: 0px; margin-left: 0; margin-top: 0px; float: none; }
  .isAr .header-md .customSelect span.select{padding-left: 28px; padding-right: 0;}
  .header-md .customSelect.w210,
  .header-md .customSelect.w210 select {height: 22px; width: 180px; margin: 0;  }
  .header-md .customSelect.w210 span.select { height: 22px; line-height: 22px; background: url(/Public/SPA/img/dropdowns250.png) no-repeat 100% 93%;  width: 84%;}
  .isAr .header-md .customSelect.w210 span.select { background: url(/Public/SPA/img/dropdowns250.png) no-repeat 1% 7%; width: 84%; line-height: 22px;}

  /* Footer */
  #footer-links, .isAr #footer-links {width: 100%; padding: 8px 0;}
  #footer-contact-sa, .isAr #footer-contact-sa {width: 30%; padding: 1%;}
  #footer-offer, .isAr #footer-offer {width: 30%;  padding: 1%;}

  /* Slider o homepage */
  .slider-hp { min-width: 655px; }
  .slider-hp img { min-width: 655px; }
  .bx-wrapper { min-width: 655px !important; width: 100%; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 15px;}
  .slider-hp .slider-content { right: 0; left: auto; width: 340px; top: 10px; }
  .slider-hp .slider-content {}
  .information-slider .information-box {width: 89%;}
  .isAr .slider-hp .slider-content { right: auto; left: 0;}
  .slider-hp h2, .slider-hp .product-price, .slider-hp .more-white {padding: 5px 10px; font-size: 14px; min-width: auto; min-width: initial;}
  .bx-controls.bx-has-pager { bottom: 0; right: 0; min-width: 140px; margin-right: 20px;}
  .isAr .bx-controls.bx-has-pager {right: auto; left: 0; }
  .slider-hp .product-price  {line-height: 1.45;}
  .slider-hp .product-price span {font-size: 16px;}
  .bx-wrapper .bx-pager { display: none; }
  .bx-controls-direction { display: inherit; }

  /* Search Form */
  .panes-md {margin-top: 0; margin-bottom: 30px; padding: 24px 18px 0;}
  .panes-md:after {width: 100%; left: 0; background-image: url(/Public/SPA/Images/searchFormShadow.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }
  .panes-md .search-form-md .search-col {margin-bottom: 11px;}
  .panes-md .search-form-md .date-from {clear: left; margin-left: 31px;}
  .isAr .panes-md .search-form-md .date-from {clear: right;margin-right: 31px; margin-left:0;}
  .search-form-md .date-from input[type="text"], .search-form-md .date-to input[type="text"] { width: 69px;}
  .search-form-md .adults {margin-right: auto;margin-left: 43px;}
  .isAr .search-form-md .adults {margin-left: auto;margin-right: 43px;}
  .search-form-md .searchItem .inLbl {min-width: 82px;}
  .panes-md .first-tab .search-form-md .submit {position: relative; top: -20px; right: -20px;}
  .isAr .panes-md .first-tab .search-form-md .submit {left: -20px; right: auto;}

  .benefits {display: none;}

  .product-types-boxes { font-size: 0; }
  .product-types-boxes .type-box { margin-left: 0; margin-right: 0; margin-bottom: 5px; }
  .product-types-boxes .type-box:nth-child(odd) { margin-right: 15px; }
  .isAr .product-types-boxes .type-box:nth-child(odd) { margin-right: 0; margin-left: 15px; }

}

@media only screen and (max-width: 320px) {
  .overline-heading {padding-left: 15px; padding-right: 0; width: 93%;}
  .isAr .overline-heading { width: 93%; padding-right: 13px; }
}