/* Wecare Location PAGE STYLES */

.pro_location_wpr{
    background:white;
    padding: 60px 40px;
}
.filter_tabs{
    align-items: center;
}
.filter_Options{
    display:flex;
    flex-wrap:wrap;
    margin:0;
    padding-left:12px;
}
.filter_Options li{
    list-style: none;
    margin: 4px 7px;
}
.filter_Options li a{
    padding:10px 20px;
    background: #191d26;
    color: white;
    font-size: 16px;
}
.filter_tabs p{
    margin:0;
    white-space: nowrap;
}
main .filter_Options li a:hover{
    color:white !important;
}
.filter_Options li.active a{
    background:#1A97AE;
}
.location_img {
    position: relative;
    padding-bottom: 50%;
}
.no-filter .location_img {
    position: relative;
    padding-bottom: 72%;
}
.location_img img {
    position: absolute;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.no-filter .location_img img {
    transform: scale(1) !important;
}   
.sub_location {
    width: calc(33.33% - 60px);
    margin: 60px 30px;
}
.main_pro_grid {
    margin: -60px -30px;
    flex-wrap:wrap;
}
.pro_location_grid {
    margin: 50px 0;
}
.location_content{
    margin-top: 40px;
}
section.pro_location_filter {
    padding: 0 0 90px 0;
}
.contact-contact-info>li:not(:last-child){
    margin-bottom: 10px;
}
.contact-contact-info li p.drk-blu-txt{
    margin-bottom: 0px;
}
.product-location{
    padding-top: 0;
}
.requet-btn-wrap .btn.drk-btn>span{
    background-color: #648d4a;
} 
.pro_location_grid .location_content a:hover{
    text-decoration: none !important;
}
@media only screen and (min-width: 769px){
    .fillter__select {
        display: none;
    }
}
@media only screen and (max-width: 1280px){
    .sub_location {
        width: calc(33.33% - 40px);
        margin: 60px 20px;
    }
    .main_pro_grid {
        margin: -60px -20px;
    }
}
@media only screen and (max-width: 1024px){
    .sub_location {
        width: calc(50% - 40px);
        margin: 40px 20px;
    }
    .main_pro_grid {
        margin: -40px -20px;
    }
}
@media only screen and (max-width: 991px){
    .sub_location {
        width: calc(50% - 20px);
        margin: 20px 10px;
    }
    .main_pro_grid {
        margin: -20px -10px;
    }
    .location_content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 768px){
    .pro_location_wpr>h3 {
        text-align: center;
    }
    .filter_tabs {
        flex-wrap: wrap;
        position: relative;
    }
    .filter_tabs p {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .fillter__select {
        width: 100%;
        text-align: center;
        position: relative;
        cursor: pointer;
    }
    .fillter__select .selected {
        text-transform: capitalize;
        display: block;
        text-align: center;
        background: #1A97AE;
        color: #fff;
        padding: 21px 10px;
        line-height: 1;
    }
    .filter_tabs .filter_Options {
        padding: 0;
        width: 100%;
        position: absolute;
        top: 97px;
        left: 0;
        right: 0;
        opacity: 0;
        display: none;
        transition: all 0.2s ease-in;
        z-index: 3;
        background: #191d26;
    }
    .filter_tabs .filter_Options li {
        margin: 0;
    }
    .filter_tabs .filter_Options li a {
        display: block;
        text-align: center;
        font-size: 18px;
    }
    .filter_tabs .filter_Options li.active a {
        background: #191d26;
    }
    .fillter__select .caret {
        position: absolute;
        top: 50%;
        right: 20px;
        height: 22px;
        width: 22px;
        transform: translateY(-50%);
        transition: all 0.1s ease-in;
    }
    .fillter__select .caret svg {
        height: 100%;
        width: 100%;
        display: block;
    }
    .fillter__select .caret.caret-rotate {
        transform: translateY(-50%) rotate(180deg);
    }
    .filter_tabs .filter_Options.menu-open {
        opacity: 1;
        display: block;
    }
    main .filter_tabs .filter_Options li a:hover {
        color: #1A97AE !important;
        text-decoration: none !important;
    }
    .fillter__select.select-clicked .selected {
        background: #191d26;
    }
    .filter_tabs .filter_Options li.active a {
        color: #1A97AE;
    }
}
@media only screen and (max-width: 640px){
    .sub_location {
        width: calc(100% - 20px);
        margin: 20px 10px;
    }
    
    .location_content {
        margin-top: 16px;
    }
    .location_content h3{
        margin-bottom: 16px !important;
    }
    .pro_location_wpr {
        padding: 40px 20px;
    }
    .filter_Options li a {
        font-size: 14px;
    }
    .filter_Options li {
        margin: 4px 4px;
    }
    .pro_location_grid {
        margin: 42px 0;
    }
    .contact-contact-info li p.drk-blu-txt{
        word-break: break-all;
    }
    .filter_tabs .filter_Options li a{
        font-size: 16px;
    }
    .location-service-list {
        padding-bottom: 12px;
    }
}
@media only screen and (max-width: 430px){
    .contact-contact-info li p.drk-blu-txt{
        line-height: 24px;
    }
}