#mainslider {
    position: relative;
}

#mainslider .carousel-item {
    height: 600px;
    height: 100vh;
}

#mainslider .carousel-item .plano.pln0 {
    animation-duration:2s;
}
    


#mainslider a.full {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

#mainslider .carousel-caption {
    transform: translate(0, -50%);
    top: 50% !important;
    bottom: initial;
    left: 0%;
    width: 100%;
}
#mainslider .carousel-caption.left {
    text-align: left;
}
#mainslider .carousel-caption.right {
    text-align: right;
}

#mainslider .carousel-control-next,
#mainslider .carousel-control-prev{
    /*background-color: #ccc;*/
    width:10%;

}
#mainslider .carousel-control-next img,
#mainslider .carousel-control-prev img{
    width: 45px;
}


#mainslider .container{
    /*max-width: 80%;*/
    /*background-color: #000;*/
}





@media (min-width: 1200px) and (max-width: 1540px) {
    #mainslider .container{
        max-width:80%;
    }
    
}

@media (min-width:768px) and (max-width: 1199.98px) {

    #mainslider .container{
        max-width: 80%;
        /*background-color: blue;*/
    }


    #mainslider .carousel-control-next,
    #mainslider .carousel-control-prev{
        width: 10%;
        /*background-color: #ccc;*/
    }
    
    #mainslider .carousel-control-next img,
    #mainslider .carousel-control-prev img{
        width: 30px;
    }

}

@media (max-width: 767.98px) {
    #mainslider .container{
        max-width: 100%;
        /*background-color: red;*/
    }
}