@charset "utf-8";
/*------  Responsive --------------------------------------------------------------*/
@media only screen and (max-width: 1124px)
{

    .logo-holder a, .nav-holder
    {
        margin-top: 10px;
    }

    .sliding-menu
    {
        margin-top: 20px;
    }
}

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

    .row-fluid [class*="span"]
    {
        margin-bottom: 1.127659574468085%!important;
    }

    .bg-parallax, .header-bg
    {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center;
    }

    .contact-list li span, .contact-list li a
    {
        font-size: 12px;
    }

    #respond
    {
        width: 100%;
        float: left;
    }

    .gallery-options
    {
        width: 100px;
        height: 50px;
        left: 0;
        margin-left: 0;
    }

        .gallery-options a
        {
            line-height: 50px;
        }

    .back-link
    {
        width: 100%;
        left: 0;
    }

    .row-services div
    {
        float: left;
        display: block;
        clear: both;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px)
{
    .ibusta
    {
        margin-top: 10px;
    }

    .popup-gallery div
    {
        width: 46.969696969697%!important;
        margin: 1.515151515152%!important;
    }

    .full-3colums, .full-4colums, .box, .box-3
    {
        width: 50% !important;
        margin: 0 !important;
    }

    h3
    {
        font-size: 1.6em !important;
    }

    .contact-list li span, .contact-list li a
    {
        font-size: 14px;
    }

    .top-widjets
    {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 50px;
    }

        .top-widjets a
        {
            width: 50px;
            height: 50px;
            line-height: 50px;
        }

    .nav-button-holder
    {
        height: 50px;
    }

    .nav-button
    {
        top: 8px;
        left: 20px;
    }

    .sliding-menu a
    {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sliding-menu a
    {
        padding: 0.8em 0.8em 0.8em 2.0em;
    }

        .sliding-menu a i
        {
            position: absolute;
            top: 15px;
            right: 17px;
        }

    .sidedar-social
    {
        bottom: 60px;
        position: absolute;
        width: 90%;
        left: 5%;
    }

        .sidedar-social li
        {
            display: inline-block;
        }

            .sidedar-social li a
            {
                float: left;
                width: 30px;
                height: 30px;
                font-size: 16px;
                line-height: 30px;
            }

    .portfolio-parallax
    {
        padding-left: 20px;
    }

    .subscriptionForm input.inputForm
    {
        font-size: 14px;
    }

    .modal-icon
    {
        font-size: 154px;
        left: 50% !important;
    }

    .twitts li
    {
        font-size: 18px;
    }

    #folio_container, .single-gallery
    {
        padding-top: 50px;
    }
}

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

    .popup-gallery div
    {
        width: 96.969696969697%!important;
    }

    .full-3colums, .full-4colums, .box, .box-3
    {
        width: 100% !important;
        margin: 0 !important;
    }

    .gallery-info
    {
        padding: 10px;
    }

    .subscriptionForm input.inputForm
    {
        font-size: 12px;
    }

    .sidedar-social
    {
        bottom: 30px;
    }

    .policy-box
    {
        border-top: none;
    }

    .porfolio-logo
    {
        width: 300px;
        margin-top: 80px;
    }
}

@media only screen and (max-width: 360px)
{
    .nav-button
    {
        left: 4px;
    }

    .porfolio-logo
    {
        width: 200px;
        margin-top: 60px;
    }

    .home-slide-container h4
    {
        padding-bottom: 20px;
    }

    .home-slide-container
    {
        top: 25%;
    }

    a.partnersUmbraco
    {
        margin-top: 0px;
        background-size: 90%;
    }

    a.partnersNts
    {
        margin-top: 0px;
        background-size: 90%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
    .bg-parallax
    {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center;
    }
}