/* colors */
/* break points */
/* colors */
/* break points */

.branches-popup .top .popup-close {
    left: unset;
    right: 4.063vw;
}

.branches-popup .top .input-wrapper > img {
    left: unset;
    right: 0;
}

.branches-popup .top .input-wrapper .input {
    padding-right: 6.25vw;
    padding-left: unset;
}

.branches-popup .closest-branches-btn > img {
    margin-left: unset;
    margin-right: 1.563vw;
}

.branches-popup .all-branches-container .branch-option {
    padding: 6.25vw 3.75vw 5.625vw 5.313vw;
}

.branches-popup .all-branches-container .branch-option .branch-icons {
    margin-left: unset;
    margin-right: 3.75vw;
}

.branches-popup .all-branches-container .branch-option .km-distance {
    left: unset;
    right: 3.75vw;
}

.datepicker-popup #container .pika-title{
    text-align: left;
    font-family: Montserrat-ExtraBold;
}

.datepicker-popup .bottom .submit-btn, .timepicker-popup .bottom .submit-btn{
    font-family: Montserrat-Bold;
    font-size: 4.6875vw;
}

.datepicker-popup .bottom .date-indicator, .timepicker-popup .bottom .date-indicator{
    font-family: Montserrat-Medium;
}

.branches-popup .share-layout-mobile {
    left: unset;
    right: 0;
}

.branches-popup .all-branches-container .branch-option .branch-name{
    font-family: Montserrat-Bold;
}

.branches-popup .share-layout-mobile .share-content .step{
    font-family: Montserrat-Bold;
}

.branches-popup .share-layout-mobile .share-top .close-x {
    left: unset;
    right: 8.125vw;
}

.branches-popup .share-layout-mobile .share-content .step .step-img {
    margin-left: unset;
    margin-right: 3.438vw;
}

.branches-popup .share-layout-mobile .share-content .step .arrow {
    right: unset;
    left: 10.313vw;
}

.branches-popup .share-layout-mobile .share-content .step:not(:last-child):before {
    right: unset;
    left: 0;
}

.branches-popup .share-layout-mobile .share-content .step:not(:last-child):after {
    left: unset;
    right: 0;
}

.branches-popup .share-layout-mobile .share-content .stores-container .store-icon:first-child {
    margin-left: unset;
    margin-right: 3.125vw;
}

.datepicker-popup {
    left: unset;
    right: 0;
}

.datepicker-popup .top .popup-close {
    left: unset;
    right: 4.063vw;
}

.datepicker-popup #container .pika-row .is-startrange:before {
    right: unset;
    left: 0;
    border-width: 2.34375vw 0 2.34375vw 1.875vw;
    border-color: transparent transparent transparent black;
}

.datepicker-popup #container .pika-row .is-endrange:after {
    left: unset;
    right: 0;
    border-width: 2.34375vw 1.875vw 2.34375vw 0;
    border-color: transparent black transparent transparent;
}

.datepicker-popup .bottom {
    left: unset;
    right: 0;
}

.datepicker-popup .bottom .date-wrapper:first-child {
    margin-left: unset;
    margin-right: 42.188vw;
}

.timepicker-popup {
    left: unset;
    right: 0;
}

.timepicker-popup .top .popup-close {
    left: unset;
    right: 4.063vw;
}

.timepicker-popup .time-option {
    padding-right: unset;
    padding-left: 4.688vw;
}

.timepicker-popup .bottom {
    left: unset;
    right: 0;
}

.timepicker-popup .bottom .date-wrapper:first-child {
    margin-left: unset;
    margin-right: 32.813vw;
}



@media (min-width: 768px) {
    .branches-popup {
        left: unset;
        right: 0;
    }

    .branches-popup .top .popup-close {
        right: 1.693vw;
    }

    .branches-popup .top .input-wrapper > img {
        right: 0;
    }

    .branches-popup .top .input-wrapper .input {
        padding-right: 2.604vw;
        padding-left: unset;
    }

    .branches-popup .closest-branches-btn > img {
        margin-right: 0.651vw;
    }

    .branches-popup .all-branches-container .branch-option {
        padding: 2.604vw 1.563vw 2.344vw 2.214vw;
    }

    .branches-popup .all-branches-container .branch-option .branch-icons {
        margin-right: 1.563vw;
    }

    .branches-popup .all-branches-container .branch-option .km-distance {
        right: 1.563vw;
    }

    .branches-popup .share-layout-mobile .share-top .close-x {
        right: 3.385vw;
    }

    .branches-popup .share-layout-mobile .share-content .step .step-img {
        margin-right: 1.432vw;
    }

    .branches-popup .share-layout-mobile .share-content .step .arrow {
        left: 4.297vw;
    }

    .branches-popup .share-layout-mobile .share-content .stores-container .store-icon:first-child {
        margin-right: 1.302vw;
    }

    .datepicker-popup .top .popup-close {
        right: 1.693vw;
    }

    .datepicker-popup #container .pika-row .is-startrange:before {
        border-width: 0.9765625vw 0 0.9765625vw 0.78125vw;
    }

    .datepicker-popup #container .pika-row .is-endrange:after {
        border-width: 0.9765625vw 0.78125vw 0.9765625vw 0;
    }

    .datepicker-popup .bottom .date-wrapper:first-child {
        margin-right: 17.578vw;
    }

    .timepicker-popup .top .popup-close {
        right: 1.693vw;
    }

    .timepicker-popup .bottom .date-wrapper:first-child {
        margin-right: 13.672vw;
    }

    .datepicker-popup .bottom .submit-btn, .timepicker-popup .bottom .submit-btn{
        font-size: 1.953125vw;
    }
}

@media (min-width: 1200px) {
    .branches-popup .closest-branches-btn > img {
        margin-left: unset;
        margin-right: 0.417vw;
    }

    .branches-popup .all-branches-container .title {
        margin: 0 1.333vw 2.083vw;
    }

    .branches-popup .all-branches-container .branch-option {
        padding: 1.667vw 1vw 1.5vw 1.417vw;
    }

    .branches-popup .all-branches-container .branch-option .branch-name{
        font-size: 1.1666666666666667vw;
        font-family: Montserrat-SemiBold;
    }

    .branches-popup .all-branches-container .branch-option .branch-icons {
        margin-left: unset;
        margin-right: 1vw;
    }

    .branches-popup .all-branches-container .branch-option .branch-address {
        display: none;
    }

    .branches-popup .all-branches-container .branch-option .km-distance {
        left: unset;
        right: 1vw;
    }

    .branches-popup .map-side .branch-details {
        padding: 0.833vw 3.333vw 0.833vw;
    }

    .branches-popup .map-side .branch-address{
        font-family: Montserrat-Medium;
    }

    .branches-popup .map-side .row{
        font-family: Montserrat-Medium;
    }

    .branches-popup .map-side .branch-name, .branches-popup .map-side .share-display .share-title{
        font-family: Montserrat-SemiBold;
    }

    .branches-popup .map-side .share-display .download-wrapper{
        font-family: Montserrat-Medium;
    }

    .branches-popup .map-side .share-display .download-wrapper > img {
        margin-left: unset;
        margin-right: 0.667vw;
    }

    .branches-popup .map-side .share-display .qr-wrapper {
        padding-right: unset;
        padding-left: 1.833vw;
        font-family: Montserrat-Medium;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .label{
        font-family: Montserrat-Bold;
    }

    .branches-popup .map-side .share-display .qr-wrapper .qr-image {
        margin-right: unset;
        margin-left: 1vw;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .addresses-container .address{
        font-family: Montserrat-Medium;
        align-items: flex-start;
        font-size: 1vw;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .addresses-container .address .marker {
        margin-left: unset;
        margin-right: 0.417vw;
    }

    .datepicker-popup.drop .content:before{
        left: unset;
        right: 30.083333vw;
    }

    .datepicker-popup .content:before{
        left: unset;
        right: 44.083333333333336vw;
    }

    .datepicker-popup #container .pika-title {
        text-align: left;
        font-family: Montserrat-SemiBold;
    }

    .datepicker-popup #container .pika-row .is-startrange:before {
        border-width: 0.625vw 0 0.5vw 0.625vw;
    }

    .datepicker-popup #container .pika-row .is-endrange:after {
        border-width: 0.625vw 0.625vw 0.5vw 0;
    }

    .datepicker-popup .pika-single.slick-slider .slick-arrow.slick-next {
        left: unset;
        right: 1.25vw;
    }

    .datepicker-popup .pika-single.slick-slider .slick-arrow.slick-prev {
        right: unset;
        left: 1.25vw;
    }

    .timepicker-popup .time-option {
        padding-right: unset;
        padding-left: 1.25vw;
    }

    .timepicker-popup .bottom {
        left: unset;
        right: unset;
    }
}

@media (min-width: 1500px) {
    .branches-popup .closest-branches-btn > img {
        margin-right: 0.625vw;
    }

    .branches-popup .all-branches-container .branch-option {
        padding: 1.042vw 7.813vw 0.938vw 3.49vw;
    }

    .branches-popup .all-branches-container .branch-option .branch-name{
        font-size: 1.09375vw;
    }

    .branches-popup .map-side .branch-name, .branches-popup .map-side .share-display .share-title{
        font-size: 1.6666666666666667vw;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .label{
        font-size: 1.09375vw;
    }

    .branches-popup .all-branches-container .branch-option .branch-icons {
        margin-right: 0.938vw;
    }

    .branches-popup .all-branches-container .branch-option .km-distance {
        right: 0.625vw;
    }

    .branches-popup .map-side .share-display .download-wrapper{
        font-size: 1.0416666666666665vw;
    }

    .branches-popup .map-side .share-display .download-wrapper > img {
        margin-right: 0.417vw;
    }

    .branches-popup .map-side .share-display .qr-wrapper {
        padding-left: 1.146vw;
    }

    .branches-popup .map-side .share-display .qr-wrapper .qr-image {
        margin-left: 0.885vw;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .addresses-container .address{
        font-size: 1.0416666666666665vw;
    }

    .branches-popup .map-side .share-display .addresses-wrapper .addresses-container .address .marker {
        margin-right: 0.469vw;
        width: 0.8333333333333334vw;
    }

    .datepicker-popup #container .pika-row .is-startrange:before {
        border-width: 0.625vw 0 0.5vw 0.625vw;
    }

    .datepicker-popup #container .pika-row .is-endrange:after {
        border-width: 0.625vw 0.625vw 0.5vw 0;
    }

    .timepicker-popup .time-option {
        padding-left: 1.094vw;
    }

    .datepicker-popup #container .pika-title .pika-label{
        line-height: 2.083vw;
    }

    .datepicker-popup.drop .content:before{
        right: 33.083333vw;
    }

    .datepicker-popup .content:before{
        right: 46.083333vw;
    }

    .datepicker-popup.pickup .content:before{
        left: unset;
    }

    .datepicker-popup .pika-single.slick-slider .slick-arrow {
        top: 1.281vw;
    }


    .datepicker-popup .pika-single.slick-slider .slick-arrow.slick-next {
        right: 0.781vw;
    }

    .datepicker-popup .pika-single.slick-slider .slick-arrow.slick-prev {
        left: 0.781vw;
    }
}