@media only screen and (max-width: 600px) {
    .mobile_none {
        display: none;
    }
    .desktop_none {
        display: block;
    }

    .pd_section1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        padding: 24px;
        margin-top: 72px;
        background: var(--BG, linear-gradient(90deg, #F8F8F8 0.69%, #FEFEFE 33.43%, #F5F5F5 78.63%, #F5F5F5 99.86%));
    }
    .catcha_button_box .btn_local {
        height: unset;
        width: fit-content;
        padding: 11px 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .img_ai {
        width: 232px;
        height: 253px;
    }

    .title_1 {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: Libre Bodoni;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        align-self: stretch;
    }

    .main_title {
        text-align: center;
    }
    .para_1{
        text-align: center;
    }


    .text_1 {
        gap: 24px;
        align-items: center;
    }

    .inside_r {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }

    .lower_section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .pd_section2 {
        padding: 24px;
    }

    .inner_section2,.inner_section1 {
        display: flex;
        /* padding: 24px; */
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .inner_section1 {
        text-align: center;
        margin-bottom: 24px;
        gap: 0px;
    }

    .button_2 {
        margin-top: 24px;
    }

    .para_2 {
        width: fit-content;
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: Raleway;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; 
        width: 327px;
        margin-top: 8px;
    }

    .mob_pc_section1 {
        background: url(../img/mob_pc.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        margin-top: 72px;
    }

    .mob_pc_title {
        color: #FFF;
        text-align: center;
        font-family: Libre Bodoni;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        text-transform: capitalize;
        align-self: stretch;
        padding-top: 123.5px;
        padding-bottom: 123.5px;
        margin-bottom: 0px;
    }

    .ai_section {
        justify-content: center;
    }

    .pc_section2 {
        padding-top: 24px;
        padding-bottom: 12px;
    }

    .filter_section {
        display: flex;
        flex-direction: column;
    }


    .mob_uperr_sec {
        background: url(../img/mob_contactbg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 72px;
        padding: 79.5px 24px 79.5px 24px;
    }

    .mob_us_title {
        color: #FFF;
        text-align: center;
        font-family: Libre Bodoni;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 0;
     }

    .mob_us_subtitle {
        color: #FFF;
        text-align: center;

        /* Body/P */
        font-family: Raleway;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
        margin-bottom: 0;
     }

     .mob_upder_sec_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
     }


    .three_box {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 24px;
     }

    .form_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
     }


    .left_boxx {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 24px;
     }


    .right_boxx {
        display: flex;
        gap: 15px;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
     }

    .catcha_button_box  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
     }


     .btn_local {
        display: flex;
        height: 39px;
        padding: 14px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 100%;
     }
     
    .box_cont {
        background: transparent;
        border: 0;
        padding: 12px;
        align-items: stretch;
     } 

     .contact_box  {
        padding-top: 24px;
        padding-bottom: 12px;
     }


     
     .result_text {
        display: none;
     }

     .box_boxes {
        width: 100%;
        background-color: #FFFFFF;
     }
     .inner_box{
         background-color: #FBFBFB;
     }
    
     .product_sort_drop {
        width: 257px;
     }

     .filter_section {
            flex-direction: row;
            justify-content: center;
     }
     
     .filter_dropdown {
        width: 360px;
     }

    

 
}


@media only screen and (min-width: 1200px) and (max-width:1348px) {

    .ai_section {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 32px 16px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
    }
    
}
@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .ai_section {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 32px 16px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
    }
    
}
@media only screen and (min-width: 1440px) and (max-width:1499px) {
    
}
@media only screen and (min-width: 1500px) and (max-width:1599px) {
    
}
@media only screen and (min-width: 1600px) and (max-width:1699px) {
    
}
@media only screen and (min-width: 1700px) and (max-width:1799px) {
    
}
@media only screen and (min-width: 1800px) and (max-width:1919px) {
    
}