/*
Template Name: Krishna Temple
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************gallery****************/
.center_gallery {
    background-image: url(../img/22.jpg);
    background-position: center center;
    background-size: cover;
}
#gallery_pg{
padding-bottom:150px!important;
}
.gallery_1r .nav-tabs .nav-link.active {
    background: none;
    color: #f74f22;
	border:none;
	border-bottom:3px solid #f74f22;
}
.gallery_1r .nav-tabs .nav-link {
    background: none;
    color: #767e88;
	border:none;
	border-bottom:3px solid transparent;
	padding:12px 25px;
	font-size:15px;
	font-weight:bold;
}
.gallery_1r .nav-tabs .nav-link:hover {
  color: #f74f22;
}
.gallery_1i{
position:relative;
margin-bottom:30px;
cursor:pointer;
overflow:hidden;
}
.gallery_1i img{
transition: 0.5s;
}
.gallery_1i:hover img{
transform: scale(1.08);
}
.gallery_1i_ov{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(0deg, rgba(2,33,71,.85) 0%, rgba(2,33,71,0) 60%);
opacity:0;
transition: 0.35s;
display:flex;
align-items:flex-end;
padding:20px;
}
.gallery_1i:hover .gallery_1i_ov{
opacity:1;
}
.gallery_1i_ov h6{
color:#fff;
margin-bottom:0;
}
.gallery_1i_zoom{
position:absolute;
top:15px;
right:15px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#f74f22;
color:#fff;
border-radius:50%;
opacity:0;
transform: translateY(-10px);
transition: 0.35s;
}
.gallery_1i:hover .gallery_1i_zoom{
opacity:1;
transform: translateY(0);
}
/*********************gallery_end****************/


@media screen and (max-width : 767px){
#gallery_pg{
padding-bottom:40px!important;
}
.gallery_1r .nav-tabs .nav-link {
padding:10px 14px;
font-size:13px;
}
}

@media (min-width:768px) and (max-width:991px) {
.gallery_1r .nav-tabs .nav-link {
padding:10px 15px;
}
}