/* Смартфоны (портретный формат) */
@media screen and (max-width: 1250px){

    .fix{width: 700px}

    .logo-box{position: relative}
    .logo-box{padding-left: 10px; margin-top: 10px; margin-bottom: 10px}
    .logo-box img{display: block; margin: 0px auto; width: 350px}

    .main-menu-box-wrapper ul{text-align: center; padding: 30px}
    .main-menu-el a{height: 40px; line-height: 40px}
    .slipmenu{padding: 20px}


    .media-form-box{float: none; width: auto; padding: 0px}
    .media-form-title h2{font-size: 14pt}
    .media-form-el .media-form-label{font-size: 14pt}

    .media-form-bttn a{padding: 10px 30px; font-size: 18pt}
    .media-gallery-box{float: none; width: auto; padding: 0px; border: 5px solid #f5f5f5}
    .media-form, .media-gallery-box{height: auto}

    #modbox-about-left{padding: 0px; margin: 0px auto; width: 50%; float: none}
    #modbox-about-right{width: auto; padding: 20px; box-sizing: border-box; text-align: center}


    .slipmenu{display: none !important;}

    .mobbttn{display: block;}


    .phone-box-wrapper{padding: 40px 0px; margin: 0px}
    .phone-box-wrapper ul{
        text-align: center; padding: 0px; background-image: none; width: 70%; box-sizing: border-box; padding: 20px;
        background-color: #ededed; margin: 0px auto; display: block;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .phone-box li{border: 0px solid #fff; padding: 0px; display: block; text-align: center}
    .phone-box li a{line-height: 30px; padding: 0px;}


    .lang-box{display: block}
    .phone-box-wrapper ul{width: 100%; background-color: #fff}
    .phone-box-wrapper ul.phone-box{background-image: none}
    .phone-box-wrapper ul.phone-box{background-color: #ededed}


}


/* Планшеты (портретный формат) */
@media screen and (max-width: 780px){

    .fix{width: 90%}

    .logo-box img{width: 100%; margin-bottom: 0px}



    .main-menu-box-wrapper{display: none}
    .main-menu-box-wrapper ul{padding: 20px 0px}
    .main-menu-el{display: block}
    .main-menu-el a{height: auto; line-height: 30pt; display: block; width: 100%; text-align: center; padding: 0px}








    .project-title h1{padding: 20px 20px; text-align: center; line-height: 30pt; font-size: 24pt}

    #modbox-about .fix{padding: 0px}


    #modbox-position h2,
    #modbox-about h2{padding-left: 10px; padding-right: 10px}



    .reviews-img{width: 70%; margin-bottom: 30px}
    .reviews-txt{width: 100%; text-align: center;}

    .modbox-mail-txt,
    .modbox-parking-txt,
    .modbox-position-addr,
    #modbox-about-right,
    .modbox-booking-txt,
    .reviews-txt p{font-size: 12pt; line-height: 14pt}

    .modbox-mail-form-left,
    .modbox-mail-form-right{width: 100%}

    .modbox-mail-form-bttn a,
    .modbox-mail-form{max-width: 100%}


    .modbox-mail-phones li a{font-size: 15pt}
    .modbox-mail-phones li{padding: 5px; display: block; }
    .modbox-mail-title{border-bottom: 0px; height: auto; margin: 0px}
    .modbox-mail-title h2{padding: 0px}
    .modbox-mail-phones{padding-top: 20px}


    .media-gallery-box{background: linear-gradient(to bottom, #f5f5f5 0, #f5f5f5 150px);}
    .media-gallery-box{margin-top: -20px; padding-top: 25px; background-color: #f5f5f5}


    #modbox-about-left{width: 100%;}

    .mobbttn{width: 30px; height: 30px; top: 27px}

    .project-title-dec1,
    .project-title-dec2{display: none}

    #modbox-about h2,
    #modbox-position h2,
    .modbox-mail-title h2,
    .modbox-parking-title h2{font-size: 20pt;  line-height: 20pt; font-weight: bold}

    .modbox-position-title{border: 0px solid #fff; margin-bottom: 20px}
    .modbox-position-title h2{background-color: transparent !important;}

    #modbox-parking-slider,
    #modbox-position-map-wrapper{width: 90%}
    #swiper-parking-pagination{margin-bottom: 0px}

    .modbox-about-title {height: 35px; margin-bottom: 40px;}
    #modbox-position{background-size: auto 100%}
    .modbox-mail-form{padding: 15px}

    .modbox-parking-title{border: 0px solid #fff; height: auto; margin-bottom: 20px}

    .fly-box{min-width: 100px}
    .fly-box-close{right: 0px; background-color: #fff}




    .contact-place-items img{width: 50px}
    .contact-place-items li{width: 45%;}
    .contact-place-items span{font-size: 14pt}

}



/* Планшеты (портретный формат) */
@media screen and (max-width: 900px){




}

/* Смартфоны (портретный формат) */
@media screen and (max-width: 480px){




}


@media screen and (max-width: 370px){



}