#topbar
{
    background-color: #fff;
}

.navbar 
{
    background-color: #1C1C1C !important;
}

.navbar-light .navbar-nav .nav-link
{
    color: white !important;
}

#main_topbar
{
    background-color: #1C1C1C !important;
    color: white;
    padding: 10px;
}

.logo_images
{
    height: 100px !important; 
    width: 100px !important;
    padding: 1px 0;
}

.navbar-light .navbar-toggler-icon 
{
    background-image: url("../img/menu1.png");
}

.marquee_div
{
    background-color: #1C1C1C;
    color: white;
}

.marquee_tag
{
    padding: 10px 0 0;
}
.text-justify
{
    text-align: justify;
}

.slider_images
{
    height: 600px !important;
    width: 100%;
}

.service-item
{
    background: #0000002e;
    color: black;
    height: 220px;
}

.service-item:hover 
{ 
    background: black;
}

.section-title::before, .section-title::after
{
    background: black;
}

.team-item.index_team
{
    background-color: #0000002e !important;
    height: 370px;
}

.testimonial-text
{
    background-color: #0000002e !important;
    color: black;
    height: 240px;
}

.testimonial-carousel .owl-item.center .testimonial-text
{
    background: black !important;
}

.footer
{
    background-color: #1C1C1C !important;
}

.team_images
{
    height: 250px;
    width: 100%;
}

.page-header {
    background: linear-gradient(rgb(56 24 24 / 0%), rgb(24 29 56 / 23%)), url(../karate_images/karate_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 320px;
}

.breadcrumb-item + .breadcrumb-item::before
{
    color: black;
}

.pdf_documents
{
    height: 700px;
    width: 100%;
}

.document_pdf
{
    height: 500px;
    width: 100%;
}

.gallery_images
{
    height:350px;
    width:100%;
}


@media screen and (min-width: 200px) and (max-width: 992px)
{
    #main_topbar
    {
        display: none;
    }
    
    .logo_images
    {
        height: 60px !important; 
        width: 60px !important;
    }
    
    .logo_title
    {
        font-size: 17px !important;
    }
    
    .page-header
    {
        background-size: 100% 165px !important;
    }
    
    .page-header.py-5, .page-header .py-5
    {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    
    .pdf_documents
    {
        height: 300px !important;
    }
    
    .document_pdf
    {
        height: 300px !important;
    }   
    
    .gallery_images
    {
        height:250px;
        width:100%;
    }
    
    
}

@media screen and (min-width: 200px) and (max-width: 374px)
{
    .section-title::before
    {
        width: calc(100% + 30px) !important;
        left: -17px !important;
    }
    
    .section-title::after
    {
        width: calc(100% + 80px) !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 767px)
{
    .header_logo
    {
        display: none;
    }
    
    .slider_images
    {
        height: 300px !important;
    }
    
    .header-carousel .owl-carousel-item
    {
        min-height: 300px;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .logo_title
    {
        font-size: 15px !important;
    }
    
    .page-header
    {
        background-size: 100% 180px !important;
    }
    
    .slider_images
    {
        height: 400px !important;
    }
    
    .header-carousel .owl-carousel-item
    {
        min-height: 400px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px)
{
    .service-item
    {
        height: 300px !important;
    }
    
    .slider_images
    {
        height: 500px !important;
    }
    
    .header-carousel .owl-carousel-item
    {
        min-height: 500px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1439px)
{
    .service-item
    {
        height: 250px !important;
    }
}