@media screen and (max-width: 640px) {
    section#jobs{
        margin: auto !important;
        width: 90% !important;
    }
    .dropdown .dropdown-content{
        display: none;
        position: relative;
        width: auto;
        background-color: transparent;
    }
    .job-slide-wrapper{
        width: 60% !important;
    }

    .nav-sec.sm-flex-col.sm-items-start{
        width: 100%;
        padding-left: 75px;
    }

    .sm-menu-top{
        flex-direction: row;
    }

    .slider-arrows{
        width: calc(100% + 110px);
    }
 

    .pb-20 {
        padding-bottom: 10px;
    }
    div.sm-show{
        display: block !important;
    }
    div.sm-hide{
        display: none !important;
    }

    .sm-hide {
        display: none !important;
    }

    .sm-show {
        display: block !important;
    }

    .btn-responsive {
        padding: 6px 16px !important;
        font-size: 14px !important;
    }

    .hero .hero-outer svg {
        width: 24px;
        height: 24px;
    }


    .sm-flex-col {
        flex-direction: column;
    }

    .sm-80 {
        width: 80%;
    }

    .features#features h2{
        text-align: center;
    }

    .feature-box{
        gap: 10px !important;
    }

    .feature-box .feature-img {
        width: auto !important;
    }

    .bg-stay-ahead {
        background-image: url('../images/stay-ahead-sm.png');
    }

    .bg-resume-resonate {
        background-image: url('../images/resume-resonate-sm.png');
    }

    .bg-application-submission {
        background-image: url('../images/application-submtted-sm.png');
    }

    .bg-preference-priority {
        background-image: url('../images/prefer-priority-sm.png');
    }

    .bg-seemless-job {
        background-image: url('../images/seemless-job-sm.png');
    }

    .bg-handsoff-interview {
        background-image: url('../images/handsoff-interview-sm.svg');
    }

    .bg-automated-assistant {
        background-image: url('../images/automated-assistant-sm.png');
    }

     

    section.hero {
        padding: 0px !important;
    }

    .steps .sm-flex-col {
        flex-direction: column;
        align-items: center;
    }

    .sm-flex-row {
        flex-direction: row;
    }

    section.steps .smart-apply .icon{
        height: 50px !important;
    }


}