@media screen and (min-width: 1920px) {
    #details-container, #main-pages-container, #signup-login-lp-container {
        height: auto;
    }

    .slider {
        background-position: -3px -2px !important;
    }
}
/* Styles for More button for laptop/desktop in photogrid */
@media screen and (max-width: 1920px) {
    .message {
        margin-left: 0;
    }

    #photos .more_details_btn.more-btn-big {
        bottom: 30px;
        left: 25px;
    }
    #photos .more_details_btn.more-btn-medium,
    #photos .more_details_btn.more-btn-little {
        bottom: 20px;
        left: 20px;
    }
    #photos .more_details_btn.more-btn-big .mouseover-more {
        padding: 20px 50px;
    }
    #photos .more_details_btn.more-btn-medium .mouseover-more,
    #photos .more_details_btn.more-btn-little .mouseover-more {
        padding: 20px 50px;
    }

    .ui-slider-vertical {
         height: 86px;
    }

    .slider {
        background-position: -3px -2px !important;
    }

    .details-percent-match {
        display: none;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 40px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1680px) {
    .message {
        font-size: 16px;
        left:0;
        width: 100%;
        height: 25px !important;
        padding: 4px 0 8px;
        top: -34px;
    }


     .ui-slider-vertical {
         height: 85px;
     }

     .ui-widget-content {
        background-position: -2px 1px !important;
    }

}

@media screen and (max-width: 1550px) {
    .details_description {
        top: 329px;
    }

     .img-percent {
        margin-right: 5px;
        margin-top: 5px;
        border-radius: 67px;
        font-size: 18px;
        height: 68px;
        line-height: 51px;
        text-align: center;
        width: 67px;
    }

    .match-mouseover {
        font-size: 14px;
        right: 8px;
        top: 20px;
    }
}

@media screen and (max-width: 1500px) {
    .share-wrapper {
        margin: -11px auto 0px;
    }
}

/*XL = 1200/1400px*/
@media screen and (max-width: 1400px) {

    .sliders_wrapper1 {
        left: -382px;
    }
    .back-slider {
        width: 113px;
    }

    .ui-widget-content {
        background-image: url('/assets-tt2/img/islandfinder/sliders.png');
        background-repeat: no-repeat;
        background-position: -2px 1px !important;
        border: medium none !important;
        color: #333;
        background-color: transparent;
        margin: 38px !important;
    }

    .slider-active .ui-slider-handle {
        background-image: url('/assets-tt2/img/islandfinder/slider-button.png');
        background-position: 0 0 !important;
        margin-bottom: -1.3em!important;
    }

    .ui-slider .ui-slider-handle {
        height: 9px;
        left: -1.2em;
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -1.1em;
    }

    .attribute-top, .attribute-bottom {
        margin-left: -86px;
        font-size: 0.7em;
    }

    .attribute-top {
        margin-top: -37px;
    }

    .attribute-bottom {
        margin-top: 126px;
    }

    .btn-icons {
        margin-top: 0px;
    }

    .ui-slider-vertical {
        top: 0px;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 40px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1 {
        font-size: 19px;
    }

    .img-percent {
        border-radius: 67px;
        font-size: 16px;
        height: 60px;
        line-height: 45px;
        margin-right: 5px;
        margin-top: 5px;
        text-align: center;
        width: 60px;
    }

    .match-mouseover {
        font-size: 12px;
        right: 6px;
        top: 18px;
    }

    .image-wrap-little .mouseover-data,
    .image-wrap-medium .mouseover-data {
        position: absolute;
        bottom: -14px;
        z-index: 500;
    }

    #destination-window, #main-pages-window {
        max-height: auto !important;
    }

    .details_description {
        top: 310px;
        width: 50%;
        right: 83px;
    }

    #destination-window, #main-pages-window, #signup-login-lp-window {
        width: 85%;
        min-height: 654px;
    }

    .share-wrapper {
        margin-left: 0px;
        margin-top: 100px;
    }

    .percent-similar {
        position: absolute;
        bottom: 28px;
        left: 50%;
        width: 60px;
        text-align: center;
    }

    .sliders_tt_onelines {
        right: -30px;
    }

}

@media screen and (max-width: 1250px) {
    .details_description {
        top: 270px;
        font-size: 14px;
    }

    #destination-wrapper .swiper-content .inner, #main-pages-wrapper .swiper-content .inner, #signup-login-lp-wrapper .inner {
        max-height: auto;
    }

    .sliders_tt_onelines {
        top: 130px;
    }

    .mouseover-name,
    .mouseover-more {
        font-size: 18px;
    }

    li.region_list, li.trip_ideas_list, li.setting_list {
        font-size: 12px;
    }
}

@media screen and (max-width: 1100px) {
    .share-home {
        margin-right: 28px;
    }

    #logo-narrow {
        background-size: 163px auto;
    }

    .ls-margin-logo-narrow {
        margin-left: 87px;
    }

    #destination-wrapper .swiper-nav, #main-pages-wrapper .swiper-nav, #signup-login-lp-wrapper .swiper-nav {
        left: 0;
        top: 0;
    }

    #wrap-item-map, #item-map {
        margin-top: 0px;
    }

    #settings_filter #name-setting {
        font-size: 13px;
        font-family: 'Open Sans',Arial,sans-serif !important;
        height: 23px;
        margin-bottom: 10px;
        margin-left: 15px;
        padding-left: 15px;
        width: 50%;
    }

    #settings_filter .btn-save {
        margin-left: 13px;
        margin-top:7px;
        padding: 7px 20px 3px 10px;
        width: 26px;
    }

    .img-percent {
        border-radius: 67px;
        font-size: 16px;
        height: 55px;
        line-height: 45px;
        margin-right: 3px;
        margin-top: 3px;
        text-align: center;
        width: 55px;
    }

    .match-mouseover {
        font-size: 11px;
        right: 8px;
        top: 17px;
    }

    li.region_list, li.trip_ideas_list, li.setting_list {
        font-size: 11px;
    }

}

/*XL = 1024*/
@media screen and (max-width: 1024px) {
    .map-spect {
        height: 700px !important;
        width: 1024px !important;
    }

    .slider_content1 {
        height: 100%;
        margin-top: 0 !important;
    }

    .sliders_tt_onelines {
        top: 142px;
        right: -35px;
    }

    .attribute-bottom {
        margin-top: 127px;
    }

    #destination-wrapper .swiper-slide {
        margin-left: 5px;
        width: 99%;
    }

    .image-wrap-little .mouseover-data,
    .image-wrap-medium .mouseover-data {
        bottom: 0px;
        height: 10px;
    }

    .mouseover-name,
    .mouseover-more {
        font-size: 15px;
    }

    .mouseover-more {
        bottom: 21px;
    }

    .details_description {
        top: 265px;
        width: 54%;
        padding: 12px;
        right: 93px;
    }

    #destination-wrapper .swiper-content .inner, #main-pages-wrapper .swiper-content .inner, #signup-login-lp-wrapper .inner {
        min-height: auto;
    }

    #destination-window, #main-pages-window, #signup-login-lp-window {
        width: 92%;
        min-height: 535px;
    }

    #destination-window h1 {
        width: 93%;
    }

    .back-slider {
        width: 111px;
        margin-top: 11px !important;
    }

    .share-wrapper {
        margin-left: -20px;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 40px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1{
        font-size: 25px;
    }

    .location_information {
        width: 190px;
    }

    .more_details_btn {
        font-size: 10px;
    }

    .email_capture_container .text {
        font-size: 10px;
    }
}

@media screen and (max-width: 990px) {
    .back-slider {
        width: 100px !important;
    }

    .sliders_wrapper1 {
        left: -332px;
        width: 660px;
    }

    .reset-wrapper {
        top: 86px;
        left: 34px;
    }

    .details_description {
        top: 334px;
    }

    .details_description1 {
        font-size: 14px;
    }

    #settings_filter #name-setting {
        width: 47%;
    }

    .img-percent {
        border-radius: 67px;
        font-size: 15px;
        height: 50px;
        line-height: 39px;
        margin-right: 1px;
        margin-top: 1px;
        text-align: center;
        width: 50px;
    }

    .match-mouseover {
        font-size: 10px;
        right: 7px;
        top: 14px;
    }

    #block-menu-menu-footer .block-content > .menu > li {width: 32%;}
    #block-menu-menu-footer .block-content > .menu > li.two-column {width: 66%;}
}

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

    #destination-window, #main-pages-window, #signup-login-lp-window {
        width: 90%;
    }

    .share-wrapper {
        margin-left: auto;
        margin-top: 20px;
        margin-right: auto;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 30px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1{
        font-size: 21px;
    }

    .mouseover-data {
        top: 22px !important;
    }

    .location_description {
        font-size: 1.4em;
    }
}

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

    .region-header {
        font-size: 0.75em;
        margin-right: 35px;
    }

    .share-home {
        margin-right: 13px;
    }

    #logo {
        height: 170px;
        background-size: 140px auto;
        left: -2px;
        margin: 0 0 20px;
    }

    #logo-narrow {
        background-size: 140px auto;
        height: 178px;
        width: 161px;
    }

    .ls-margin-logo-narrow {
        margin-left: 69px;
    }

    .header-limiter h1, .header-limiter a {
        font-size: 20px;
        line-height: 26px;
    }

    .details_description {
        top: 305px;
    }
}

/*XL = 853*/
@media screen and (max-width: 853px) {
    #photos {
        overflow-y: auto !important;
    }

    .bd_logo, .brand_logo {
        width: auto;
        height: 34px;
    }


    .sliders_wrapper1 {
        left: -301px;
        width: 600px;
    }

    .back-slider {
        width: 87px !important;
        margin-top: 7px !important;
    }

    .slider_conten1 {
        height: 150px;
    }

    .sliders_tt_onelines {
        right: -27px;
        width: 136px;
        top: 149px;
    }

    .attribute-bottom {
        margin-top: 128px !important;
    }

    .reset-wrapper {
        top: 82px;
        left: 13px;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 28px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1{
        font-size: 20px;
    }

    .mouseover-data {
        top: 22px !important;
    }

    .mouseover-name, .mouseover-more {
        font-size: 14px;
    }

    .mouseover-more {
        bottom: 18px;
    }

    .slider_content {
        margin-top: 0px !important;
        height: 205px;
        width: 100%;
        border: 1px solid #FFFFFF;
        border-radius: 0;
        overflow: hidden;
        box-shadow: none;
        padding: 15px 0;
        background: #ffffff;
    }

    .footer-honeymoons .footer-links li span.text,
    li.region_list,
    li.trip_ideas_list,
    li.setting_list {
        font-size: 10px;
    }

    li.region_list:hover,
    li.region_list.active1,
    li.trip_ideas_list:hover,
    li.trip_ideas_list.active1,
    li.setting_list:hover,
    li.setting_list.active1 {
        font-size: 9px;
    }

    .details-percent-match {
        right: 38px;
        z-index: 1;
    }

    .details_description {
        display: inline-block;
    }

    .details_description1 {
        display: inline-block;
        margin-top: 18px;
    }

    .more_details {
        text-decoration: none;
        color: #EE0289 !important;
    }

    article.similar-item {
        margin: 4% 1% 10% 1%;
    }

    #destination-wrapper .swiper-content, #main-pages-wrapper .swiper-content, #signup-login-lp-wrapper .swiper-content {
        min-height: 790px;
    }

    #destination-window, #main-pages-window, #signup-login-lp-window {
        width: 100%;
        min-height: 272px;
    }

    .location_description {
        font-size: 1.2em;
    }

    .static_map {
        width: 160px;
    }

    .share_buttons {
        margin-left: auto;
        margin-right: auto;
        width: 205px;
    }

    .location-logo {
        width: 100%;
        padding-left: 10px;
    }

    #destination-window h1 {
        width: 93%;
    }

    .description-beach {
        display: none !important;
    }

    .photographer {
        line-height: 1;
        padding: 0 !important;
    }

    .html5gallery-title-0 {
        bottom: 0 !important;
        display: block !important;
        font-size: 13px !important;
        left: auto !important;
        opacity: 100 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
    }

    .circle {
        border-radius: 50px;
        height: 50px !important;
        line-height: 14px;
        width: 50px !important;
    }

    .percent-similar .circle {
        border-radius: 70px;
        height: 70px !important;
        line-height: 17px;
        width: 70px !important;
        line-height: 18px !important;
        padding-top: 0px;
    }

    .percent-txt {
        font-size: 19px;
        padding-top: 20px;
    }

    .percent-similar .percent-txt {
        font-size: 25px;
        padding-top: 23px;
    }

    .match-overview {
        font-size: 12px;
    }

    .percent-similar .match-overview {
        font-size: 15px;
    }

    .percent-similar {
        margin-left: -28px;
    }

    .html5gallery-thumbs-0 {
        left: 0 !important;
    }
    .right-column {
        position: relative;
    }

    li.trip_ideas {
        display: none;
    }

}

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

    .region-header {
        font-size: 0.7em;
    }

    #logo {
        background-size: 114px auto;
        height: 173px;
        left: -2px;
        margin: 0 0 20px;
        width: 150px;
    }

    #logo-narrow {
        background-size: 114px auto;
        left: -5px;
    }

    .ls-margin-logo-narrow {
        margin-left: 19px;
    }

    .header-limiter h1, .header-limiter a {
        font-size: 17px;
        line-height: 25px;
    }

    .map-spect {
        height: 965px !important;
        width: 768px !important;
    }

    .thumbnails {
        padding-top: 15px !important;
    }

    .right-column {
        height: auto;
    }

    .details_description1 {
        width: 94% !important;
    }

    .attribute-top, .attribute-bottom {
        font-size: 0.7em;
    }

    .mouseover-name,
    .mouseover-more {
        font-size: 12px;
    }

    .img-percent {
        border-radius: 67px;
        font-size: 15px;
        height: 50px;
        line-height: 39px;
        margin-right: -5px;
        margin-top: -3px;
        text-align: center;
        width: 50px;
    }

    .match-mouseover {
        font-size: 10px;
        right: 7px;
        top: 14px;
    }

    .footer-honeymoons .footer-links div.settings_number {
        border-radius: 10em;
        height: 12px;
        margin-right: 30px;
        margin-top:-16px;
        width: 12px;
    }

    .footer-honeymoons .footer-links span.settings_number {
        font-size: 11px;
        top: 1px;
    }

    .footer-honeymoons .footer-links li span {
        font-size: 11px;
    }

    #map-wrapper {
        margin-top: 133px;
    }

    .footer-honeymoons .footer-links li {
        width: 33.3% !important;
    }

    .location_description {
        font-size: 1em;
    }

    .static_map {
        width: 140px;
    }

    .location_description {
        width: calc(86% - 140px);
    }

}

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

    .bd_logo, .brand_logo {
        width: auto;
        height: 24px;
    }

    .region-header {
        font-size: 0.6em;
    }

    #destination-wrapper .swiper-content .inner, #main-pages-wrapper .swiper-content .inner {
        margin: 0px 0px !important;
    }

    #destination-wrapper .swiper-slide {
        width: 100%;
    }

    .sliders_tt_onelines {
        display: none;
    }

    .footer-honeymoons .footer-links div.settings_number {
        margin-right: 25px;
        margin-top:-16px;
        width: 12px;
    }

    #settings_filter #name-setting {
        width: 50%;
    }

    #settings_filter {
        width: 217px!important;
    }

    #map-wrapper {
        margin-top: 83px;
    }

    .footer-honeymoons .footer-links li span.text {
        font-size: 11px;
    }

    .back-slider {
        width: 101px !important;
        margin-top: 7px !important;
    }

    .location_description {
        font-size: 0.9em;
    }

    .static_map {
        width: 120px;
    }

    .location_description {
        width: calc(86% - 120px);
    }

    i.far.fa-heart, i.fas.fa-heart {
        color: #dd2429;
        font-size: 31px;
    }
}

@media screen and (max-width: 625px) {
    .sliders_wrapper1 {
        left: -280px;
        width: 94%;
    }

    .mouseover-medium, .mouseover-little {
        display: none !important;
    }

    .details_description1 {
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    .image-wrap-big .img-percent,
    .image-wrap-little .img-percent,
    .image-wrap-medium .img-percent {
        margin-right: -6px;
        margin-top: -4px;
    }

    .mouseover-name,
    .mouseover-more {
        font-size: 10px;
    }

    .mouseover-more {
        bottom: 14px;
    }

    .footer-honeymoons .footer-links div.settings_number {
        margin-right: 19px;
    }

    .share-home {
        display: none!important;
    }
}

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

    .region-header {
        display: none!important;
    }
    html, body {
        margin: 0 !important;
    }

    .sliders_wrapper1 {
        left: 0px;
        margin-left: 12px;
    }

    #destination-window, #main-pages-window, #signup-login-lp-window {
        width: 100%;
    }

    .footer-honeymoons,
    .footer-honeymoons .footer-links {
        padding: 0;
    }

    .footer-honeymoons .footer-links div.settings_number {
        margin-right: 14px;
    }

    .footer-honeymoons .footer-links li span {
        font-size: 8px;
    }

    .footer-honeymoons .footer-links nav.navigator li {
        padding-left: 0;
    }

    .footer-honeymoons .footer-links li {
        width: 33.3% !important;
    }

    #settings_filter #name-setting {
        width: 45%;
    }

    #settings_filter {
        width: 204px!important;
    }

    .mobile_sl_layout {
        display: none!important;
    }

    .mobile_rf_layout {
        height: 165px!important;
    }

    .back-slider {
        width: 72px !important;
        margin-top: 7px !important;
    }

    .attribute-top, .attribute-bottom {
        font-size: 0.6em;
    }
}

@media screen and (max-width: 480px) {
    #photos {
        border: 2px solid #fff;
        padding-top: 72px;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 25px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1{
        font-size: 16px;
    }

    #favorite-wrapper {
        top: 75px!important;
    }

    .header-limiter.white {
        display: block!important;
    }

    .header-limiter .center-section {
        margin: 10px 0px;
        width: 50%;
    }

    #map-wrapper {
        margin-top: 44px;
    }

    #logo-narrow {
        display: block!important;
        height: 30px;
        width: 161px;
        margin-top: 9px;
    }

    #logo {
        display: none!important;
    }

    .menu-active {
        color: #d3d3d3 !important;
    }

    .mobile-options {
        display: block!important;
        margin-right: 10px;
    }

    #side-nav {
        height: 203px;
        width: 165px;
        top: 2.2;
    }

    .nav-columnside {
        right: 8px;
    }

    .ls-margin-logo {
        margin-left: 24px!important;
    }

    .image-wrap-medium .mytransparency, .image-wrap-little .mytransparency {
        width: 100%;
        height: 76px;
    }

    .mytransparency, .mouseover-data {
        display: block !important;
    }
    .email_capture_container div {
         color: #000000;
    }

    /*Shared Icons for Desktop and Tablet*/
    .st_facebook_large, .st_twitter_large, .st_email_large, .st_pinterest_large, .st_googleplus_large {
        background-image: url('/assets-tt2/img/islandfinder/social_icons_small.png');
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        float: left;
        margin-right: 4px;
    }

    .st_facebook_large {
        background-position: -4px -0px;
    }

    .st_twitter_large {
        background-position: -29px -0px;
    }

    .st_pinterest_large {
        background-position: -61px -0px;
    }

    .st_googleplus_large {
        background-position: -92px -0px;
    }
    .st_email_large {
        background-position: -127px -0px;
    }

    .footer-honeymoons .footer-links {
        width: 100%;
    }

    .footer-honeymoons .footer-links nav ul li a:hover .icon-reset-all,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-map-view,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-regions,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-trip-ideas,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-save-settings,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-wish-list,
    .footer-honeymoons .footer-links nav ul li a:hover .icon-photo-view {
        background-image: url('/assets-tt2/img/islandfinder/navicons.png');
        background-repeat: no-repeat;
    }

    .st_facebook_large:hover, .st_twitter_large:hover, .st_email_large:hover, .st_pinterest_large:hover, .st_googleplus_large:hover {
        background-image: url('/assets-tt2/img/islandfinder/social_icons_small_active.png');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }

    .footer-honeymoons .footer-links nav ul li a:hover span.settings_number_wrapper {
    border: 1px solid #FFF;
    }

    .savesetting-close {
        display: block!important;
        color: #FFF;
        font-size: 27px;
        position: absolute;
        right: 10px;
        top: 3px;
    }

    .more_details_btn {
        padding: 13px 39px 12px;
        font-size: 15px;
    }

    li.region_list:hover,
    li.region_list.active1,
    li.trip_ideas_list:hover,
    li.trip_ideas_list.active1,
    li.setting_list:hover,
    li.setting_list.active1 {
        font-size: 12px;
        color: #FFF!important;
    }


    li.region_list, li.trip_ideas_list, li.setting_list {
        font-size: 12px;
    }


    #settings_filter .box-title {
        display: block;
        text-align: center;
        text-transform: uppercase;
    }
    #settings_filter .box-title h1{
        font-size: 19px;
        color: #FFF;
        font-family: 'Open Sans',Arial,sans-serif;
        margin: 2px 0 6px;
    }

    #settings_filter #setting-items {
        padding-top: 0;
    }
    #settings_filter #list_map ul li,
    #settings_filter .fa-trash-o,
    div.saved-setting-warning-msg  {
        color: #FFF;
    }

    #settings_filter {
        max-width: 450px;
    }

    #list_map {
        margin-bottom: 17px;
    }

    #region_filter, #trip_ideas_filter, #settings_filter {
        background: #464857;
    }

    .footer-honeymoons .footer-links nav ul li a:hover {
        background-color: initial;
        color: #ffffff!important;
    }

    #fade-floor {
        height: 37px;
    }

    .reg_filter {
        display: none;
    }

    #settings_filter {
        margin-left: 0!important;
        width: 100%!important;
        bottom: 35px!important;
        min-height: 150px;
    }

    #settings_filter ul i.fa-trash-o {
        display: block;
    }

    #settings_filter #name-setting {
        width: 70%;
    }

    #title {
        margin: 5px auto 0px auto !important;
        font-size: 1.2em;
        color: #FEFE52;
        font-weight: bold;
        display: block;
        text-align: center;
    }

    .title-mod-mid {
        width: 100%;
    }

    .message {
        border-radius: 0;
        font-size: 16px !important;
        height: 19px;
        top: -9px;
    }

    .sliders_wrapper1 {
        bottom: 4px !important;
        left: 0;
        width: 100%;
        height: 183px;
    }

    .slider_content1 {
        height: 137px;
        margin-top: 17px !important;
    }

    .back-slider {
        width: 65px !important;
        background-color: transparent !important;
        margin-top: 0 !important;
    }

    #slider6_name {
        display: none!important;
    }

    .attribute-top, .attribute-bottom {
        font-size: 0.40em !important;
        font-weight: normal;
        width: 90px !important;
        text-align: center;
        margin-left: -51px;
        letter-spacing: 0;
    }

    .attribute-top {
        margin-top: -32px;
    }

    .attribute-bottom {
        margin-top: 85px !important;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: url(/assets-tt2/img/islandfinder/slider-button-mobile.png) no-repeat !important;
        background-position: 0 0;
        cursor: pointer;
        height: 9px;
        width: auto;
    }

    .slider-active .ui-state-default, .slider-active .ui-widget-content .ui-state-default, .slider-active .ui-widget-header .ui-state-default {
        background: url(/assets-tt2/img/islandfinder/slider-button-selected-mobile.png) no-repeat !important;
        background-position: 0 0;
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -0.75em;
    }


    .slider-active .ui-slider-handle {
        left: -0.9em;
    }

    .ui-slider .ui-slider-handle {
        margin-bottom: -1.5em;
    }

    .slider-active .ui-slider-handle {
        margin-bottom: -1.5em!important;
    }

    .slider_content {
        margin-top: 0px !important;
        height: 205px;
        width: 100%;
        border: 1px solid #FFFFFF;
        border-radius: 0;
        overflow: hidden;
        box-shadow: none;
        padding: 15px 0;
        background: #FFFFFF;
    }

    .ui-slider-vertical {
        height: 65px !important;
        top: 5px;
    }

    .ui-widget-content {
        margin: 41px 30px !important;
    }

    #slider_list {
        width: 96%;
    }


    .mouseover-big, .mouseover-medium, .mouseover-little {
        background-color: transparent !important;
        z-index: 200;
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image-wrap-big .mouseover-data h1 {
        margin-bottom: 46px;
        line-height: 20px;
    }

    .image-wrap-big .mouseover-data {
         bottom: auto;
    }

    .image-wrap-big .mouseover-data h1 {
        font-size: 25px;
    }

    .image-wrap-big .match-mouseover,
    .image-wrap-medium .match-mouseover,
    .image-wrap-little .match-mouseover {
        display: none!important;
    }

    .image-wrap-big .mouseover-more,
    .image-wrap-big .mouseover-name {
        font-size: 15px;
    }

    .image-wrap-big .mouseover-percent .img-percent,
    .image-wrap-big .mouseover-buttons,
    .image-wrap-medium .mouseover-buttons,
    .image-wrap-little .mouseover-buttons {
        display: block !important;
    }

    .mouseover-data {
        top: 35px !important;
    }

    .details-percent-match .bluett, .bluett {
        border: 2px solid #FFFFFF;
    }

    .img-percent {
        border-radius: 67px;
        font-size: 18px;
        height: 48px;
        line-height: 45px;
        margin-right: -6px;
        margin-top: -4px;
        text-align: center;
        width: 48px;
    }

    .image-wrap-medium .img-percent,
    .image-wrap-little .img-percent {
        border-radius: 67px;
        font-size: 11px;
        height: 30px;
        line-height: 31px;
        margin-right: -8px;
        margin-top: -6px;
        text-align: center;
        width: 30px;
    }

    .mouseover-more {
        display: block !important;
        font-size: 11px;
    }

    .reset-wrapper {
        top: 70px;
        left: -33px;
        background-color: #1087DD;
        border-radius: 50px;
        width: 51px;
        height: 45px;
        text-align: center;
        border: 1px solid #FFF;
        box-shadow: 1px 3px 3px #333;
    }

    #destination-wrapper .swiper-content .inner, #main-pages-wrapper .swiper-content .inner {
        margin: 93px 0 0 !important;
    }

    .to-center {
        width: 100%;
        text-align: center;
        background-color: #4eadcb!important;
        height: 46px;
        margin: 0 !important;
    }

    .title-wrapp {
        height: 46px;
        margin: 0 auto;
        width: 70%;
        display: table;
    }

    .btn-icons {
        margin-top: 4px;
        padding: 7px 0px 0 13px;
        width: 70%;
    }

    .icons {
        max-height: 24px;
    }

    .swiper-nav {
        position: fixed !important;
    }

    .width-content {
        text-align: center;
        width: 100%;
    }

    #destination-wrapper .swiper-nav .swiper-wrapper, #main-pages-wrapper .swiper-nav .swiper-wrapper, #signup-login-lp-wrapper .swiper-nav .swiper-wrapper {
        margin: 5px 6px;
    }

    #destination-wrapper .swiper-nav, #main-pages-wrapper .swiper-nav, #signup-login-lp-wrapper .swiper-nav {
        bottom: auto;
        height: 45px;
        left: 0 !important;
        position: absolute!important;
        text-align: center;
        z-index: 98;
    }

    .fixed-title {
        position: fixed !important;
        top: 0;
        width: 104%;
        z-index: 999;
        margin: 0;
        padding: 0;
    }

    #destination-wrapper .swiper-nav .swiper-slide {
        height: 34px;
        margin: 0;
        padding: 0;
        width: 28%;
    }

    #btn-streetview {
        position: relative;
        margin-left: 9px !important;
        padding: 0 25px 0 5px !important;
    }

    #destination-window, #main-pages-window {
        top: 0px !important;
        left: 0 !important;
        overflow-y: auto !important;
        height: 103% !important;
        width: 100% !important;
        margin: 0;
    }

    .html5gallery-container-0 {
        margin-left: -5px;
    }

    .html5gallery-toolbox-0 {
        display: none!important;
    }

    .html5gallery-car-right-0, .html5gallery-car-left-0  {
        display: none!important;
    }

    #destination-wrapper .swiper-content, #main-pages-wrapper .swiper-content, #signup-login-lp-wrapper .swiper-content {
        min-height: 775px !important;
        top: -39px!important;
    }

    .location_information {
        background: transparent;
        bottom: initial;
        position: relative;
        height: auto;
        width: 100%;
        right: 0;
        bottom: initial;
    }

    .html5gallery-car-right-0 {
        right: 16px!important;
    }

    .bottom-section, .location_description {
        font-size: 1.3em;
        width: 100%;
    }

    .location_description p {
        text-align: center;
        margin: 11px 28px 10px 15px;
    }

    .location_description p.degraded {
        height: 100px;
        background: linear-gradient(#3f3f3f, #FFFFFF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .read_more {
        width: 100%;
        text-align: center;
        position: absolute;
        color: #4daecb!important;
    }

    .read_more span {
        font-family: 'Montserrat-SemiBold', 'Open Sans',"lucida grande",arial,serif;
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .email_capture_container .text {
        font-size: 13px;
    }

    .location_description a, .more_details {
         font-style: normal;
    }

    .location_description .inline_more_details {
        font-style: italic;
    }

    .location_information span.price {
        text-shadow: none;
        color: #4eadcb;
    }

    #overview_favorites {
        display: block;
        text-align: center;
        right: initial;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100% !important;
        margin-top: 9px;
        /* right: 14px; */
        position: relative;
        text-align: center;
        float: left;
    }

    .fav-mouseover {
        padding: 0;
        left: -13px;
    }

    #overview_favorites .fav_buttons {
         display: inline-block;
    }

    #overview_favorites span.add-wishlist span.text,
    #overview_favorites span.wishlisted span.text {
        top: -5px;
        position: relative;
    }

    .email_capture_container {
        position: absolute;
        bottom: -126px;
        width: 100%;
    }

    .beachman {
        border: 0 none;
        display: block;
        height: 30px;
        left: 90px;
        overflow: hidden;
        position: absolute;
        top: 4px;
        width: 30px;
        z-index: 5000;
    }

    .beachman img {
        border-radius: 0;
        box-shadow: 0 1px 2px #000;
        height: 30px !important;
        margin-top: 0;
        width: 30px !important;
    }

    #destination-wrapper .swiper-nav .title, #main-pages-wrapper .swiper-nav .title, #signup-login-lp-wrapper .swiper-nav .title {
        padding: 3px 0 2px;
    }

    #destination-wrapper .active-nav .title, #main-pages-wrapper .active-nav .title, #signup-login-lp-wrapper .active-nav .title {
        color: #fff;
        cursor: pointer;
        transition: all 1s ease 0s;
    }

    #destination-wrapper .swiper-nav .swiper-slide:hover .title {
        color: #fff !important;
        background-color: transparent !important;
    }

    .content-scroll {
        margin-top: -45px;
    }

    #wrap-item-map {
        height: 70%;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: -40px !important;
        padding: 0;
        width: 100%;
    }

    #item-map .gmnoprint {
        margin-top: -20px !important;
    }

    #destination-wrapper .swiper-content h1, #destination-title {
        color: #fff;
        display: table-cell;
        font-size: 21px;
        line-height: 15px;
        margin: 0 auto 10px;
        vertical-align: middle;
        z-index: 4550;
    }

    #icon-mobile {
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        height: 40px;
        left: 5px;
        position: absolute;
        top: 5px;
        width: 29px;
        z-index: 700;
    }

    #icon-mobile-ilustrativo {
        background-repeat: no-repeat;
        height: 51px;
        width: 55px;
        display: block;
        position: absolute;
        top: 4px;
        left: 19px;
        z-index: 701;
        cursor: pointer;
    }

    .icon-mobile-grey {
        background-image: url('/assets-tt2/img/common/grey-details.png');
    }

    .icon-mobile-white {
        background-image: url('/assets-tt2/img/common/white-details.png');
    }

    #details-icon-mobile {
        position: absolute;
        top: -4px;
        left: 0px;
        z-index: 700;
        background-color: #f0eded;
        width: 100%;
        height: 100%;
    }

    #menu-mobile {
        margin-top: 72px;
        line-height: 37px;
    }

    .link-subnav:hover {
        color: #FFF !important;
    }

    .link-mobile {
        padding-left: 37px;
        color: #454545;
    }

    .li-link-mobile:hover, .li-selected-link {
        background-color: #CD0D7A;
    }

    .li-link-mobile:hover .link-mobile {
        color: #FFF !important;
    }

    .thumbnails {
        display: none;
    }

    .font-bold {
        font-size: 14px!important;
    }

    .share-wrapper {
        width: 100% !important;
        margin-top: 55px!important;
        position: relative;
        top: 0px !important;
        right: 0px !important;
        float: left;
    }

    .similar-photo {
        margin-bottom: 45px;
    }

    .percent-similar {
        margin-left: -24px;
        bottom: 8px;
    }

    .infobox-anchor .infobox .match-mouseover {
        font-size: 8px;
        right: 0px;
        top: -2px;
    }

    .btn-view {
        margin-left: 0px;
    }

    .details-percent-match {
        right: 14px;
        z-index: 10000;
    }

    .close-dropdown {
        right: 8px;
        top: 2px;
        height: 36px;
        width: 36px;
        /*background-image: url(/assets-tt2/img/common/close.png) !important;*/
    }

    .savesetting-close {
        right: 0;
    }

    #icon-mobile-back {
        top: 2px !important;
        right: 12px;
        display: inline-block;
        z-index: 702;
    }

    .enlargemap {
        height: 90%;
        margin-top: 0px !important;
        width: 99%;
    }

    #map_canvas {
        height: 600px;
        width: 490px;
    }


    article.similar-item {
        margin: -7% 1% 25%;
    }

    #photos {
        border: 2px solid #FFFFFF;
    }

    .details-percent-match {
        position: absolute;
        right: 11px !important;
        top: 48px !important;
        z-index: 98;
        width: 60px;
    }

    .percent-similar .circle {
        border-radius: 60px;
        height: 70px !important;
        width: 70px !important;
    }

    .percent-similar .percent-txt {
        padding-top: 20px;
    }

    .percent-txt {
        font-size: 15px;
        padding-top: 11px;
    }

    #details-container, #main-pages-container, #signup-login-lp-container {
        height: auto;
    }

    #destination-wrapper, #main-pages-wrapper, #signup-login-lp-wrapper {
        overflow: hidden !important;
    }

    /* The rule only targets the description when is mobile */
    .content-scroll > .details_description1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-right: -15px;
        box-sizing: border-box;

    }

    .details_description1 {
        text-align: left;
        margin-right: 0px;
    }

    .footer-honeymoons .footer-links li {
        width: 33.3%!important;
    }

    .footer-honeymoons .footer-links span.settings_number_wrapper {
        width: 18px;
    }

    .footer-honeymoons a span.text {
        display: none;
    }

    #bottom-wrapper #block-block-11 {
        font-size: 10px;
    }

    .mouseover-more {
        bottom: 7px;
    }

    /* Footer Mobile */

    #block-block-15 .social li .fa {
        font-size: 44px;
        line-height: 2em;
    }

    #block-menu-menu-footer .block-content > .menu > li {
        width: 100%;
        margin-right: 0;
    }

    #block-menu-menu-footer .block-content > .menu > li.two-column {
        width: 100%;
        margin-right: 0;
    }

    .region-footer {
        height: auto;
    }

    #block-menu-menu-footer {
        margin: 0;
    }

    #bottom-wrapper {
        height: auto;
        line-height: 1.2em;
        padding: 20px 0 40px;
    }

    #bottom-wrapper p {
        margin: 0 0 1.5em 0;
    }

    #bottom-wrapper .phone-number {
        display: block;
        font-size: 1.9em;
        line-height: 1.2em;
        margin-bottom: 0.25em;
    }

    #bottom-wrapper .copyright {
        font-size: 1.35em;
    }

    #bottom-wrapper a {
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
    }

    .show-sliders {
        left: 50%;
        margin-left: -75px!important;
        width: 150px!important;
    }
}

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


    .image-wrap-big .mouseover-data h1 {
        font-size: 25px;
    }

    .image-wrap-medium .mouseover-data h1,
    .image-wrap-little .mouseover-data h1{
        font-size: 14px;
        line-height: 15px;
    }

    .message {
        font-size: 12px !important;
        height: 16px!important;
    }

    .back-slider {
        width: 70px !important;
        background-color: transparent !important;
        margin-top: -3px !important;
        height: 130px;
    }

    .ui-slider-vertical {
        height: 61px !important;
        top: -8px;
    }

    .attribute-top {
        margin-top: -25px;
    }


    #destination-wrapper .swiper-nav .title {
        font-size: 13px;
    }
    .sliders_wrapper1 {
        left: 0px;
        margin-left: 1px;
        width: 100%;
    }

    .back-slider {
        width: 55px !important;
        background-color: transparent !important;
    }

    .attribute-top, .attribute-bottom {
        width: 150px;
    }

    #destination-wrapper .swiper-content h1 {
        width: 70%;
        text-align: left;
        top: 84px;
        font-size: 15px;
        line-height: 23px;
    }

    .ovw_state {
        font-size: 15px;
        margin-left: 0;
    }

    .infobox-anchor.medium .package_info {
        font-size: 12px;
        color: #FFFFFF;
    }
}

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

    #settings_filter #name-setting {
        width: 60%;
    }

    .match-mouseover {
        right: initial;
        top: -4px;
    }

    .mouseover-data {
        top: 35px !important;
    }

    /*.img-percent {*/
        /*border-radius: 67px;*/
        /*font-size: 11px;*/
        /*height: 40px;*/
        /*line-height: 30px;*/
        /*margin-right: -6px;*/
        /*margin-top: -4px;*/
        /*text-align: center;*/
        /*width: 40px;*/
    /*}*/

    .match-mouseover {
        font-size: 8px;
    }

    .back-slider .not-in-small-widget {
        display: none!important;
    }

}

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

    .back-slider {
        width: 65px !important;
        background-color: transparent !important;
    }

    .attribute-top, .attribute-bottom {
        width: 82px !important;
        text-align: center;
        margin-left: -46px;
    }
}

@media screen and (max-width: 300px) {
    .back-slider {
        width: 70px !important;
        background-color: transparent !important;
    }
}

@media screen and (max-width: 255px) {
    .back-slider {
        width: 70px !important;
        background-color: transparent !important;
    }
}

@media only screen and (min-device-width:600px) and (max-device-width:1024px) and (orientation: portrait) {
    #photos {
        border: 5px solid #FFFFFF;
    }

    body {
        background-color: #fff;
    }

    .footer-honeymoons, .footer-honeymoons .footer-links {
        padding: 0;
    }

    .reset-wrapper {
        top: 62px;
        left: 22px;
    }

    .percent-similar .circle {
        border-radius: 60px;
        height: 60px !important;
        width: 60px !important;
    }

    .percent-txt {
        padding-top: 12px !important;
    }

    #details-container, #main-pages-container, #signup-login-lp-container {
        height: auto;
    }

}