@media (max-width:767px) {
    .header {
        position: sticky !important;
    }

    .home-banner {
        height: clamp(1px,116.28vw,600px) !important;
    }

    .gomez-container {
        width: 100%;
    }

    .why-icon {
        width: clamp(1px, 8.14vw, 110px);
        height: auto;
    }

    .our-container {
        height: 100%;
    }

    .our-three {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .arrow-icon {
        width: clamp(1px, 5.582vw, 48px);
        height: clamp(1px, 5.582vw, 48px);
    }

    .practices-container,
    .articles-container {
        height: clamp(1px, 48.84vw, 606px);
    }

    .practices-border-one,
    .articles-border-one {
        border-top: clamp(1px, 0.4vw, 2px) solid #01658C;
    }

    .practices-border-two,
    .articles-border-two {
        border-bottom: clamp(1px, 0.4vw, 2px) solid #01658C;
    }

    .practices-border-one::after,
    .articles-border-one::after,
    .practices-border-two::after,
    .articles-border-two::after {
        width: clamp(1px, 0.105vw, 4px);
    }

    .prev-icon,
    .next-icon {
        height: clamp(1px, 5.582vw, 48px) !important;
        width: clamp(1px, 5.582vw, 48px) !important;
    }

    .slick-prev,
    .slick-next {
        width: clamp(1px, 10.466vw, 116px);
        height: clamp(1px, 10.466vw, 116px);
        border: clamp(1px, 0.4vw, 2px) solid transparent;
    }

    .slick-dots li {
        width: clamp(1px, 4.652vw, 80px);
        height: clamp(1px, 0.931vw, 8px);
        margin: 0 clamp(1px, 0.2604165vw, 10px);
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: clamp(1px, 4.652vw, 80px);
        height: clamp(1px, 0.931vw, 8px);
    }

    .slick-dots li button:before {
        width: clamp(1px, 4.652vw, 80px);
        height: clamp(1px, 0.931vw, 8px);
    }

    .phone-icon img {
        width: clamp(1px, 9.303vw, 120px);
        height: clamp(1px, 9.303vw, 120px);
    }

}