@media(max-width: 500px) {

    .whatsapp-btn-float a {
        font-size: 20px;
        padding: 2px 7px;
        right: 20px;
        bottom: 20px;
    }

    .form .form-content {
        padding: 30px;
        width: 300px;
    }

    .form .form-content h3 {
        font-size: 14px;
    }

    .close {
        right: 13px;
        font-size: 20px;
    }

    .header {
        margin: 15px 40px;
    }

    .header .logo {
        width: 68px;
    }

    .header .menu {
        gap: 8px;
    }

    .header .menu a {
        font-size: 8px;
        padding: 8px 20px;
        border-radius: 2px;
    }

    .header .menu a .fa-whatsapp {
        font-size: 10px;
        margin-right: 4px;
    }

    .header .menu button {
        font-size: 8px;
        padding: 8px 20px;
        border-radius: 2px;
    }

    .header .menu button .fa-phone-alt {
        padding: 1px;
        border-radius: 50%;
        margin-right: 4px;
    }

    .home .main-home {
        padding: 50px 8px 15px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .home .main-home h1 {
        font-size: 29px;
        max-width: 340px;
        margin-bottom: 10px;
    }

    .home .main-home .info-main-home {
        gap: 10px;
    }

    .home .main-home .info-main-home button {
        font-size: 8px;
        padding: 6px 10px;
        border-radius: 4px;
    }

    .home .main-home .info-main-home button .fa-arrow-circle-right {
        margin-left: 4px;
    }

    .home .main-home .info-main-home p {
        font-size: 8px;
        line-height: 9px;
        max-width: 150px;
    }

    .home .side-scroll {
        max-width: 370px;
    }

    .home .side-scroll .side-scroll-container {
        gap: 15px;
    }

    .home .side-scroll .side-scroll-item {
        padding: 5px;
        border-radius: 4px;
        gap: 6px;
    }

    .home .side-scroll .side-scroll-item .icon {
        width: 20px;
        padding: 5px;
        border-radius: 4px;
    }

    .home .side-scroll .side-scroll-item p {
        font-size: 7px;
    }

    .business-moves {
        gap: 20px;
        margin: 20px 0;
    }

    .business-moves .first-business-moves {
        flex-direction: column;
        gap: 15px;
    }

    .business-moves .first-business-moves .info-first-business {
        display: flex;
        align-items: center;
    }

    .business-moves .first-business-moves .info-first-business h2 {
        font-size: 21px;
        line-height: 19px;
        max-width: 160px;
        margin-bottom: 10px;
    }

    .business-moves .first-business-moves .info-first-business p {
        font-size: 10px;
        line-height: 12px;
        max-width: 190px;
        margin-bottom: 10px;
    }

    .business-moves .first-business-moves .info-first-business span {
        font-size: 8px;
        margin-bottom: 8px;
    }

    .business-moves .first-business-moves .info-first-business span img {
        width: 20px;
        padding-right: 5px;
    }

    .business-moves .first-business-moves .images-first-business {
        gap: 5px;
    }

    .business-moves .first-business-moves .images-first-business .image-1 {
        width: 150px;
        border-radius: 8px;
    }

    .business-moves .first-business-moves .images-first-business .image-2,
    .image-3 {
        width: 80px;
        border-radius: 6px;
    }

    .business-moves .business-moves-btn {
        gap: 10px;
    }

    .business-moves .business-moves-btn button {
        font-size: 8px;
        padding: 10px 20px;
        border-radius: 4px;
    }

    .business-moves .business-moves-btn button .fa-phone-alt {
        padding: 1px;
        border-radius: 50%;
        margin-right: 4px;
    }

    .business-moves .second-business-moves {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .business-moves .second-business-moves h3 {
        font-size: 23px;
        line-height: 21px;
        max-width: 200px;
        margin-bottom: 10px;
    }

    .business-moves .second-business-moves p {
        font-size: 14px;
        line-height: 16px;
        max-width: 190px;
        margin: 0 auto 10px;
    }

    .business-success {
        gap: 10px;
        margin-bottom: 30px;
    }

    .business-success h2 {
        font-size: 28px;
        line-height: 30px;
        max-width: 300px;
    }

    .business-success .bloc-business-success {
        width: 360px;
        gap: 15px;
        padding: 8px;
        border-radius: 4px;
    }

    .business-success .bloc-business-success img {
        width: 178px;
        border-radius: 4px;
    }

    .business-success .bloc-business-success.truck {
        padding: 0;
    }

    .business-success .bloc-business-success.truck img {
        width: 200px;
    }

    .business-success .bloc-business-success h3 {
        font-size: 11px;
        line-height: 10px;
        max-width: 120px;
    }

    .business-success .bloc-business-success p {
        font-size: 7px;
        line-height: 130%;
        max-width: 190px;
    }

    .business-success .form-btn {
        font-size: 8px;
        padding: 10px 20px;
        margin-top: 10px;
        border-radius: 4px;
    }

    .business-success .phone-btn {
        font-size: 8px;
        padding: 10px 60px;
        margin-top: 0;
        border-radius: 4px;
    }

    .business-success button .fa-phone-alt {
        padding: 1px;
        border-radius: 50%;
        margin-right: 4px;
    }

    .relocate {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .relocate div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .relocate h2 {
        font-size: 29px;
        letter-spacing: -1px;
        line-height: 26px;
        max-width: 260px;
        margin-bottom: 10px;
        text-align: center;
    }

    .relocate p {
        font-size: 11px;
        line-height: 14px;
        max-width: 260px;
        margin-bottom: 15px;
        text-align: center;
    }

    .relocate button {
        font-size: 8px;
        padding: 10px 20px;
        margin-top: 0;
        border-radius: 4px;
    }

    .relocate button .fa-phone-alt {
        padding: 1px;
        border-radius: 50%;
        margin-right: 4px;
    }

    .relocate form {
        width: 200px;
        height: 260px;
        padding: 10px;
        border-radius: 5px;
    }

    .relocate form label {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .relocate form input {
        font-size: 10px;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .relocate form textarea {
        font-size: 11px;
        height: 66px;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    .business-consultation {
        padding: 30px 20px;
        overflow: hidden;
    }

    .business-consultation .info-business-consultation h2 {
        font-size: 26px;
        line-height: 26px;
        max-width: 210px;
        margin-bottom: 20px;
    }

    .business-consultation .info-business-consultation button {
        font-size: 8px;
        padding: 10px 20px;
        margin-bottom: 10px;
        border-radius: 4px;
    }

    .business-consultation button .fa-phone-alt {
        padding: 1px;
        border-radius: 50%;
        margin-right: 4px;
    }

    .business-consultation img {
        width: 210px;
        position: absolute;
        transform: translate(190px, -8px);
    }

    .footer {
        padding: 50px;
    }

    .footer .content {
        gap: 25px;
        padding: 20px 0 5px;
    }

    .footer .content img {
        width: 80px;
        height: 100%;
    }

    .footer .content div {
        max-width: 120px;
    }

    .footer .content div span {
        font-size: 7px;
        margin-bottom: 10px;
    }

    .footer .content div a {
        font-size: 7px;
        margin-bottom: 15px;
    }

    .footer .content div .social {
        gap: 7px;
    }

    .footer .baseboard {
        gap: 10px;
        margin-top: 15px;
    }

    .footer .baseboard span {
        font-size: 5px;
    }
}