
.page-header{padding-top: 4rem; padding-bottom: 4rem; text-align: center;

    @media(max-width:991px){padding-right: 3rem;padding-bottom: 3rem;}


    h1{font-size: 4.8rem; font-weight: 700; margin-bottom: 2.1rem;
    
        @media(max-width:991px){font-size: 2.4rem; text-align: right;}

    }

    .breadcrumbs{text-align: center;
        @media(max-width:991px){text-align: right; }
    }

    .area-filter-wrap{margin-top: 3.5rem; margin-bottom: 4rem;position: relative;display: inline-block; margin-right: auto;margin-left: auto;

        &::after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
            position: absolute;top: 50%;left: 10px;transform: translateY(-50%);pointer-events: none;
        }

         #filter_area{margin-right: auto;margin-left: auto;display: block; border: 1px solid #ECECEC; border-radius: 5rem; padding: 2.5rem; width: 286px; max-width: 100%; font-size: 1.8rem; font-weight: 400;font-family: var(--font-body-family)!important; -webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 30px; box-shadow: none!important; outline: none!important;}

         @media(max-width:750px){width: 100%;margin-top: 2.5rem;margin-bottom: 2.5rem;
            #filter_area{width: 100%; padding: 1.8rem;}
        }

    }

    .num-results{text-align: center;}

}

.cg-branches{

    .branches-list{color: rgb(var(--color-foreground));

        .single-branch{border: 1px solid #ECECEC; margin-bottom: 3rem;display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem; padding: 20px;

            @media(min-width:1200px){min-height: 250px; padding: 50px; font-size: 2rem;}


            .inner-item{

                @media(min-width:1200px){flex: 0 0 16%; width: 16%;

                    &.name-address-wrap{flex: 0 0 20%; width: 20%;}
                }


            }

            a{text-decoration: none!important; color: rgb(var(--color-foreground));}

            h2.name{font-size: 2.4rem; font-weight: 700; margin-bottom: 0;}

            .address{font-size: 2rem; font-weight: 400;}

            .waze-link{width: 4.6rem;display: block;margin-right: auto;margin-left: auto; text-align: center;}

            .negishut{text-align: center;

                .negishut-icon{width: 3.4rem;display: block;margin-right: auto;margin-left: auto;}
                .txt.greyed{opacity: 0.3;}
            }

            .phone{text-align: center;

                .phone-link{display: flex; align-items: center; justify-content: center;}
                .phone-icon{display: inline-block;margin-left: 1.5rem;width: 3.1rem;}

            }


            @media(max-width:1200px){flex-wrap: wrap;

                .inner-item{

                    &.name-address-wrap,&.mobile-icons{flex: 0 0 100%; width: 100%;}
                    &.hours{flex: 0 0 55%; width: 55%; margin-bottom: 6rem;padding-left: 15px; line-height: 1.2;}
                    &.weekend-hours{flex: 0 0 45%; width: 45%; margin-bottom: 6rem;line-height: 1.2;}

                    &.name-address-wrap{margin-bottom: 3rem;}

                    &.mobile-icons{
                        .inner{display: flex; align-items: center; justify-content: space-between;}
                        .m-icon{display: block; text-align: center;
                            .phone-link{display: block;}
                            img{margin-right: auto;margin-left: auto;display: block; width: 5rem;}
                            .txt{margin-top: 1rem;}
                        }
                    }
                }

            }

            

        }
    }

}