.offcanvas{
    z-index: 99999;
}

html,
body,
.container{
    overflow-x: hidden;
}

.only_mobile{
    display: none;
    width: 100%;
}

.up_mobile{
    display: none;
}

@media screen and (max-width: 767px) {
    .bg_slide_sezqooder_1 {
        background-image: url('/images/9/qooder/slide/001-mob.png');
        background-size: contain;
        background-color: #050A0E;
    }
    .bg_slide_sezqooder_2 {
        background-image: url('/images/9/qooder/slide/002-mob.png');
        background-size: contain;
        background-color: #050A0E;
    }
    .bg_slide_sezqooder_3 {
        background-image: url('/images/9/qooder/slide/003-mob.png');
        background-size: contain;
        background-color: #050A0E;
    }
    .bg_slide_sezqv3_1 {
        background-image: url('/images/9/qv3/slide/qv3_001_mobile.jpg');
        background-size: contain;
        background-color: #050A0E;
    }
    .bg_slide_sezoxygen_1 {
        background-image: url('/images/9/oxygen/slide/oxygen-001-mobile.jpg');
        background-size: contain;
        background-color: #c2d100;
    }
    .bg_slide_sezqooder_1 .container .pb-1 img,
    .bg_slide_sezqooder_2 .container .pb-1 img,
    .bg_slide_sezqooder_3 .container .pb-1 img{
        display: none !important;
    }
    .bg_slide_sezqooder_1 .padding-top-3x,
    .bg_slide_sezqooder_2 .padding-top-3x,
    .bg_slide_sezqooder_3 .padding-top-3x{
        padding-top: 40px !important;
    }
    .bg_slide_sezqooder_1 .h3,
    .bg_slide_sezqooder_2 .h3,
    .bg_slide_sezqooder_3 .h3{
        padding-top: 340px !important;
        font-size:18px;
    }
    .bg_slide_sezqooder_1 .col-xl-7,
    .bg_slide_sezqooder_2 .col-xl-7,
    .bg_slide_sezqooder_3 .col-xl-7{
        display: none !important;
    }
    .bg_slide_sezqv3_1 .container .pb-1 img{
        /*width: 70px !important;*/
        display: none !important;
    }
    .bg_slide_sezqv3_1 .col-xl-7{
        display: none !important;
    }
    .bg_slide_sezqv3_1 .padding-top-3x{
        /*padding-top: 10px !important;*/
        padding-top: 40px !important;
    }
    .bg_slide_sezqv3_1 .h3{
        /*padding-top: 325px !important;*/
        padding-top: 340px !important;
        font-size:18px;
    }
    .bg_slide_sezoxygen_1 .container .pb-1 img{
        width: 70px !important;
    }
    .bg_slide_sezoxygen_1 .col-xl-7{
        display: none !important;
    }
    .bg_slide_sezoxygen_1 .padding-top-3x{
        padding-top: 40px !important;
    }
    .bg_slide_sezoxygen_1 .h3{
        padding-top: 405px !important;
        color: #000000;
    }
    .bg_slide_sezoxygen_1 .h4{
        color: #000000;
    }
    .bg_banner_aboutus{
        /*background-image: url('/images/9/istituzionali/bg/bg_logoqooder_about_mobile.jpg');*/
        background-image: url('/images/9/istituzionali/bg/bg_logoqooder_about_Pmobile.jpg');
        /*padding-top: 270px !important;*/
    }
    .bg_banner_aboutus.padding-top-6x{
       padding-top: 270px !important;
    }

    .only_mobile{
        display: block;
    }
    .contenitore_details .col-lg-8.col-md-12{
        order: 1;
    }
    .contenitore_details .col-lg-4.col-md-12{
        order: 2;
    }
    .contenitore_details .blocco_infomoto{
        order: 1;
    }
    .contenitore_details .blocco_infolista{
        order: 2;
    }
    .bg-details{
        height: auto;
        background: #000 !important;
    }
    .box-moto-details-qv3{
        width: 100%;
    }
    .bg_banner_qooder_HTS,
    .bg_banner_qv3_HTS{
        background: #000;
        padding-bottom: 0 !important;
    } 
    .text_blocco_info_tecniche {
        padding: 0px 20px;
        margin: 0px 20px;
    }
    .text_blocco_info_tecniche > div:nth-child(1){
        position: relative;
        padding: 0 40px 0 0;
    }  
    .text_blocco_info_tecniche.text_blocco_info_tecniche_oxygen > div:nth-child(1){
        margin-bottom: 0 !important;
    }  
    .text_blocco_info_tecniche .title_margin_bottom{
        text-align: left !important
    }
    .text_blocco_info_tecniche .separator-line{
        display: none !important;
    }
    .text_blocco_info_tecniche > div:nth-child(1):after{
        content: "+";
        display: inline-block;
        position: absolute;
        top: -7px;
        font-size: 34px;
        right: 18px;
    }
    .text_blocco_info_tecniche > div:nth-child(2){
        display: none;
    }
    .text_blocco_info_tecniche > div.active{
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .up_mobile{
        display: block;
    }
}



@media screen and (max-width:768px) and (orientation:portrait){
    .contenitore_details .blocco_infomoto{
        order: 1;
    }
    .contenitore_details .blocco_infolista{
        order: 2;
    }
}