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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .top-menu li a {
        padding: 10px 10px;
    }
    #footer-col1, #footer-col2 {
        display: block;
    }

    .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;
    }
}

@media only screen and (max-width : 1024px) {
    .types__gallery {
        width: 760px;
        margin: 0 auto;
    }

    .complete__card img {
        width: 230px;
    }

    .last-works__item {
        width: 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .header {
        display: none;
    }

    .header__menu {
        width: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .header__menu .top-menu li a {
        border: none;
    }

    .top-menu {
        display: block;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .top-menu li {
        margin-bottom: 20px;
    }

    .top-menu__submenu {
        padding: 10px;
        opacity: 0;
    }
    .top-menu__submenu_rel {
        display: block;
        position: relative;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        opacity: 1;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }   

    .top-menu__submenu li {
        display: block;
    }

    .top-menu__submenu li a {
        background: inherit;
        font-size: 18px;
        color: #fff;
    }

    .top-flat {
        top: 95px;
        margin-bottom: 95px;
    }

    .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) {
    nav img {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .logo {
        width: 100%;
        margin-bottom: 15px;
    }

    .top-inf {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #footer-col1, #footer-col2 {
        display: none;
    }

    .top-inf p img {
        display: unset;
    }

    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;
    }

    .room-inf img {
        display: none;
    }

    nav .top-menu {
        margin-top: 10px;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .types__gallery {
        width: 720px;
    }

    .types__item {
        width: 340px;
    }

    .complete__container {
        width: 100%;
    }

    .complete__gallery {
        display: block;
        margin-left: 15%;
    }

    .complete__card {
        margin: 10px;
    }

    .cont-column {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .cont-column a:last-child {
        margin-bottom: 30px;
    }

    .cont-info {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .cont-info i {
        float: unset;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .r p {
        padding: 0;
    }
}

@media only screen and (max-width : 767px) {
    .complete__gallery {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        margin: 0 auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .top-inf {
        display: block;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        margin-bottom: 15px;
    }

    .top-inf_phone {
        margin-right: 0;
    }

    .top-inf p img {
        display: none;
    }

    .top-inf p {
        text-align: center;
    }

    .top-inf p:last-child {
        margin-bottom: 30px;
    }

    .top-inf a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .burger__buttons a {
        font-size: 12px;
        padding: 8px 15px;
    }
    
    .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;
    }

    .types__container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .types__gallery {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .types__item {
        width: 300px;
        margin: 5px;
    }

    .last-works__item iframe {
        width: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .top-inf p:last-child {
        margin-bottom: 15px;
    }

    .top-inf a {
        display: block;
    }

    .stocks {
        margin-bottom: 15px;
    }

    .l-1 {
        left: 13%;
        width: 72%;
    }
}
@media only screen and (max-width : 380px) {
    #phone_number {display: none;}
}

/*==========  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;
    }
}