@media (min-width: 1200px){
    .container {
        width: 1600px;
        max-width: calc(100vw - 100px);
    }
}

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

    h1{font-size: 50px;}
    .welcome .dnm{display: none;}

    /*HOME*/
    .patients_grid{padding:0 !important}

    /*EDITAR DATOS*/
    .user_data_grid{flex-wrap: wrap;}
    .user_data_graph{width: 100%;}
    .user_data_form{width: 100% !important;}
    .wrapper{max-width: 100%; margin-left:auto; margin-right: auto; height: 300px;}
    .graphData{margin-bottom: 20px;}
    .user_login_form{width: 100%; padding: 0 20px;}
    .form_item input{width: 100%}

}

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

    .dualBody:before{
        content: "";
        width: 175px;
        position: absolute;
        right: 45%;
        top: 0;
        bottom: 0;
        background-image: none !important;
        /* box-shadow: -30px 0 100px #EBBCC4;*/
        z-index: -1;
    }
    #home .col_home_1{width: 100%;}
    #home .col_home_2{width: 100%;}
    .col_reset_1{width:100%;}
    .col_reset_2{width:100%;}
    .resetPassword{padding:10px;}
    #home .welcome {padding: 0 20px;}
    #home .home_login_form{ margin-top: 20px; padding: 0 20px; width: 100%;}
    h1{font-size:35px; line-height: 45px;}

}

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

    /*POPUP FORM*/
    .popup{width: 100%; padding: 0; height: auto !important; min-height: 920px !important;}
    .popUpForm{width: 100%; padding:0 20px;}
    .popup_navigation{display: none;}
    .popup_header{padding: 20px; padding-bottom: 0;}
    .dnd{display: block !important;}
    .form_item{width: 100% !important;}
    .form_item input{width: 100%}
    .dnm{display: none;}
    .mobileToothImage{width: 35%;}
    .dropdown-menu{left: -100px !important;}
    .card .dropdown-menu{left:0 !important;}
    .message{width: 400px; max-width: 85%;}
    .patient_full_overlay{height: 100vh;}

}




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


    /*HOME*/
    .intro{margin-top: 0;}
    .patients .patients_grid .card{width: calc(50% - 20px); min-height: 175px; height: auto;}
    .patients .patients_grid{padding:0 !important;}

    .dropdown-menu{left: -100px !important;}
    .card .dropdown-menu{left:0 !important;}
    .patients .patients_grid .patient_num,
    .patients .patients_grid .no_patient_num{
        width: 60px;
        height: 60px;
    }
    .patients .patients_grid .patient_num span,
    .patients .patients_grid .no_patient_num span {
        font-size: 25px;
    }

    .patients .patients_grid .patient_card h4,
    .patients .patients_grid .first_no_patient_card h4,
    .patients .patients_grid .no_patient_card h4{
        font-size: 20px;
    }

    /*POPUP FORM*/
    .popup{width: 100%; padding: 0; height: auto !important; min-height: 920px !important;}
    .popup h3{font-size: 30px;}

    .popUpForm{width: 100%; padding:0 20px;}
    .popup_navigation{display: none;}
    .popup_header{padding: 20px; padding-bottom: 0;}
    .dnd{display: block !important;}
    .mobileToothImage{width: 60%;}

    /*EDITAR DATOS*/
    .user_data_grid{flex-wrap: wrap;}
    .user_data_graph{width: 100%;}
    .user_data_form{width: 100% !important;}
    .wrapper{max-width: 100%; margin-left:auto; margin-right: auto; height: 300px;}
    .graphData{margin-bottom: 20px;}
    .user_login_form{width: 100%; padding: 0 20px;}
    .form_item input{width: 100%}

}