#torralbaSlider {
    position: relative;
    margin-bottom: var(--space-between-sections);
    overflow: hidden;
    display: block;
}

#torralbaSlider span.verticalTitle {
    font-size: var(--font-vertical-size);
    color: var(--text-color);
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: calc(var(--container-padding) / 2);
    z-index: 2;
    writing-mode: vertical-rl;
    transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}

#torralbaSlider .topContent {
    position: relative;
    margin: 55px auto 55px auto;
    text-align: center;
}

#torralbaSlider .topContent h2 {
    color: var(--primary-color);
    font-size: 24px;
}

#torralbaSlider .topContent h2 br {
    display: block;
}

#torralbaSlider .topContent a.button {
    display: inline-block;
    margin-top: 20px;
    padding: 18px 43px;
    border: 2px solid var(--secondary-color);
    font-size: 14px;
    color: var(--secondary-color);
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

#torralbaSlider .topContent a.button:hover {
    background-color: var(--secondary-color);
    color: #ffffff;
}

#torralbaSlider .inspiration-slider {
    width: initial;
    margin: 0 -15px;
    padding-bottom: 63px;
}

#torralbaSlider .inspiration-slider .owl-stage-outer {
    padding: 15px 0 22px;
}

#torralbaSlider .inspiration-slider .owl-stage {
    display: flex;
    align-items: stretch;
}

#torralbaSlider .inspiration-slider .item {
    box-shadow: 0px 7px 15px rgb(0 0 0 / 10%);
    height: 100%;
}

#torralbaSlider .inspiration-slider .image {
    overflow: hidden;
}

#torralbaSlider .inspiration-slider .image img {
    transform: scale(1);
    transition: all .7s ease-in-out;
}

#torralbaSlider .inspiration-slider .item:hover .image img {
    transform: scale(1.05);
}

#torralbaSlider .inspiration-slider .info {
    padding: 30px;
    text-align: center;
}

#torralbaSlider .inspiration-slider .info h3 {
    margin: 0;
    font-size: var(--custom-font-size);
    color: var(--primary-color);
    font-weight: 500;
    line-height: 35px;
    transition: all .3s ease-in-out;
}

#torralbaSlider .inspiration-slider .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}


#torralbaSlider .bottomContent {
    margin-top: 150px;
    width: 100%;
    padding: 100px;
    color: white;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
}

/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {


    #torralbaSlider span.verticalTitle {
        font-size: 13px;
        left: 4px;
        transform: translateX(0) translateY(-50%) rotate(-180deg);
    }

    #torralbaSlider .topContent p {
        font-size: 16px;
        line-height: 26px;
    }

    #torralbaSlider .inspiration-slider .info h3 {
        font-size: 25px;
        line-height: 30px;
    }

    #torralbaSlider .inspiration-slider .info p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:992px) {
    #torralbaSlider .bottomContent {
        padding: 42px;
    }
}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #torralbaSlider {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #torralbaSlider span.verticalTitle {
        display: none;
    }

    #torralbaSlider .topContent {
        width: 100%;
    }

    #torralbaSlider .topContent p {
        font-size: 16px;
        line-height: 26px;
    }

    #torralbaSlider .topContent a.button {
        padding: 10px 15px;
    }

    #torralbaSlider .inspiration-slider {
        padding-bottom: 60px;
    }

    #torralbaSlider .inspiration-slider .info {
        padding: 15px;
    }

    #torralbaSlider .inspiration-slider .info h3 {
        font-size: 22px;
        line-height: 27px;
    }

    #torralbaSlider .inspiration-slider .info p {
        margin: 10px 0 0 0;
        font-size: 16px;
        line-height: 26px;
    }

    #torralbaSlider .inspiration-slider .owl-dots {
        right: 15px;
        left: 15px;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot {
        width: 32px;
        height: 32px;
        margin: 0 5px;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:first-child {
        margin-left: 0;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:last-child {
        margin-right: 0;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:before,
    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:after {
        display: none;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }
}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

    #torralbaSlider span.verticalTitle {
        display: none;
    }

    #torralbaSlider .topContent {
        width: 100%;
        margin-bottom: 15px;
    }

    #torralbaSlider .topContent h2 {
        font-size: 20px;
        line-height: 23px;
    }

    #torralbaSlider .topContent h2 br {
        display: none;
    }

    #torralbaSlider .topContent p {
        line-height: 26px;
    }

    #torralbaSlider .topContent a.button {
        padding: 10px 15px;
    }

    #torralbaSlider .inspiration-slider {
        padding-bottom: 40px;
    }

    #torralbaSlider .inspiration-slider .info {
        padding: 15px;
    }

    #torralbaSlider .inspiration-slider .info h3 {
        line-height: 25px;
    }

    #torralbaSlider .inspiration-slider .info p {
        margin: 10px 0 0 0;
        font-size: 16px;
        line-height: 26px;
    }

    #torralbaSlider .inspiration-slider .owl-dots {
        right: 15px;
        left: 15px;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot {
        width: 32px;
        height: 32px;
        margin: 0 5px;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:first-child {
        margin-left: 0;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:last-child {
        margin-right: 0;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:before,
    #torralbaSlider .inspiration-slider .owl-dots .owl-dot:after {
        display: none;
    }

    #torralbaSlider .inspiration-slider .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }

}