@media (max-width:425px){
    .gallery .slick-arrow.slick-next, .gallery .slick-arrow.slick-next{
        display: none !important;
    }

    .b__card {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .left__block.reverse{
        flex-direction: column-reverse;
        margin: 40px 0px;
    }

    .slick-dots{
        display: none !important;
    }

    .text_half{
        width: 100%;
    }

    .mobile_project__container_item h3.h3{
        text-align: center;
    }

    .dropbtn.drop-btn-mobile{
        background: #00000057;
        min-width: 250px;
        text-align: center;
        border: 1px solid white;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        width: 100%;
        color: white;
        font-weight: 700;
    }

    .justify{
        width: 100%;
        text-align: center !important; 
    }
}

@media (max-width: 767.98px) {
    /* smartphones, iPhone, portrait 480x320 phones */
    .wrapper {
        width: 90%;
    }



    a.btn {
        min-width: 200px;
    }

    .wrapper.mt-200 {
        margin-top: 150px;
    }

    .info img {
        display: none !important;
    }

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

    .contact-section .map,
    .contact-section .info {
        width: 100%;
    }

    .contact-section .info {
        height: auto;
    }

    .header_right_bar {
        display: none;
    }

    .gallery {
        margin: 50px 0px;
    }

    .burger_menu {
        z-index: 5;
        display: block;
    }

    .burg_container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ul.menu {
        display: none;
    }

    .mobile_menu li.menu__items {
        margin-right: 0px;
    }

    a.a__menu {
        margin-bottom: 40px;
    }

    ul.mobile_menu.active_menu {
        z-index: 3;
        width: 100%;
        height: 100vh;
        background-color: #00292f;
        left: 0;
        top: 0;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: all 0.3s ease 0s;
        box-shadow: 9px 0px 12px 0px rgb(162 162 162 / 78%);
        font-size: 1em;
        cursor: pointer;
        align-items: center;
    }

    .flex__block img.big_opa__img {
        position: absolute;
        right: 20px;
        opacity: 0.1;
        bottom: 0;
        top: -10px;
        width: 30%;
    }

    .fade {
        animation: fade 0.2s linear forwards;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .building-section {
        display: none;
    }

    .floor-container {
        padding: 50px 0px;
    }

    .floor-section {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        height: 100%;
        min-height: 320px;
    }

    .info_app_block {
        flex-direction: column;
        width: 100%;
        height: auto;
        justify-content: space-between;
    }

    .info_app_block img.icon {
        width: 70px;
    }

    .choose-floor-mobile {
        width: 100%;
    }

    .dropbtn.drop-btn-mobile {
        width: 100%;
    }

    .center-floor-image {
        width: 100% !important;
    }

    .mobile_project__container {
        display: flex;
        object-fit: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        min-height: 650px;
    }

    .dr__mb__cr {
        padding: 0px 20px;
        z-index: 1;
        width: 100%;
    }

    .mobile_project__container a {
        z-index: 1;
    }

    .mobile_project__container .cover {
        height: 100%;
        width: 100%;
        background: #00000059;
        position: absolute;
        z-index: 1;
    }

    .mobile_project__container_item {
        padding: 20px 40px;
        background: #00000057;
        min-width: 250px;
        text-align: center;
        border: 1px solid white;
        margin-bottom: 10px;
    }

    .mobile_project__container_item h3 {
        color: white;
        font-weight: bolder;
    }

    img.main-building {
        object-fit: cover;
        position: absolute;
    }

    header.header {
        width: 90%;
    }

    .left__block {
        flex-direction: column;
        padding: 0;
    }

    img.horizon {
        width: 100%;
        height: auto;
    }

    .flex__block {
        flex-direction: column;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"] {
        width: auto;
        height: 50px;
        margin-bottom: 10px;
        font-size: 17px;
        min-width: 340px;
    }

    button[type="submit"] {
        width: 100%;
        height: 70px;
        margin-bottom: 40px;
        font-size: 17px;
    }

    .flex__box__center {
        flex-direction: column;
    }

    .item {
        flex-direction: column;
        text-align: center;
    }

    h1.center-text {
        font-size: 40px;
    }

    img.logo {
        width: 150px;
    }

    .left,
    .right {
        width: 100%;
    }

    .copy {
        font-size: 14px;
    }

    .loader svg {
        width: 70%;
    }

    .right {
        align-items: center;
    }

    h1 {
        text-align: center;
        font-size: 28px;
    }

    .mb {
        margin-bottom: 30px;
    }

    .mt {
        margin-top: 30px;
    }

    .block__a {
        width: 100%;
    }

    .block__a img.logo__img {
        width: 50%;
        position: absolute;
        opacity: 0.5 !important;
        z-index: -1;
    }

    .text > p.p {
        margin-bottom: 20px;
    }

    .left__block .text {
        padding: 0px 0px;
    }

    .b__card {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .video-container .content {
        width: 90%;
    }

    .video-container .content h1 {
        font-size: 40px !important;
        color: #fff;
        padding-bottom: 30px;
        margin-bottom: 55px;
        text-transform: uppercase;
        width: 90%;
    }

    .left img.vertical__img {
        width: 100%;
    }
    .right img.horizontal__img {
        width: 100%;
    }

    .item > h2.h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .item img.footer__logo {
        width: 70%;
        cursor: pointer;
        margin-bottom: 60px;
    }

    .section-7,
    .section-6,
    .section-5 {
        padding: 20px 0px;
    }

    h3.h3 {
        text-align: left;
    }

    .quttro__container {
        height: auto;
        flex-wrap: nowrap;
        flex-direction: column;
        margin: 50px 0px;
    }

    .quattro__item {
        flex-wrap: wrap;
        width: 100%;
        height: 300px;
    }

    img.q__i {
        width: auto;
        height: 50px;
    }

    .left__block__content {
        padding: 40px 0px;
    }

    .left__block__content img{
        width: 100%;
    }

    .info__block__apartment {
        width: 100%;
        padding: 20px;
    }

    .info__items__blocks {
        flex-direction: column;
    }

    .info__items__blocks__i {
        font-size: 14px;
    }

    .li.info__li__imtes {
        font-size: 14px;
    }

    .center-floor-image.apartment-image {
        padding: 0;
        margin-top: 50px;
    }

    .apartment-container {
        padding: 50px 0px;
    }

    .filter-option li a {
        min-width: 132px;
    }

    .gallery-ul li img {
        height: 300px;
    }

    .gallery-ul .slick-arrow {
        display: none !important;
    }

    .filter-option li a.active {
        background: transparent;
        color: #8dc540;
        border-color: none;
    }

    .price__footer--buttons {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .price__footer--buttons a.btn {
        margin: 20px 0px;
    }
}

@media (max-width: 991.98px) {
    .wrapper {
        width: 90%;
    }

    
}

@media (max-width: 1199.98px) {
    .wrapper {
        width: 90%;
    }

    .header.header {
        width: 90%;
    }

    .flex__block img.big_opa__img {
        width: 20%;
    }

    img.vertical__img {
        width: 400px;
    }

    ul li {
        font-size: 12px;
    }

    .video-container .content {
        width: 90%;
    }

    .video-container .content h1 {
        font-size: 80px;
    }

    .btn {
        font-size: 12px;
    }

    img.floor-img {
        object-fit: contain;
    }

    .pin1.A {
        top: 5%;
        left: 57%;
    }
    
    .pin1.B {
        top: 8%;
        left: 40%;
    }
    
    .pin1.C {
        top: 22%;
        left: 33%;
    }
    
    .pin1.D {
        top: 44%;
        left: 22%;
    }

   
}