.slides{
    /* min-height: 595px; */
}
/* ---- added by CTS --- */
ul.slides li{list-style: none;}


/* ---- carousel --- */
.yoo-zoo ul.slides,
ul.slides{position:relative;padding: 14px 0px 0px 0px;}
.rta-carousel-button{width:40px;height:40px;background:rgba(0,0,0,0.8);line-height:34px;
    color:#FFF;font-size:200%;font-weight:400;text-align:center; border-radius: 100px;display:none;}
ul.slides:hover .rta-carousel-button{display:block;}
.rta-carousel-button#iq-t-prev{position:absolute;left:0;top:220px;z-index:100;cursor: pointer;}
.rta-carousel-button#iq-t-next{position:absolute;right:0;top:220px;z-index:100;cursor: pointer;}

.rta-j4-slides{max-width:1150px;}
.rt-block.box7{max-width:1150px;}

li.slide-item{position:absolute;z-index:10;}
li.slide-item,
li#slide-item-0,
li#slide-item-1,
li#slide-item-2
{
    opacity:1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    animation:all 1s ease-in-out;


}




/* Responsive
----------------------------------------------------------------------------------------------------*/

@media (min-width: 1200px){

}

@media (min-width: 863px) and (max-width: 1199px) {
    .rta-carousel-button#iq-t-prev{top:180px;}
    .rta-carousel-button#iq-t-next{top:180px;}
}

@media (min-width: 776px) and (max-width: 862px) {
    .rta-carousel-button#iq-t-prev{top:150px;}
    .rta-carousel-button#iq-t-next{top:150px;}
}

@media (min-width: 690px) and (max-width: 775px) {
    .rta-carousel-button#iq-t-prev{top:90px;}
    .rta-carousel-button#iq-t-next{top:90px;}
}

@media (min-width: 433px) and (max-width: 689px) {
    .rta-carousel-button#iq-t-prev{top:60px;}
    .rta-carousel-button#iq-t-next{top:60px;}
}

@media (min-width: 200px) and (max-width: 432px) {
    .rta-carousel-button#iq-t-prev{top:30px;}
    .rta-carousel-button#iq-t-next{top:30px;}

}
/* --- responsive columns --- */
@media (max-width: 775px) {
    .why-how-what-row {flex-wrap:wrap;    }
    .rta-column-3{flex-basis:100%;}

    .rta-details-columns {flex-wrap:wrap;}
    .rta-column-4{flex-basis:100%;}

}




/* Only Phones (Portrait) */
@media (max-width: 479px) {

    /* Alignment */
    #yoo-zoo .item div.media-left,
    #yoo-zoo .item div.media-right {
        margin: 0 auto;
        float: none;
    }

}
