
@media (min-width:1025px) and (max-width:1400px){
    .accordion_wrap .heading{
        font-size: 20px;
    }
}

@media (max-width:1025px){
   body .sm_none{
        display: none;
    }
    body .sm_block{
        display: block;
    }   
    .main_wrap{
        flex-direction: column;
    }
    .inner_row_2 .single_box{
        min-height: 240px;
    }
    .inner_row .accordion_in_this{
        min-height: 800px;
    }
    .dev_by.sm_dev{
        display: flex !important;
    }

}

@media (min-width:769px) and (max-width:1025px){
    .accordion_wrap .single_btn.active{
        height: 100%;
    }
    .contact_box .title{
        text-align: center;
    }
}
@media (max-width:769px){
    .navbar{
        flex-direction: column;
        height: auto;
        gap: 1em;
    }
    .logo_wrap{
        justify-content: center;
    }
    .nav_item_wrap{
        justify-content: center;
    }
    .inner_row{
        flex-direction: column;
    }

    .inner_row_1 .title{
        font-size: 33px;
        line-height: 40px;
    }
    .list_skill .tag{
        font-size: 12px;
    }
    .list_skill .dot{
    width: .55vw;
    height: .55vw;
    }
    
    .inner_row .accordion_in_this{
        min-height: 600px;
    }
    .contact_box .title{
        font-size: 30px;
        text-align: center;
    }
    .inner_row_1 .single_box_1{
        min-height: 240px;
    }
    .inner_row_2 .single_box{
        min-height: 340px;
    }
    .contact_box.sm_block{
    min-height: 200px;
    display: grid;
    }
    .accordion_wrap .single_btn.active{
        height: 50%;
    }
    .accordion_wrap .body img{
        width: auto;
        object-fit: inherit;
    }
    .main_col_2 .single_box_3 .social_wrap{
        font-size: 13px;
    }
    .accordion_wrap .heading{
        font-size: 18px;
    }
}

@media (max-width:378px){
    .nav_item_wrap{
        gap: 1em;
    }
    .nav_item_wrap li a{
        font-size: 15px;
    }
    .inner_row_1 .title{
        font-size: 28px;
        line-height: 30px;
    }
}