/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    /*about page*/
     .history-heading {
        font-size: 23px;
        text-align: center;;
        margin-top: 20px
    }
    .history-heading:after {
        position: absolute;
        content: '';
        width: 44px;
        height: 5px;
        background: #000;
        bottom: 0;
        left: 44%;
    }
    .welcome-text {
        text-align: center;
        font-size: 17px;
        margin-top: 17px;
    }
    .heading{
        font-size: 20px;
    }
    .heading:after {
        width: 53px;
        height: 5px;
        left: 38%;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /*Home Page for Mobile Devices*/
    .navbar-toggler {
        background-color: #ffffff;
        border: 1px solid transparent;
    }
    .navbar-light .navbar-toggler {
        border-color: transparent;
    }
    .mobileOurMission{
        
    }
    .heroSlider .owl-carousel .owl-item img {
    height: 200px;
}
    .mobile-title{
        font-size: 25px;
    }
    .mobileOurMission{
        width: 100%;
    }
    .overlap-box {
        margin-top: 28px;
    }
    .playerIcon {
        top: 52%;
    }
    .page-content {
        position: absolute;
        top: 26%;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .page-heading {
        font-size: 19px;
        padding: 6px 14px;
    }
    /*about page*/
    .about-small-img {
        position: relative;
        left: -90px;
        top: 56px;
    }
    .history-heading {
        font-size: 23px;
        text-align: center;;
        margin-top: 20px
    }
    .history-heading:after {
        position: absolute;
        content: '';
        width: 44px;
        height: 5px;
        background: #000;
        bottom: 0;
        left: 44%;
    }
    .welcome-text {
        text-align: center;
        font-size: 17px;
        margin-top: 17px;
    }
    .heading{
        font-size: 20px;
    }
    .heading:after {
        width: 53px;
        height: 5px;
        left: 38%;
    }

}