/*grow banner effect*/
@media (min-width:768px){
    .grow {
        animation: zoomin 8s ease-in-out;
        -moz-animation: zoomin 8s ease-in-out;
        -webkit-animation: zoomin 8s ease-in-out;
        -o-animation: zoomin 8s ease-in-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
    }
}
@keyframes zoomin {
    from {transform:scale(1); filter:blur(0px);}
    to {transform:scale(1.2);filter:blur(5px);}
}
@-webkit-keyframes zoomin {
    from{ -webkit-transform:scale(1);-webkit-filter:blur(0px);}
    to { -webkit-transform:scale(1.4);-webkit-filter:blur(5px);}
}
@-moz-keyframes zoomin {
    from { -moz-transform:scale(1); -moz-filter:blur(0px);}
    to { -moz-transform:scale(1.2);-moz-filter:blur(5px);}
}
@-o-keyframes zoomin {
    from { -o-transform:scale(1);-o-filter:blur(0px);}
    to { -o-transform:scale(1.2);-o-filter:blur(5px);}
}
/*grayscale effect*/
.disp {
    filter:grayscale(0);
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.disp:hover {
    filter:grayscale(0);
}

@media (max-width: 450px){
    .col-xs-mid .col-xs-8{
        width:100%;
        margin-left:0;
        margin-right: 0;
    }
    .col-xs-mid .col-xs-6{
        width:100%;
    }
}