.gallery-screen {
    padding: 1.5rem;
}
@media (max-width: 991px) {
    .gallery-screen {
        padding: 0;
    }
    
}

/* Filters */
.filter-item-view {
    width: 300px;
}
.filter-item-view ul {
    padding-left: 0px;
    margin-left: 0px;
}
.filter-item-view li {
    text-align: left;
    border-radius: 5px;
    border: none;
}
.filter-img {
    text-align: right;    
}
.filter-img img {
    height: 12px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}
.form-check-label {
    cursor: pointer;
}
.filter-list > li {
    padding: 2px 15px !important;
}
.filter-list > li > input {
    cursor: pointer;
}
.filter-list > li > label {
    cursor: pointer;
}
.reset-btn {
    color: white;
    background-color: #51284F;
}

.search-btn {
    color: white;
    background-color: #51284F;
    padding: 5px 15px 5px 15px;
}

@media (min-width: 968px) {
    .collapse.collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    .filter-item-view {
        width: 100%;
        z-index: 1000;
    }
    
}

/* Sort */
.sort-img {
    height: 20px;
}


/* Items */
@keyframes xfade {
    0% {
        opacity: 1;
    }
    12.5% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    87.5% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.gallery-card {    
    padding: 20px 15px;
    max-width: 280px;
    margin-bottom: 20px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
	transition: all .6s;    
}
.gallery-hover {
    position: relative;
    margin-bottom: 20px;
}
.gallery-hover img {
	height: auto;
    max-width: 100%;
	object-fit: contain;
	border-radius: 25px;
	box-shadow: none;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
	transition: all .6s;    

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-fill-mode: forwards;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-fill-mode: forwards;
}

.gallery-image2 {
    position: absolute;
    left: 0px;
    top: 0px;
}

/* .gallery-card:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
} */

.gallery-card:hover .btn-hover {
    opacity: 1;
}

.gallery-card:hover img {
    box-shadow: 0px 0px 20px #FDDEFF; 
    animation-name: xfade;   
}

@media (max-width: 991px) {
    .gallery-card {    
        padding: 10px;
    }    
}

.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.down_pack{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.up_pack{
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.search-box {
    height: 50px;
    border: none;
    border-radius: 15px;
}

.search-button {
    height: 50px;
    border: none;
    border-radius: 15px;
}

.search_box:hover,
.search_box:focus {
	border-radius: 15px;
    box-shadow: 0px 0px 20px #FDDEFF !important;
}