/* ------------------------- Start Media Query -------------------------------------- */

/* X Small & Small Screen */
@media(min-width: 100px) and (max-width: 991px) {
    
    .quote {
        font-size: 18px;
    }

    /********* Start Navbar *******/
    
    .nav {
        height: 70px;
    }
    
    .nav .nav-toggle-btn {
        right: 10px;
    }
    
    .nav h3 {
        position: absolute;
        right: 0;
        font-size: 25px;
        top: -5px;
        border: 2px solid #424243;
        padding: 3px 8px;
        border-radius: 3px;
    }
    
    .nav .logo {
        position: static;
        display: block;
        margin: auto;
        margin-top:10px;
    }
    
    .nav .left-nav span {
        font-size: 40px;
    }
    
    .nav .left-nav {
        left: 2%;
        top: 25px;
        font-size: 13px;
    }
    
    .nav .left-nav a {
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .nav .menu ul {
        text-align: center;
    }
    
    .nav .menu ul li a {
        font-size: 17px;
    }
    
    .nav .menu input[type="search"] {
            width: 170px;
            font-size: 15px;
    }
    
    /********* Start Header *******/
    .header {
        background-position: center center;
    }

    .header .info {
        padding-top: calc( (100vh /2) - 240px );
    }
    
    .header .info h1 {
        font-size: 40px;
    }
    
    .header .info p {
        margin: auto 10%;
        font-size: 16px;
    }
    
    .header .info a {
        margin-top: 30px;
        font-size: 16px;
        padding: 8px 18px;
    }
    
    .header .col-xs-12 {
        margin-top: 35px;
    }
    
    .header a i {
        left: 46vw;
    }
    
    .header a i.one {
        bottom: 32px;
    }
    
    .header a i.two {
        bottom: 20px;
    }
    
    .header a i.three {
        bottom: 9px;
    }
    
    /********* Start Support *******/
    
    .support {
        height: auto;
    }
    
    .support .title h2 {
        margin-top: 20px;
    }
    
    .support .title p {
        font-size: 14px;
        margin: 29px auto 70px;
    }
    
    .support .last p {
        margin-bottom: 0;
    }
    
    /********* Start Use *******/
    
    .use .title h2 {
        margin-top: 20px;
    }
    
    .use .title p {
        font-size: 14px;
        margin: 29px auto 70px;
    }
    
    .use .last p {
        margin-bottom: 0;
    }
    
    /********* Start FIfF *******/
    
    .fiff .title h2 {
        margin-top: 20px;
    }
    
    .fiff .title p {
        font-size: 14px;
        margin: 29px auto 70px;
    }
    
    .fiff .last p {
        margin-bottom: 0;
    }
    
    /********* Start FIfF *******/
    
    .imprint .title h2 {
        margin-top: 20px;
    }
    
    .imprint .title p {
        font-size: 14px;
        margin: 29px auto 70px;
    }
    
    .imprint .last p {
        margin-bottom: 0;
    }

    /********* Start Footer *******/
    
    footer {
        text-align: center;
    }
    
    .copyright {
        padding: 40px 0;
        font-size: 10px;
    }
    
}

/* Medium Screen */
@media(min-width: 992px) and (max-width: 1199px) {

}

/* Larg Screen */
@media(min-width: 1200px) {
    
}
/* ------------------------- End Media Query ---------------------------------------- */