@media screen and (width <= 1220px){
    #page-index-chart-types-image {
        display: none;
    }
    
    ul#front-page-advantages-list {
        float: none;
        text-align: left;
        display: inline-block;
    }

    div#front-page-advantages-list-container {
        text-align: center;
    }
}

@media screen and (width <= 1200px){
    img#github-share {
        display:none;
    }
}

@media screen and (width <= 1200px){
    p#floated-para {
        display:none;
    }

    body {
        line-height:45px;
        font-size:1.3em;
    }


    div#page-common-navbar2-links {
        display: none;
    }

    div#page-common-navbar2 {
        height: 155px;
    }
    
    div#page-common-navbar2-logo-large svg {
        transform: translateY(10px);
    }

    div#page-common-navbar2-hamburger-icon {
        display: inline;
    }






    #aboutpage img#author-photo{
        display:none;
    }
    #aboutpage img#author-photo-smallscreen{
        display:inline!important;
    }
    
    div.api-properties-large-screen,
    table.api-properties-large-screen{
        display:none;
    }
    div.api-properties-small-screen{
        display:block;
    }
    div.api-properties-small-screen b{
        font-style:italic;
    }
    div#social-sharing-left-fixed-container{
        display:none;
    }
    
    div#main-body-container{
        margin-left:0;
        margin-right:0;
    }
    div#main-body-container img#front-page-how-do-i{
        display:none;
    }

    #page-reference-index .contents-list-container {
        width: 50%;
    }

    #page-reference-index .contents-list-container-3 {
        display: none;
    }
    
    #page-reference-index div#contents-list-shadow-options,
    #page-reference-index div#contents-list-other,
    #page-reference-index div#contents-list-pixel-manipulation {
        display: block !important;
    }

    #page-index div.features {
        flex-direction: column;
    }
    
    #page-index div.features div {
        width: 95% !important;
    }
}



@media only screen and (width <= 950px){
}



@media only screen and (width <= 900px){
    div#page-common-right-floated-information-bar {
        display: none;
    }
    
    div#main-body-container {
        padding-right: 20px !important;
    }
}

@media screen and (width <= 875px){
    h1 {
        font-size:2.5em;
    }
    h2 {
        font-size:2em;
    }
    h3 {
        font-size:1.5em;
    }
}







@media screen and (width >= 700px){
    #advantages-smallscreen{
        display:none;
    }
    #advantages-largescreen{
        display:inline;
    }
}
@media screen and (width <= 700px){
    #advantages-smallscreen{
        display:inline;
    }
    #advantages-largescreen{
        display:none;
    }
}


@media screen and (width <= 650px){
    #header-image {
        display: none;
    }
    #front-page-chart-image-container {
        display: none;
    }
}

@media screen and (width <= 600px){
    div#frontpage-latest-version-large{
        display:none;
    }
}

@media screen and (width <= 600px){
    .news-item-images{
        margin-right:none;float:none;
    }
}

@media screen and (width <= 500px){
    #aboutpage img#author-photo-smallscreen{
        display:none!important;
    }
    #aboutpage img#rgraph-logo {
        float:none !important;
    }
    #aboutpage img#html5-logo {
        float:none !important;
    }
}

@media screen and (width <= 450px){
    img#front-page-rgraph-logo-text{
        display:none;
    }
    img#front-page-rgraph-logo-text-small{
        display:inline !important;
    }
}

@media screen and (width <= 400px){
    
}

@media screen and (width <= 350px){
    
}