.gallery {
width: 100%;
    display: block;
    margin-top: 30px;
}

.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
    float: left;
    width: 20%;
    padding: 0 15px;
 }

.thumbnail
{
    margin-left: 0px;
        margin-right: 0;
        width:100%;
  
}
.btn-new {
    /*background-image: linear-gradient(175deg, #4d0081 21%, #1f84da 100%) !important;*/
    width: auto !important;
    border-radius: 50px;
    margin: 10px;
    font-family: montserrat;
    color: black !important;
    font-size: 12px;
    display: inline-flex;
   border: 1px solid #4d0081;
    z-index: 2;
    line-height:1px;
    padding:18px;

}
.btn-new1 {
    /*background-image: linear-gradient(175deg, #4d0081 21%, #1f84da 100%) !important;*/
    width: auto !important;
    border-radius: 50px;
    margin: 10px;
    font-family: montserrat;
    color: black !important;
    font-size: 12px;
    display: inline-flex;
   border: 1px solid #4d0081;
    z-index: 2;
    line-height:1px;
    padding:18px;

}
.margin{
    margin-top: 13px;
}
.btn-new1:active  , .btn-new1:focus , .btn-new1:visited ,.btn-new1:hover 
{
    background-image: linear-gradient(280deg, #590790 21%, #1a72bd 100%) !important;
    width: auto !important;
   color: #fff !important;
   font-size: 13px;
}

 {
    /* display: none; */
}

.para15 {
    margin-left: 62px;
    margin-right: 30px;
    margin-top: 25px;
    font-family: montserrat;
    font-size: 14px;
}

.img1
{
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.btn-new:active  , .btn-new:focus , .btn-new:visited ,.btn-new:hover 
{
    background-image: linear-gradient(280deg, #590790 21%, #1a72bd 100%) !important;
    width: auto !important;
   color: #fff !important;
   font-size: 13px;
}



@media (max-width: 727px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 2 !important;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
.thumbnail {
     margin-left: 0px; 
}
.gallery .animation{
    float:none !important;
    width: 100% !important;
}
.btn-new1 {
    /*background-image: linear-gradient(175deg, #4d0081 21%, #1f84da 100%) !important;*/
    width: auto !important;
    border-radius: 13px;
    margin: 10px;
    font-family: montserrat;
    color: black !important;
    font-size: 12px;
    display: inline-flex;
   border: 1px solid #4d0081;
    z-index: 2;
    line-height:1px;
    padding:18px;

}
.btn-new1:active  , .btn-new1:focus , .btn-new1:visited ,.btn-new1:hover 
{
    background-image: linear-gradient(280deg, #590790 21%, #1a72bd 100%) !important;
    width: auto !important;
   color: #fff !important;
   font-size: 13px;
}
.para15 {
    margin-left: 18px;
    margin-right: 31px;
    margin-top: 19px;
    font-family: montserrat;
    font-size: 12px !important;
}


}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}