/* Add here all your CSS customizations */


.hide{
    display:none;
}

/*Css for zooming image within div start here*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}

    .image-box img {
        max-width: 100%;
        transition: all 0.6s;
        display: block;
        width: 100%;
        height: auto;
        transform: scale(1);
    }

    .image-box:hover img {
        transform: scale(1.1);
    }

/*Css for zooming image within div end here*/