@media (max-width: 767px) {
    html { overflow: hidden; height:100%}
    body {overflow-x: hidden!important;}
    .sec {
        width: 100%;
        height: 100%;
    }
    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
        height: 100%;
        overflow: hidden;
    }
    .borda{
        height: 100%;
    }
}

@media (max-width: 1024px) {
    html { overflow: hidden; height:100%}
    body {overflow-x: hidden!important;}
    .sec {
        width: 100%;
        height: 100%;
    }
    #job1, #job2, #job3, #job4, #job5, #job6, #job7, #job8, #job9, #job10, #job11, #job12, #job13{
        height: 100%;
        overflow: hidden;
    }
    .borda{
        height: 100%;
    }
}