@charset "utf-8";


section.sec_padd {
    padding-bottom: 0;
}

.retaillist_container {
    width: calc(100% + 44px);
    margin: 0 0 0 -22px;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
}

.retailerbx {
    width: calc(33.33% - 44px);
    margin: 0 22px 44px;
    background: #F5F5F5;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.retailername {
    font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem);
    color: var(--darkgrey1);
    font-family: 'OPTIEnraged-BoldAD';
    font-weight: bold;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
}

.retaileraddress {
    font-size: 16px;
    color: var(--darkgrey1);
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    height: 42px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 10px !important;
}

.retailerphone {
    font-size: 16px;
    font-weight: 600;
    color: var(--orange);
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    text-align: center;
}

.retailerphone a {
    color: var(--orange);
    text-decoration: none;
}

.retailerphone a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.retailermail,
.retailerwebsite {
    font-size: 16px;
    font-weight: normal;
    color: var(--darkgrey1);
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    text-align: center;
}

.retailermail a,
.retailerwebsite a {
    color: var(--darkgrey1);
    text-decoration: none;
}

.retailermail a:hover,
.retailerwebsite a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.maplink {
    font-size: 14px;
    font-weight: normal;
    color: var(--orange);
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
}

.maplink a {
    color: var(--orange);
}

.maplink img {
    margin: -3px 5px 0 0;
}

.retail_mapdiv {
    height: 650px;
}

/*----- MEDIA QUERIES  -----*/
@media(max-width:1900px) {}

@media(max-width:1440px) {


    .retaillist_container {
        width: calc(100% + 10px);
        margin: 0 0 0 -5px;
    }

    .retailerbx {
        width: calc(33.33% - 10px);
        margin: 0 5px 10px;
    }

}

@media(max-width:1200px) {

    .resp-tabs-list li {
        margin: 0 10px;
    }

    .retailerbx {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }

}

@media(max-width:992px) {

    .retail_mapdiv {
        height: 650px;
        margin: 40px 0 0 0;
    }

    .retaillist_container {
        width: 100%;
        margin: 0;
        padding: 15px;
        border: 1px solid #c1c1c1;
        border-top: 0px solid transparent;
    }

    .resp-tab-active:before {
        display: none;
    }

    h2.resp-accordion:first-child {
        border-top: 1px solid #c1c1c1 !important;
    }

    h2.resp-accordion {
        padding: 15px 15px;
        font-size: 16px;
        position: relative;
    }

    .resp-arrow {
        position: absolute;
        right: 15px;
    }

}

@media(max-width:768px) {


    .retaillist_container {
        width: 100%;
        margin: 0;
    }

    .retailerbx {
        width: 100%;
        margin: 0 0 10px;
        padding: 15px;
    }

    .retaileraddress {
        height: auto;
        -webkit-line-clamp: inherit;
        margin-bottom: 10px !important;
    }

    .retailermail a,
    .retailerwebsite a,
    .retailerwebsite {
        word-break: break-all;
    }


}

@media(max-width:576px) {}

@media(max-width:480px) {}

@media(max-width:360px) {}