/* Small devices (phones, 0px and up) */
@media (max-width: 600px) {
    /* Prevent horizontal scroll */
    html, body {
        overflow-x: hidden;
    }

    .banner {
        background: aquamarine;
        margin-top: 0px;
    }

    .about_img img {
        width: 100%;
    }

    .header {
        position: relative;
    }

    .counter .d-flex {
        justify-content: center;
    }

    .counter p {
        text-align: center;
    }

    .about_img {
        margin-top: 0px;
    }

    .banner h2 {
        margin-top: 6rem;
    }

    .banner h3 {
        font-size: 29px;
    }

    .about_dv h3 {
        font-size: 20px;
        line-height: 28px;
        margin-left: 50px;
    }

    .hiringbox .btn {
        width: 42%;
    }

    .proffesional {
        top: 65px;
    }

    .essential {
        top: 41px;
    }

    .premium {
        top: 89px;
    }

    .package {
        padding-bottom: 31%;
    }

    .sociallinks {
        display: none;
    }

    .topmenu {
        padding-bottom: 26px;
    }

    .logo {
        text-align: center;
    }

    .toprightmenu {
        justify-content: center;
    }

    .alacart-left {
        margin-bottom: 10px;
    }

    .alacart-item {
        align-items: start;
        margin-bottom: 18px;
        flex-direction: column;
        padding: 12px 18px;
    }

    .ala-carte-area {
        margin-top: 0;
    }

    .alacart-left label {
        padding-left: 0;
        font-size: 16px;
    }

        .alacart-left label::before {
            padding: 8px;
            margin-right: 12px;
            margin-top: -5px;
        }

    .alacart-div {
        padding: 25px 48px 24px;
    }

    .ala-cart-head p {
        font-size: 16px;
        line-height: 22px;
    }

    .ala-cart-head h1 {
        font-size: 20px;
    }
}

/* Medium devices (tablets, 601px and up) */
@media (min-width: 601px) and (max-width: 1024px) {
}

/* Large devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
}