@media screen and (max-width: 1260px) {
    .footer-top { gap: 80px; }

    .consultation-cont .content1 { padding-right: 0; }
}

@media screen and (max-width: 1120px) {
    .news-card.swiper-slide { width: 348px !important; }
    .development-item.swiper-slide { width: 355px !important; }
}

@media screen and (max-width: 1130px) {
    footer .content1 hr {
        margin-left: -20px;
        margin-right: -20px;
    }

    .why-us-list { padding-left: 20px; padding-right: 20px; }
    .blog-preview-cont { padding: 50px 20px; }

    .needs-content, .quali-content, 
    .other-services-content { padding: 50px 20px 100px; } 
    .needs-menu, .quali-menu { padding: 50px 20px 100px; }
}

@media screen and (max-width: 1100px) {
    .middle-menu {
        bottom: 124px;
        gap: 10px;
        margin: 0 20px;
        a {
            font-size: 12px;
            line-height: 16px;
            padding: 14px 5px 0 15px;
        }
    }

    .development-slide {
        &.is-open {
            flex: 0 0 calc(80% - 10px);
            max-width: calc(80% - 10px);
        }

        &.next-slide {
            flex: 0 0 calc(20% - 10px);
            max-width: calc(20% - 10px);
        }
    }

    .hidden-info { width: 100%; }
    .footer-top { gap: 50px; } 

    .service-list a {
        font-size: 10px;
        line-height: 13px;
        max-height: 39px;
    }
}

@media screen and (max-width: 1023px) {
    header { min-height: 79px; }
    .menu, .lang-change { display: none; }
    #menu-toggle-button { display: flex; }
    .header-actions {
        margin: 0 20px 0 auto;
        > a { display: none; }
    }

    .development-sliders { flex-direction: column; }
    .development-slide {
        flex: unset;
        max-width: 100%;
        height: 300px;
        &.is-open, &.next-slide {
            flex: unset;
            max-width: unset;
        }
    }

    .development-slide:hover { height: 600px; }
    .slide-overlay { height: 300px; }
    .development-slide:hover .slide-overlay { width: 100%; }
    .hidden-info {
        border-radius: 0 0 10px 10px;
        top: 290px;
        height: 300px;
        > div { max-width: unset; }
    }

    .development-header {
        flex-direction: column;
        gap: 5px;
        margin-bottom: 30px;
        span {
            font-size: 20px;
            line-height: 24px;
            margin-left: unset;
        }
    }

    .footer-top { flex-direction: column; }

    footer {
        padding-top: 50px !important;
        &::before { top: 487px; }
    }

    .lawyer-cont, .media-container, .legislation-container, 
    .faq-container, .contact-container, .development-center { padding: 50px 20px 100px; }
    .lawyer { gap: 30px; }

    .media-header { 
        flex-direction: column; 
        align-items: flex-start;
        gap: 10px;
    }

    .search-form { width: 265px; }
    .side-contact { top: 95px; }

    .success-numbers { min-height: 160px; }
    .success-num {
        gap: 20px;
        max-width: 166px;
        min-width: unset;

        span:first-child {
            font-size: 30px;
            line-height: 35px;
        }

        span:last-child {
            font-size: 12px;
            line-height: 16px;
        }
    }

    .service-items img { width: 130px; }
}

@media screen and (max-width: 950px) {
    .services-content { display: none; }

    .services-cont {
        background-image: linear-gradient(to bottom, transparent 60%, var(--light-purple) 60%), url('../images/decor.svg');
        background-repeat: no-repeat;
        padding: 35px 20px 50px;
        position: relative;
        &::after { height: 60%; width: 100%; }

        .content1 {  
            > p:first-child {
                color: white;
                margin-bottom: 33px;
            }
        }
    }

    .services-swiper { 
        display: grid !important; 
        grid-template-columns: repeat(2, 1fr);
        width: 100% !important; 
        margin-bottom: 80px;
    }

    .mobile-service-list, .mobile-needs-list { 
        display: flex !important; 
        flex-direction: column; 
        align-items: center;

        > p:first-child {
            font: 20px 'BPG Mrgvlovani Caps 2010';
            line-height: 28px;
            margin-bottom: 20px;
        }

        select {
            appearance: none;
            --bs-form-select-bg-img: none !important;
            background: white;
            border: none !important;
            border-radius: 10px !important;
            font: 14px 'BPG Mrgvlovani';
            line-height: 19px;
            padding-left: 20px;
            padding-right: 45px;
            height: 50px;
            max-width: 500px;
            margin-bottom: 15px;
        }

        button {
            background: var(--tertiary-color);
            border: none;
            border-radius: 10px;
            color: white;
            font: 16px 'BPG Mrgvlovani Caps 2010';
            line-height: 22px;
            height: 50px;
            min-width: 500px;
            transition: all 0.3s ease;
            &:hover { background: var(--secondary-color); }
        }
    }
    .mobile-needs-list { display: none !important; }
}

@media screen and (max-width: 900px) {
    .why-us-prev {
        flex-direction: column-reverse;
        > img {
            width: 100%;
            height: auto;
        }
    }
    .why-us-list { width: 100%; padding-bottom: 50px; }
    .google-slide { width: 291px !important; }

    .blog-preview {
        flex-direction: column; 
        > img {
            width: 100%;
            height: 330px;
        }
    }

    .blog-preview-cont { width: 100%; }
    .blog-prev-info .title {
        justify-content: space-between;
        p { max-width: calc(100% - 50px); }
    }

    .media-grid, .other-media-items, .development-grid {
        grid-template-columns: repeat(2, 348px);
        justify-content: center;
    }
    .other-media-items { display: grid; }

    .media { flex-direction: column; }
    .current-media, .other-media { width: 100%; }

    .blog-form {
        grid-template-columns: repeat(2, 1fr);
        .range-date { width: 100%; }
    }

    .consultation-cont hr { margin: 20px 0; }
    .consultation-content {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .consultation-form {
        width: 100%; 
        min-width: unset;
        p:first-child { margin-bottom: 0; }
    }
 
    .consultation-contact-items, .contact-us p:first-child { margin-bottom: 20px; }

    .training > img:last-child { display: none; }
    .current-training, .advice-list, .advice-img { width: 100%; }
    
    .advice-content { flex-direction: column; }
    .advice-list { gap: 20px; }


    .about-content {
        padding-top: 0;
        width: calc(100% - 340px);
    }

    .about-images {
        min-height: 300px;
        width: 300px;
        img:first-child { 
            width: 180px;
            height: 205px;
        }
        img:nth-child(2) { 
            width: 180px;
            height: 205px;
        }
        img:last-child {
            width: 110px;
            height: 95px;
        }
    }
}

@media screen and (max-width: 767px) {
    .middle-menu {
        bottom: 50px;
        display: grid;
        gap: 0;
        grid-template-columns: repeat(2, 1fr);

        > a { 
            height: 50px;
            &:hover { transform: unset; }
        }

        > a:nth-child(even) { background: #6D7EE7; }
        > a:nth-child(3) { background: #6D7EE7; }
    }

    .middle-menu > a:nth-child(4) { display: none; }

    .banner-container {
        min-height: 600px;
        top: -100px;
        img { width: 350px; }
        div {
            font-size: 18px;
            line-height: 20px;
            height: 40px;
            width: 95%;
            height: 90px;
        }
    }

    .news-swiper-cont { 
        padding: 50px 20px; 
        .content1 > p:first-child { margin-bottom: 20px; }
        .content1 > a { width: 100%; }
    }

    .google-rev-cont { padding: 50px 20px; }

    .lawyer {
        flex-direction: column;
        > img:first-child { width: auto; }
    }

    .lawyer-info { width: 100%; }
    .lawyer-form {
        top: unset;
        bottom: 0;
        right: unset;
        padding: 30px 20px;
        width: 100%;
    }

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

    .legislation-text, .legislation-links { padding: 30px; }

    .address-cont .intro {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 30px;
    }

    .location-filter {
        flex-direction: column;
        > div { width: 100%; }
    }

    .location-content {
        flex-direction: column-reverse;
        gap: 0;
    }

    .locations-body {
        border-bottom: none;
        width: 100%;
        height: 350px;
    }

    .map-container {
        border-radius: 0 0 5px 5px;
        width: 100%;
        height: 350px;
    }

    .location-item { background: #ECECEC; }

    .contact-page, .review-content { flex-direction: column; }
    .contact-page-content, .map { width: 100%; }

    .training { margin-bottom: 50px; }

    .review-number { width: 100%; height: 350px; }
    .review-swiper { width: 100% !important; }
    .review-pagination { bottom: 25px !important; }
    .review-slide {
        padding: 30px 30px 70px; 
        gap: 15px;
        > p:first-of-type {
            font-size: 28px;
            line-height: 30px;
        }
        > div {
            font-size: 12px;
            line-height: 16px;
            height: 64px;
        }
    }

    .inner-banner {
        background-position-y: 100px;
        min-height: 320px;
    }

    .about-us-cont { margin-top: -120px; }
    
    .careers-list-head { 
        padding: 0 20px; 
        gap: 10px;
    }

    .career-item { 
        padding: 25px 20px; 
        gap: 10px;

        .name {
            font-size: 12px;
            line-height: 16px;
            height: 48px;
        }
    }

    .career-desc { padding: 22px 20px; }

    .success-num {
        gap: 10px;
        max-width: 146px;

        span:first-child {
            font-size: 18px;
            line-height: 22px;
        }

        span:last-child {
            font-size: 10px;
            line-height: 13px;
        }
    }

    .success-item {
        padding: 20px;
        span {
            font-size: 16px;
            line-height: 20px;
        }
        a {
            font-size: 12px;
            line-height: 16px;
        }
    }

    .needs-container, .other-services-cont, .quali-container { flex-direction: column-reverse; }
    .needs-menu, .quali-menu { display: none; }
    .needs-content, .other-services-content, .quali-content { width: 100%; }

    .mobile-needs-list { 
        background: var(--light-purple);
        display: flex !important; 
        padding: 35px 20px;
    }

    .other-services-cont .mobile-needs-list,
    .quali-container .mobile-needs-list {
        background: url('../images/decor.svg') no-repeat center center / cover;
        position: relative;
        z-index: 1;
        width: 100%;
        &::before {
            content: '';
            background: rgba(3, 15, 94, 0.87);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
        * {
            position: relative;
            z-index: 3;
        }
        > p:first-child { color: white; }
    }

    .inner-page-title, .inner-page-title1 {
        font-size: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 700px) {
    .media-header > div {
        flex-direction: column;
        width: 100%;
    }

    .search-form, .range-date, .about-content { width: 100%; }

    .about-content > p:first-child {
        font-size: 25px;
        line-height: 25px;
    }

    .about-images { display: none; }
}

@media screen and (max-width: 600px) {
    .media-grid, .other-media-items, .development-grid { grid-template-columns: repeat(1, 348px); }

    .media-preview {
        flex-direction: column;
        > img {
            width: 100%;
            height: 250px;
        }
    }

    .faq-container .page-title, .development-center .page-title1,
    .successful-cases-cont .page-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .question {
        font-size: 14px;
        line-height: 19px;
    }

    .answer-content, .careers-list-head, .career-item .date {
        font-size: 12px;
        line-height: 16px;
    }

    .success-numbers .content { 
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
    }

    .success-num {
        flex-direction: row;
        max-width: unset;
        span:last-child { text-align: unset; }
    }

    .mobile-service-list select, .mobile-service-list button,
    .mobile-needs-list select, .mobile-needs-list button {
        max-width: 320px;
        min-width: 320px;
    }
}

@media screen and (max-width: 500px) {
    .development-header span {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
    }

    .footer-bottom {
        font-size: 10px;
        line-height: 13px;
    }

    footer::before {
        top: 611px;
        width: 162px;
        height: 124px;
    }

    .footer-logo { gap: 10px; }

    
    .lawyer > img:first-child { width: 100%; height: auto; } 
    .lawyer-info .name {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .lawyer-links {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .lawyer-form p:first-child {
        font-size: 12px;
        -webkit-text-stroke: 0.3px black;
        margin-bottom: 15px;
        span:last-child { font-size: 20px; }
    }

    .media-preview { margin-bottom: 20px; }
    .media-preview .title {
        font-size: 14px;
        line-height: 19px;
        height: 76px;
        margin-bottom: 10px;
    }

    .media-preview > div:nth-child(2) { height: unset; }

    .media-text, .legislation-text { font-size: 12px !important; }

    .media-video iframe { height: 250px; }

    .legislation-links {
        background: unset;
        padding: 0;
    }
    .link {
        background: #FBFBFB;
        padding: 0 20px;
    }


    .location-filter { gap: 10px; }
    .location-filter label {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .location-filter select {
        font-size: 12px;
        line-height: 16px;
        padding-left: 21px;
    }

    .location-item {
        padding: 18px;
        p {
            font-size: 10px !important;
            line-height: 13px !important;
        }
    }
    
    .map iframe { height: 300px; }
    .contact-form button, .training-form button { width: 100%; }

    .review-number {
        height: 250px;
        > p:first-child, > p:nth-child(2) {
            font-size: 30px;
            line-height: 34px;
        }
    }

    .careers-list-head, .career-item .date,
    .career-item .name {
        font-size: 10px;
        line-height: 13px;
    }
    .career-item .name { height: 39px; }
    .career-item a img { transform: scale(0.7); }
    .careers-list-head p:nth-child(2) { width: 33.5%; }

    .current-case { padding: 20px; }
    .current-case > p:first-child {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .case-video { padding-left: 0; }

    .why-us-list p:first-child {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    } 

    .why-us-list li { 
        align-items: flex-start; 
        gap: 11px;
        img { width: 13px; margin-top: 3px; }
    }

    .blog-preview > img { height: 230px; object-position: 0 -30px; }  

    .blog-preview-cont {
        padding-top: 30px;
        > p:first-child {
            font-size: 20px;
            line-height: 24px;
            text-align: center;
        }
        > a {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }
    }

    .blog-prev-item {
        gap: 8px;
        &:hover .title { gap: 0; }
        &:hover .blog-prev-info { width: calc(100% - 170px); }
        .title { 
            gap: 0; 
            p { 
                font-size: 12px;
                line-height: 16px;
                height: 48px;
                max-width: 100%; 
            } 
            img { display: none; }
        }
    }

    .blog-prev-info {
        width: calc(100% - 170px);
        .author {
            font-size: 8px;
            line-height: 11px;
        }
    }
}

@media screen and (max-width: 450px) {
    header { min-height: 80px; }
    .header-content { padding-top: 0; justify-content: center; }
    .logo { gap: 10px; }

    .logo div {
        gap: 0;
        align-items: flex-start;
        img { width: 160px; margin-left: -6px; }
    }

    .side-contact {
        top: 500px;
        a { height: 40px; }
    }

    .review-link {
        gap: 0;
        padding: 0 10px;
        margin-left: auto;
        width: 40px;
        height: 40px;
        > img:first-child {
            width: 17px;
            height: 17px;
        }
        span, div { display: none; }
    }
    .side-contact > a:nth-child(2) {
        padding: 0 10px;
        font-size: 8px;
        line-height: 11px;
    }

    .apps {
        top: 100px;
        width: 40px;
        height: 40px;
        &:hover {
            width: 280px;
            height: 250px;
        }
        > a {
            justify-content: space-between;
            padding: 0 10px;
            gap: unset;
            width: 200px;
            right: -160px;
        }

        > a:first-child img { transform: scale(0.6); }
    }

    /* .side-mail {
        padding: 0 10px;
        top: 150px;
        justify-content: space-between !important;
        gap: unset;
        width: 200px;
        right: -160px;
        img { transform: scale(0.7); }
    } */
    .side-mail { display: none !important; }

    .other-apps {
        top: 50px;
        a { 
            width: 40px; 
            img { transform: scale(0.7); }
        }
    }

    .middle-menu { 
        display: grid;
        gap: 0;
        grid-template-columns: repeat(2, 1fr);
        > a { 
            padding-top: 10px;
            font-size: 10px;
            line-height: 13px;
        }
    }

    .service-slide {
        font-size: 10px;
        line-height: 13px;
    }

    .banner-container {
        min-height: 600px;
        top: -100px;
        img { width: 250px; }
        p {
            font-size: 14px;
            line-height: 19px;
            margin-bottom: 20px;
        }
        div {
            font-size: 18px;
            line-height: 20px;
            height: 40px;
            width: 95%;
            height: 90px;
        }
    }

    .development-slide {
        height: 250px;
        &.is-open, &.next-slide {
            flex: unset;
            max-width: unset;
        }
    }

    .development-slide:hover { height: 550px; }
    .slide-overlay { height: 250px; }
    .hidden-info {
        top: 240px;
        height: 300px;
        padding: 30px 20px 0 20px;

        .title {
            font-size: 14px;
            line-height: 19px;
            margin-bottom: 20px;
        }
    }

    .page-title, .page-title1 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .media-header > span { font-size: 25px; line-height: 25px; }
    .media-grid, .other-media-items, .blog-form, 
    .contact-items, .development-grid, .success-numbers .content { grid-template-columns: repeat(1, 1fr); }

    .share-media {
        flex-direction: column;
        align-items: flex-start;
    }

    .faq-container .page-title {
        -webkit-text-stroke: 0.5px black;
        font-size: 16px;
        line-height: 20px;
    }

    .development-center .page-title1, .successful-cases-cont .page-title {
        font-size: 16px;
        line-height: 20px;
    }

    .question {
        font-size: 12px;
        line-height: 16px;
    }

    .development-item span {
        font-size: 14px;
        line-height: 19px;
    }

    .contact-item { padding: 20px; }
    .contact-item:last-child { grid-column: 1 / 2; }

    .consultation-cont .page-title1 { font-size: 20px; }
    .consultation-form p:first-child, .contact-us p:first-child {
        font-size: 14px;
        line-height: 19px;
    }

    .advice-img {
        height: 250px;
        > p {
            font-size: 14px;
            line-height: 19px;
        }
    }

    .success-numbers { min-height: 200px; }
    .success-item {
        span {
            font-size: 12px;
            line-height: 16px;
        }
        a {
            font-size: 10px;
            line-height: 13px;
        }
    }

    .case-catalogue { 
        flex-direction: column;
        > div { width: 100%; }
    }
}