@media screen and (min-width: 1800px) {
    .menu { gap: 45px; }
    .menu-item > a, .menu-item li { font-size: 16px; }
    .contact-info { gap: 100px; }
}

@media screen and (min-width: 1700px) {
    .contact-info::before { left: -13%; }
    .contact-info::after, .header-geo .contact-info::after { right: -13%; }

    .header-geo .menu-item > a {
        font-size: 14px;
        line-height: 19px;
    }
}

@media screen and (min-width: 1500px) {
    .menu {
        padding-right: 0;
        gap: 35px;
    }

    .header-geo .menu { gap: 20px; }

    .contact-info { gap: 70px; }
    .socials { padding-left: 0; }
}

@media screen and (max-width: 1340px) {
    .banner-text {
        left: 40px;
    }

    header.closed .header-content {
        margin-left: 0;
    }
}

@media screen and (max-width: 1300px) {
    .menu, .contact-info {
        gap: 10px;
    }

    .contact-info::before {
        left: -10px;
    }

    .contact-info::after {
        right: -10px;
    }

    .video-swiper-container {
        padding-right: 40px;
    }

    .video-info {
        width: calc(100% - 250px);
    }

    .newsletter-preview-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .menu, .socials {
        padding: 0;
    }

    .menu-item > a {
        font-size: 12px;
        line-height: 16px;
    }

    .contact-info::after,
    .contact-info::before {
        content: none;
    }
}

@media screen and (max-width: 1100px) {
    .open-header { display: none; }

    .header-container {
        padding: 0;
    }
    
    .header-content {
        border-radius: 20px 20px 0 0;
    }
    
    .menu { display: none; }
    .menu-toggle { display: block; }

    .header-content {
        justify-content: unset;
        gap: 20px;
    }

    .contact-info {
        margin-left: auto;
    }

    .newsletter-swiper-container,
    .testimonial-swiper-container {
        flex-direction: column;
    }

    .newsletter-swiper, .testimonial-swiper {
        width: 100%;
    }

    .newsletter-buttons, .testimonial-buttons {
        display: flex;
        gap: 10px;
    }

    .newsletter-swiper-container > .prev-newsletter,
    .newsletter-swiper-container > .next-newsletter,
    .testimonial-swiper-container > .prev-testimonial,
    .testimonial-swiper-container > .next-testimonial {
        display: none;
    }

    .subscribe span {
        font-size: 16px;
        margin-right: 0;
    }

    .team-grid {
        grid-template-columns: repeat(2, 316px);
    }

    .practice-items {
        grid-template-columns: repeat(3, 1fr);
        justify-content: center;
    }
}

@media screen and (max-width: 1023px) {
    .news-grid {
        grid-template-columns: repeat(2, 320px);
    }

    .team-practice-grid {
        grid-template-columns: repeat(1, 316px);
        justify-content: center;
    }

    .news-heading {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 900px) {
    .video-news {
        flex-direction: column;
    }

    .video-news > img {
        width: 100%;;
        height: 330px;
    }

    .video-swiper-container {
        width: 100%;
        padding: 40px;
    }

    .footer-content {
        flex-direction: column;
        align-items: unset;
        gap: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-menu {
        flex-direction: column;
        align-items: unset;
        gap: 10px;
    }

    .about-us-imgs img:first-child,
    .about-us-page-content .about-us-imgs > img:first-child {
        height: 150px;
        width: 150px;
    }

    .about-us-imgs img:last-child,
    .about-us-page-content .about-us-imgs > img:last-child {
        height: 200px;
        width: 200px;
        bottom: unset;
        top: 50px;
    }

    .about-us-content {
        padding-top: 0;
    }

    .member-details {
        padding: 32.5px 15px;
    }

    .member-introduction {
        padding-right: 20px;
    }

    .contact-member {
        padding-left: 20px;
    }

    .news {
        flex-direction: column;
    }

    .current-news, .other-news {
        width: 100%;
    }

    .other-news-items {
        flex-direction: row;
        justify-content: center;
    }

    .other-news-items .news-card {
        width: 320px;
    }

    .news-practice-grid {
        grid-template-columns: repeat(1, 320px);
        justify-content: center;
    }

    .practice-items {  grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
    header { top: 0; }
    .header-content {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 0;
        backdrop-filter: blur(4px);
        filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.07));
        justify-content: space-between;
    }

    .contact-info, .utilities {
        display: none;
    }

    .banner-text {
        right: 40px;
    }

    .subscribe {
        flex-direction: column;
        align-items: unset;
    }
    
    .subscribe input {
        width: 100%;
    }

    .team-member {
        flex-direction: column;
    }

    .member-image-cont { 
        display: flex;
        flex-direction: column;
        width: 100%; 
    }

    .member-image {
        width: 419px;
        margin: 0 auto 20px;
    }

    .member-info {
        width: 100%;
    }

    .member-details {
        justify-content: center;
    }

    .latest-news {
        flex-direction: column;
    }

    .latest-news > img {
        width: 100%;
        object-fit: contain;
    }

    .news-description {
        width: 100%;
    }

    .contact-content {
        flex-direction: column;
    }

    .contact-form, .contact-details {
        width: 100%;
    }

    .mobile-socials {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 20px 0;
    }

    .mobile-socials > div {
        display: flex;
        gap: 15px;
    }

    .icon {
        font-size: 15px;
        width: 40px;
        height: 40px;
    }

    .phone-email a:first-child, .working-hours span,
    .phone-email a:last-child, .address span {
        color: white;
        font-size: 14px;
        line-height: 19px;
    }

    .working-hours span {
        width: 73px;
    }

    .mobile-media {
        display: flex;
        align-items: center;
        gap: 15px;
        margin: 0 0 100px;
    }

    .mobile-media span {
        font: 600 20px "Segoe";
        line-height: 24px;
    }

    .dropdownMenu hr:last-of-type {
        display: block;
    }

    .practice-content {
        flex-direction: column;
    }

    .sidenav, .practice-item {
        width: 100%;
    }

    .category-filter-list {
        grid-template-columns: repeat(1, 290px);
    }
}

@media screen and (max-width: 754px) {
    .team-grid {
        grid-template-columns: repeat(1, 316px);
    }

    .news-grid {
        grid-template-columns: repeat(1, 320px);
    }
    
    .other-news-items {
        flex-direction: column;
        align-items: center;
    }

    .cookie-consent { left: 20px; }

    .news-heading > form:last-child {
        flex-direction: column;
        align-items: flex-start;
        width: 400px;
    }

    .news-heading > form:last-child input,
    .news-heading > form:last-child button { width: 100%; }
}

@media screen and (max-width: 600px) {
    .about-us-prev-content, .about-us-page-content {
        flex-direction: column;
    }

    .about-us-page-content .about-us-imgs {
        min-height: 335px;
    }

    .about-us-imgs {
        width: 100%;
    }

    .about-us-content {
        width: 100%;
    }

    .about-us-imgs img:first-child,
    .about-us-page-content .about-us-imgs > img:first-child {
        width: 265px;
        height: 232px;
        top: 0;
        left: 0;
    }
    
    .about-us-imgs img:last-child,
    .about-us-page-content .about-us-imgs > img:last-child {
        width: 289px;
        height: 268px;
        right: 0;
        bottom: 0;
    }

    .cookie-content {
        flex-direction: column;
    }

    .cookie-content > p:first-child {
        max-width: 100%;
    }

    .sitemap a:first-child {
        font-size: 16px;
        line-height: 19px;
    }

    .sitemap a:last-child {
        font-size: 12px;
        line-height: 16px;
    }

    .category-filter-head {
        width: 262px;
    }
}

@media screen and (max-width: 500px) {
    .banner-text {
        font-size: 14px;
        line-height: 19px;
        padding: 20px;
    }

    .banner-swiper, .banner-container {
        height: 550px;
        margin-bottom: 50px;
    }

    .team-container {
        padding-bottom: 100px;
    }

    .member-image {
        width: 100%;
    }

    .current-news-img {
        height: 300px;
    }

    .practice-items { column-gap: 10px; row-gap: 20px; }
    .main-practice-item img { height: 100px; }
    .main-practice-item div:last-child {
        font-size: 11px;
        line-height: 13px;
        height: 80px;
        min-height: 110px;
    }

    .main-practice-item div:last-child span:last-child {
        font-size: 9px;
        line-height: 11px;
    }

    .newsletter-preview-heading form {
        flex-direction: column;
        width: 100%;
    }

    .newsletter-preview-heading input, .newsletter-preview-heading button {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .video-news > img {
        height: 250px;
    }

    .video-card {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .video-info {
        width: 100%;
    }

    .video-card > img:last-child {
        position: absolute;
        right: 17px;
        top: 50%;
    }

    .video-card:hover > img:last-child {
        padding-left: unset;
        right: 0;
    }

    .member-details {
        flex-direction: column;
    }

    .member-introduction {
        border-right: none;
        border-bottom: 1px solid #E1E1E1;
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    .contact-member {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }

    .sitemap {
        margin-bottom: 35px;
    }

    .latest-news > img {
        height: 180px;
    }

    .news-description {
        padding: 30px;
    }

    .category-filter, .news-heading > form:last-child {
        width: 100%;
    }

    .category-filter-head, .datepicker, #rangeDate {
        width: 100%;
    }

    .news-heading > form:last-child span {
        font-size: 14px;
    }

    .category-filter-list.visible {
        width: 100%;
    }
}

@media screen and (max-width: 392px) {
    .subscribe {
        align-items: center;
    }

    .subscribe button {
        width: 100%;
    }

    .about-us-preview {
        margin-bottom: 50px;
    }

    .about-us-imgs, .about-us-page-content .about-us-imgs {
        min-height: 230px;
    }
    
    .about-us-imgs img:first-child,
    .about-us-page-content .about-us-imgs > img:first-child {
        height: 150px;
        width: 150px;
    }

    .about-us-imgs img:last-child,
    .about-us-page-content .about-us-imgs > img:last-child {
        height: 200px;
        width: 200px;
        bottom: unset;
        top: 50px;
    }

    .team-grid, .news-grid, .team-practice-grid,
    .news-practice-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .team-practice-grid, .news-practice-grid {
        padding: 0;
    }

    .member-image {
        height: 300px;
    }

    .other-news-items .news-card {
        width: 100%;
    }

    .sitemap a:first-child,
    .sitemap a:last-child {
        font-size: 10px;
        line-height: 13px;
    }
}