@media screen and (min-width: 320px){
    #header .logo{
        display: block;
    }

    #header .phone{
        display: block;
    }

    .footer-holder .footer-box{
        display: block;
    }
}

@media screen and (min-width: 560px){
    .logo{
        margin: 10px auto;
    }
}

@media screen and (min-width: 585px){
    #main .alignright{
        display: block;
    }

    .footer-holder{
        height: 88px;
    }

    .footer-holder .nav{
        max-width: 550px;
        display: block;
        margin: 10px auto;
    }
}

@media screen and (min-width: 768px){
    #header{
        display: grid;
        grid-template-rows: 60px 129px 72px;
        /*@formatter:off*/
        grid-template-areas:
            "nav"
            "logo"
            "phone";
        /*@formatter:on*/
        height: 289px;
    }

/*    .phone{
        position: static;
        background: url(../images/ico-phone.png) no-repeat -15px 3px;
        padding: 0 0 0 128px;
        color: #4985A5;
        font-size: 14px;
        line-height: 17px;
        width: 380px;
        min-height: 72px;
        margin: 0 auto;
        grid-area: phone;
    }

    .phone > span{
        display: block;
    }*/

    .small_price{
        float: right;
        margin: 0 0 20px 20px;
    }

    section#content_area{
        padding: 0 20px 30px 20px;
    }

    .footer-holder{
        padding: 15px 20px 25px 205px;
    }

    .footer-holder .image{
        display: block;
    }
}

@media screen and (min-width: 1000px){
    #page{
        background: url(../images/bg-page.png) repeat-x;
    }

    #header{
        max-width: 1000px;
        min-height: 468px;
        display: block;
    }

    #header #navbar-expand1{
        display: none;
    }

    #header .logo{
        position: absolute;
        top: 22px;
        left: 232px;
        z-index: 10;
        margin: 0;
    }

    #header .phone{
        position: absolute;
        left: 343px;
        top: 98px;
        z-index: 15;
    }

    #header > *{
        display: block;
    }

    #nav li{
        position: absolute;
        z-index: 30;
        top: 0;
        left: 0;
    }

    #nav a{
        display: block;
        color: #FAFCFD;
        text-decoration: none;
        text-shadow: 1px 1px 1px #BB7B0B;
        height: 100%;
    }

    #nav a:hover{
        color: #FFFEAD;
    }

    #nav a span{
        position: absolute;
        top: 5px;
        left: 0;
        cursor: pointer;
    }

    #nav .main{
        width: 195px;
        height: 273px;
        top: 37px;
        left: -26px;
    }

    #nav .main a{
        background: url(../images/nav-main.png) no-repeat;
    }

    #nav .main a:hover{
        background-position: -195px 0;
    }

    #nav .main span{
        left: 75px;
    }

    #nav .home{
        width: 205px;
        height: 254px;
        top: 108px;
        left: 116px;
    }

    #nav .home a{
        background: url(../images/nav-home.png) no-repeat;
    }

    #nav .home a:hover{
        background-position: -205px 0;
    }

    #nav .home span{
        left: 79px;
    }

    #nav .school{
        width: 135px;
        height: 335px;
        top: 138px;
        left: 267px;
    }

    #nav .school a{
        background: url(../images/nav-school.png) no-repeat;
    }

    #nav .school a:hover{
        background-position: -135px 0;
    }

    #nav .school span{
        left: 19px;
        top: 2px;
    }

    #nav .office{
        width: 199px;
        height: 275px;
        top: 200px;
        left: 376px;
        z-index: 31;
    }

    #nav .office a{
        background: url(../images/nav-office.png) no-repeat;
    }

    #nav .office a:hover{
        background-position: -199px 0;
    }

    #nav .office span{
        left: 74px;
    }

    #nav .corporate{
        width: 214px;
        height: 300px;
        top: 166px;
        left: 498px;
    }

    #nav .corporate a{
        background: url(../images/nav-corporate.png) no-repeat;
    }

    #nav .corporate a:hover{
        background-position: -214px 0;
    }

    #nav .corporate span{
        left: 9px;
    }

    #nav .aboutus{
        width: 227px;
        height: 225px;
        top: 107px;
        left: 651px;
        z-index: 31;
    }

    #nav .aboutus a{
        background: url(../images/nav-aboutus.png) no-repeat;
    }

    #nav .aboutus a:hover{
        background-position: -227px 0;
    }

    #nav .aboutus span{
        left: 93px;
        top: 7px;
    }

    #nav .photogallery{
        width: 261px;
        height: 285px;
        top: 18px;
        left: 762px;
    }

    #nav .photogallery a{
        background: url(../images/nav-photogallery.png) no-repeat;
    }

    #nav .photogallery a:hover{
        background-position: -261px 0;
    }

    #nav .photogallery span{
        left: 8px;
    }
}

@media screen and (min-width: 1200px){
    section#content_area{
        padding: 0 30px 30px 30px;
    }
}