@media(max-width:1080px){
    .panels_inner_container,
    .sensor_container{
        flex-wrap: wrap;
        gap: 30px;
    }
    .pannels_card .content,
    .panels_inner_left,
    .panels_inner_right,
    .sensor_container .sensor_left,
    .sensor_container .sensor_right{
        max-width: 100%;
    }

    .designed_inner_container,
    .autism_inner{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .designed_card,
    .autism_card{
        max-width: 100%;
    }

    .autism_content h5 br {
        display: none;
    }
}

@media(max-width: 767px) {

    /* comn Padding */

    .py__80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .py__100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .py__120 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pt__80 {
        padding-top: 50px;
    }

    .pb__120 {
        padding-bottom: 70px;
    }

    /* comn Margin */

    .mb__20 {
        margin-bottom: 18px;
    }

    .mb__22 {
        margin-bottom: 20px;
    }

    .mb__24 {
        margin-bottom: 22px;
    }

    .mb__25 {
        margin-bottom: 23px
    }

    .mb__26 {
        margin-bottom: 23px
    }

    .mb__28 {
        margin-bottom: 24px
    }

    .mb__30 {
        margin-bottom: 25px;
    }

    .mb__32 {
        margin-bottom: 26px;
    }


    .mb__40 {
        margin-bottom: 30px;
    }

    .mb__44 {
        margin-bottom: 36px;
    }

    .mb__48 {
        margin-bottom: 40px;
    }

    .mb__60 {
        margin-bottom: 48px;
    }


    .comn_red_btn {
        padding: 12px 15px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    .text__16 {
        font-size: 14px;
        line-height: 24px;
    }
    .text__20 {
        font-size: 18px;
        line-height: 28px;
    }
    .h1 {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0px;
    }
    .h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .panels_inner_container{
        padding: 20px;
    }

    .pannels_card{
        padding: 10px;
        gap: 12px;
    }

    .pannels_card .icon_container .img img {
        width: 22px;
        height: 22px;
    }
    .panels_inner_left ul li{
        gap: 10px;
    }
    .critical_container{
        padding: 20px;
    }
    .designed_inner_container,
    .autism_inner{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .wall_card_wrapper{
        max-width: 100%;
    }

    .wall_inner_container{
        gap: 24px;
    }

    .wrapper__faq__card{
        padding: 24px;
    }

    .timeline_marker span{
        width: 50px;
        height: 50px;
    }

    .timeline_item:not(:last-child)::before{
        left: 25px;
    }

    .timeline_item{
        gap: 15px;
    }

    .interior_container .timeline_item:not(:last-child) {
        padding-bottom: 20px;
    }

}