@media (max-width:767px)

{

.portfolio-content img {
    width: 100%;
    height: auto;
}


.grid-item a.item-link:after {
   
    display: block !important;
    background-color: #000000b3 !important;
    opacity: 1 !important;
    
}

.portfolio-text-holder {
    opacity: 1 !important;
 
}


.industries li {
width: 92% !important;
   
}

.servicecaption {
    width: 100%;
    position: absolute;
    color: #bf0000;
    font-size: 32px !important;
    font-weight: 800;
    padding-top: 40px !important;
    line-height: 34px;
}

.service-lists-wrap {
    background: #f3f8ff;
    padding: 50px 5px !important;
    padding-left: 25px;
    border-left: 5px solid #bf0000;
}

.service-lists .single-item span {
    font-size: 20px;
    width: 200px;
    /* height: 43px; */
    padding-top: 0px !important;
}

.single-item {
    float: left;
}


.service-lists .single-item .icon {
    display: inline-block;
    float: left;
}



}


@media (min-width:768px) and (max-width:1024px)

{

.servicecaption {
font-size: 53px !important;
padding-top: 81px !important;
}

.servicecaption {
    font-size: 54px;
    padding-top: 22px;
}



}