@media (max-width: 480px) {
    .navbar-brand {
        padding: 0;
    }

    .navbar-brand svg:first-child {
        height: 24px;
        width: 95px;
    }

    .ms-5 {
        margin-left: 3rem !important;
    }

    .navbar-toggler {
        display: flex;
        flex-direction: column;
        border: 0;
        box-shadow: none !important;
    }

    button.navbar-toggler span {
        width: 18px;
        display: inline-block;
        height: 2px;
        background: #002B4B;
        margin: 2px 0;
    }

    button.navbar-toggler.light span {
        background: #f8f9fa;
    }

    .hero-content h1 {
        font-size: 36px;
    }

    .hero-content h1 span svg {
        height: 33px;
        width: 131px;
    }

    .ft-xs-16 {
        font-size: 16px !important;
        line-height: 18px !important;
    }

    .ft-xs-12 {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    .hero-content a:not(.btn) {
        width: 50%;
    }

    .hero:before {
        background-image: linear-gradient(to top, black, transparent);
    }

    .hero .hero-content {
        padding-bottom: 48px !important;
    }

    .ft-xs-18 {
        font-size: 18px !important;
        line-height: 21px !important;
    }

    .press-logos svg {
        margin-right: 40px;
    }

    .press-logos div:last-child svg {
        margin-right: 0;
    }

    .horizontal-scroll-xs {
        overflow-x: auto;
        padding-bottom: 10px;
        flex-wrap: nowrap;
    }

    .ft-xs-32 {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    .ft-xs-28 {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    .ft-xs-14 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .hero.hero-bottom .hero-content {
        min-height: 560px;
    }

    .full-h-xs {
        width: 100%;
    }

    .footer .navbar-brand span svg {
        height: 15px;
        width: 58px;
    }

    .footer .navbar-brand span:last-child svg {
        height: 15px;
        width: 42px;
    }

    .ft-xs-36 {
        font-size: 36px;
        line-height: 41px;
    }

    .home-car {
        width: 100%;
    }

    .home-second-car {
        width: 100%;
        transform: none;
    }

    .bordered-box svg {
        height: 48px;
        width: 48px;
    }

    .ml--60 {
        margin-left: -60px;
    }

    #mainMenu .nav-item + .nav-item {
        margin: 0;
    }

    #mainMenu .nav-item > .nav-link {
        display: inline-block;
        width: 100%;
        color: #002B4B !important;
        padding: 20px 0 !important;
        text-align: start !important;
        padding-left: 20px !important;
        border-bottom: 1px solid #E0E1E1 !important;
    }

    #mainMenu .nav-item + .nav-item > .nav-link {
        border-bottom: 1px solid #E0E1E1 !important;
        border-radius: 0 !important;
    }

    #mainMenu {
        margin-top: 20px;
        background-color: white !important;
        text-align: center;
        color: black !important;
        margin-bottom: 0 !important;
    }

    #navbarSupportedContent {
        margin-left: -15px;
        margin-right: -15px;
    }

    .hero-benefits-person {
        height: 70% !important;
    }

    .comparison th,
    .comparison td {
        /* min-width: 125px; */
    }

    .faq-title svg {
        height: 32px;
        width: 32px;
    }

    .ft-xs-20 {
        font-size: 20px;
        line-height: 23px;
    }

    .car-models-wrapper .bordered-box svg {
        height: 18px;
        width: 18px;
    }

    #mainMenu .nav-item > .nav-link.active {
        background-color: whitesmoke !important;
    }

    .ft-xs-24 {
        font-size: 24px;
        line-height: 28px;
    }

    .big-bordered-box {
        padding: 24px;
    }

    video {
        width: 100% !important;
        height: 180px;
    }

    #comments .ti-review-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #comments .ti-reviews-container-wrapper {
        gap: 0 !important;
    }

    #comments .ti-review-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    #comments .ti-name {
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: bold;
        white-space: normal !important;
        text-overflow: initial !important;
        text-align: left;
    }

    #comments .ti-date {
        margin-left: 40px !important;
    }

    .hero-blog {
        background-image: url("/static/img/hero-blog-peru.mobile.jpg");
    }

    .recent-posts .main-entry {
        max-height: 400px;
        min-height: 400px;
    }

    .recent-posts .main-entry-description {
        padding: 25px;
    }

    .recent-posts .entry {
        min-height: initial;
    }

    .common-entries .entry-description {
        padding: 16px;
    }

    .common-entries .entry {
        min-height: initial;
    }

    .ft-xs-28 svg {
        height: 20px;
        width: 80px;
    }

    .breadcrumb .breadcrumb-item {
        line-height: 30px;
    }

    .blog-content h2 {
        font-size: 20px;
    }

    .border-top-xs {
        border-top: 1px solid #E0E1E1;
    }

    .about-hero {
        height: 260px;
    }

    .blog-entry-banner {
        background-position: -480px 0;
        background-size: cover;
        padding: 24px;
        padding-top: 150px;
    }

    .vehicle-image-wrapper {
        height: initial;
    }

    .blog-entry-banner div {
        width: 100% !important;
        max-width: 100% !important;
    }

    .car-stat {
        width: 50%;
        max-width: 45%;
    }

    .vehicles-feat-cont::before {
        max-width: 80%;
    }

    .vehicles-struct-panel {
        width: 100%;
        height: 400px;
    }

    .vehicles-background {
        height: initial;
    }

    .dropdown .dropdown-menu {
        min-width: 100% !important;
        text-align: center;
        border-radius: 0;
        margin: 0 !important;
        border: 0 !important;
    }

    .phone {
        display: none !important;
    }

    .padding-phone {
        padding: 20px !important;
    }


    .flex-xs-column {
        display: flex !important;
        flex-direction: column !important;
    }

    .flex-xs-column-reverse {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .section-margin {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-padding {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .absolute-xs {
        position: absolute;
    }

    .relative-xs {
        position: relative;
    }

    .how-work-image-mobile-gradient {
        &:before {
            content: " ";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(356.57deg, rgba(0, 0, 0, 0) 52.64%, rgba(33, 68, 75, 0.379465) 75.07%, rgba(79, 164, 181, 0.91) 90.66%, #002037 116.42%);
        }
    }

    .hidden-xs {
        display: none;
    }

    .show-xs {
        display: block;
    }

    .h-xs-full {
        height: 100% !important;
    }

    .partners-background {
        background: #61AEBD !important;
    }

    .partners-background.header {
        background: white !important;
    }

    .text-sm-black {
        color: #000 !important;
    }

    .partners-background-img {
        & img {
            margin-left: 0 !important;
            height: 500px !important;
            width: auto !important;
            object-fit: cover !important;
        }
    }

    .special-buttons {
        > li > a {
            font-size: 14px !important;
        }
    }

    & .right-button > a {
        margin-left: -15px !important;
    }

    .navbar-nav-invert > .nav-item > .nav-link {
        color: black !important;
    }

    .w-100 {
        width: 100% !important;
    }

    .hero-brand {
        background-position: center;
    }

    .hero-brand::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 300px;
        background: linear-gradient(0deg, #002B4B 62.5%, rgba(0, 43, 75, 0) 100%);
    }

    .d-xs-none {
        display: none !important;
    }

    .hero-vehicle::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(272.74deg, rgba(0, 0, 0, 0) 19.54%, #000000 67.82%);
    }

    .pt-header {
        padding-top: 76px !important;
    }
}