.home-carousel .owl-carousel {
    position: relative;
}

.home-carousel .owl-carousel .item a {
    height: auto;
    width: 100%;
    color: #424242;
    overflow: hidden
}

.home-carousel .owl-carousel .item.item-vs a {
    width: 50%;
    top: 0;
    height: 100%;
    z-index: 4;
    position: absolute
}

.home-carousel .owl-carousel .item.item-vs a.mobile-only {
    top: 0 !important;
}

.home-carousel .owl-carousel .item.item-vs a:first-of-type {
    left: 0
}

.home-carousel .owl-carousel .item.item-vs a:last-of-type {
    right: 0
}

@media (max-width: 543px) {
    .home-carousel .owl-carousel .item.item-vs a {
        width: 100%;
        height: 100%;
        top: inherit;
        right: inherit;
        left: 0
    }
    .home-carousel .owl-carousel .item.item-vs a:first-of-type {
        top: 190px;
    }
    .home-carousel .owl-carousel .item.item-vs a:last-of-type {
        top: 0;
    }
}

 /** CSS 3 TABS **/
.contenedor-slider {
    overflow: hidden;
}
.home-carousel, .home-carousel .owl-item{
    min-height: auto;
}

.home-carousel .bg-item-b {
    height: auto;
    width: 100%;
    display: block;
}

.home-carousel .box-apart{
    height: auto;
    width: 100%;
    display: block;
}

.box-apart:before{
    content: "";
    display: block;
    padding-top: 69%;
}
.bg-item-long:before{
    content: "";
    display: block;
    padding-top: 45% !important;
}
.sl-a{
    padding-right:1px;
}
.sl-cont-a-b{
 padding-left:0;
}
.sl-b{
    padding-right: 0;
    padding-left: 5px;
    padding-bottom: 10px;
}
.sl-c{
   padding-right: 0;
    padding-left: 5px;
}
@media (max-width: 2560px){
    .sl-b{
        padding-bottom: 9px;
    }
}
@media (max-width: 1440px){
    .sl-b{
        padding-bottom: 5px;
    }
    .box-apart:before {
        content: "";
        display: block;
        padding-top: 70.1%;
    }
    .bg-item-long:before {
        padding-top: 45.1% !important; 
    }
}
@media (max-width:1258px){
    .sl-b {
        padding-bottom: 7px;
    }  
}
@media (max-width: 1024px){
    .sl-b{
        padding-bottom: 6px;
    }
    .box-apart:before {
        content: "";
        display: block;
        padding-top: 70.5%;
    }
    .bg-item-long:before{
        padding-top: 45% !important;
    }
}
@media (max-width: 991px){
    .home-carousel .carousel-control {
        margin-top: -56px;
    }
}
@media (max-width:768px){
    .sl-b{
        padding-bottom: 11px;
    }
    
    .bg-item-long:before {
        content: "";
        display: block;
        padding-top: 44.9% !important;
    }
    .box-apart:before {
        content: "";
        display: block;
        padding-top: 70% !important;
    }
}
@media (max-width: 544px){
    .box-apart:before {
        padding-top: 72.6% !important;
    }
}
@media (max-width:475px){
    .sl-a {
        padding-bottom: 6px;
        padding-right: 15px;
    }
    .bg-item-long:before {
        content: "";
        display: block;
        padding-top: 62% !important;
    }
    .box-apart:before {
        padding-top: 72.8% !important;
    }
    .now-left{
        background-position: left !important;
    }
}
@media (max-width:425px){
    .box-apart:before {
        padding-top: 75.6% !important;
    }
    .sl-cont-a-b{
        padding-left: 10px;
    }
    .sl-a {
        padding-right: 15px;
        padding-bottom: 4px;
    }
    .sl-b{
        padding-bottom: 0;
    }
    .home-carousel .bg-item-b:before {
        content: "";
        display: block;
        padding-top: 62% !important;
    }
}
@media (max-width:320px){
    .home-carousel .bg-item-b:before {
        content: "";
        display: block;
        padding-top: 115.4%;
    }
}