/*АДАПТИВ общий и главная страница*/

@media (max-width: 768px) {
    .input-filter {
        font-size: 12px !important;
    }

    .square-filter p, .sale-filter p, .radio-filter p {
        width: 80px;
    }

    .radio-input {
        margin-left: 10px;
    }

    .radio-filter {
        gap: 0;
    }

    .sale-filter, .square-filter {
        gap: 10px;
    }

    .grid-radio {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }

    .input-filter {
        padding: 8px 15px !important;
        width: 105px !important;
    }
}

@media (max-width: 425px) {
    .input-filter {
        padding: 8px !important;
        width: 70px !important;
    }

    .footer-second, .rule {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-second{
        gap: 20px;
    }

    .sale-filter, .square-filter {
        gap: 0px !important;
    }
}



@media (max-width: 1202px) {
    .container{
        max-width: 768px;
    }

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

    .services-block, .item-block {
        height: auto;
    }

    .item{
        grid-template-columns: repeat(3, 225px);
    }

    .img-card{
        height: 190px;
    }

    .bubble-item img, .SVG-item img {
        width: 17px;
    }

    .bubble-item p{
        font-size: 12px !important;
    }

    .bubble-item{
        padding: 8px 10px;
    }

    .card-item-text{
        padding: 15px;
    }

    .title-small{
        font-size: 16px;
    }

    .text-SVG p{
        white-space: normal;
    }

    .text-SVG {
        margin: 10px 0 20px;
    }

    .SVG-item {
        gap: 4px;
        width: auto;
    }

    .SVG-items {
        grid-template-columns: repeat(2, 91px);
    }

    .consultation-card {
        width: 50%;
    }

    .rule-polician-consultation p{
        font-size: 10.5px;
    }

    .dash-border{
        padding: 25px;
    }

    .hello-card{
        width: 230px;
        height: 100px;
    }

    .hello-text, .hello-text-text{
        gap: 30px;
    }

    .hello-title {
        background-size: 860px;
        background-position: 180% 100%;
        padding: 80px 0;
    }

    .services-block, .item-block{
        padding: 80px 0 30px;
    }

    .href_black {
        padding: 15px 20px;
        font-size: 14px;
    }

    .telephone{
        display: none;
    }

    .hello-text-text p{
        width: 500px;
    }

    .modal-body {
        width: 50vw;
    }
}

@media (max-width: 1143px) {
    .hello-text-text p{
        width: 625px;
    }
}

@media (max-width: 890px) {
    .modal-body {
        width: 65vw;
    }
}

@media (max-width: 686px) {
    .modal-body {
        width: 90vw;
    }

    #cons-text-modal {
        font-size: 8.5px;
    }
}

@media (max-width: 425px) {
    .grid-contact{
        grid-template-columns: auto !important;
    }

    #cons-text-modal {
        white-space: normal;
    }

    .modal-body {
        width: fit-content;
    }

    .dash-border-modal {
        padding: 15px 20px;
    }
}

@media (max-width: 768px) {
    .container {
        width: 425px;
    }

    .services {
        grid-template-columns: auto;
    }

    #card3, .logo, .line, #button-nav{
        display: none;
    }

    .text-nav {
        margin-left: 15px;
        margin-right: 15px;
    }

    .title-huge {
        font-size: 45px;
    }

    .title-small, .text-huge {
        font-size: 14px;
    }

    .title-img-main {
        height: auto;
        background-position: 45%;
    }

    .title-main{
        font-size: 23px;
    }

    .hello-text-text p{
        width: auto;
    }

    .hello-text-text, .hello-back-black{
        gap: 15px;
    }

    .hello-card {
        height: 70px;
    }

    .consultation-card {
        width: 100%;
    }

    .title {
        font-size: 30px;
    }

    .card-block-container {
        gap: 30px;
    }

    .services-block, .item-block {
        padding: 60px 0 30px;
    }

    .services-text{
        white-space: normal;
    }
    
    .services-card-all-text{
        height: 250px;
    }

    .item{
        grid-template-columns: auto;
    }

    .SVG-items {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

    #telephone-footer{
        font-size: 24px;
    }

    #text-footer{
        font-size: 12px;
    }

    .scr {
        gap: 15px;
    }

    .nav-footer {
        gap: 20px;
    }

    .footer-container {
        gap: 50px;
    }

    #social-text{
        display: none;
    }

    .text-footer-rule{
        font-size: 12px;
    }
}

@media (max-width: 1202px) {
    .max-width-he {max-width: 450px !important;}
}

@media (max-width: 1143px) {
    .max-width-he {max-width: -webkit-fill-available !important; 
                                   width: -webkit-fill-available !important}
}

@media (max-width: 1143px) {
    .another-max-width-he {max-width: -webkit-fill-available !important; 
                                   width: -webkit-fill-available !important}
}

@media (max-width: 425px) {
    .container {
        width: 344px;
    }

    .dropdown-content {
        left: -46px;
    }

    .dropdown-content a {
        text-align: right;
        padding: 2px 5px 2px 2px;
    }

    .title-huge {
        font-size: 30px;
    }

    #expert{
        white-space: normal;
    }

    .button-two{
        flex-direction: column;
        gap: 15px;
    }

    .title-main {
        white-space: normal;
    }

    #telephone-footer {
        font-size: 18px;
    }

    #text-footer {
        font-size: 10px;
    }

    .nav-footer {
        padding-top: 5px;
    }

    .scr a{
        font-size: 12px;
    }

    .text-footer-rule {
        font-size: 10px;
    }

    .menu {
        padding-right: 80px;
    }

    .hello-card p{
        font-size: 12px;
    }

    .dash-border {
        padding: 25px 18px;
    }

    .rule-polician-consultation p {
        font-size: 9.5px;
    }

    .services-text-more a{
        font-size: 12px;
    }

    .telephone-button > .button-white{
        width: 140px;
    }
}




/*АДАПТИВ контакты*/

@media (max-width: 1202px) {
    .flex-contacts {
        flex-direction: column !important;
        gap: 90px !important;
    }

    .consultation-card-contact {
        width: auto !important;
        height: 500px !important;
    }

    .textNSVG > .hello-title-text{
        width: auto;
    }

    .contacts {
        padding: 50px 0;
    }

    .textNSVG {
        gap: 50px;
    }

    .flex-contacts {
        gap: 50px;
    }
}

@media (max-width: 768px) {
    .contact-background {
        height: 300px;
    }

    .logo-contact {
        gap: 15px;
    }

    .logo-contact img {
        width: 45px;
        height: auto;
    }
}


/*АДАПТИВ Аренда недвижимости типовая*/

@media (max-width: 1202px) {

    .flex-rental {
        gap: 10px;
    }
}

@media (max-width: 768px) {

    #button-indiv-first{
        display: none;
    }
}


/*АДАПТИВ карточка недвижимости типовая*/
@media (max-width: 1202px) {
    .mySlides img{
        width: 560px !important;
    }
}

@media (max-width: 768px) {
    .img_flex {
        flex-direction: column !important;
        gap: 10px !important;

        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .row {
        flex-direction: row !important;
        height: auto !important;
        width: 393px !important;
        flex-direction: row !important;
    }

    .mySlides img {
        width: 393px !important;
        height: 393px !important;
    }

    .column img {
        width: 83px !important;
        height: 83px !important;
    }

    .coin img{
        width: 25px !important;
    }

    .coin, .text-type{
        gap: 20px !important;
    }

    .info{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .characteristics{
        flex-direction: column !important;
        gap: 20px !important;
    }
}


@media (max-width: 425px) {
    .mySlides img {
        width: 312px !important;
        height: 312px !important;
    }

    .row{
        width: 312px !important;
    }

    .column img {
        width: 63px !important;
        height: 63px !important;
    }

    .href-rental-N-text a, .href-rental-N-text p {
        font-size: 12px !important;
    }

    .coin, .info, .text-type {
        gap: 15px !important;
    }
}

#learn-more-button{
    width: -webkit-fill-available;
    width: -moz-available;
}



@media (max-height: 850px) {
    .div_button {
        margin-top: 10px;
    }
}

@media (max-height: 780px){
    .modal-dialog {
        margin-top: 50px;
    }
}