.branch_locator{ padding:40px 0 40px 0; background-image: url("../images/branch_locator/bg.png"); background-repeat: repeat-y;background-size: cover;
width: 100%;}
.branch_locator h1{ text-align:center;}
.branch_locator p{ text-align:center;}

.branch_locator select {appearance: none;outline:0;border:0;box-shadow:none;flex:1;padding: 0 1em;color:#333;background-color:#fff;background-image: none;
cursor:pointer;border:1px solid #a91f20;border-radius:4px;}
.branch_locator select::-ms-expand {display:none;}
.branch_locator .select {position: relative;display:flex;width:100%;height:3em;border-radius: .25em;overflow: hidden; color:#fff;}
.branch_locator .select::after {content: '\25BC';position:absolute;top:0;right:0;padding:1em;background-color:#a31e18;transition:.25s all ease;pointer-events: none;}
.branch_locator .select:hover::after {color:#f1644a;}
.branch_drop_down{ padding:20px 0; margin-bottom:30px;width:100%;margin:0 auto;}
.map_main_div{ width:100%; margin:20px auto 50px;}
.googleMap{ border:1px solid #a91f20; border-radius:4px; width:100%;padding:20px; background-color:#fff;}
.address_cont {overflow-y:auto;height:450px; position:relative;}
.address_cont ul{ list-style: none; padding:0;margin:0 10px 0 0;}
.address_cont ul li{ display:block; border-bottom:1px solid #a91f208a;padding:10px 20px;background-color: rgba(0, 0, 0, 0.5);color:#fff;cursor:pointer; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.address_cont ul li a{ color:#333; font-size: 15px;}
.address_cont ul li a .company_name{ color:#fff;font-size:17px;}
.address_cont ul li a p{text-align:left; padding:0; margin:0;color:#fff;}
.address_cont ul li a .company_name i.flaticon-location{font-size:25px;line-height:25px;position: relative;top:5px;}
.address_cont ul li:hover{ background-color:#fff;}
.address_cont ul li:hover a .company_name{ color:#a91f20;}
.address_cont ul li:hover .company_name i.flaticon-location { color:#a91f20;}
.address_cont ul li:hover a p{ color:#a91f20;}

.address_cont ul li:hover .company_name{ color:#a91f20;}
.address_cont ul li:hover .company_name i.flaticon-location { color:#a91f20;}
.address_cont ul li:hover p{ color:#a91f20;}


.near_branch_new_pay{position: relative;height: 236px;box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.2), inset -5px -5px 15px rgba(255, 255, 255, 0.1), 5px 5px 15px rgba(0, 0, 0, 0.3), -5px -5px 15px rgba(255, 255, 255, 0.1); border-radius: 15px; margin: 0;transition: 0.5s;}

.near_branch_new_pay:hover .hover_effect{transform:translateY(-50px); }
.hover_effect{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:#a91f20;border-radius: 15px;overflow: hidden;transition: 0.5s;padding:19px 25px;color: #fff;font-size:16px;text-align:left;} 
.hover_effect p{text-align: left;margin:0 0 10px 0;}
.hover_effect p a:hover{ color:#fff;}
.hover_effect ul{ margin:0; padding:0 0 0 20px;}
.hover_effect ul li{ }
.hover_effect ul li a{ color:#f1644a;}
.hover_effect ul li a:hover{ color:#fff; text-decoration:underline;}
.hover_effect h2{position: absolute;bottom:-20px;right:0;font-size: 7rem;color:rgba(241, 100, 74, 0.31);margin:0;}
.hover_effect:before{content: ""; position:absolute;top:0;left:0;width:6%;height:100%;background:#f1644a6b;} 


/*fg_customer_app reach us*/
.fg_customer_app{ background-color:#ffe4e24a;}
.reach_block{ height: 100%; }
.reach_block a{ display: flex; flex-wrap: wrap; border-radius: 6px; background-color: #fff; box-shadow: 4px 4px 10px #ccc; padding:0.8rem; height: 100%;}
.small__icon{ width:60px; height:60px; object-fit: cover;}
.comb_section{padding-top:20px; display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.comb_section h6{ color: #000; }
.comb_section p{ color: #a91f20; margin-bottom: 0px; }
.rgt_arrow {text-align: right;}
.reach_block a:hover{ box-shadow: 0px 4px 0px #e96349;}
/*fg_customer_app reach us*/



/*Media Query CSS*/
@media (max-width:1024px) {
.googleMap{ margin-top:0;}
.hover_effect{font-size:13px;}	
.branch_locator h1{font-size:30px;}
	
}
@media (max-width:768px) {
.hover_effect{font-size:12px;line-height: 16px;padding:10px 17px;}	
.m_space {margin-bottom:20px;}	
		
}

@media (max-width:767px) {
	.address_cont{ height:auto; margin-bottom: 30px;}
	.branch_locator .select{ margin-bottom:20px;}	
}

@media screen and (max-width:480px){

.map_main_div{margin: 0px auto 30px;}	
.address_cont ul{margin:0;}	
.branch_drop_down{padding:20px 0 0;}
.address_cont{margin-bottom:25px;}	
.branch_locator p{margin:0;}	
.address_cont ul li a{font-size:14px;}	
.address_cont ul li a .company_name{ font-size:15px;}	
.hover_effect {font-size:14px;line-height:20px;padding:14px 25px;}
.near_branch_new_pay{height:206px;margin-bottom:20px;}	
.branch_locator h1{font-size:20px;}		
	
		
}
@media screen and (max-width:320px){
.near_branch_new_pay{height:239px;margin-bottom:20px;}

	
}