﻿
@media screen and (max-width: 1499px) {
    .timeline_item h3 {
        font-size: 1.3em;
    }

    .timeline_item p {
        margin-top: 5px;
        font-size: 1em;
    }

    .timeline_strapline {
        font-size: 1em !important;
    }

    .collection_layers {
        padding: 0;
    }

    .collection_categories {
        padding: 30px 0;
    }

    .collection_map {
        margin: 0 -150px 0 -120px;
    }

    .collection_map_popup .map_popup_body h3 {
        font-size: 1.5em;
    }

    .collection_search_home {
        padding: 0;
        top: -190px;
    }

    .collection_search_home .search_home_title {
        font-size: 2em;
    }

    .collection_search_home p {
        font-size: 1.3em;
    }

    /*-----------------------------------------------*/
    /*popup overrides*/

    .popup_cate_1 {
        right: -25px;
    }

    .popup_cate_1::before {
        top: 150px;
    }

    .popup_cate_30 {
        right: 100px;
    }

    .popup_cate_30::before {
        top: 200px;
    }

    .popup_cate_3,
    .popup_cate_10 {
        top: 450px;
        right: 100px;
    }

    .popup_cate_3::before,
    .popup_cate_10::before {
        top: -30px;
        transform: rotate(90deg);
        left: 15px;
    }

    .popup_cate_5 {
        top: 0;
        right: 150px;
    }

    .popup_cate_5::before {
        left: unset;
        right: -30px;
        top: 150px;
        transform: rotate(180deg);
    }

    .popup_cate_8 {
        top: 100px;
        right: 200px;
    }

    .popup_cate_8::before {
        left: unset;
        right: -30px;
        top: 175px;
        transform: rotate(180deg);
    }

    .popup_cate_6 {
        top: 200px;
        right: 250px;
    }

    .popup_cate_6::before {
        left: unset;
        right: -30px;
        top: 200px;
        transform: rotate(180deg);
    }

    .popup_cate_4 {
        top: 300px;
        right: 350px;
    }

    .popup_cate_4::before {
        left: unset;
        right: -30px;
        top: 250px;
        transform: rotate(180deg);
    }

    .popup_cate_7 {
        top: 200px;
        right: 125px;
    }

    .popup_cate_7::before {
        top: 50px;
    }

    .popup_cate_9 {
        top: 0;
        right: -25px;
    }

    .popup_cate_9::before {
        top: 100px;
    }

    .popup_cate_11 {
        top: 100px;
        right: 150px;
    }

    .popup_cate_11::before {
        left: unset;
        right: -30px;
        top: 75px;
        transform: rotate(180deg);
    }

    .popup_cate_12 {
        top: 200px;
        right: 200px;
    }

    .popup_cate_12::before {
        left: unset;
        right: -30px;
        top: 100px;
        transform: rotate(180deg);
    }

    .popup_cate_13 {
        top: 350px;
        right: 325px;
    }

    .popup_cate_13::before {
        left: unset;
        right: -30px;
        top: 150px;
        transform: rotate(180deg);
    }

    .popup_cate_14 {
        top: 300px;
        right: 25px;
    }

    .popup_cate_14::before {
        top: 275px;
    }

}

@media screen and (max-width: 1199px) {
    .collection_search_home {
        padding: 0 120px 0 0;
        top: -145px;
    }

    .collection_search_home .search_home_title {
        font-size: 1.5em;
    }

    .collection_search_home p {
        font-size: 1em;
    }

    /*-----------------------------------------------*/
    /*popup overrides*/

    .collection_map_popup {
        max-width: 300px;
        font-size: 0.9em;
    }

    .popup_cate_1 {
        right: -25px;
    }

    .popup_cate_1::before {
        top: 100px;
    }

    .popup_cate_30 {
        right: 100px;
    }

    .popup_cate_30::before {
        top: 100px;
    }

    .popup_cate_3,
    .popup_cate_10 {
        top: 400px;
        right: 100px;
    }

    .popup_cate_3::before,
    .popup_cate_10::before {
        top: -30px;
        transform: rotate(90deg);
        left: 15px;
    }

    .popup_cate_5 {
        top: 0;
        right: 100px;
    }

    .popup_cate_5::before {
        left: unset;
        right: -30px;
        top: 100px;
        transform: rotate(180deg);
    }

    .popup_cate_8 {
        top: 100px;
        right: 150px;
    }

    .popup_cate_8::before {
        left: unset;
        right: -30px;
        top: 100px;
        transform: rotate(180deg);
    }

    .popup_cate_6 {
        top: 200px;
        right: 200px;
    }

    .popup_cate_6::before {
        left: unset;
        right: -30px;
        top: 150px;
        transform: rotate(180deg);
    }

    .popup_cate_4 {
        top: 300px;
        right: 275px;
    }

    .popup_cate_4::before {
        left: unset;
        right: -30px;
        top: 150px;
        transform: rotate(180deg);
    }

    .popup_cate_7 {
        top: 200px;
        right: 125px;
    }

    .popup_cate_7::before {
        top: 50px;
    }

    .popup_cate_9 {
        top: 0;
        right: 0;
    }

    .popup_cate_9::before {
        top: 100px;
    }

    .popup_cate_11 {
        top: 75px;
        right: 125px;
    }

    .popup_cate_11::before {
        left: unset;
        right: -30px;
        top: 75px;
        transform: rotate(180deg);
    }

    .popup_cate_12 {
        top: 150px;
        right: 150px;
    }

    .popup_cate_12::before {
        left: unset;
        right: -30px;
        top: 100px;
        transform: rotate(180deg);
    }

    .popup_cate_13 {
        top: 300px;
        right: 250px;
    }

    .popup_cate_13::before {
        left: unset;
        right: -30px;
        top: 150px;
        transform: rotate(180deg);
    }

    .popup_cate_14 {
        top: 225px;
        right: 50px;
    }

    .popup_cate_14::before {
        top: 275px;
    }

}

@media screen and (max-width: 991px) {
    .collection_categories .collection_cate {
        padding: 10px 15px;
        font-size: 1em;
    }
    
    .collection_search_home {
        padding: 0 60px 0 0;
    }

    .collection_search_home .search_home_title {
        font-size: 1.3em;
    }

    .collection_search_home p {
        font-size: 0.8em;
    }

    .collection_map_popup {
        position: relative;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        max-width: 100%;
    }

    .collection_map_popup::before {
        display: none;
    }

    .collection_map_popup .map_popup_image img {
        max-height: none;
    }

    .collection_spotlight_section .spotlight_strapline {
        font-size: 2.8em;
    }
}

@media screen and (max-width: 767px) {
    .collection_search_home {
        padding: 0 15px 0 0;
        top: -75vw;
    }

    .collection_map {
        margin: 0;
    }

    .collection_options_section > .container > .row,
    .collection_options_section > .container > .row > .col-xs-12 {
        display: block;
    }

    .collection_spotlight_section .row {
        display: block;
    }

    .collection_spotlight_section .spotlight_category {
        margin: 30px 0 0;
    }
}