/*Responsive*/

@media only screen and (max-width: 1200px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
        margin: 0 auto;
        text-align: center;
    }

    .custom-navbar .navbar-nav.navbar-nav-first>li a {
        display: block;
        width: 100%;
    }

    .custom-navbar .navbar-nav.navbar-right>li a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .custom-navbar .navbar-nav.navbar-nav-first>li>a {
        line-height: 16px;
        border-bottom: 2px solid #29ca8e;

    }

}

@media only screen and (max-width: 768px) {
    a.navbar-brand {
        margin-left: 1rem;
    }

    button.navbar-toggler {
        margin-right: 1rem;
    }

    .team-thumb {
        margin-bottom: 2rem;
    }

    .courses .item {
        width: 300px;
    }
}

@media only screen and (max-width: 480px) {
    h1 {
        font-size: 2em;
    }

    #home h3 {
        font-size: 14px;
    }

    .about .entry-form {
        border-radius: 0;
        padding: 2em;
        max-width: 100%;
        max-height: 100%;
        width: inherit;
        height: inherit;
    }
}


@media only screen and (max-width: 420px) {

     

    .feature {
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .about {
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .team {
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .team .team-thumb {
        margin-bottom: 1rem;
    }

    .team .team-image {
        width: 100%;
    }

    .team .team-info {
        width: 100%;
        margin-left: 2rem;
    }

    .team .social-icon {
        width: 100%;
        margin-left: 2rem;
    }


    .courses {
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .courses .item {
        width: 100%;
    }

    .courses-detail p {
        min-height: auto;
    }

    #courses>div>div>div>div.owl-carousel.owl-theme.owl-courses.owl-loaded.owl-drag>div.owl-nav>button.owl-prev>i,
    #courses>div>div>div>div.owl-carousel.owl-theme.owl-courses.owl-loaded.owl-drag>div.owl-nav>button.owl-next>i 

    {
       
        background-color: rgb(217, 214, 217);
        color: #fff;
        padding: .25rem .5rem;
        font-size: 1rem;
    }

    .tst {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .tst .item {
        width: 320px;
    }

    .contact-image img {
        display: none;
    }

    .map {
        height: auto;
        margin: 0;
    }

    .footer {
        height: auto;
        padding: 2rem 0;
    }

}