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

@media screen and (max-width: 1280px){
    div.details_data_container{grid-template-columns: repeat(auto-fill, 49%);}
}

@media screen and (max-width: 900px){
    div.details_data_container{grid-template-columns: repeat(auto-fill, 100%);}
}

@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);}
    /*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%;}
}