@media (max-width: 767px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

@media (min-width:768px) {
    .calenders-2 {
        display: none;
    }
}

@media (max-width: 768px) {
    .calender-item {
        display: none;

    }

    .owl-prev {
        position: absolute !important;
        top: 60px !important;
        left: 0px !important;
    }

    .owl-next {
        position: absolute !important;
        top: 60px !important;
        right: 0px !important;
    }

    .mobileImage {
        justify-content: center;
        display: flex;
    }

    .mobile-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header-title {
        text-align: center;
    }

    .when-text {
        margin-top: 20px;
    }

    .mobileMargin {
        padding: 0 20px;
    }

    .mobile-footer-flex {
        justify-content: center !important;
    }

    .image .owl-stage-outer .owl-stage {
        /* background-color: #4d9946; */
        /* margin-top: 18px !important; */
        /* margin-right: 30px !important; */
        /* width: 296px !important; */
        margin: 0px 40px -120px 10px;
    }
}

@media (max-width: 480px) {

    .image .owl-stage-outer .owl-stage  {

        margin: 0px 20px -120px 85px;
    }

    .owl-prev {
        position: absolute !important;
        top: 64px !important;
        left: 20px !important;
    }

    .owl-next {
        position: absolute !important;
        top: 64px !important;
        right: 16px !important;
    }
    .mobile-text{
        text-align: center;
    }
    .mobile-padding{
           text-align: center;
		   min-height: 450px;
		   padding-top: 10%;;
    }
	.three-box-heading{
           margin: auto;
    }
}