.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.c_store_view{width: 100%;}

.c_store_search{float: left; width: 100%; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); padding: 25px; margin: 0 0 10px}
.c_store_search span{float: left; margin: 6px 30px 6px 0px; line-height: 30px; font-weight: bold;}
#pac-container{float: left; width: 400px; max-width: 100%;}
#pac-container input{float: left; width: 300px; max-width: calc(100% - 100px); height: 42px; padding: 0 10px;}
#pac-container button{float: right; width: 80px; height: 42px; background: #000!important; color: #fff!important;}

.c_store_list{float: left; width: calc(100% + 20px); margin: 0 -10px;}
.c_store_item{float: left; width: calc(33.3333% - 20px); margin: 10px; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.csi_image{width: 100%; padding: 55% 0 0; min-height: 160px;}
.csi_content{width: 100%; padding: 20px 25px 70px; position: relative;}
.csi_content h4{margin: 0 0 10px;}
.csi_content ul{display: inline-block; height: 144px; overflow: hidden;}
.csi_content li{color: #222; line-height: 24px;}
.csi_content li a{color: #222;}
.csi_content li b{color: green;}
.csi_btn{float: left; padding: 7px 20px; background: #000; color: #fff!important; position: absolute; left: 25px; bottom: 20px;}


.c_store_map_container{position: relative; width: 100%; margin: 30px 0;}
#c_store_map{float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#c_store_map button{background: #fff!important}
.c_store_map_spacer{width: 100%; padding: 40% 0 0; min-height: 250px;}

#loc_pop_up{position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; display: none; float: left; width: 400px; min-height: 190px; max-width: 100%; background: #fff; padding: 20px; border-bottom: 2px solid #e84615}
#loc_pop_up .close{float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; top: 0; font-size: 20px; opacity: 0.2}
#loc_pop_up .close:hover{opacity: 1;}
#loc_pop_up h4{margin: 0 0 10px;}
#loc_pop_up li{line-height: 28px; color: #222}
#loc_pop_up li a{color: #222}
#loc_pop_up > a{float: left; margin: 10px 10px 0 0; background: #efefef; padding: 5px 12px}
#loc_pop_up > a:last-child{margin-right: 0;}
.c_store_map_overlay{display: none; float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; z-index: 1;}


/**** Store grid ****/
.store_grid{float: left; width: 100%; margin: -30px 0 0} 
.store_grid_row{float: left; width: calc(100% + 60px); margin: 0 -30px;}
.store_grid_item{float: left; margin: 30px;}
.store_grid_item_100{width: calc(100% - 60px);}
.store_grid_item_50{width: calc(50% - 60px);}
.store_grid_item_33{width: calc(33.3333% - 60px);}
.store_grid_item_25{width: calc(25% - 60px);}
.store_grid_item_66{width: calc(66.6666% - 60px);}
.store_grid_item_75{width: calc(75% - 60px);}

.store_grid_item table{width: 100%; max-width: 500px;}
.store_grid_item table th,
.store_grid_item table td{padding: 4px 10px 4px 0;}

.sgi_title{margin: 0 0 15px; line-height: 26px; padding: 0;}
.sgi_address li{line-height: 23px; padding: 4px 0; color: #222;}
.sgi_address li a{color: #222;}
.sgi_address > a{display: inline-block; margin: 10px 0 0;}

.sgi_social{float: left; width: calc(100% + 20px); margin: -10px}
.sgi_social a{float: left; width: 60px; height: 60px; border-radius: 100%; margin: 10px; text-align: center; background: #fff;}
.sgi_social a svg{height: 26px; width: auto; margin: 17px 0 0;}



/**** Store gallery ****/
.store_gallery_list{width: 100%; position: relative;}
.sgl_item{float: left; width: 100%;}
.sgl_item span{float: left; width: 100%; padding: 70% 0 0;}

.store_gallery_list button{float: left; position: absolute; left: 0; top: 50%; height: 60px; width: 60px; margin: -30px 0 0; background: rgba(255,255,255,0.3) url('../images/prev.svg') no-repeat center / auto 30px!important; font-size: 0; z-index: 2;}
.store_gallery_list button.slick-next{left: auto; right: 0; background: rgba(255,255,255,0.3) url('../images/next.svg') no-repeat center / auto 30px!important;}


.back_btn{float: left; background: #222; color: #fff!important; padding: 10px 20px; font-size: 16px;}



/**** Media queries ****/
@media screen and (max-width: 991px){
	
	.c_store_item{width: calc(50% - 20px);}
	
}

@media screen and (max-width: 767px){
	
	.store_grid_item_50{width: 100%;margin:0;}
	.store_grid_item_33{width: calc(100% - 60px);}
	.store_grid_item_25{width: calc(50% - 60px);}
	.store_grid_item_66{width: calc(100% - 60px);}
	.store_grid_item_75{width: calc(100% - 60px);}
		
}

@media screen and (max-width: 550px){
	
	.store_grid_item_25{width: calc(100% - 60px);}
	
	.c_store_list{text-align: center;}
	.c_store_item{float: none; display: inline-block; width: 300px; max-width: calc(100% - 20px); text-align: left;}
	
}