@charset "utf-8";
/* CSS Document */

#our-approach{
    
    display: flex;
    width:1500px;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;

}

.app_box{
    
    width:460px;
    height:auto;
    text-align: center;
    padding:20px;
    
}

.app_box img {
    
    width:96px;
    height:96px;
    
}

@media only screen and (max-width: 1520px){
    
    #our-approach{

        width:1200px;

    } 
    
    .app_box{

        width:360px;

    }

    .app_box img {

        width:80px;
        height:80px;

    }
 
}

@media only screen and (max-width: 1220px){
    
    #our-approach{

        width:900px;

    } 
    
    .app_box{

        width:260px;

    }

    .app_box img {

        width:64px;
        height:64px;

    }
 
}

@media only screen and (max-width: 920px){
    
    #our-approach{

        width:600px;

    } 
    
    .app_box{

        width:260px;

    }

    .app_box img {

        width:80px;
        height:80px;

    }
 
}

@media only screen and (max-width: 620px){
    
    #our-approach{

        width:500px;

    } 
    
    .app_box{

        width:210px;

    }

    .app_box img {

        width:80px;
        height:80px;

    }
 
}

@media only screen and (max-width: 520px){
    
    #our-approach{

        width:300px;

    } 
    
    .app_box{

        width:300px;
        padding-left: 0;
        padding-right: 0;
        
    }

    .app_box img {

        width:80px;
        height:80px;

    }
 
}