body{

}
header.mainheader{
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
header.mainheader nav{

}
header.mainheader  .lg-btn{
    border-radius: 0;
    padding: 1rem 2rem;
}
.menu-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-container .menu{
    display: flex;
    align-items: center;margin:0;
}
.menu-container .menu li{
     list-style: none;
}
.menu-container .menu li a{
    padding: 1rem 1.5rem;
    color: #000;
    text-decoration: none;
}
 

.animate_wrapper{

display: flex;

align-items: stretch;

justify-content: space-between;

margin: 8rem 0 2rem;
}

.don-box{

text-align: center;

position: relative;

/* display: flex; */

/* align-items: center; */

/* flex-direction: column; */

width: 50%;
}
.don-box #don_box{
    position: relative;
    width: 350px;
}
.don-box #patti{
    width: 340px;
}
.don-box #love_img{
        position: relative;
    top: -80px;
    margin-bottom: -51px;
    transition: all 300ms ease;
}
.don-box #love_img.zoomlove{
     transform: scale(1.3);
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.2,1.2,1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.don-box #rupee_coin{

position: absolute;

top: -50%;

left: 50%;

transform: translateX(-50%);
transition: all 3500ms ease;
}
.don-box div.box_images {
 display: flex;
 flex-direction: column;
 align-items: center;
 position: relative;
}

.don-box div.box_images .cursiv_text{

position: absolute;

top: 62%;

left: 50%;

transform: translate(-50%,-50%);
}

.dual_img{

display: block;

position: relative;

width: 50%;

/* height: auto; */
}.dual_img img{
  overflow: hidden;
width: 100%;
    
max-width: 90%;
    
/* margin: auto; */
    
position: absolute;
    
top: 50%;
    
left: 50%;
    
transform: translate(-50%, -50%);
    
/* height: 100%; */
}

.donate_click{

}

.don-box #rupee_coin.coin_animate{
    top: 20px;
}


/*Responsive*/

@media screen and (max-width: 992px){
    .animate_wrapper {
         align-items: center;
        margin: 8rem 0 2rem;
        flex-direction: column;
    }
        .dual_img {
       
        width: 100%;
        height: 360px;
    }.don-box {
            order: -1;
        width: 100%;
    }
}