.allprod_cont>li a:hover,
.allprod_head,
.fa-hand-point-right {
    color: #005670
}

.allprod_head,
.allprod_header {
    font-weight: 500;
    text-align: center;
    width: 100%
}

.allprod_cont,
.allprod_cont>li>a,
.allprod_view,
.cccs {
    text-decoration: none
}

.grid-container {
    columns: 3 220px;
    column-gap: .5rem;
    width: 100%;
    margin: auto;
    text-align: center
}

.align_grid {
    margin: 0 0 30px;
    display: inline-block;
    width: 95%;
    padding: 0;
    transition: .25s ease-in-out;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9
}

.allprod_head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    /* margin: auto; */
    /* padding: 41px 33px 39px; */
    font-weight: 500;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-top: 33px;
    margin-bottom: 33px;
}

.allprod_header a:hover {
    color: #005670;

    font-weight: 500
}

.allprod_header {
    color: #fff;
    font-size: 15px;
    display: block;
    text-align: justify;
    height: 100%;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    margin-bottom: 0;
}

.allprod_header a {
    display: block
}

.allprod_cont {
    text-align: left;
    list-style: none;
    padding: 0;
    color: #113658;
    margin-bottom: 0
}

.allprod_cont>li>a {
    color: #555;
   font-size: 14px;
    font-weight: 400
}

.allprod_view {
    color: #012169;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0
}

.allprod_cont>li {
    border: 1px solid #f4f4f4;
    margin: auto auto 0;
    padding: 5px 15px;
    border-radius: 0;
    background-color: #fff
}

.allprod_list {
    list-style-type: none;
    margin-left: 50px;
    border-radius: 50%;
    display: inline-flex;
    max-width: 10%
}

.allprod_btn {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    margin-left: 10px;
    color: #fff;
    background-color: #005670
}

.ap_img {
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px
}

.cccs {
    color: #2b7da3;
    background: #0033660d;
    padding: 10px
}

.allprod_li {
    margin-left: 4px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:992px) and (max-width:1362px) {
    .grid-container {
       
        columns: 3 226px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .grid-container {
       
        columns: 2 226px
    }
}

@media only screen and (min-width:568px) and (max-width:768px) {
    .grid-container {
       
        columns: 2 226px
    }
}

@media only screen and (min-width:484px) and (max-width:568px) {
    .grid-container {
    
        columns: 1 226px
    }
}