@media(min-width: 960px) {
}

@media(max-width: 960px) {
    .container_page {
        width: 100%;
    }

    .menu_top {
        position: absolute;
        z-index: 999;
        width: 100%;
        left: 0px;
        right: 0px;
        top: 100px;
        border-top: 2px solid #32ccbc;
        background: #fff;
        padding-left: 30px;
        padding-right: 30px;
        display: none;
    }

        .menu_top li {
            display: block;
            width: 100%;
            height: 50px;
            text-align: center;
            border-bottom: 1px solid #d1d1d1;
        }

    .btn_menu {
        float: right;
        width: 50px;
        height: 40px;
        display: block;
        margin-top: 30px;
        border: 2px solid #32ccbc;
        color: #32ccbc;
        margin-left: 30px;
        line-height: 36px;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }

    .menu_top li a {
        line-height: 50px;
    }

    .menu_top li:hover, .menu_top li.active {
        border-bottom: 1px solid #d1d1d1;
    }

    .box_contact {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .item_tool {
        height: 250px;
    }

    .box_block_1, .box_block_2, .box_block_3 {
        padding-left: 15px;
        padding-right: 15px;
    }

        .box_block_1 .left {
            padding-right: 30px;
        }

        .box_block_1 .right .box_right, .box_block_2 .left .box_left, .box_block_3 .right .box_right {
            width: 100%;
        }

        .box_block_3 .left {
            padding-right: 30px;
        }

    .item_project, .item_blog {
        text-align: center;
    }

    .box_register {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .left_login img {
        width: auto;
        height: 100%;
        max-width: initial;
    }

    .box_customer {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .customer {
        background-size: auto 100%;
    }
}

@media(max-width: 560px) {
    .item_project .box_image {
        height: auto;
        width: 200px;
        height:200px;
        border-radius:200px;
    }

        .item_project .box_image img {
            max-width: 100%;

        }

    .box_block_1 .left, .box_block_1 .right, .box_block_2 .left, .box_block_2 .right, .box_block_3 .right, .box_block_3 .left {
        width: 100%;
        padding-right: 0px;
    }

    .item_blog .box_image {
        height: auto;
    }

        .item_blog .box_image img {
            max-width: 100%;
            height: auto;
        }

    .left_login {
        display: none;
    }

    .right_login {
        width: 100%;
        left: 0px;
    }

    a.hidden_pc {
        display: none;
    }
}

@media(max-width: 520px) {
    a.hidden_mobile {
        display: none;
    }

    a.hidden_pc {
        display: block;
    }

    .contact .box_contact form {
        width: 100%;
    }
}