@media only screen and (max-width: 767px) {
    .contact_wsp_custom {  
        position: relative;
        right: 0px;
        top: 20px;
        width: 100%;
        z-index: 9;
        height: 50px;
        padding: 10px;
        background-image: linear-gradient(to right, rgb(47, 37, 37), rgba(0, 0, 0, 0.77));
        font-weight: 500;
    }
    .mdc {
        height: 900px;
        width:100%;
        background-color: white;
    }
    #modal1 {  }
    #modal2 { left: 0 !important; }
    .pf { display: block; padding: 0px; }
    b a { color: #4d4d4c !important; }
    .copy,
    .right-copy { font-size: 11px; text-align: center; }
    .toptable { line-height: 21px !important; }
    .b_1 { font-size: 14px;     text-align: center;}
    .b_2 { font-size: 19px;     text-align: center;}
    .b_3 { font-size: 12px;     text-align: center;}
    .a_1 { font-size: 20px; }
    .a_3 {     font-size: 30px; line-height: 26px; }
    .flex-center-align-start { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 15px; }
    .rb { padding-top: 10px; padding-bottom: 10px;}
    .text-center { text-align: center; }
    .bg_home { height: 112px; }
    .bg-img { background-position: center; background-size: cover; background-repeat: no-repeat; }
    .modal { z-index: 9999 !important; position: absolute !important;}
    .modal__dialog { width: 100% !important; padding: 0px; }
    .toast-top-full-width { top: 50% !important; right: 0; width: 100%; }
    #toast-container > .toast-success { z-index: 9999999999999999999999999; background-image: none; background-color: #fff; color: black; opacity: 1;    /*width: 100%;*/ }
    .demo-close { bottom: unset; right: 0; top: 0; }
    .modal__content { padding: 3rem 1rem 11rem 1rem; }
    .modal--active { top: 0px !important; }
    .text-foot { text-align: center; }
    .otherside { float: unset; margin-top: 19px; }
    .over-justify-xs { justify-content: center; }
    .pt-40 { padding-top: 30px; padding-bottom: 30px; }
    .social_element { text-align: center; }
    .flex-xs { flex-direction: column; justify-content: center; text-align: center; }
    .navbar-brand { display: flex; align-items: center; }
    .les-avantages p { margin-bottom: 50px; }
    .title_function { line-height: 0.8; }
    .function_section {     padding-top: 10px !important; }
    /* .function_section { padding-top: 77px !important; } */
    .navbar-brand .logo,
    .navbar-brand .logo-alt { max-height: 30px !important; }
    #nav { top: 0px; }
    .bg-img { top: 51px; width: 100%; }
    .antifn { padding-top: 55px !important; }
    .carousel { margin-top: 25px; }
    .main-nav { display: block; -webkit-font-smoothing: auto; }
    .headnav { display: block; }
    .containerxs { padding-left: 5px !important; padding-right: 5px !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
    #table2 td { min-width: auto !important; max-width: 10px; padding: 10px 6px 10px 6px; }
    #table2 .t1 { border-top: solid 1px #c8c8c8 !important; border-bottom: solid 1px #c8c8c8 !important; }
    .m_p { margin: auto !important; }
    .p_price { font-size: 15px !important; }
    .modal--active { top: -16px !important; }
    .ra { height: auto !important; }
    .rb { height: auto !important; }
    .function_section { padding-top: 55px; padding-bottom: 0px !important; margin-top: auto !important; }
    .red_section { height: auto !important; }
    section { margin-top: auto !important; }
    .p-t80 { padding-top: 30px; }
    #sell, #whatsapp_b {
            left: 5%;
    }


    #table2 td {
        padding: 10px;
        border: none !important;
        min-width: 195px;
        /* font-size: 16px; */
        font-size: 12px;
    }
    .f1 {
        font-size: 12px;
    }
    .boat_img {
    margin: 25px 0;
    }
    .middle_hov {
        opacity: 0.5 !important;
        bottom: 10%;
        /* right: -3%; */
        right: -10%;
        /* opacity: 0.5 !important;
        bottom: 10%;
            right: -15%; */
    }
    .text_hov {
        font-size: 13px !important;
            padding: 1px 20px;
    border-radius: 30px;
    }
    .title_s {
        font-size: 23px;
    }
    .subtitle_s {
        font-size:  15px;
    }
    .s_content {
        font-size:  15px;

    }

    .r_f {
    display: flex;
    flex-flow: row wrap;
    }
    .mt-20 {
        margin-top: -3px !important;
    }
    .padding-top-35 {
        padding-top: 10px !important;
    }

/*.row > div {
    width: 100%;
}*/

.c1 {
    order: 2;
}

.c2 { 
    order: 1;
    margin-bottom: -15px;
}
.slider-wrap {
    margin-top: 31px;
}




/* ----- NEW TABLA  RES ----- */ 

    #table3  {
        border: solid 1px #c8c8c8;
    }
    
    #table3 td {
        padding: 10px;
        min-width: 195px;
        font-size: 16px;
        /* font-size: 12px; */
        background-color: white !important;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: -0.1px;
        text-align: center;
        color: #4d4d4c;
    }

    #table3 .p_title {
        font-size: 16px;
    }

    .tal {
        text-align: left !important;
    }

    .br {
        border-right: solid 1px #c8c8c8;
    }

    #table3 .t1 {
        background: white;
        color: #4d4d4c;
        text-align: center;
        padding: 6px;
        font-weight: bold;
    }

    #table3 td { min-width: auto !important; max-width: 10px; padding: 10px 6px 10px 6px; }
    #table3 .t1 { border-top: solid 1px #c8c8c8 !important; border-bottom: solid 1px #c8c8c8 !important; }

    #table3 td {
        padding: 10px;
        /* border: solid 1px #c8c8c8; */
        min-width: 195px;
        /* font-size: 16px; */
        font-size: 12px;
    }

/*  ----- NEW TABLA  RES ----- */ 
}


@media only screen and (min-width : 1224px) {
 .modal2 {
        left: 0px;

           right: 0%;
    } 
}

@media only screen and (min-width : 1824px) {

 .modal2 {
        left: 0px;

           right: 16%;
    } 
}













/* card */