/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

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

    .proccessor{
        background: url(../img/lines.png) no-repeat 35% 80px;
        background-size: 80%;
    }
   .proccessor li:nth-of-type(1) {
        margin-left: 2%;
    }
    .proccessor-img{margin-left: 3%;}
    .nav-list-item a {
      width: 35px;
      height: 35px;
      font-size: 18px;
    }
    .nav-list-item:nth-of-type(1){left: 159px; top: 2px;}
    .nav-list-item:nth-of-type(2){left: 266px; top: 69px;}
    .nav-list-item:nth-of-type(3){left: 328px; top: 234px;}
    .nav-list-item:nth-of-type(4){left: 100px; top: 160px;}
    .proto-items{left:-100px;}
        .brain-layer{
        left: 47px;
        height: 400px;
    }
    .schem-map img{width: 100%; height: auto;}
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .brain-info h1 {
        font-size: 300%;
        padding: 20px 0;
    }
    .proccessor li:nth-of-type(1) {
        margin-left: 7%;
    }
    .proccessor{background: none;}
    .proccessor li{ margin-left: 3.7%;}
    .proccessor-img{display: none;}
    .screen-img{margin:0 auto;}
    .nav-list-item:nth-of-type(1){left: 166px; top: 3px;}
    .nav-list-item:nth-of-type(2){left: 276px; top: 72px;}
    .nav-list-item:nth-of-type(3){left: 339px; top: 241px;}
    .nav-list-item:nth-of-type(4){left: 103px; top: 165px;}
    .nav-list-item a{line-height: 35px;}
    .proto-items{left:-130px;}
    .brain-layer{
        left: 50px;
        height: 413px;
    }

}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .headers {margin-top: 0;}
    .headers h1 {font-size: 0.9em;}
    .headers p {font-size: 25pt;}
    .for-knob {display: none;}
    .brain-info h1 {
          font-size: 9vw;
          padding: 20px 0;
    }
    footer h2 {font-size: 9vw;}
    .fresh-post img {width: inherit;}
    .proccessor li{
        margin-left: 2.5%;
        width: 70px;
        height: 70px;
        font-size: 40px;
        line-height: 70px;
    }
    .proccessor li:nth-of-type(1){margin-left: 6%;}
    .screen-img{
        width: 87%;
        padding: 8% 16% 0 8%;
        background-size: contain;
    }
    .main-brain{display: none;}
    .brain-tabs div{display: block; margin-bottom:20px;}
    .bomb{margin: 22px 50px;}
    .prototyp img{width: 100%;}
    .navbar-left{margin-left: 0;}
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .headers h1 {
        font-size: 0.6em;
    }
    .headers p {
        font-size: 21pt;
    }

}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .headers h1 {
        font-size: 0.5em;
    }
    .headers p {
        font-size: 18pt;
    }
        .line-inner{
        margin: 1px 0 80px 141px;
    }
    .screen-img h3 {
        font-size: 4vw;
    }
}


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .carousel-control {
        display: none;
    }
        section{
            /*height: 100vh;*/
            /*outline: 1px solid #000;*/
         }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .carousel-control {
        display: none;
    }

}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .carousel-control {
        display: none;
    }
}