@media(min-width:0px) and (max-width:479px){
    .container{ width:100%;}

    .main-title-hp{ margin:31px 0px 22px 0px;}
    .main-title-hp h1{ font-size:18px; line-height:20px; padding-bottom:6px;}
    .main-title-hp p{ font-size:11px; line-height:13px; padding-bottom:9px;}
    .oversizeme {
        width: 100%;
    }

    /*--------------- HEADER_START --------------*/
    #header{ min-height:auto; position:fixed; width:100%; left:0px; top:0px; z-index:999999999; }
    .header-inner-hp{ padding:0px;}
    .logo img{ width: 120px !important; height: auto !important;}
    .logo { margin:0; }
    .head-top-hp{     min-height: 30px; }

    .header-right-hp{ padding:0px;}
    .header-top-hp{ display:none;}
    .navigation-main-hp .navbar-default{ position:fixed; left:-320px; width:320px; height:100%; background:transparent; background-image: linear-gradient(to bottom, #ffffffff, #ffffff80); top:45px; z-index:999999999; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.3s linear;}
    .navbar-default-left0{ left:0px !important;}
    .overlay-mobile-menu-hp{ display:none; background:rgba(0, 0, 0, 0.5); position:fixed; top:45px; left:0px; width:100%; height:100%; z-index:99999999;}
    .mobile-menu-icon-hp{ display:block;}
    .head-bot-hp{
        display: flex;
        min-height:77px;
    }

    .head-call-info-hp{ display: none }
    #prezzototale .popover-wrapper { display: none }
    .head-cart-info-hp{ float:left }
    .head-cart-info-hp small.prezzo{ display:none }
    .stepitem{ padding-bottom:61px; padding-top:0px }

    .head-cart-notification-hp{ width:14px; height:14px; line-height:14px; font-size:10px; top:-7px; right:-9px;}
    /*--------------- HEADER_END --------------*/

    /*--------------- NAVIGATOR_START --------------*/
    .navigation-main-hp .navbar-nav{
        margin:0px 0px 0px;
    }

    ul.navbar-nav {
        background-color: #003B5C ;
        color: #c8d902 ;
        font-size:1.2em;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li {
        border-top: 1px solid #c8d902;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li > a{
        padding:16px 0px 10px;
        color:#c8d902;
        margin:0px 15px 5px;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li:before {
        margin-left:4px;
        line-height: 44px;
    }

    .navigation-main-hp .navbar-default .navbar-nav > li:first-child:before {
        content:'»';
    }
    .navigation-main-hp .navbar-default .navbar-nav > li:last-child > a {
        color:inherit;
    }

    /*--------------- NAVIGATOR_END --------------*/

    /*--------------- CONTAIN_START --------------*/
    #contain{ margin:0px; padding:130px 0px 0px 0px;}


    /*----- FIRST_STEP_START -----*/
    .first-step-block-hp{ padding-bottom:61px;}
    .product-box1-hp{ float:none; margin:0px auto 18px; width:158px; min-height:154px;}
    .product-box-top-hp{ padding-top:20px;}
    .product-img-hp i{ font-size:42px;}
    .product-box-top-hp h2{ padding-top:14px;}
    /*----- FIRST_STEP_END -----*/


    /*----- SECOND_STEP_START -----*/
    .second-step-block-hp{ padding-bottom:61px;}
    .product-type-box1-hp{ width:100%; margin:0px 0px 18px; min-height:470px; padding:12px 15px 12px;}
    .product-type-box1-hp p{}
    /*----- SECOND_STEP_END -----*/


    /*----- THIRD_STEP_START -----*/
    .product-description-box1-hp{ float:none; width:100%; margin:0px auto 30px;}
    /*----- THIRD_STEP_END -----*/


    /*----- FOURTH_STEP_START -----*/
    .forth-step-block-hp{ padding-bottom:60px;}
    .customer-block-left-hp{ padding:0px; margin-bottom:15px;}
    .customer-block-right-hp{ padding:0px;}
    .customer-block-in-hp{ padding:10px;}
    .new-cust-hp{ font-size:22px;}
    .new-cust-tag-hp{ font-size:14px;}
    .customer-instruction-hp{ padding-bottom:30px;}
    .customer-field-hp{ padding-bottom:45px;}
    .signin-btn-hp{ width:100%;}
    .customer-instruction-already-hp{ padding-bottom:20px;}
    .customer-field-already-hp{ padding-bottom:10px;}
    .lost-password-hp{ padding-bottom:20px;}
    /*----- FOURTH_STEP_END -----*/


    /*----- FIFTH_STEP_START -----*/
    .fifth-step-block-hp{ padding-bottom:60px;}
    .address-block-left-hp{ padding:0px; margin-bottom:15px;}
    .address-block-right-hp{ padding:0px;}
    .address-block-in-hp{ padding:20px 10px 0px 10px; min-height:inherit;}
    .address-input-field-left-hp{ width:100%;}
    .address-input-field-right-hp{ width:100%;}
    .address-selection-hp{ padding:0px;}
    .address-info-hp ul{ padding:25px 0 0 35px;}
    .address-info-hp{ padding-bottom:15px;}
    .address-block-hp{ padding-bottom:0px;}
    /*----- FIFTH_STEP_END -----*/


    /*----- SIXTH_STEP_START -----*/
    .sixth-step-block-hp{ padding-bottom:60px;}
    .sixth-step-block-inner-hp{ padding:0px 15px;}
    .ssb-summary-block1-hp{ padding:0px;}
    .ssb-summary-icon-hp{ width:56px; padding:13px 0px 13px 0px;}
    .ssb-summary-icon-hpi { font-size:25px; line-height:25px;}
    .ssb-summary-text-hp{ width:calc( 100% - 56px ); padding:0px 0px 0px 13px;}
    .ssb-summary-checkbox-hp{ margin:50px 0px 0px 0px;}


    ul.riepilogo_cliente li.nomeriepilogo:after { left: 7px }
    ul.riepilogo_fatturazione li.nomeriepilogo:after { left: 4px }
    ul.riepilogo_tecnico li.nomeriepilogo:after { left: 10px }
    li.nomeriepilogo:before { left:78px; }
    /*----- SIXTH_STEP_END -----*/

    /*--------------- CONTAIN_END --------------*/
    /*--------------- FOOTER_START --------------*/
    #footer{}
    /*--------------- FOOTER_END --------------*/
}

@media(min-width:480px) and (max-width:767px){
    .container{ width:100%;}

    .main-title-hp{ margin:31px 0px 22px 0px;}
    .main-title-hp h1{ font-size:18px; line-height:20px; padding-bottom:6px;}
    .main-title-hp p{ font-size:11px; line-height:13px; padding-bottom:9px;}
    .oversizeme {
        width: 100%;
    }

    /*--------------- HEADER_START --------------*/
    #header{ min-height:auto; position:fixed; width:100%; left:0px; top:0px; z-index:999999999; }
    .header-inner-hp{ padding:0px;}

    .logo img{ width: 120px; height: auto; }
    .logo { margin:0; }
    .head-top-hp{     min-height: 30px; }

    .header-right-hp{ padding:0px;}
    .header-top-hp{ display:none;}
    .navigation-main-hp .navbar-default{ position:fixed; left:-320px; width:320px; height:100%; background:transparent; background-image: linear-gradient(to bottom, #ffffffff, #ffffff80); top:45px; z-index:999999999; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.3s linear;}
    .navbar-default-left0{ left:0px !important;}
    .overlay-mobile-menu-hp{ display:none; background:rgba(0, 0, 0, 0.5); position:fixed; top:45px; left:0px; width:100%; height:100%; z-index:99999999;}
    .mobile-menu-icon-hp{ display:block;}
    .head-bot-hp{ min-height:60px;}
    .head-call-info-hp{ display: none }
    #prezzototale .popover-wrapper { display: none }
    .head-cart-info-hp{ float:left }

    .head-cart-notification-hp{ width:14px; height:14px; line-height:14px; font-size:10px; top:-7px; right:-9px;}
    /*--------------- HEADER_END --------------*/

    /*--------------- NAVIGATOR_START --------------*/
    .navigation-main-hp .navbar-nav{
        margin:0px 0px 0px;
    }

    ul.navbar-nav {
        background-color: #003B5C ;
        color: #c8d902 ;
        font-size:1.2em;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li {
        border-top: 1px solid #c8d902;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li > a{
        padding:16px 0px 10px;
        color:#c8d902;
        margin:0px 15px 5px;
    }
    .navigation-main-hp .navbar-default .navbar-nav > li:before {
        margin-left:4px;
        line-height: 44px;
    }

    .navigation-main-hp .navbar-default .navbar-nav > li:first-child:before {
        content:'»';
    }
    .navigation-main-hp .navbar-default .navbar-nav > li:last-child > a {
        color:inherit;
    }

    /*--------------- NAVIGATOR_END --------------*/


    /*--------------- CONTAIN_START --------------*/
    #contain{ margin:0px; padding:130px 0px 0px;}


    /*----- FIRST_STEP_START -----*/
    .stepitem{ padding-bottom:61px; padding-top:0px }

    .first-step-block-hp{ padding-bottom:61px;}
    .product-box1-hp{ margin:0px 26px 18px 0px;}
    /*----- FIRST_STEP_END -----*/


    /*----- SECOND_STEP_START -----*/
    .second-step-block-hp{ padding-bottom:61px;}
    .product-type-box1-hp{ width:100%; margin:0px 0px 18px; min-height:470px; padding:12px 15px 12px;}
    .product-type-box1-hp p{}
    /*----- SECOND_STEP_END -----*/


    /*----- THIRD_STEP_START -----*/
    .product-description-box1-hp{ float:none; width:100%; margin:0px auto 30px;}
    /*----- THIRD_STEP_END -----*/


    /*----- FOURTH_STEP_START -----*/
    .forth-step-block-hp{ padding-bottom:60px;}
    .customer-block-left-hp{ padding:0px; margin-bottom:15px;}
    .customer-block-right-hp{ padding:0px;}
    .customer-block-in-hp{ padding:10px;}
    .new-cust-hp{ font-size:22px;}
    .new-cust-tag-hp{ font-size:14px;}
    .customer-instruction-hp{ padding-bottom:30px;}
    .customer-field-hp{ padding-bottom:45px;}
    .signin-btn-hp{ width:100%;}
    .customer-instruction-already-hp{ padding-bottom:20px;}
    .customer-field-already-hp{ padding-bottom:10px;}
    .lost-password-hp{ padding-bottom:20px;}
    /*----- FOURTH_STEP_END -----*/


    /*----- FIFTH_STEP_START -----*/
    .fifth-step-block-hp{ padding-bottom:60px;}
    .address-block-left-hp{ padding:0px; margin-bottom:15px;}
    .address-block-right-hp{ padding:0px;}
    .address-block-in-hp{ padding:20px 10px 0px 10px; min-height:inherit;}
    .address-input-field-left-hp{ width:100%;}
    .address-input-field-right-hp{ width:100%;}
    .address-selection-hp{ padding:0px;}
    .address-info-hp ul{ padding:25px 0 0 35px;}
    .address-info-hp{ padding-bottom:15px;}
    .address-block-hp{ padding-bottom:0px;}
    /*----- FIFTH_STEP_END -----*/


    /*----- SIXTH_STEP_START -----*/
    .sixth-step-block-hp{ padding-bottom:60px;}
    .sixth-step-block-inner-hp{ padding:0px 15px;}
    .ssb-summary-block1-hp{ padding:0px;}
    .ssb-summary-checkbox-hp{ margin:50px 0px 0px 0px;}

    ul.riepilogo_cliente li.nomeriepilogo:after { left: 7px }
    ul.riepilogo_fatturazione li.nomeriepilogo:after { left: 4px }
    ul.riepilogo_tecnico li.nomeriepilogo:after { left: 10px }
    li.nomeriepilogo:before { left:78px; }

    /*----- SIXTH_STEP_END -----*/


    /*--------------- CONTAIN_END --------------*/
    /*--------------- FOOTER_START --------------*/
    #footer{}
    /*--------------- FOOTER_END --------------*/
}

@media(min-width:768px) and (max-width:1023px){
    .container{ width:738px;}

    .main-title-hp{ margin:52px 0px 45px 0px;}
    .main-title-hp h1{ font-size:24px; line-height:29px; padding-bottom:9px;}
    .main-title-hp p{ font-size:12px; line-height:18px; padding-bottom:7px;}

    /*--------------- HEADER_START --------------*/
    #header{ min-height:auto;}
    .header-right-hp{ padding-top:34px;}
    .navigation-main-hp .navbar-default .navbar-nav > li > a{ margin:0px 20px 0px;}


        .head-call-info-hp{ padding:24px 0px 13px; }
        /* .head-call-icon-hp{ margin:0px 6px 0px 0px;} */

        .head-call-icon-hp img{ height:25px; margin-top: -3px;}
        .head-call-info-text-hp p{ display:none;}

    /*--------------- HEADER_END --------------*/
    /*--------------- CONTAIN_START --------------*/
    #contain{ margin:0px; padding:0px;}


    /*----- FIRST_STEP_START -----*/
    .stepitem{ padding-bottom:50px;}
    .first-step-block-hp{ padding-bottom:50px;}
    .product-box1-hp{ margin:0px 18px 18px 0px;}
    /*----- FIRST_STEP_END -----*/


    /*----- SECOND_STEP_START -----*/
    .second-step-block-hp{ padding-bottom:50px;}
    .product-type-box1-hp{ margin:0px 38px 45px 0px;}
    /*----- SECOND_STEP_END -----*/


    /*----- THIRD_STEP_START -----*/
    .third-step-block-hp{ padding-bottom:50px;}
    .product-description-box1-hp{ margin:0px 38px 35px 0px;}
    /*----- THIRD_STEP_END -----*/


    /*----- FOURTH_STEP_START -----*/
    .customer-block-left-hp{ padding:0px; width:100%; margin-bottom:35px;}
    .customer-block-right-hp{ padding:0px; width:100%; }
    /*----- FOURTH_STEP_END -----*/


    /*----- FIFTH_STEP_START -----*/
    .address-block-left-hp{ padding:0px; width:555px; margin-bottom:35px;}
    .address-block-right-hp{ padding:0px; width:555px; }
    /*----- FIFTH_STEP_END -----*/


    /*----- SIXTH_STEP_START -----*/
    .sixth-step-block-inner-hp{ padding:0px 15px;}
    .ssb-summary-block1-hp{ padding:0px;}
    .ssb-summary-block2-hp{ float:right;}
    ul.riepilogo_cliente li.nomeriepilogo:after { left: 7px }
    ul.riepilogo_fatturazione li.nomeriepilogo:after { left: 4px }
    ul.riepilogo_tecnico li.nomeriepilogo:after { left: 10px }
    li.nomeriepilogo:before { left:78px; }

    /*----- SIXTH_STEP_END -----*/


    /*--------------- CONTAIN_END --------------*/
    /*--------------- FOOTER_START --------------*/
    #footer{}
    /*--------------- FOOTER_END --------------*/
}

@media(min-width:1024px) and (max-width:1180px){
    .container{ width:994px;}
    /*--------------- HEADER_START --------------*/
    #header{ }
    /*--------------- HEADER_END --------------*/
    /*--------------- CONTAIN_START --------------*/
    #contain{ margin:0px; padding:0px;}

    /*----- FIRST_STEP_START -----*/
    /*----- FIRST_STEP_START -----*/
    /*----- FIRST_STEP_END -----*/
    /*----- FIRST_STEP_END -----*/

    /*----- SECOND_STEP_START -----*/
    .product-type-box1-hp{ margin-right:20px; width:308px;}
    /*----- SECOND_STEP_END -----*/

    /*----- THIRD_STEP_START -----*/
    .product-description-box1-hp{ width:311px; margin-right:15px;}
    /*----- THIRD_STEP_END -----*/

    /*----- FOURTH_STEP_START -----*/
    .customer-instruction-hp{ font-size:14px;}
    /*----- FOURTH_STEP_END -----*/


    /*----- FIFTH_STEP_START -----*/
    /*----- FIFTH_STEP_END -----*/

    /*----- SIXTH_STEP_START -----*/
    /*----- SIXTH_STEP_END -----*/


    /*--------------- CONTAIN_END --------------*/
    /*--------------- FOOTER_START --------------*/
    #footer{}
    /*--------------- FOOTER_END --------------*/
}


@media(max-width:767px){
    .zopim {
        display:none !important;
    }

    #billing .modal-dialog {
        width: 100%;
        margin: auto;
    }

    #billing p.png {
        display:none;
    }

    #billing .modal-header {
        height: 50px;
        border-radius: 0;
    }

    #billing .modal-footer {
        border-radius: 0;
    }

    #billing .modal-content {
        border-radius: 0;
    }
}