.recentange-gray-border {
    border: 1px solid #ddd;
    background: #ffffff;
    padding-right:0px;
    padding-left:0px;
}
.backgroudcolor-gray {
    background-color: #f1f1f1 !important;
}
.padding-all {
    padding: 15px !important;
}

.border-gray-right-bottom {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #ffffff;
    padding: 5px 5px
}
.border-gray-bottom {
    border-bottom: 1px solid #ddd;
    background: #ffffff;
    padding: 5px 5px
}

@media (min-width: 1200px)
{
    .recentange-gray-border {
        width: auto;
    }
}
@media (min-width: 1025px) and (max-width:1199px) {
    .recentange-gray-border {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .recentange-gray-border {
        width: 100%;
    }    
}
@media (min-width: 568px) and (max-width:767px) {
    .recentange-gray-border {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width:567px) {
    .recentange-gray-border {
        width: 100%;
    }    
    .col-xs-hidden {
        display: none;
    }
}

@media (min-width: 320px) and (max-width:479px) {
    .recentange-gray-border {
        width: 100%;
    }
    .col-xs-hidden {
        display:none;
    }
}