/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .glass {
        display: none;
    }

    .flat-img {
        display: none;
    }

    .top-flat .flat-img1 {
        display: block;
    }

    .pen {
        display: none;
    }

    .r1 {
        left: 145px;
    }

    .r2 {
        left: 377px;
    }

    .r3 {
        left: 379px;
    }

    .r4 {
        left: 23px;
    }

    .r5 {
        left: 79px;
    }

    .r6 {
        left: 246px;
    }

    .gallery-image img {
        height: 293px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .top-right h2 {
        text-align: center;
    }

    .top-flat .flat-img1 {
        margin: 0 auto;
    }

    .r1 {
        left: 251px;
    }

    .r2 {
        left: 483px;
    }

    .r3 {
        left: 483px;
    }

    .r4 {
        left: 129px;
    }

    .r5 {
        left: 183px;
    }

    .r6 {
        left: 350px;
    }

    .arrow-price {
        text-align: center;
    }

    .pencil {
        display: none;
    }

    .ipad-layer .ipad-main {
        display: block;
        margin: 0 auto;
    }

    .l-1 {
        left: 152px;
    }

    .stroitel-man {
        display: block;
        margin: 0 auto;
    }

    .stroitel h2 {
        text-align: center;
    }

    .compare {
        text-align: center;
    }

    .compare li:first-child {
        margin-top: 0;
    }

    .compare li {
        display: inline-block;
    }

    .intall {
        background-size: cover;
    }

    .testimonials .col-md-3 img {
        display: block;
        margin: 40px auto 0;
    }

    .gallery-image img {
        height: auto;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .top-inf {
        text-align: center;
    }

    nav img {
        float: none;
        margin: 0 auto;
        display: block;
    }

    h1 {
        text-align: center;
    }

    .screpki {
        display: none;
    }

    .top-flat img {
        width: 100%;
    }

    .flat-menu,
    #r1 {
        display: none;
    }

    .inst-type {
        width: 100%;
    }

    .l-1 {
        left: 11%;
        width: 76%;
        top: 7%;
    }

    .ipad-main {
        width: 100%;
    }

    .box-modal {
        width: auto;
        dib;
    }

    .room-inf img {
        display: none;
    }

    nav .top-menu {
        margin-top: 10px;
        order: 3;
        flex-direction: column;
        align-items: center;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .ipad-main {
        width: 100%;
    }

    .l-1 {
        left: 12%;
        width: 74%;
    }

    #inst-type {
        width: 100%;
    }

    .type-info {
        min-height: 350px;
        font-size: .8rem;
    }

    .type-price {
        font-size: .9rem;
    }

    .filter-nav li {
        margin: 0 3px;
    }

    .filter-nav li:not(:last-child)::after {
        right: -5px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .l-1 {
        left: 13%;
        width: 72%;
    }
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .gallery-image img {
        height: 293px;
    }
}