/*
Author: Bootstrapthemes
Author URI: http://www.bootstrapthemes.co
*/

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 100%;
    }
    body {
        font-size: 1rem;
    }
    h4 {
        font-size:1rem !important;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: 7px;
        height: 51px;
        margin-top: 0px;
        border-radius: 0px 5px 5px 0px;
    }
    /*    .carousel.carousel-slider .carousel-item {
            top: 150px;
        }*/
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    h1 {
        font-size:5vw;
    }
    h3 {}
    h3 {}
    h4 {
        font-size: 1.025rem;
    }
    h5 {}

    .scene--Tech_Carousel {
        width: 80%;

      }

    .small{
        height: 5vh;
    }
    .navbar-collapse{
        background-color: #094a68c0;
    }

    .caption{
        top: 20%;
    }

}
/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    html {
        font-size: 75%;
    }
    h4 {
        font-size: 1.225rem;
    }
    .scene--Tech_Carousel {
        width: 80%;

      }
      .main_counter_content{
        display: unset;
    }

    h1 {
        font-size:5vw;
    }
    .jump
    {
        display: none;
    }
    nav{
        height: 5vh;
    }
    .dynamic-Tech_Carousel-options{
        padding-top: unset;
    }
    p, li{
        font-size: 4vw;
    }
    .single_home p{
        font-size: 2vw;
    }
    .caption{
        top: 15%;
    }

}
/* Landscape phones and smaller */
@media (max-width: 550px) {
    html {
        font-size: 65%;
    }
    .scene--Tech_Carousel {
        width: 80%;

      }
      .main_counter_content{
        display: unset;
    }
    .ajax-carousel{
        height: 50vh;
    }
    .list-inline-item{
        height: 7vh!important;
        overflow: hidden;
    }
}


/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 65%;
    }
    .scene--Tech_Carousel {
        width: 80%;

      }

      .main_counter_content{
        display: unset;
    }
    .caption{
        top:20%;
    }
    nav{
        height: 5vh;
    }
    .ajax-carousel{
        height: 30vh;
    }
}



@media (max-width: 320px) {


    html {
        font-size: 60.5%;
    }

    .scene--Tech_Carousel {
        width: 100%;

      }

      .main_counter_content{
        display: unset;
    }
    .ajax-carousel{
        height: 15vh;
    }
    .list-inline-item{
        height: 3vh!important;
        overflow: hidden;
    }
    h1{
        line-height: 2.5rem;
        font-size: 3vw;
    }
    .caption{
        top: 22%;
    }
    .head_title h2{
        margin-bottom: 1rem;
        margin-top: 0rem;
    }
}