/* and (orientation: landscape) */
@media screen and (min-width: 600px) and (max-width: 1200px) {
    /* landscape tablet styles */

    .header-container .menu a.city-btn {
        font-size: 2vw !important;
        padding: 0px 20px !important;
    }

    .header-container .menu a {
        font-size: 2vw !important;
    }

    .menu-btn h2 {
        font-size: 3vw !important;
        line-height: 140% !important;
    }

    .header-container img {
        width: 52% !important;
        margin-left: 0px !important;
        margin-top: -39px !important;
    }

    p.heading-content {
        font-size: 2vw !important;
        line-height: 140% !important;
    }

    .button-who-we {
        font-size: 2.2vw !important;
        line-height: 140% !important;
        align-items: center !important;
    }

    .heading-title {
        font-size: 4vw !important;
        line-height: 60% !important;
        margin-bottom: 10px !important;
    }

    .wheel-container {
        right: -17vh !important;
        bottom: -2vh !important;
    }

    .left-content {
        width: 100% !important;
    }

    .right-content.active:after {
        left: -1% !important;
        top: -6% !important;
    }

    .hover-btn {
        height: 13vw !important;
        width: 7vw !important;
    }

    .hover-text p {
        font-size: 1.9vw !important;
    }

    .hd-btm h2 {
        font-size: 5vw !important;
    }

    .image {
        height: 12vw !important;
        width: 12vw !important;
    }

    .box-section .bottom-title p {
        font-size: 3.1vw !important;
    }

    .box-section:hover .hover-text span {
        font-size: 2.2vw !important;
    }

    .timeline-container .swiper-slide.swiper-slide-active:before {
        left: 7% !important;
    }

    .legacy-text p {
        font-size: 2vw !important;
    }

    .legacy-year {
        font-size: 3.3vw !important;
    }

    #map {
        height: 330px !important;
    }


}