@media only screen and (max-width: 650px) {
    /*.slide_title {*/
    /*    top: 15%;*/
    /*    font-size: 60px;*/
    /*}*/
    .title_text_home {
        font-size: 70px;
    }
    .extra_fff{
        width: 100% !important;
        background-color: #1e1e1e59;
        margin-left: 0% !important;
        padding: 55px;
        margin: 0 auto;
        background-image: url(/img/icons/importante.png);
        background-repeat: no-repeat;
        background-position: center;
        background-blend-mode: darken;
        background-size: 50% 70%;
    }
    .route_name {
        top: 5%;
    }
    .slide_position{
        margin-top: 30%;
    }

    .home_responsive_title{
        top: 100px;
        font-size: 30px;
        line-height: 30px;
    }

    .slide_desct{
        margin-top: 110px;
        text-align: center;
        font-size: 20px;
    }

    .triangle_slide {
        bottom: 25%;
    }
    .menu_style{
        width: 100%;
        padding-top: 30% !important;
    }
    .first_title{
        font-size: 60px;
    }
    .second_title{
        font-size: 40px !important;
    }
    .tird_title{
        font-size: 65px;
    }
    .service_title{
        color: #ffc107 !important;
        font-size: 32px !important;
        text-shadow: 2px 2px #000;
        line-height: 55px;
        text-align: center;
    }
    .sub_title_top{
        font-size: 15px;
    }
    .service_desc{
        font-size: 34px;
        line-height: 45px;
    }
    .responsive_style{
        margin-top: 40%;
        overflow: scroll;
        height: 600px;

    }
    .modal_efects{
        font-size: 45px;
        color: #f8bc07;
        text-shadow: 2px 2px #000;
        cursor: pointer;
        line-height: 85px;
    }
    .responsive_style_contact{
        margin-top: 40%;
        overflow: scroll;
        height: 70%;
    }


    #col-1 {
        width: 100%;
        padding: 25px;
        height: 100%;
    }

    #col-2 {

        width: 100%;
        float: left;
        padding: 24px;
        margin-top: 300px;
    }
    .first_box_info{
        font-size: 20px;
        color: #fff;
        font-family: titlefont;
        text-align: center;
        width: 99%;
        margin: 0 auto;
    }
    .box_form{
        width: 100%;
        background-color: #1e1e1e59;
        padding: 15px;
    }
    .sub_footer_text1{
        font-size: 30px;
    }
}


@media only screen and (min-device-width: 651px) and (max-device-width: 1024px) {
    .home_responsive_title {
        font-size: 50px;
        line-height: 50px !important;
    }


    .slide_desct {
        font-size: 20px;
        margin-top: 0px;
    }

    .service_title {

        font-size: 35px !important;

    }

    .service_desc {

        font-size: 30px;
        line-height: 50px !important;

    }
    .responsive_style {
        margin-top: 14%;
        overflow: scroll;
        height: 220px;
        line-height: 0px;
    }
}