/* ------------------------------------------------------ responsive ------------------------------------------------------ */

@media screen and (max-width: 1439px){
    div.week_day_container{width: 49%;}
    div.single_form_content div.sx{width: 93%;}
}

@media screen and (max-width: 1280px){
    div.details_data_container{grid-template-columns: repeat(auto-fill, 49%);}
    div.details_data_container.ppa_container div.custom_attr_data_container div.custom_attr{grid-template-columns: repeat(auto-fill, 49%);}
    div.details_data_container.ppa_container > div.white_box:first-of-type,
    div.details_data_container.ppa_container > div.white_box:nth-child(2){width: 49%;}
}

@media screen and (max-width: 1125px){
    div.single_form_content div.sx{width: 92%;}
}

@media screen and (max-width: 990px){
    div.single_form_content div.sx{width: 90%;}
}

@media screen and (max-width: 900px){
    div.week_day_container{width: 100%;}
    div.custom_attr_data_container div.custom_attr{grid-template-columns: repeat(auto-fill, 49%);}
    div.details_data_container{grid-template-columns: repeat(auto-fill, 100%);}
    div.details_data_container.ppa_container > div.white_box:first-of-type,
    div.details_data_container.ppa_container > div.white_box:nth-child(2){width: 100%;}
    div.single_form_content div.sx{width: 88%;}
}

@media screen and (max-width: 768px){
    div.no_side_menu a.logo_container{
        margin: -35px 50px;
    }
    div.no_side_menu div.under_logo{
        background-color: #fff;
        display: block;
        position: fixed;
        height: 70px;
        z-index: 5;
        right: 0px;
        left: 0px;
        top: 0px;
    }
    div.no_side_menu div.back_image{display: none;}
    div.no_side_menu div.dx_container{
        overflow: visible;
        width: 100%;
        bottom: 0px;
        top: -60px;
        left: 0px;
    }
    div.no_side_menu div.dx_container h1,
    div.no_side_menu div.dx_container.activation h1{margin-top: 50px;}
    div.no_side_menu div.dx_container form{padding-bottom: 100px;}
    div.no_side_menu + footer{
        background-color: #eee;
        right: 0px;
    }
    div.no_side_menu + footer p a{color: var(--primary-color);}
    div.custom_attr_data_container div.custom_attr{grid-template-columns: repeat(auto-fill, 100%);}
    div.details_data_container.ppa_container div.custom_attr_data_container div.custom_attr{grid-template-columns: repeat(auto-fill, 100%);}
    /*responsive side menu*/
    header{display: block;}
    div.side_column_layout div.side_column div.logo_container{display: none;}
    div.side_column {
        width: 0%;
        top: 60px;
    }
    div.external_container {
        left: 0 !important;
        top: 60px;
    }
    div.menu_bottom_fixed_section{
        justify-content: space-between;
        width: 100%;
    }
    div.menu_second_level{width:100%;}
    div.single_form_content div.sx{width: 90%;}
}

@media screen and (max-width: 600px) {
    div.single_form_content div.sx{width: 88%;}
}

@media screen and (max-width: 550px) {
    div.single_form_content div.sx{width: 86%;}
}

@media screen and (max-width: 480px) {
    div.single_form_content div.sx{width: 84%;}
}