#layerslider { max-width: 100% !important; position: relative; }

#layerslider .text-box {
    text-align: left;
    bottom: 15%;
    right: 5%;
    left: 5%;
    top: 31%;
}
#layerslider .text-box * { color: var(--color-font-light); }
#layerslider .text-box h2 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 34px;
    border-left: 10px solid var(--color-secondary);
    padding: 15px 0 15px 20px;
}
#layerslider .text-box h2 span { font-weight: 600 !important; color: var(--color-secondary); }
#layerslider .text-box p {
	padding-top: 1rem;
    padding-left: 30px;
    width: 45%;
}
#layerslider .text-box .btn_theme_secondary { font-size: 1rem; font-weight: 600; margin-left: 30px; }

#layerslider .carousel-item .zoom { animation: scale 15s linear infinite !important; }

@keyframes scale {
    50% {
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
    }
}

#layerslider .carousel-caption { z-index: 2; }
    

@media (max-width: 1299px) {
    #layerslider .text-box { bottom: 5%; }
}
@media (max-width: 1199px) {
    #layerslider .text-box { bottom: 2%; right: 2%; left: 2%; }
    #layerslider .text-box h2 { font-size: 1.9rem; padding: 10px 0 10px 20px; }
    #layerslider .text-box p { padding-top: .5rem; margin-bottom: 0; }
    #layerslider .text-box h2 span { display: block; }
    #layerslider .text-box h2 br, #layerslider .text-box p br { display: none; }
}
@media (max-width: 1099px) {
    #layerslider .text-box { top: 15%; right: 5%; left: 5%; }
}
@media (max-width: 991px) {
    #layerslider .text-box { top: 6%; }
    #layerslider .text-box h2 { font-size: 1.8rem;  line-height: 32px; }
}
@media (max-width: 767px) {
    #layerslider .carousel-caption { display: block !important; }
    #layerslider .text-box h2 { font-size: 1.8rem; }
    #layerslider .text-box .btn_theme_secondary { display: none; }
}
@media (max-width: 649px) {
    #layerslider .text-box { bottom: 5%; }
    #layerslider .text-box h2 { font-size: 1.2rem; line-height: 25px; }
}
@media (max-width: 575px) {
    #layerslider .text-box { top: 5%; }
    #layerslider .text-box h2 { border: 0; padding-left: 0; font-size: 1rem; }
    #layerslider .text-box p { display: none; }
}
@media (max-width: 399px) {
    #layerslider .text-box { top: 3%; }
    #layerslider .text-box h2 { font-size: .9rem; }
}