.global_services{
    min-height: auto;
}

.global_services.website-development.speed-opt {
    padding: 0;
    margin-top: -65px;
}
.global_services.website-development.speed-opt .container-fluid {
    padding-top: 0px;
}
.global_services .row > div {
    width: 20%;
}
.global_services.website-development .service-box {
    background: #fff;
    position: relative;
    transition: 0.2s;
}
.global_services.website-development .service-box:hover {
    background-color: #ddd;
}
.global_services.website-development .service-box a.over_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



.speed-opt-2 {
    color: #fff;
    position: relative;
}
.speed-opt-2 .container-fluid {
    padding-top: 230px;
    padding-bottom: 230px;
}
.speed-opt-2 .action {
    position: absolute;
    top: -37px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.speed-opt-2 .col-1 {
    width: 40%;
}
.speed-opt-2  .col-2 {
    width: 60%;
    text-align: center;
    padding-left: 7%;
}
.speed-opt-2 .row {
    align-items: center;
}
.speed-opt-2 .col-1 ul {
    border-left: 4px solid #ffffff29;
    margin-left: 15px;
    border-radius: 4px;
}
.speed-opt-2 .col-1 ul li {
    font-size: 18px;
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
}






/*=== min 768px && max 1279px ===*/
@media (min-width: 768px) and (max-width: 1279px){
    .global_services .row > div {
        width: 50%;
    }
    .global_services .col-1 {
        padding-left: 0%;
    }
    
    .speed-opt-2 .col-1 {
        width: 100%;
        background-color: #000000d1;
        padding: 5%;
        border-radius: 15px;
    }
    
    
}

/*=== min 768px && max 1279px ===*/
@media (min-width: 1280px) and (max-width: 1599px){
    
    .speed-opt-2 .col-1 {
        background-color: #000000d1;
        padding: 5%;
        border-radius: 15px;
    }
    
}
   
    
    
/*=== 767px ===*/
@media (max-width: 767px){
    
    .global_services {
        margin-top: -40px;
    }
    .global_services .col-1,
    .global_services .col-2{
        padding-left: 0%;
        width: 50%;
    }
    
    .global_services .row > div {
        width: 100%;
    }
    .global_services .service-box {
        border-radius: 10px;
    }
    
    .speed-opt-2 .col-1 {
        width: 100%;
        background-color: #000000d1;
        padding: 5%;
        border-radius: 15px;
    }
    
    
}

/*=== 460px ===*/
@media (max-width: 460px){
    .global_services .col-1 ul li {
        font-size: 16px;
    }

    .global_services {
        margin-top: -25px;
    }

    .global_services .col-1, .global_services .col-2 {
        width: 100%;
    }
    
}