/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    /* header */
    .nav>li>a { padding-right: 10px; padding-left: 10px; }
    .navbar-nav > li > a:after {
        left: 10px;
        width: 145px;
    }
    .navbar-nav > li:nth-child(2) > a:after { width: 160px; }
    .navbar-nav > li:nth-child(3) > a:after { width: 135px; }
    .navbar-nav > li:nth-child(4) > a:after { width: 105px; }
    
    /* info main */
    .m-info {
        margin-left: 62%;
        width: initial;
    }
    #block-index h1 {
        font-size: 35px;
        width: 90%;
    }
    #info-index a {margin: 0px 30px 4px 0;}
    /* benefit */
    .benefit div.title {
        font-size: 18px;
        padding: 0 70px;
    }
    .benefit div.desc { font-size: 14px; margin-top: 20px;}
    .benefit a:last-child { margin: 3px 5px 0 0; }
    
    /* gallery */
    .ngg-album-compact { width: 309px; }
    .nav-gallery ul li a {
        font-size: 14px;
        width: 175px;
    }
    
    .floor {margin-right: -30px;}
    
    
}
    
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    body.responsive {
        width: 104%;
    }
    body .yoffset { margin-right: -15px; }
    /* header */
    .navbar-plaza, .navbar-nav, .navbar-nav>li>a { height: 78px; }
    .navbar-brand > img { width: 200px; }
    .nav>li>a { padding: 35px 10px 15px 10px; font-size: 16px; }
    .brand-plaza { padding: 0; }
    .navbar-nav > li > a:after {
        width: 115px;
        bottom: -20px;
        left: 10px;
    }
    .navbar-nav > li:nth-child(2) > a:after { width: 130px; }
    .navbar-nav > li:nth-child(3) > a:after { width: 110px; }
    .navbar-nav > li:nth-child(4) > a:after { width: 85px; }
    /* info main */
    #block-index {
        height: 850px;
    }
    .m-info { 
        width: initial;
        margin-left: 55%;
    }
    #block-index h1 {
        font-size: 40px;
        padding: 10px 10px;
        margin: 0 auto;
    }
    #info-index p {
        padding: 10px 10px;
    }

    /* benefit */
    .benefit {
        width: 70%;
        height: 260px;
        margin: 0 auto;
    }
    .benefit div.desc { margin-top: 30px; }
    .benefit a:last-child { margin: 12px 15px 0px 0px; }
    
    /* gallery */
    .nav-gallery ul li a {
        width: 318px;
    }
    /* floor */
    .floor { margin-right: 1px; }
    /* footer */
    .footer-contact { text-align: right; }
    #footer .phones { text-align: center; }
}

@media (min-width: 481px) and (max-width: 767px) {
    body.responsive {
        width: 104%;
    }
    body .yoffset { margin-right: -15px; }
    /* header */
    .navbar-brand > img { height: 50px; }
    .nav>li>a { padding: 35px 10px 15px 10px; font-size: 16px; }
    .brand-plaza { padding: 0; }
    .navbar-nav > li > a:after {
        width: 115px;
        bottom: -20px;
        left: 10px;
    }
    .navbar-nav > li:nth-child(2) > a:after { width: 130px; }
    .navbar-nav > li:nth-child(3) > a:after { width: 110px; }
    .navbar-nav > li:nth-child(4) > a:after { width: 85px; }
    /* info main */
    .m-info { 
        width: initial;
        margin-left: 55%;
    }
    #block-index h1 {
        font-size: 40px;
        padding: 10px 10px;
        margin: 0 auto;
    }
    #info-index p {
        padding: 10px 10px;
    }
    
    /* benefit */
    .benefit {
        width: 70%;
        height: 260px;
        margin: 0 auto;
    }
    .benefit div.desc { margin-top: 30px; }
    .benefit a:last-child { margin: 12px 15px 0px 0px; }
    
    /* gallery */
    .nav-gallery ul li a {
        width: 318px;
    }
    /* floor */
    .floor { margin-right: 1px; }
    /* footer */
    .footer-contact { text-align: right; }
    #footer .phones { text-align: center; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 480px) {
    body.responsive {
        width: 130%;
    }
    .yoffset { margin-right: -15px; }
    .nf {
        padding: 0;
        margin-top: 0;
        padding-top: 50px;
    }
    .nf > .container {
        padding-right: 0;
    }
    /* Header */
    .navbar { margin-top: 0 !important;}
    .navbar-nav > li > a:after { content: none; }
    .navbar-brand>img {max-width: 100%; padding: 0; height: 50px;}
    /* info main */
    .m-info { margin-left: 125px;}
    #block-index { height: 700px;}
    #block-index h1 { padding: 15px 10px; }
    
    /* benefit */
    .benefit {
        width: 90%;
        height: 260px;
        margin: 0 auto;
    }
    .benefit div.title {     
        font-size: 18px;
        margin-top: 23px;
        padding: 0px 70px; 
    }
    .benefit div.desc {
        margin-top: 14px;
        font-size: 14px;
        padding: 5px;
    }
    .benefit a:last-child { margin: 2px 2px 0 0; }
    
    /* gallery */
    .ngg-album-compact { width: 395px; }
    .ngg-album-compact h4 .ngg-album-desc { max-width: 384px !important; }
    .gallery .row,
    .ngg-albumoverview { padding-left: 30px ;}
        
    /* floor */
    .floor-f img:first-child {display: none;}
    .floor { margin-right: -20px; }
    .scheme { margin-left: 45px;}
    
    .cont-inner h2.send-msg { float: none; }
}
@media (max-width: 360px) {
    body.responsive {
        width: 169%;
    }
}
/* Smartphones */
@media (max-width: 320px) {

    body.responsive {
        width: 192%;
    }
    .yoffset { margin-right: -15px; }
    .nf {
        padding: 0;
        margin-top: 0;
        padding-top: 50px;
    }
    .nf > .container {
        padding-right: 0;
    }
    /* info main */
    .m-info { margin-left: 0; width: initial; }
    #block-index h1 { padding: 3px 10px; font-size: 36px; }
    #block-index { height: 760px;}
    .navbar-brand>img {max-width: 100%; padding: 0; height: 50px;}
    /* benefit */
    .benefit {
        background: none !important;
        height: 210px;
        border-bottom: 1px solid #fff;
        margin: 15px auto;
    }
    .benefit:hover {
        background: none !important;
    }
    .benefit div.title {     
        font-size: 16px;
        margin-top: -24px;
        padding: 0px 0 0 15px; 
    }
    .benefit div.desc {
        margin-top: 9px;
        font-size: 12px;
    }
    .benefit a:last-child { margin: 0 2px 0 0; color: #fff; }
    
    /* gallery */
    .nav-gallery ul li a { width: 231px; }
    .ngg-album-compact { width: initial; }
    
    /* floor */
    .floor-f img:first-child {display: none;}
    .floor { margin-right: -15px; }
    .scheme { margin-left: 45px;}
    
    .cont-inner h2.send-msg { float: none; }
}