@media only screen and (max-width: 930px) {
    .carousel-caption h3{
        font-size: 0.8rem;
        top:0;
    }
    .carousel-caption span{
        display: none;
    }

    .carousel-caption .btn{
        font-size: 12px;
        padding: 6px 8px;
        margin-top: 2px;
        line-height: 18px;
        height: 32px;
    }

    .mobile-none{
        display: none;
    }

    .carousel-inner{
        height: ;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        top: 0;
        left: 15%;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        text-align: center;}

        .machine-learning-about-content .dec-text,
        .cybersecurity-about-text .text{
            font-size: 14px;
        }
    
  }















  /*media queries*/
@media only screen and (min-width: 20px) {
    /*smartphone portrait*/
        
}







@media only screen and (min-width: 520px) {
    /*smartphone landscape*/

    
    
}








@media only screen and (min-width: 768px) {
    /*tablet portrait*/

        
}









@media only screen and (min-width: 1024px) {
    /*tablet/desktop landscape*/

        .carousel-inner{
        height:80vh ;
    }
    
}