/* CSS styles for branch-locator.php */
.branch-locator-title1{position:absolute;left:2rem;bottom:90px;background: rgba(255, 255, 255, 1); padding:10px;width:21%;}
.branch-container{position:relative;display:grid;align-items:center}
.branch-locator-title1 .heading{font-family:Roboto,sans-serif;font-size:45px;font-weight:600;color:#0064b4;line-height:1}
.branch-locator-title1 .sub-heading{font-family:Roboto,sans-serif;font-size:30px;font-weight:300;color:#0064b4}
.bg1{background:#f1f4f7;padding:20px 40px 15px 40px}
.con-section{padding:10px 33px;border:1px solid #999;border-radius:8px;margin:30px 0 20px 0}
.feedback-link{padding-top:30px;font-weight:700;color: #333333;}
.heading-txt .section-heading{font-size:24px;color:#333;font-family:Roboto,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px}
.feedback-f {color:#004A99;}
.con-form{padding:20px 0}
.form-group select{background:url(../images/drpdwn-select.png) 96% center no-repeat;background-color:#fff;border:1px solid #666666;border-radius:0;font-size:12px;color:#232323;font-weight:500}
.address-text .sub-heading{font-family:Roboto,sans-serif;font-size:18px;color:#333;font-weight:400;padding:15px 0 10px 0}
.address-text p{font-family:Roboto,sans-serif;font-size:14px;color:#333;}
.space-below tr{display:block;border-radius:20px;border:2px solid #6c6c6c61;margin:10px;width:91%;}
.space-below tr td{border-bottom:none!important;padding:7px;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
.map{border:1px solid #999;border-radius:8px;padding:5px;margin:0 25px;box-shadow:0 0 4px 3px rgba(0,0,0,.2);height:500px}
.plr{padding:0 10px 0 0}
.dropdown{text-align:left}
table{width:100%;max-width:100%;table-layout:fixed;}
#my_map_data{height:300px;overflow-y: auto;overflow-x: hidden;border:1px solid #6c6c6c61}
#my_map_data::-webkit-scrollbar-thumb{background:#0064b2;height:40px}
#my_map_data::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}
#my_map_data::-webkit-scrollbar{width:15px}
.address-title{font-size:16px; font-weight: 600}
@media screen and (max-width:1366px){
.branch-locator-title1 {width:22%;}
}
@media screen and (max-width:1280px){
.branch-locator-title1 {width:25%;}
}
@media screen and (max-width:1024px){
.branch-locator-title1 {width:30%;}
.con-section{padding:10px 15px}
.feedback-link{padding-top:20px}
}
@media screen and (max-width:1023px){
.branch-locator-title1 {width:20%;}
.bg1{padding:20px 20px 15px 20px}
.col-md-5,.col-md-7{width:100%}
.map{width:100%;margin:auto}
.plr{padding:0}
.space-below tr{width:96%}
.branch-locator-title1{left:0;bottom:20px;background: rgba(255, 255, 255, 0.75);padding: 10px 15px;margin:0 5px;}
.branch-locator-title1 .heading{color:#0064b4;font-size:24px;}
.branch-locator-title1 .sub-heading{color:#0064b4;font-size:18px}
}
@media screen and (max-width:768px){
.branch-locator-title1 {width:25%;}
}
@media screen and (max-width:580px){
.branch-locator-title1 {width:33%;}
}
@media screen and (max-width:450px){
.branch-locator-title1 {width:45%;}
}
@media screen and (max-width:424px){
.branch-locator-title1 {width:47%;}
}         
@media screen and (max-width:395px){
.branch-locator-title1 {width:50%;}
} 
@media screen and (max-width:375px){
.branch-locator-title1 {width:52%;}
}    
@media screen and (max-width:360px){
.branch-locator-title1 {width:55%;}
}  
@media screen and (max-width:320px){
.branch-locator-title1 {width:60%;}
}