/*------homepage promotions------*/

.promotions-txt {
    padding: 1rem;
}

    .promotions-txt h2 {
        font-weight: 300;
        color: #15213c;
        margin-bottom: 1rem;
    }

span.promotitles {
    font-weight: 700;
    color: #004e8e;
}

span.promoprice {
    font-weight: 700;
    color: #ff2020;
}

.promo-prev.carousel-control-prev,
.promo-next.carousel-control-next {
    width: 5%;
    height: 10%;
}

.promo-prev.carousel-control-prev {
    top: 45%;
    left: 10%;
}

.promo-next.carousel-control-next {
    top: 45%;
    right: 10%;
}

.promo-prev i.fa.fa-angle-left,
.promo-next i.fa.fa-angle-right {
    font-size: 5.5rem;
    color: #b5b5b5;
}

/*---responsive mobile---*/

@media (max-width: 575px) {
    .promotions-txt h2 {
        font-size: 1.2rem !important;
        text-align: center !important;
    }

    .promotions-txt {
        padding: 0 3rem!important;
    }

    .promo-prev i.fa.fa-angle-left, .promo-next i.fa.fa-angle-right {
        font-size: 4.5rem;
    }
}

@media (max-width: 767px) {
    .btn-read-more {
        justify-content: center;
    }

    .carousel-item img.responsive-img {
        padding: 0 3rem;
    }
}

@media (device-width: 800px) and (orientation: portrait) {
    .promo.row img.responsive-img {
        padding: 0 2rem;
    }
}

/*---responsive tablet---*/

@media (max-width: 991px) {
    .promotions-txt {
        padding: 0 5rem;
    }
    .promotions-txt h2 {
        font-size: 2rem;
        text-align: center;
    }
    .promo-next.carousel-control-next {
        right: 5%;
    }
    .promo-prev.carousel-control-prev {
        left: 5%;
    }
}

/*---responsive large screens and others---*/

@media (min-width: 992px) and (max-width: 1599px) {
    .promotions-txt h2 {
        font-size: 2rem;
    }

    .promo.row {
        padding: 0 5rem;
    }

    .promo-next.carousel-control-next {
        right: 5%;
    }
    .promo-prev.carousel-control-prev {
        left: 5%;
    }
}