/* Large desktop */
@media (min-width: 1280px) { 
    .var-menu {
        display: block;
    }

    #skica-main,#skica{
        height: 512px;
    }
}
@media (min-width: 1025px) and (max-width: 1280px) and (max-height:800px){
    #card11, #card12, #card13, #card21, #card22, #card31, #card32, #card33 {
        height: 120px;
        width: 120px;
    }
    
        #text12, #text22, #text21, #text32 {
        padding-top: 38px;
        font-size: 24px;
        line-height: 36px;
        font-weight: bold;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        text-align: center;
    }

    #card13 {
        background: #000;
        -webkit-border-radius: 0px 100px 0px 0px;
        -moz-border-radius: 0px 100px 0px 0px;
        border-radius: 0px 100px 0px 0px;
    }

    #card31 {
        background: #000;
        -webkit-border-radius: 0px 0px 0px 100px;
        -moz-border-radius: 0px 0px 0px 100px;
        border-radius: 0px 0px 0px 100px;
    }

    .row-fluid .span2 {
        width: 9.82991452991453%;
    }

    .row-fluid .offset2 {
        margin-left: 14.95811965811966%;
    }

    .var-menu{
        margin-left: 130px;
        display: block;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
/*    .modal.fade.in {
        top: 80px;
    }*/
    .var-wood-menu {
        padding-top: 0px;
    }


    .navbar-fixed-top{margin-bottom: 0px;}

    h2{
        font-size: 30px;
        line-height: 30px;
    }
    .support-icon{font-size: 50px;}


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background:rgba(235,235,235,0.7);

    }

    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
        padding-bottom: 5px;

    }
    .btn{height: 44px;}
    header{padding-top: 50px;}
    #navigation .nav.page li.active:after{display: none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #katalozi{
        left: 0px;
        top: 0px;
    }
    .dizajn-text {
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
    }
    .navbar .nav > li a {
        color:#fff;
    }
    .modal.fade.in {
        top: 80px;
    }
    #onama-banner, #vardrvo-banner, #varcelik-banner, #vardizajn-banner, #contact-background {
        background-attachment:scroll;
    }
    .loader {
        display: none;
    }
    .var-wood-menu {
        padding-top: 0px;
    }

    .kanc{
        display: none;
    }
    
    header{

        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home h1{font-size: 50px;}
    .home{padding: 0px;}
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background:rgba(235,235,235,0.7);

    }

    .navbar .nav > li > a{
        padding: 10px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
    }

    section{

        margin-left: -20px;
        margin-right: -20px;
    }
    .container{padding-left: 20px; padding-right: 20px;}
    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    header{padding-top: 75px;}

    #navigation .nav.page li.active:after{display: none;}
    .navbar .brand{padding: 10px;}
}


@media (max-width: 570px) {
    #katalozi{
        left: 0px;
        top: 0px;
    }
    .dizajn-text {
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
    }
    .navbar .nav > li a {
        color:#fff;
    }
    .modal.fade.in {
        top: 80px;
    }
/*    .loader {
        display: none;
    }*/
    .var-wood-menu {
        padding-top: 0px;
    }
    .kanc{
        display: none;
    }
   #onama-banner, #vardrvo-banner, #varcelik-banner, #vardizajn-banner, #contact-background {
        background-attachment:scroll;
    }
    #navigation .nav.page li.active:after{display: none;}
    .carousel-control.left {
        left: 0;
    }
    .carousel-control.right {
        right: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
    #katalozi{
        left: 0px;
        top: 0px;
    }
    .dizajn-text {
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
    }
    .navbar .nav > li a {
        color:#fff;
    }
    .modal.fade.in {
        top: 80px;
    }
    #onama-banner, #vardrvo-banner, #varcelik-banner, #vardizajn-banner, #contact-background {
        background-attachment:scroll;
    }
    .loader {
        display: none;
    }
    .kanc{
        display: none;
    }
    .var-wood-menu {
        padding-top: 0px;
    }

    #navigation .nav.page li.active:after{
        display: none;
    }
    ul.slides{
        padding-top: 20px;
    }
    .flexslider li h1{
        font-size: 40px;
    }
    .flexslider li h1 i{
        font-size: 2em;
    }
    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    h2{
        font-size: 36px;
    }
    #vardrvo-banner h1, #onama-banner h1, #varcelik-banner h1, #vardizajn-banner h1, #contact-background h1 {
        font-size: 45px;
    }
    section{
        margin-left: -20px;
        margin-right: -20px;
    }
    .container{
        padding-left: 20px; 
        padding-right: 20px;
    }
    #home-arrow{
        bottom: 50px;
    }
    .navbar img{
        width: 200px; 
        height: auto;
    }
    header{
        padding-top: 75px;
    }
    .navbar .brand{
        padding: 10px;
    }
}