/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {	}
/* Small Devices, Tablets */
@media only screen and (max-width: 640px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 768px) {

    .salepoints__tabs,
    .salepoints__filterleft,
    .salepoints__logo
    {
        display: none;
    }

    .salepoints__wrapper {
        width: 100%;
    }

    .salepoints__title {
        text-align: center;
    }

    .salepoints__separator {
        display: none;
    }

    .salepoints__input {
        padding: 0;
        margin: 0;
    }

    .salepoints__filterright {
        margin: 0 15px;
        box-sizing: border-box;
    }

    .salepoints__salepoint {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 15px;
        box-sizing: border-box;
        position: relative;
        margin: 10px;
        width: calc(100% - 20px);
    }

    .salepoints__salepoint:first-child {
        background-color: #fbedc9;
        border-color: #edd287;
    }

    .salepoints__salepoint:first-child .salepoints__location {
        border-color: #edd287;
    }

    .salepoints__filterright {
        background-color: #056297;
        padding: 10px;
        margin-left: 0px;
        width: calc(100% + 40px);
        margin: 0;
    }

    .salepoints__input {
        border-color: #5796b9;
        padding-bottom: 4px;
        color: #fff;
    }

    .salepoints__search {
        border-color: #5796b9;
        width: 18px;
        background: transparent url(/img/salepoints-search-white.png) center center no-repeat;
    }

    .salepoints__input::placeholder {
        font-size: 11px;
        color: #8caac4;
        text-transform: lowercase;
        
    }

    .salepoints__company {
        width: 100%;
        min-width: initial;
    }

    .salepoints__location {
        position: absolute;
        right: 0;
        top: 0;
    }

    .salepoints__phones {
        padding-top: 10px;
    }

    .salepoints__links {
        padding-top: 0;
    }





    .map-modal.remodal {
        width: 100%;
        min-width: 100%;
    }

    .map-modal__title {
        font-size: 20px;
    }

    .map-modal.remodal {
        padding: 15px;
    }

    .map-modal__wrapper {
        padding: 0;
    }

    #map-iframe iframe {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    
    .salepoints__title {
        padding: 15px;
        text-align: center;
        margin-top: -20px;
    }

    .salepoints__filter {
        margin-top: 8px;
    }




}