@media screen and (max-width: 1024px) {
    .container {
        width: 680px;
    }
    .header-main {
        max-width: 100%
    }
    .main {
        margin-top: 50px;
    }
    header {
        height: 50px;
        padding-top: 10px;
    }
    header.row {
        border-bottom: initial;
    }
    header .search-widget-wrapper {
        top: 50px;
    }
    header .title {
        width: auto;
        text-align: left;
    }
    #results-display:before {
        height: 96px; /* fixed header height*/
        margin: -96px 0 0; /* negative fixed header height */
    }

}
@media screen and (max-width: 400px) {
    header .title {
      font-size: 150%;
      line-height: 1.5;
    }
}


.wrapper footer + footer {
    height: auto !important;
}

@media screen and (max-width: 1024px) {
    section.prefooter {
        text-align: center;
    }
    footer.row {
        height: auto !important;
    }
    footer.row .lower-nav {
        width: 30%;
    }
}
@media screen and (max-width: 720px) {
    footer .bottomBarBtn i,
    footer .bottomBarBtn:nth-of-type(1),
    footer .bottomBarBtn:nth-of-type(4) {
        display: none;
    }
    footer .bottomBar {
        height: 45px;
    }
    footer .bottomBarBtn a {
        margin: 4px 0;
    }
    footer .disclaimer {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 600px) {
    h1 {
        font-size: 24px;
        font-size: 1.5rem;
    }
    footer.row .lower-nav {
        width: 48%;
    }
}
@media screen and (max-width: 400px) {
    footer.row .lower-nav {
        width: 98%;
        text-align: center;
    }
    .social-links {
        margin: auto;
    }
}
@media screen and (max-width: 360px) {
    footer .bottomBarBtn {
        width: 40%;
    }
    footer .bottomBarBtn a {
        font-size: 85%;
    }
}

@media screen and (max-width: 1024px) {
    footer aside {
        float: none;
        clear: both;
    }
    footer aside.five {
        clear: both;
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
        float: none;
        text-align: center;
    }
    footer aside p {
        width: 100%;
        margin: 0 0 20px 0;
    }
    footer aside .hours {
        display: block;
        position: static;
        margin: 0 auto;
    }
    footer aside > a,
    footer aside>img {
        display: inline-block;
        float: none;
        margin: 0;
    }
}


/************** INDEX ******************/
@media screen and (max-width: 1024px) {
    .experience {
        font-size: 120%;
    }
    .home-content .experience td {
        display: block;
        line-height: 1.5em;
    }
    .home-content .experience td:nth-child(2),
    .home-content .experience td:nth-child(4) {
        display: none;
    }
    .full-width-image {
        min-width: 100%;
    }
    .full-width-image.home-image {
        height: calc(90vh - 50px - 57px);
    }
    .full-width-image.search-image,
    .full-width-image.prop-image {
        height: calc(90vh - 50px - 60px - 57px);
    }
    .full-width-image.pack-image {
        height: calc(90vh - 50px - 57px);
    }
    .slide-overlay-text {
        /*bottom: 10%;*/
    }
    .home-content h2 {
        /*font-size: 2.2em;*/
    }
    .home-content h3 {
        /*display: none;*/
    }
    .home-content .double-button {
        width: auto;
        background: none;
        text-align: center;
        margin-top: 80px;
    }
    .double-button a:first-child {
      font-size: 1.3em;
      border-radius: 35px;
      padding: 3px 20px;
    }
    .double-button a:last-of-type {
        display: none;
    }
    .content-jump {
       right: 5%;
    }
}
@media screen and (max-width: 768px) {
    .cycle-pager,
    .cycle-overlay {
        display: none;
        visibility: hidden;
    }
    .full-width-image,
    .full-width-image.home-image,
    .full-width-image.search-image,
    .full-width-image.pack-image,
    .full-width-image.prop-image {
        height: 340px;
        min-width: 100%;
        min-height: 40vh;
    }
}
@media screen and (max-width: 768px) {
	.hide-768 {
		display: none;
	}
	.show-768 {
		display: initial;
	}
}
@media screen and (max-width: 768px) {
	.prop-info {
		margin-top: 30px;
	}
}
@media screen and (max-width: 680px) {
    .container {
        width: 100%;
    }
    .sections iframe {
        width: 95vw;
        height: 54vw;
    }
    .home-content h2 {
        font-size: 1.7em;
    }
    .home-content h3 {
        font-size: 1.3em !important;
    }
}

@media screen and (max-width: 480px) {
  .search-form.container {
   padding-left: 5px;
  }
  .search-form form {
   min-width: 200px;
  }
  .ps #visible_package_da {
    min-width: 235px;
  }
  .search-form .text-search {
    width: 265px !important;
  }
  .search-form .text-search li {
   font-size: .9em !important;
  }
}

/********************* SEARCH RESULTS *******************/
@media screen and (max-width: 1024px) {
    .dest-zone .cycle-pager-1 {
        display: none;
    }
    .property_result {

        width: 100%;
        float: left;
        clear: none;
        margin-bottom: 20px;
    }
    .property_result .image_block {
        float: none;
        width: 100%;
        margin-right:0;
    }
    .property_result:nth-child(2n+1) {
        clear: left;
    }
    .package_holidays  .property_result:nth-child(2n+1) {
        clear: none;
    }
    .property_result .main_info {
        width: auto;
        float: none;
    }
    .property_result .main_info .etc a {
        float: none;
        display: inline-block;
    }
}
@media screen and (max-width: 850px) {
    .destination-desc table {
        max-width: 100%;
        width: 100% !important;
    }
    .destination-desc table td {
        display: block;
        width: 100% !important;
    }
    .destination-desc table img {
        max-width: 100%;
        height: auto;
    }
    .property_result {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .package_addon .board_type {
        clear: both;
    }
    .package_addon .board_type,
    .package_addon .price,
    .package_addon .saves,
    .package_addon .package_link {
        margin-top: 5px;
        float: left;
    }
    .package_addon .package_addon_block:nth-child(2) .package_link,
    .package_addon .package_link {
        float: left;
        margin-left: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .inspired .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    .inspired .double-button {
        font-size: 1.2em;
        text-align: center;
        white-space: normal;
        padding-right: 8px;
    }
    .double-button a:first-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 550px) {
    .package_holidays .property_result {
        margin-left: auto;
        margin-right: auto;
    }
    .package_holidays .property_result:nth-child(4n) {
        margin-right: auto
    }

}
@media screen and (max-width: 480px) {
    .package_addon .nights {
        clear: both;
        margin-top: 5px;
    }
    .package_addon .board_type {
        clear: none;
    }

    .prop-content .package_block .middle_info,
    .prop-content .package_block .lower_info {
        width: 100%;
    }
}


@media screen and (max-width: 1024px) {
    #search_results h3 {
        text-align: center;
        padding-bottom: 20px;
    }
    #search_results .results-info h3,
    #search_results .results-info p {
        text-align: center;
        padding-bottom: 0px;
    }
    #search_results .pagination {
        clear: both;
        float: none;
        font-size: 0;
        text-align: center;
        display: block;

    }
    #search_results .pagination li {
        font-size: 14px;
        float: none;
        display: inline-block;
    }
}
@media screen and (max-width: 850px) {
    #search_results .pagination,
    #search_results #online-offers .pagination {
          margin: -15px 0 35px 0
        }
    #search_results .pagination li.count {
        float: none;
        display: block;
        text-align: center;
    }

}




/******************* PROPERTY PAGE *****************/
.prop-content .more-packages.moved {
    display: none;
    z-index: 9;
    position: absolute;
    width: 90%;
    max-width: 400px;
    top: 40px;
}
.prop-content .more-packages.moved legend {
    width: 100%;
    position: relative;
}
.prop-content .more-packages.moved .close {
    position: absolute;
    right: 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .prop-content .slide-overlay-text {
        z-index: 8;
    }
    .custom-package-wrapper {
        width: 33% !important;
        display: block;
        float: left;
        margin-bottom: 5px;
    }
		.custom-package-wrapper input[type=text] {
			width: 98% !important;
		}
		.custom-package-wrapper .customSelect,
		.custom-package-top .custom-package-wrapper select + .customSelect {
			width: 98%;
		}
    .custom-package p:last-child {
        clear: both;
        margin-top: 5px;
    }
		.child-ages .custom-package-wrapper {
			width: 100% !important;
		}
		.custom-package .child-ages,
		.custom-package-top .child-ages {
			padding-right: 1.4%;
		}

    .wrapper footer {
        padding-bottom: 45px;
    }
    #ui-datepicker-div {
        z-index: 999999 !important;
    }
}


@media screen and (max-width: 960px) {
    .prop-body {
        width: 100%;
    }
    .ui-accordion h3 {
      padding-left: 20px;
    }
    .ui-accordion h3:before {
     right: 20px;
     left: auto;
    }
    .ui-accordion h3.ui-accordion-header-active:before {
     color: #16A4E0;
     border-color: #16A4E0;
    }
    .prop-body img {
        max-width: 98%;
    }
    .prop-info .prop-sidebar {
        float: none;
        clear: both;
        margin: 10px auto;
        padding-top: 10px;
        border-top: 1px dotted #CCC;
    }

    .prop-content .more-packages {
        display: none;
    }

}


@media screen and (max-width: 850px) {
    .prop-content .cycle-pager {
        display: block;
        visibility: visible;
        bottom: -7px;
    }
}


@media screen and (max-width: 768px) {
    span.child-wrapper {
      display: block;
      margin-bottom: 5px;
    }
    .prop-info .package_addon {
        width: 100%;
    }
    .custom-package-top,
    .custom-package-top .container {
        width: 100%;
    }
    .child-ages .custom-package-wrapper {
        width: 100% !important;
    }
    .custom-package-wrapper { 
        width: 50% !important;
    }
    .custom-package .child-wrapper .customSelect,
    .custom-package-top .child-wrapper .customSelect { 
        width: 15% !important;
    }
    .custom-package .child-ages,
    .custom-package-top .child-ages {
        text-align: center !important;
        padding-right: 5px;
    }
    p .child-ages-text {
        line-height: 24px;
    }
}
@media screen and (max-width: 480px) {
    .custom-package-wrapper {
        width: 100% !important;
    }
    .custom-package .child-wrapper .customSelect,
    .custom-package-top .child-wrapper .customSelect { 
        width: 99% !important;
    }
    .custom-package .child-ages,
    .custom-package-top .child-ages {
        text-align: left !important;
    }
    .sim-prop.four {
        width: 100%;
        margin: 0;
    }
    .prop-info .prop-sidebar {
        width: 100%;
    }
}


/************ ENQUIRY *************/

@media screen and (max-width: 1024px) {
    #quote_form,
    #quote #brochure_form {
        padding: 1em;
    }
    #quote #property textarea,
    #quote #additional_detail textarea {
        width: 100%;
    }
    #quote #lead_person label,
    #quote #contact_detail label {
        text-align: left;
    }
    #enquiry-form {
        padding: 0;
    }
    #enquiry-form #guests label {
        width: 50%;
    }
}
@media screen and (max-width: 680px) {
    #quote_form label {
        display: block;
    }
    #quote #lead_person input#email,
    #quote #lead_person textarea {
        width: 95%;
    }
    #brochure_top .double-button a  {
        display: block;
    }
    #brochure_top .brochure_block_image img{
        max-width: 80%;
        min-width: 200px;
    }
    #referer table,
    #referer td {
        display: block;
        width: 100%;
    }
    #quote #referer input {
        margin-left: 0;
    }
    #quote #brochure_top .double-button a {
        display: block;
        margin-top: 10px;
    }
    #enquiry-form .enquiry-privacy,
    #enquiry-form .enquiry-submit,
    #enquiry-form .enquiry-required {
        padding: 0 1.5em;
    }
    #enquiry-form .enquiry-submit [type=submit] {
        width: 45%;
    }
    #enquiry-form .enquiry-phone-instead {
        font-size: 1em;
    }
    
}
@media screen and (max-width: 600px) {
    #quote #lead_person label {
        text-align: left;
        float: none;
    }
    #quote #lead_person td,
    #quote #contact_detail td {
        display: block;
        width: 100%;
    }
    #quote #lead_person input,
    #quote #contact_detail input {
        width: 98% !important;
    }
    #travellers td {
        display: block;
    }
    #travellers td label {
        float: left;
        width: 55%;
    }
    #quote #flights td {
        display: block;
        width: 100%;
    }
    #quote #flights select {
        margin-bottom: 5px;
    }
    #quote table {
        padding: 5px;
    }
}
@media screen and (max-width: 480px) {
    .destination-checkboxes .checkbox {
        width: 50%;
    }
    #quote #brochure_top .double-button   {
        font-size: .8em;
    }
    #quote #brochure_form {
        padding-left: 0;
        padding-right: 0;
    }
    #quote #referer input {
        max-width: 98%;
    }
    #quote #brochure_form fieldset {
        padding: 0 .5em;
    }
}



/******************* STATIC PAGES ***********************/

@media screen and (max-width: 1024px) {
    .static_page img,
    .static_page iframe{
        max-width: 100%;
        height: auto;
    }
    .static_page table {
        width: 100% !important;
    }
    .static_page.container {
        max-width: 680px;
    }
    .static_page #static_top {
        background-size: auto;
        background-position: center center;
        height: auto;
    }
    .static_page #static_top h2 {
        font-size: 2.6em;
    }
    #static_bottom,
    #static_bottom_left {
        max-width: 100%;
        float: none;
    }
    #static_bottom_right {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    #sitemap #leftlist,
    #sitemap #rightlist {
      float: none;
     width: auto;
    }
    #static_middle {
        padding: 20px 10px 15px;
    }
}
@media screen and (max-width: 600px) {
    .static_page.container {
        padding-top: 10px;
    }
    .container.ee h2 {
        line-height: 100%;
    }
}

/****************************** BOOX PACKAGE ***************************/
.max768 {
    display: none;
}
@media screen and (max-width: 768px) {
    .min786{
        display: none;
    }
    #book_package .max768{
        display: block;
    }
    #book_package {
     width: 100%;
    }
    #package_form_1 table {
      width: 100%
    }
    #package_form_1 #other_travelers tr:first-of-type {
        display: none;
    }
    #package_form_1 td {
     display: block;
     width: 100%;
    }
    #package_form_1 input,
    #package_form_1 textarea {
     display: block;
     width: 98% !important;
    }

    #book_package {
      width: 100%;
    }
    #pf2_property_block {
     width: 100%;
    }
    #pf2_purchase_info {
     width: 100%;
     height: auto !important;
     margin-bottom: 20px;
    }
    h5#pf2_form_title {
     height: auto;
    }
    #pf2_form_table {
     width: 100%;
    }
    #pf2_form_table td {
     display: block;
     width: 100%;
    }
    #pf2_form_table input {
     max-width: 98%;
    }

}