@media only screen and (min-width:530px) 
{
    .ic {
        /* padding-left: 10px; */
    } 

}



@media only screen and (min-width:768px) 
{
    .imgs
    {
        padding-top: 120px!important;
    }
    .imgs2
    {
        padding-top: 150px!important;
    }
    .imgs3
    {
        padding-top: 180px!important;
    }
    .ic {
        /* margin-left: 100px; */
    }
}
@media only screen and (min-width:992px) 
{
    .imgs
    {
        padding-top: 0px!important;
    }
    .imgs2
    {
        padding-top:0px!important;
    }
    .imgs3
    {
        padding-top: 0px!important;
    }
    .flip-card {
        background-color: transparent;
        width: 225px;
        height: 280px;
        perspective: 1000px;
        font-family: sans-serif;
        margin: 0 auto;
    }
    .book
    {
        width: 225px;
        height: 280px;
    }
    
}
@media only screen and (min-width:1100px) 
{
    .flip-card {
        background-color: transparent;
        width: 230px;
        height: 280px;
        perspective: 1000px;
        font-family: sans-serif;
        margin: 0 auto;
    }
    .book
    {
        width: 230px;
        height: 280px;
    }
   
}
@media only screen and (min-width:1200px) 
{
    .flip-card {
        background-color: transparent;
        width: 275px;
        height:300px;
        perspective: 1000px;
        font-family: sans-serif;
        margin: 0 auto;
    }
    .book
    {
        width: 275px;
        height: 300px;
        box-shadow: 1px 1px 12px #4242421f;
    }
 
}
/* @media only screen and (min-width:768px) 
{
    .cardd
    {
        width: 100%!important;
        height: 359px !important;
        
    }
    .imgtxt
{
    height: 359px !important;
    width: 100%!important;
   
}

    .down
    {
        width: 100%!important;
        margin-top: 85px;
        height: 275px !important;
    }
    .down1
    {
        width: 100%!important;
        margin-top: 105px;
        height: 310px !important;
    }
  
} */
/* @media only screen and (min-width:992px) 
{
    .down
    {
        width: 100%!important;
        margin-top: 0px;
        height: 100% !important;
    }
    .down1
    {
        width: 100%!important;
        margin-top: 0px;
        height:100% !important;
    }
    .down2
    {
        width: 100%!important;
        margin-top: 0px;
        height: 100% !important;
    }
} */
/* @media only screen and (min-width:350px) 
{
.cardd
{
    width: 100% !important;
    height: 200px !important;
}
}
@media only screen and (min-width:385px) 
{
.cardd
{
    width: 100% !important;
    height: 205px !important;
}
}
@media only screen and (min-width:400px) 
{
.cardd
{
    width: 100% !important;
    height: 225px !important;
}
}
@media only screen and (min-width:768px) 
{
.cardd
{
    width: 100% !important;
    height: 200px !important;
}
} */