@media only screen and (max-width: 992px) {
    .navbar-expand-lg .navbar-collapse {}
}

@media only screen and (max-width: 768px) {
    .cs {
        width: 100%;
        height: 550px;
        margin: 10px 0px;
    }

    .carousel-item {
        height: 900px;
    }

    .carousel {
        height: 880px;
        margin-top: 70px;
        -webkit-animation: bgcolor 50s infinite;
        animation: bgcolor 30s infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    .nav-link {
        text-align: right;
    }

    /*
    .cart {
        margin-left: 86%;
        margin-top: -374px;
    }
*/

    .container {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 2rem;
        text-align: center;
    }
    
    h1, h2, h3, h4 {
    text-align: center;
}

    p {
        font-family: inherit;
        font-size: 1rem;
        text-align: center;
        line-height: 1.25em;
        color: #3C3C3C;
    }

    body {
        font-size: .9rem;
    }
    
    .sw-fnt {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    line-height: 2rem;
}

    .txt-ctr {
        text-align: center !important;
    }

    .v-0 {
        display: none;
    }

    .cont-sp {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .container {
        width: 100%;
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto;
    }

    .carousel-item {
        height: 600px;
    }

    .carousel {
        height: 350px;
        margin-top: 70px;
        -webkit-animation: bgcolor 50s infinite;
        animation: bgcolor 30s infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
    
    .mast {
        height: 610px;
    }
    

    
    .carousel-indicators {
        bottom:25px;
    }

    .slide-one,
    .slide-two {
        width: 100%;
        height: 250px;
        margin-top: -1.5%;
    }

    .logo {
        width: 190px;
        height: 50px;
        margin: auto;
        margin-top: 0px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../img/common/knight-compressors.svg);
    }

    .user-sign-in {
        right: 20px;
        position: fixed;
        bottom: 20px;
        z-index: 1080;
        opacity: 1;
    }

    main .navbar .navbar-toggler {
        margin-right: 50px;
    }
    
    .nav-item {
    width: 100%;
    height: 50px;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    margin: auto;
    color: #3C3C3C;
    padding: 0 .3rem;
    font-family: 'Poppins', sans-serif;
}
    
    .navbar-light .navbar-nav .nav-link {
    color: #3C3C3C;
    text-align: center;
}

    .kc-store-header {
        padding: 8px 16px;
    }

    #store-header {
        z-index: 1050;
        position: fixed;
        top: 0;
        right: 15px;
    }

    #store-shopping-cart {
        color: #000000;
    }

    #store-shopping-cart {
        color: #000000;
        margin: 23px 15px;
    }
    
    .nav-pills {
    width: 100%;
}

    /*
    .cart {
        margin-left: 98%;
        margin-top: -372px;
    }
*/
    
    .powered {
    float:none !important;
    text-align: center;
    font-size: 13px;
    }
    
    .price {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 41px;
}
    .specs {
    text-transform: uppercase;
    font-size: 14px;
    height: auto;
    text-align: center;
    line-height: 15px;
    font-weight: 600;
}
    .status-s {
        width: 220px;
        margin: 15px auto;
    }
    
    .txt-lft p {
        text-align: left !important;
    }
}