@media only screen and (max-width: 660px) {

    .title {
        padding: 0 10px;
        margin: 20px 0;
    }

    .text {
        padding: 0 10px;
    }

    .padding_bobile_t1 {
        padding-top: 1px;
    }

    .middle_page_container {
        width: 90%;
    }

    /*===============================================*/
    /*===============  T O O L B A R  ===============*/
    /*===============================================*/

    .logo_tip p {
        font-size: 11px !important;
    }

    /*===============================================*/
    /*==================  H O M E  ==================*/
    /*===============================================*/

    .services_grid {
        gap: 30px;
    }

    div.bubble {
        width: 85%;
        padding: 9px;
        min-height: 56px !important;
        overflow: hidden;
    }

    .contact_detail_grid {
        grid-template-columns: auto;
    }

    .mobile_ruler {
        display: none;
    }

    .home_contact_grid {
        display: block;
    }

    .home_startup_grid {
        display: block;
    }

    .home_competence_grid {
        display: block;
    }

    .home_competence_grid > div {
        padding: 20px;
    }

    .home_service_grid {
        display: block;
    }

    .home_service_grid > div {
        padding: 20px;
    }

    .savings_card_inner {
        width: 136px;
        right: 0;
    }

    .savings_card_inner p {
        font-size: 14px !important;
    }

    /*===============================================*/
    /*==============  S E R V I C E S  ==============*/
    /*===============================================*/

    .services_con_left {
        float: none;
        width: 90%;
    }

    .services_con_right {
        float: none;
        width: 90%;
    }

    .scr_ml {
        margin: 0;
    }

    .services_card {
        max-width: 203px;
    }

    .services_con_left img {
        width: 70%;
    }

    .services_card_header img {
        height: 70px;
    }

    .consultation_grid {
        display: block;
        margin-bottom: 50px;
    }

    /*===============================================*/
    /*================  F O O T E R  ================*/
    /*===============================================*/

    .footer_left {
        float: none;
    }

    .footer_left a {
        border: none;
        display: block;
        width: calc(100% - 20px);
        padding: 0;
        margin: 5px 10px;
        text-align: center;
    }

    /*===============================================*/
    /*============  R E F E R E N C E S  ============*/
    /*===============================================*/

    .holder_third_logo img {
        width: 50%;
    }

    .reference_container {
        display: block;
    }

    .additional_images img {
        height: auto;
        width: 100%;
    }

    /*===============================================*/
    /*===============  C O N T A C T  ===============*/
    /*===============================================*/

    .contact_box {
        padding: 15px;
    }

    .float_r {
        float: none;
    }

    .google_maps {
        width: 100%;
    }

    .contact_input_divider {
        display: block;
    }

    .contact_detail_grid_item input {
        width: 100%;
    }

    .contact_input_divider textarea {
        margin-top: 10px;
        width: 100%;
    }

    .contact_site_grid {
        display: block;
    }
}