/* media query breakpoints */

@media only screen and (max-width: 768px) {
    #first {
        order: 2;
    }
    #second {
        order: 4;
    }
    #third {
        order: 1;
    }
    #fourth {
        order: 3;
    }

    .custom-form-group span.label.text-note-fatturato, .custom-form-group span.label.text-note-ndipendenti {
        display: inline-block;
    }
}


@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {

    .info_footer{
        display: flex;
        justify-content: flex-start;
    }

    .row-footer > div > div {
        padding-left:0;
        padding-right:0;
    }

    .nav-item {
        margin-left: 10px !important;
        line-height: 1.7rem !important;
        margin-bottom: 20px !important;
    }

    .flex_class {
        display:flex;
    }

    .left_fix{
        flex: inherit;
    }

    .footer_text {
        font-size: 14px;
        font-weight: 400;
        width: 300px;
    }

    .info_footer.order-in-mobile > div > div.text-right.body.mb-4.mt-0 > div > div {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .links {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sublinks {
        width: 50%;
        margin-bottom: 0px !important;
    }


    .order-in-mobile {
        border-top:unset;
        padding: 0;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        left: 10px;
    }

    .row-menu img.logo.d-inline-block {
        max-width: 200px;
    }

    .col-12.pb-5.logo_sup {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .col-sm-12.mb-5.pb-5.row_form {
        padding-right: 0;
        padding-left: 0;
    }

    .custom-form-group #form-ndipendenti {
        padding-right: 20px;
    }

    .div_mobile {
        /*width: 70%;*/
        padding-left:0;
        padding-right:0;
    }

    .disable_padding_right {
        padding-right:0;
        width: 100%;
    }

    .col-xs-6.col-sm-6.col-md-3.col-lg-3.mt-2.flex-end {
        width: 65%;
        padding-top: 22px;
        padding-left: 0;
    }

    .hr_divider {
        display: none;
    }

    #form-step_intro > div.form_container.col-11.col-md-11 > div > div:nth-child(2) > div {
        width:100%;
    }

    .subtitle {
        font-weight: 400;
        font-size: 15px;
        padding-top: 30px;
    }

    #cont-ng-impresa {
        padding-right:0%;
        padding-left:0%;
    }

    section#form-step_intro {
        padding-bottom: 120px;
    }

    /*.mobile_button {
        max-width: 70%;
        width: 70%;
        flex: 0 0 50%;
        padding-left: 0;
        margin-left: 0;
    }*/




    section#form-step_2 {
        padding-bottom: 120px;
    }

    .rzslider .rz-bubble.rz-limit {
        display: block !important;
    }

    .import {
        display: none;
    }

    span.rz-bubble.rz-model-value {
        width: 140px !important;
        height: 33px !important;
        font-size: 20px !important;
    }

    section#form-step_3 {
        padding-bottom: 250px;
        margin-bottom: 90px;
    }

    #form-step_2 > footer > div > div.col-4.col-md-4.left.indietro {
        position: absolute;
        top: 110px;
    }

    .tooltip {
        display: none;
    }

    #form-step_3 > footer > div > div.col-4.col-md-4.left.indietro {
        position: absolute;
        top: 130px;
    }

    .col-4.col-md-4.left.indietro.mobile_button {
        width: 45%;
    }


    .ana {
        margin-bottom: 15px;
    }

    .select-selected {
        color: #696178;
        padding: 8px 16px;
        border: 1px solid #a670e1;
        border-color: transparent transparent rgb(166 112 225) transparent;
        cursor: pointer;
        font-size: 11px;
    }

    .select-selected:after {
        top: 15px !important;
    }

    .cell_tooltip:hover span {
        left: calc(100%) !important;
    }

}


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



    .width-dropdown {
        width: 100%;
    }

    .dropdown-item {
        word-wrap: break-word !important;
        white-space: unset !important;
    }

    .form_marketing {
        margin-left: 10px;
    }

    .under_form_msg {
        margin-bottom: 1.7rem
    }

    .row_form::before {
        content: "";
        position: absolute;
        top: 100px;
        bottom: 0;
        left: -16px;
        right: -16px;
        background-color: #b9cae7;
        opacity: 1;
        z-index: -1;
        border-radius: 0px 180px;
    }

    .header_distance {
        margin: 40px 0 30px 0;
    }

    .form_container {
        margin-top: 0 !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        padding-bottom: 40px !important;
    }

    .subtitle {
        padding-top: 34px !important;
    }


    section#form1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .row-header {
        padding-bottom: 3rem;
    }

    .mobile_button {
        max-width: 180px;
        width: 180px;
        flex: auto;
        margin-left: 0 !important;
    }

    .piva_field{
        padding-left: 0;
    }

    .piva_search {
        padding-top: 20px;
        justify-content: end !important;
    }

    .row-step {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mobile_title {
        margin-top: 65px !important;
    }

    .indietro {
        margin-top: -20px;
    }

    .prosegui,.back_button,.invia_richiesta,piva_search  {
        width: 180px !important;
    }

    .left_mobile_button {
        margin-left:0px !important;
        padding-left: 0px !important;
    }


    .indietro {
        margin-top: 0 !important;
        position: relative;
        top: 150px;
    }

    .nopaddingright_mobile {
        padding-right: 0 !important;
    }

    .nopaddingleft_mobile {
        padding-left: 0 !important;
    }

    .importo_richiesto > span > span.irs > span.irs-single{
        padding: 10px 15px !important;
        font-size: 16px !important;
        top: -25px !important;
        width: 140px !important;
        height: 35px !important;
    }

    .durata_finanziamento  > span > span.irs > span.irs-single, .periodo_ammortamento > span > span.irs > span.irs-single{
        padding: 10px 10px !important;
        width: 65px !important;
        height: 35px !important;
        top: -25px !important;
        font-size: 16px !important;
    }

    span.irs-single {
        text-align: center;
    }


    span.decimal {
        font-size: 16px !important;
    }

    .invalid-feedback {
        padding-left: 0 !important;
    }


    .invalid-feedback {
        position: relative !important;
        bottom: 0rem !important;
    }

    .footer {
    position: absolute !important;
    width: 80% !important;
    left: 50% !important;
    margin-left: -50% !important;
    bottom: 0px !important;
}

    #step_two .mobile_button, #step_three .mobile_button {
        padding: 0;
    }

    #cont-ng-impresa .invalid-feedback {
        top: 0 !important;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }

    .how-know-us {
        padding-right: 0px !important;
    }

    .line-back::before {
        left: -55px !important;
    }

    #cont-ng-impresa,#cont-ateco {
        padding-left: 0 !important;
    }

    section#form-step_intro, section#form-step_2 {
        padding-bottom: 125px !important;
    }

    section#form-step_3 {
        padding-bottom: 225px !important;
    }



    .info_tooltip:hover span {
        left: calc(100% - 180px) !important;
        top: 0 !important;
    }

    .cell_tooltip:hover span {
        left: calc(100%) !important;
        min-width: 175px;
    }

    .nav-item {
        margin-left: 10px !important;
        line-height: 1.7rem !important;
        margin-bottom: 20px !important;
    }


}


@media screen and (min-width : 481px) and (max-width : 575px) {

    .section-form, .first_container {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-item {
        margin-bottom: 20px !important;
    }


    .flex_class {
        display: flex !important;
    }


    .form_container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .step::before {
        left: -55px !important;
    }

    #cont-ng-impresa, #cont-ateco {
        padding-left: 0;
    }

    .nopaddingright_mobile {
        padding-right: 0 !important;
    }



    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .row-header {
        padding-bottom: 3rem;
    }

    section#form-step_intro {
        padding-bottom: 125px;
    }

    .step::before {
        left: -55px !important;
    }

    section#form-step_2 {
        padding-bottom: 125px;
    }

    section#form-step_3 {
        padding-bottom: 70px;
    }

    .step::before {
        left: -63px !important;
    }

    .line-back::before {
        left: -63px !important;
    }

    #cont-ng-impresa, #cont-ateco {
        padding-left: 0 !important;
    }


    .importo_richiesto > span > span.irs > span.irs-single{
        padding: 10px 15px !important;
        font-size: 16px !important;
        top: -25px !important;
        width: 140px !important;
        height: 35px !important;
    }

    .durata_finanziamento  > span > span.irs > span.irs-single, .periodo_ammortamento > span > span.irs > span.irs-single{
        padding: 10px 10px !important;
        width: 65px !important;
        height: 35px !important;
        top: -25px !important;
        font-size: 16px !important;
    }


    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: -25px !important;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }

    #form-step_2 .custom-form-group .invalid-feedback {
        padding-left: 0 !important;
        padding-right: 0 !important;
        bottom: -3.4em;
        left: 15px;
    }

    .mt-responsive {
        margin-top: 1.5rem !important;
    }

    .piva_search {
        margin-top: 1.8rem !important;
    }



}

@media screen and (min-width : 576px) and (max-width : 767px) {

    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .row-header {
        padding-bottom: 3rem;
    }

    section#form-step_intro {
        padding-bottom: 125px;
    }

    .step::before {
        left: -55px !important;
    }

    section#form-step_2 {
        padding-bottom: 125px;
    }

    section#form-step_3 {
        padding-bottom: 70px;
    }

    .step::before {
        left: -50px !important;
    }

    .line-back::before {
        left: -50px !important;
    }

    #cont-ng-impresa, #cont-ateco {
        padding-left: 0 !important;
    }


    .importo_richiesto > span > span.irs > span.irs-single{
        padding: 10px 15px !important;
        font-size: 16px !important;
        top: -25px !important;
        width: 140px !important;
        height: 35px !important;
    }

    .durata_finanziamento  > span > span.irs > span.irs-single, .periodo_ammortamento > span > span.irs > span.irs-single{
        padding: 10px 10px !important;
        width: 65px !important;
        height: 35px !important;
        top: -25px !important;
        font-size: 16px !important;
    }


    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: -25px !important;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }

    #form-step_2 .custom-form-group .invalid-feedback {
        padding-left: 0 !important;
        padding-right: 0 !important;
        bottom: -3.4em;
        left: 15px;
    }

    .mt-responsive {
        margin-top: 1.5rem !important;
    }

    .periodo_ammortamento,.durata_finanziamento, .importo_richiesto {
        padding-right: 0 !important;
    }

    .irs--round .irs-single span.decimal {
        font-size: 16px !important;
    }

    .nav-item {
        margin-bottom: 20px !important;
    }


}

@media screen and (min-width: 600px) and (max-width: 767px) {

    .nav-item {
        margin-left: 10px !important;
        line-height: 1.7rem !important;
        margin-bottom: 20px !important;
    }
}



@media screen and (min-width : 768px) and (max-width : 1024px) {

    .body.col-12.col-md-10.mt-2 {
        padding: 0px;
    }

    header.header.col-12.col-md-10.text-left.mt-4.pt-md-4 {
        padding-top: 0px !important;
        margin-top: 1rem !important;
    }

    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .row-header {
        padding-bottom: 3rem;
    }

    section#form-step_2 {
        padding-bottom: 70px;
    }

    section#form-step_3 {
        padding-bottom: 70px !important;
    }

    .step::before {
        left: -60px !important;
    }

    .line-back::before {
        left: -60px !important;
    }

    label[for=form_marketing] {
        margin-left: 50px !important;
    }

    .invalid_feedback_left_padding {
        padding-left: 15px !important;
    }

    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: -25px !important;
        padding-bottom: 25px !important;
    }

    .no_l_r_padding {
        padding-left: 0;
        padding-right: 0;
    }

    #step_three {
        bottom: -25px !important;
    }

    .custom-form-group .invalid-feedback {
        /*bottom: -1.8rem; */
    }

    #cont-ateco .invalid-feedback {
        bottom: -3.7rem;
    }

    #form-step_3 .custom-form-group .invalid-feedback {
        bottom: -1.4rem;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }

    #form-step_2 .custom-form-group .invalid-feedback {
        padding-left: 0 !important;
        padding-right: 0 !important;
        bottom: -3em;
        left: 15px;
    }

    .dropdown-menu.show {
        width: 100%;
        overflow-x: hidden;
    }

}

@media screen and (min-width : 480px) and (max-width : 770px) {
    .row_form::before {
        content: "";
        position: absolute;
        top: 100px;
        bottom: 0;
        left: -16px;
        right: -16px;
        background-color: #b9cae7;
        opacity: 1;
        z-index: -1;
        border-radius: 0px 180px;
    }
}





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

    .links {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 1.4rem;
        border-bottom: 1px solid rgb(40,57,102 ) !important;
    }

    .sublinks {
        width: 50% !important;
        margin-bottom: 0px !important;
        height: 220px !important;
    }

    .row-footer .body .navbar-nav li {
        margin-left: 10px;
        line-height: 0.7rem !important;
    }

    .navbar-nav-right {
        margin-left: 0 !important;
    }

    ul.navbar-nav.ml-auto.text-uppercase.text-right {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-left: 0px !important;
    }



    .info_footer.order-in-mobile > div > div.text-right.body.mb-4.mt-0 > div > div {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .footer_text {
        font-size: 14px !important;
        font-weight: 400 !important;
        width: 300px !important;
    }

    .link_left {
        padding-left: 0px;
    }

    .info_footer {
        display: flex !important;
        justify-content: flex-start !important;
    }

    .order-in-mobile {
        border-top: unset !important;
        padding: 0 !important;
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
        left: 10px !important;
    }







    .label_slider_right {
        position: absolute !important;
        right: 0% !important;
        top: 20px !important;
        padding-right: 0 !important;
    }

    .label_slider_left {
        position: absolute !important;
        left: 0% !important;
        top: 20px !important;
    }

    .sliders_container {
        padding: 0 !important;
    }

    .importo_richiesto,.durata_finanziamento,.periodo_ammortamento {
        padding: 15px 0 !important;
    }

    .import {
        display: none !important;
    }

    .irs-single {
        text-align: center !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .nav-item {
        margin-bottom: 20px !important;
    }
}


@media screen and (min-width : 992px) and (max-width : 1028px) {
    .label_slider_right {
        padding: 0 !important;
    }

    .nav-item {
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width: 991px) {
    .sliders_container {
        padding-right: 0 !important;
    }
}

@media screen and (min-width : 1025px) and (max-width : 1200px) {

    section#form-step_2 {
        padding-bottom: 70px;
    }

    header.header.col-12.col-md-10.text-left.mt-4.pt-md-4 {
        padding-top: 0px !important;
        margin-top: 1rem !important;
    }

    .body.col-12.col-md-10.mt-2 {
        padding: 0px !important;
    }

    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .step::before {
        left: -60px !important;
    }

    .line-back::before {
        left: -60px !important;
    }

    .invalid_feedback_left_padding {
        padding-left: 15px !important;
    }


    section#form-step_3 {
        padding-bottom: 70px;
    }

    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: -5px !important;
    }

    .no_l_r_padding {
        padding-left: 0;
        padding-right: 0;
    }

    .custom-form-group .invalid-feedback {
        bottom: -1.8rem;
    }

    #cont-ateco .invalid-feedback {
        bottom: -2.5rem;
    }

    #form-step_3 .custom-form-group .invalid-feedback {
        bottom: -1.4rem;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }


}

@media screen and (min-width : 1201px) and (max-width : 1223px) {

    header.header.col-12.col-md-10.text-left.mt-4.pt-md-4 {
        padding-top: 0px !important;
        margin-top: 1rem !important;
    }

    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .invalid_feedback_left_padding {
        padding-left: 15px !important;
    }

    .step::before {
        left: -60px !important;
    }

    .line-back::before {
        left: -60px !important;
    }

    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: 0px !important;
        padding-bottom: 40px !important;
    }

    .no_l_r_padding {
        padding-left: 0;
        padding-right: 0;
    }

    .custom-form-group .invalid-feedback {
        bottom: -1.8rem;
    }

    #cont-ateco .invalid-feedback {
        bottom: -2.5rem;
    }

    #form-step_3 .custom-form-group .invalid-feedback {
        bottom: -1.4rem;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }


}

@media screen and (min-width : 1224px) {

    .invalid-feedback {
        padding-left: 0 !important;
    }

    #cont-ng-impresa > .select_invalid {
        top: 0px;
        position: relative !important;
    }

    .invalid_feedback_left_padding {
        padding-left: 15px !important;
    }

    .step::before {
        left: -60px !important;
    }

    .line-back::before {
        left: -60px !important;
    }


    .section-form .form-step .footer {
        position: relative !important;
        width: 100% !important;
        left: 0px !important;
        margin-left: 0px !important;
        bottom: -10px !important;
        padding-bottom: 40px !important;
    }

    .no_l_r_padding {
        padding-left: 0;
        padding-right: 0;
    }

    .custom-form-group .invalid-feedback {
        bottom: -1.8rem;
    }

    #cont-ateco .invalid-feedback {
        bottom: -2.5rem;
    }

    #form-step_3 .custom-form-group .invalid-feedback {
        bottom: -1.4rem;
    }

    .piva_search {
        padding-left: 0;
        padding-right: 0;
    }

    #step_two .mobile_button, #step_three .mobile_button {
        max-width: 210px;
    }

}


@media screen and (min-width: 1400px) {
    .step::before {
        left: -60px !important;
    }

    .line-back::before {
        left: -60px !important;
    }
}


@media screen and (min-width: 1600px) {
    .step::before {
        left: -75px !important;
    }

    .line-back::before {
        left: -75px !important;
    }
}
@media screen and (min-width: 1900px) {
    .step::before {
        left: -95px !important;
    }

    .line-back::before {
        left: -95px !important;
    }
}

@media screen and (min-width: 2200px) {
    .step::before {
        left: -120px !important;
    }

    .line-back::before {
        left: -120px !important;
    }
}


.row.justify-content-left.left_mobile_button {
    padding-right: 15px;
    padding-left: 15px;
}

/*.text-note-fatturato::before {
    content: "\A";
    white-space: pre;
}*/