/* ---Expertise Page css-- */

.row {
    display: flex;
}

.col-10 {
    flex-basis: 10%;
}

.col-22 {
    flex-basis: 22%;
}

.col-25 {
    flex-basis: 25%;
}

.col-30 {
    flex-basis: 30%;
}

.col-33 {
    flex-basis: 33%;
}

.col-40 {
    flex-basis: 40%;
}


.col-50 {
    flex-basis: 50%;
}

.col-60 {
    flex-basis: 60%;
}

.col-66 {
    flex-basis: 66.66666666667%;
}

.col-66 {
    flex-basis: 70%;
}


.col-75 {
    flex-basis: 75%;
}

.col-78 {
    flex-basis: 78%;
}

.col-100 {
    flex-basis: 100%;
}


.window-area {
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}


/*technology*/
.technology .row {
    flex-wrap: wrap;
    text-align: center;
}

.technology .col-25 {
    text-align: center;
}

.technology h2 {
    margin-top: 5rem;
    margin-bottom: 0rem;
    text-align: center;
    font-size: 1.4rem;
}

.technology .logo {
    background-size: 100%;
    border: 1px solid #eceded;
    width: 250px;
    margin: 0 auto;
    height: 150px;
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 40px;
}

.technology .logo-text {
    background-color: #f34c1d;
    color: #fff;
    max-width: 252px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}



/******************************************* media styles ********************/



@media only screen and (max-width : 1120px) {
    .technology .col-33 {
        flex-basis: 33.333333333%;
    }
    .technology .col-25 {
        flex-basis: 33.333333333%;
    }
}


@media only screen and (max-width : 860px) {
    .technology .col-33 {
        flex-basis: 50%;
    }
    .technology .col-25 {
        flex-basis: 50%;
    }

   

    
}




@media only screen and (max-width : 600px) {
    .technology .col-33 {
        flex-basis: 100%;
    }
    .technology .col-25 {
        flex-basis: 100%;
    }

    }