@media screen and (max-height: 500px){
    .type_corten{
        padding: 1% !important;
    }
}
@media screen and (min-width : 1900px){
    .img_main_corten_divrespo, .img_main_corten2_1{
        width: 450px;
        height: 450px;
    }
    .sturcture_div_description{
        font-size: 22px;
    }
    #head_rea{
        text-align: center;
    }
    .div_who_title2{
        display: none;
    }
    .type_corten{
         font-size: 24px; 
        margin-top: 380px;
    }
    .modal-image{
        width: 800px;
        height: 80%;
    }
}
@media screen and (max-width : 1900px){
    .img_main_corten_divrespo, .img_main_corten2_1{
        width: 400px;
        height: 400px;
    }
    .sturcture_div_description{
        font-size: 22px;
    }
    #head_rea{
        text-align: center;
    }
    .div_who_title2{
        display: none;
    }
    .type_corten{
        /* font-size: 24px; */
        margin-top: 340px;
    }
    .modal-image{
        width: 750px;
        height: 80%;
    }
}
@media screen and (max-width : 1800px){
    .img_main_corten_divrespo, .img_main_corten2_1{
        width: 370px;
        height: 370px;
    }
    .sturcture_div_description{
        font-size: 22px;
    }
    #head_rea{
        text-align: center;
    }
    .div_who_title2{
        display: none;
    }
    .type_corten{
        /* font-size: 24px; */
        margin-top: 300px;
    }
    .modal-image{
        width: 700px;
        height: 80%;
    }
}
@media screen and (max-width : 1600px){
    .modal-image{
        width: 640px;
        height: 80%;
    }

    .img_main_corten_divrespo, .img_main_corten2_1{
        width: 300px;
        height: 300px;
    }
    .sturcture_div_description{
        font-size: 22px;
    }
    #head_rea{
        text-align: center;
    }
    .div_who_title2{
        display: none;
    }
    .type_corten{
        margin-top: 250px;
    }
}
@media screen and (max-width : 1400px){
    .modal-image{
        width: 600px;
        height: 80%;
    }

    .img_main_corten_divrespo, .img_main_corten2_1{
        width: 250px;
        height: 250px;
    }
    #head_rea{
        text-align: center;
    }
    .div_who_title2{
        display: none;
    }
    .type_corten{
        margin-top: 190px;
    }
}
@media screen and (max-width:1023px){
    .modal-image{
        width: 550px;
        height: 80%;
    }

     body{
        width: 100%;
    }
    #head_acc, #head_prod, #head_contact,.p_text{
        font-size: 18px;
    } 
    #head_rea{
        font-size: 18px;
        text-align: center;
    }
    #head_logo_t2{
        display: none;
    }
    .div_who_title1 {
        font-size: 12px;
        line-height: normal;
        padding: 0;
        /* text-align: center; */
        width: 40%;
        padding-top: 1%;
    }
    .div_who_title2{
        display: none;
    }
    .div_who_title3{
        width: 50%;
        padding: 0;
    }
    .div_who_title3>div{
        width: 100%; 
        font-size: 20px;
    }
    .police_H3, .degrade, #corten_sub_title, .small_title {
        font-size: 20px;
    }
    #corten_title,.big_title, .police_H2, .cercle_header_contact, .header_contact2{
        font-size: 22px;
    }
    .img_main_corten{
        /* width: 45%; */
        height: 50%;
    }
    .img_main_corten_divrespo{
    width: 170px; 
    height: 170px; 
    overflow: hidden;
}
    .image_corten{
        width: 100%;
        height: 100%;
    }
    .img_main_corten2_1{
        width: 170px;
        height: 170px;
    }
    .type_corten{
        margin-top: 130px;
        padding-left: 1%;
        padding-right: 1%;
    }
    .div_tilte_corten {
        width: 94%;
        padding-left: 5%;
    }
    .see_all{
        width: 95%;
        margin-left: 2.5%;
        font-size: 16px;
    }
    .icone_contact{
        display: none;
    }
    .icone_texct_contact{
        width: 80%;
        padding-left: 10%;
        font-size: 12px;
        text-align: center;
        overflow-wrap: break-word;
    }
    .contact_left{
        width: 100%;
    }
    .contact_right{
        display: none;
    }
    .footer{
        font-size: 12px;
        text-align: center;
    }
    .footer_div1{
        width: 40%; 
    }
    #precedent, #suivant{
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .modal-image{
        width: 300px;
        height: 80%;
    }
    body{
        width: 100%;
    }
    #head_acc, #head_prod, #head_contact,.p_text{
        font-size: 9px;
    }
    #head_rea{
        font-size: 9px;
        text-align: center;
    }
    #head_logo_t2{
        display: none;
    }
    .div_who_title1 {
        font-size: 12px;
        line-height: normal;
        padding: 0;
        /* text-align: center; */
        width: 40%;
        padding-top: 1%;
    }
    .div_who_title2{
        display: none;
    }
    .div_who_title3{
        width: 50%;
        padding: 0;
    }
    .div_who_title3>div{
        width: 100%; 
        font-size: 12px;
    }
    .police_H3, .degrade, #corten_sub_title, .small_title {
        font-size: 12px;
    }
    #corten_title,.big_title, .police_H2, .cercle_header_contact, .header_contact2{
        font-size: 18px;
    }
    .img_main_corten{
        width: 45%;
        height: 50%;
    }
    .image_corten{
        width: 170px;
        height: 170px;
    }
    .img_main_corten2_1{
        width: 170px;
        height: 170px;
    }
    .type_corten{
        margin-top: 130px;
        width: 25%;
    }
    .div_tilte_corten {
        width: 94%;
        padding-left: 5%;
    }
    .see_all{
        width: 95%;
        margin-left: 2.5%;
        font-size: 16px;
    }
    .icone_contact{
        display: none;
    }
    .icone_texct_contact{
        width: 80%;
        padding-left: 10%;
        font-size: 12px;
        text-align: center;
        overflow-wrap: break-word;
    }
    .contact_left{
        width: 100%;
    }
    .contact_right{
        display: none;
    }
    .footer{
        font-size: 12px;
        text-align: center;
    }
    .footer_div1{
        width: 40%; 
    }
    #precedent, #suivant{
        display: none;
    }
}