@media (max-width:767px)
{
    .banner-content h1
    {
        padding: 0 15px;
        font-size: 30px;
        line-height: 50px;
    }

    .banner-content p
    {
        padding: 0 15px;
    }

    .banner-section
    {
        padding: 180px 0 120px 0;
    }

    .home-about-right-content h2
    {
        font-size: 30px;
        margin-top: 30px;
    }

    .home-about-right-content
    {
        padding-right: 15px !important;
    }

    .home-about-section::after
    {
        transform: scale(0.5);
        top: auto;
        bottom: -70px;
    }

    .home-about-2nd-right-content
    {
        padding-right: 0 !important;
    }

    .home-about-2nd-right-content h2
    {
        font-size: 30px;
    }

    .home-about-2nd-right-content ul
    {
        flex-direction: column;
        margin-bottom: 30px !important;
    }

    .class-box
    {
        padding: 15px 15px;
    }

    .classes-section::after
    {
        transform: scale(0.7);
        bottom: -45px;
    }

    h2
        {
        font-size: 30px;
        }

        .registration-content-part
        {
            padding-right: 15px !important;
            padding-left: 20px;
        }

        .registration-form
        {
            margin-top: 30px;
        }

        input[type="date"],
input[type="datetime-local"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

.navbar-nav
{
    margin-top: 25px;
    text-align: center;
}

.navbar .navbar-nav .nav-item .nav-link
{
    display: inline-block;
    padding: 5px 10px;
}

.navbar .navbar-nav .nav-item
{
    padding: 15px 20px;
}

.nav-item
{
    border-bottom: 0;
}

.home-about-right-content
{
    padding-right: 15px !important;
}

.home-about-2nd-left-image
{
    margin-top: 30px;
}

h2.mb-5
{
    margin-bottom: 30px !important;
}

.team-member-box
{
    margin-bottom: 30px;
}

.mrb-30
{
    margin-bottom: 30px;
}

.tab-buttons-left ul {
    display: none;
}
.dropdown-tab {
    display: block !important;
}

.single-class-box
{
    margin-bottom: 20px;
}

.contact-details-single
{
    padding: 25px 0;
}

.contact-form-part
{
    padding: 40px 25px;
}

.owl-carousel .owl-nav button.owl-prev
{
    left: 0;
}

.owl-carousel .owl-nav button.owl-next
{
    right: 0px;
}

.workshops-box, .occasions-box
{
    margin-bottom: 30px;
}


}

@media only screen and (min-width: 768px) and (max-width: 991px)
{

}