@media only screen and (max-width: 1200px) {
    
.navbar-brand{
    font-size: 3.5rem;
}
#navbarSupportedContent>ul>li>a{
    font-size: 1rem;
}

.main_section_header>.container{
    padding: 0px;
}

}


@media only screen and (max-width: 1100px) {
    
.navbar-brand{
    font-size: 3.5rem;
}
}


@media only screen and (max-width: 768px) {
    
.navbar-brand{
    font-size: 3.1rem;
}
}

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


    #navbarSupportedContent>ul>li>a{
        margin-top: 0px;
    }
    
    

}

@media only screen and (max-width: 500px) {
    
.navbar-brand{
    font-size: 2.8rem;
}

#navbarSupportedContent>ul>li>a{
    font-size: 1.2rem;
}


}

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

#navbarSupportedContent>ul>li>a{
    font-size: 1.2rem;
}

.main_section_header>.container{
    padding-left: 0px;
    padding-right: 0px;
}

}


@media only screen and (max-width: 380px) {
    
.navbar-brand{
    font-size: 2.5rem;
}


.navbar-brand>img{
    width: 10rem;
}


#navbarSupportedContent>ul>li>a{
    font-size: 1rem;
}

}

@media only screen and (max-width: 320px) {
    
.navbar-brand{
    font-size: 2.1rem;
}

.navbar-brand>img{
    width: rem;
}

}


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


.navbar-brand>img{
    width: 10rem;
}

}

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


.navbar-brand>img{
    width: 9rem;
}

}



/* navbar content  */
@media only screen and (max-width: 990px) {
    
    .navbar_content_div>div>ul>li>a{
        font-size: 0.8rem;
        font-weight: bold;
        margin-top: 15px;
    }

}