/*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through LICENSE.txt file inside our module
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright since 2010 Webkul
* @license LICENSE.txt
*/

/* grid_view_start */

.wk-collection-banner-Image{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: center;
    width: 100%;
    height: 182px;
}

.collection-banner-text {
    position: relative;
    float: left;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.collection-banner-text{
position: relative;
float: left;
font-size: 2.5rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: aliceblue;
}

.collection-banner-text > p{
    color: aliceblue;
    font-size: 2.5rem;
}

.wk_grid_view {
    margin: auto;
    margin-top: 50px;
    /* width: 80%; */
    width: 100%;
}

/* .wk_grid_view .row div{
border:1px solid black;

} */

.wk_grid_view > .row > div{
    padding:10px;
}

.wk_grid_view_img_div {

    width: 100%;
    /* height: 280px; */
    height: 400px;
}

.wk_grid_view img {
width: inherit;
height: inherit;
}

.wk-grid-view-image-text {
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    color: white;
    width: 68%;
    text-align: center;
}
.hot-spot i {
    font-size:14px;
}

/* grid_view_end */


@media only screen and (min-width:993px) and (max-width:1400px) {

    /* grid view  */
    .wk_grid_view_img_div {
        width: 100%;
        /* height: 280px; */
        height: 400px;
    }
    /* grid view end */
}


@media only screen and (min-width: 769px) and (max-width:992px) {

    /* grid view  */
    .wk_grid_view_img_div {
        width: 100%;
        height: 200px;
    }
    /* grid view end */

}

@media only screen and (min-width: 577px) and (max-width:768px) {

    /* grid view  */
    .wk_grid_view_img_div {
        /* width: 78%;
        height: 250px; */
        width: 100%;
        height: 400px;
        text-align: center;
        margin: auto;
    }
    /* grid view end */

}

@media only screen and (min-width:0px) and (max-width: 576px) {
    /* grid view  */
    .wk_grid_view_img_div {
        /* width: 78%;
        height: 250px; */
        width: 100%;
        height: 400px;
        text-align: center;
        margin: auto;
    }
    /* grid view end */
}