.imageHolder { position: relative; width: 285px; height: 175px; }
.new-top .caption {
    position: absolute;
   max-width: 100%;
    height: auto;
    top: 7%;
    /*left: 22px;*/
    border-color: white;
    /*color: #ffffff;*/
    /*background: black;*/
    text-align: center;
    height:50px;color:#000000;font-size:10.5px;padding-top:12px;width:50px;
    /*padding: 0.4em;*/
    background-image: url('../images/designs/day.png');
    /*border-radius: 7px 15px;*/
    font-weight: bold;
}
            .new-top .caption1 { position: absolute; width: 84.4%; height: auto; bottom:0px; left: 8%;
                               color: #ffffff; background: black; text-align:center; padding:0.4em;
                               font-weight:bold; opacity:0.7; }
            .new-top .caption1:hover {
                                     background: grey;
                                     color: darkred;
                                    border-color: #fff;
                                    }
            .new-top .caption2 { position: absolute; width: 283px; height: 50px; bottom:0px; left: 0px;
                               color: #ffffff; background: black; text-align:center; 
                               font-weight:bold; opacity:0.7; }

 /*--//responsive-design---*/
@media(max-width:1440px) {
    
 .caption {
    top: 2%;
    width: 90%;
}
.new-grid:hover .caption {
    left: 5%;
}

 .caption {
    top: 3%;
    width: 90%;
}
.new-grid:hover .caption {
    left: 5%;
}
}
@media(max-width:991px) {
.caption {
    top: 4%;
    width: 100%;
    padding: 1em;
}
.new-grid:hover .caption {
    left: 0%;
}
}
@media(max-width:768px) {
    .caption {
    top: 5%;
    width: 97%;
}
.new-grid:hover .caption {
    left: 1%;
}

}
@media (max-width: 800px) {
     .caption {
    top: 5%;
    width: 97%;
}
.new-grid:hover .caption {
    left: 1%;
}

}
/*--//responsive-design---*/
.line {
   background-color:black;height:10px;width:100%;
}
.line a:hover {
   background-color:#d94f5c;
}