/*iMac 27-inches xxlarge*/

@media (max-width: 2560px) {
    #carousel {
        height: 893px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 893px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 32px !important;
    }

    .carousel-indicators {
        top: 95% !important;
        left: 100px !important;
    }
}

/*xlarge*/

@media (max-width: 1920px) {
    #carousel {
        height: 668px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 668px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 24px !important;
    }
}

/*Laptop with HiDPI Screen*/

@media (max-width: 1440px) {
    #carousel {
        height: 480px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 480px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 24px !important;
    }    
}

/*iPad Pro Landscape*/

@media (max-width: 1366px) {
    #carousel {
        height: 478px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 478px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 22px !important;
    }   

    .carousel-indicators {
        top: 93% !important;
        left: 100px !important;
    }
}

/*DELL Monitor*/

@media (max-width: 1280px) {
    #carousel {
        height: 444px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 444px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }   

    .carousel-indicators {
        top: 93% !important;
        left: 8% !important;
    }
}

/*iPad Mini/Pro Landscape*/

@media (max-width: 1024px) {
    #carousel {
        height: 360px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 360px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }      

    .carousel-indicators {
        top: 90% !important;
        left: 8% !important;
    }
}

/*iPhone X Landscape*/
@media (min-width: 812px) and (max-width:1023px) {
    #carousel {
        height: 285px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 285px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }          
}

/*iPad, iPad Mini Portrait*/

@media (max-width: 768px) {
    #carousel {
        height: 260px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 260px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }       

    .carousel-indicators {
        display: none !important;
    }

    .nav > li > a .overflow {
        width: 150px;
    }
}

/*iPone 6/7/8 Landscape*/

@media (max-width: 667px) {
    #carousel {
        height: 235px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 235px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }       
    
    .carousel-indicators {
        display: none !important;
    }
}

/*Galasy 5S Landscape*/

@media (max-width: 640px) {
    #carousel {
        height: 225px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 225px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }
}

/*iPhone 5SE Landscape*/

@media (max-width: 568px) {
    #carousel {
        height: 200px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 200px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }
    
    .carousel-indicators {
        display: none !important;
    }
}

/*iPhone 4 Landscape*/

@media (max-width: 480px) {
    #carousel {
        height: 170px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 170px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 18px !important;
    }    

    .carousel-indicators {
        display: none !important;
    }
}

/*iPhone 6/7/8 Plus Portrait*/

@media (max-width: 414px) {
    #carousel {
        height: 140px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 140px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 16px !important;
    }    

    .carousel-indicators {
        display: none !important;
    }
}

/*iPhone 6/7/8 Portrait*/

@media (max-width: 375px) {
    #carousel {
        height: 132px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 132px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 16px !important;
    }  

    .carousel-indicators {
        display: none !important;
    }
}

/*Galasy 5S Portrait*/

@media (max-width: 365px) {
    #carousel {
        height: 127px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 127px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 14px !important;
    }     

    .carousel-indicators {
        display: none !important;
    }
}

/*iPhone 4/5SE Portrait*/

@media (max-width: 320px) {
    #carousel {
        height: 114px !important;
        position: relative;
    }

    #carousel img{
        width: 100%;
        height: 114px !important;
        object-fit: cover;
    }

    .carousel-caption {        
        position: absolute;
        font-size: 14px !important;
    }     
    
    .carousel-indicators {
        display: none !important;
    }
}

#carousel {
    background-color: #000;
}