/* ---------------
Responsive
---------------*/
@media(max-width: 991px){
    .section-title h2{
        font-size: 24px;
    }
    .section-title h2 span{
        font-size: 24px;
    }
    .top-bar a{
        font-size: 12px ;
        text-decoration: none;
        margin-right: .5rem;
        margin-left: .5rem;
    }
    .top-bar a:hover{
        color: var(--color-1);
        transform: scale(1);
        transition: all .5s ease-in-out;
    }
    .navbar-toggler{
        color: var(--black-000);
        font-size: 20px;
    }
    .carousel-inner img{
        width: 100%;
        height: 100%;
    }
    .carousel-indicators li{
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }
    .carousel-control-prev,
    .carousel-control-next,
    .carousel-item.active{
        /* transition: transform 1s ease; */
    }
    .carousel-caption h3{
        font-size: 150%;
    }
    .carousel-caption h5{
        font-size: 90%;
    }
    .btn-1{
        padding: 5px 10px;
        font-size: 12px;
    }
    .blog-section p{
        padding-top: 40px;
        font-size: 30px;
    }
    .toggle-theme{
        height: 40px;
        width: 40px;
    }
    .toggle-theme a {
        line-height: 40px;
        font-size: 28px;
    }
    .enroll h3{
    padding: 0px 0;
    font-size: 16px;
    }
    .btn-1{
        font-size: 14px;
        height: 34px;
    }
}