@media screen and (max-width:1170px) {
    /* Target landscape smartphones, portrait tablets, narrow desktops

    */

    body {
        font-size: 15px;
    }

    #content {
        padding: 0;
        padding-top: 10px;
    }

    #footerFrame {
        font-size: 15px;
    }

    /* index */
    #bodyWrapperMain {
        max-width: 1170px;
        width: auto;
    }

    #indexFrame {
        width: auto;
        max-width: 1170px;
    }

    #indexSearch {
        margin-right: 0;
        margin-left: 0;
    }

    #indexSitesList {
        width: auto;
    }

    #indexSitesList .siteInfo {
        width: 100%;
        margin-right: 0;
    }

    #indexSitesList .more {
        float: right;
        font-size: 20px;
        margin-right: 10px;
        margin-top: -25px;
    }

    #indexSitesList h4 {
        font-size: 20px;
    }

    #indexSitesList h4 img {
        vertical-align: middle;
    }

    #indexToolsListWrapper .col1 {
        float: left;
        width: 380px;
    }

    #indexToolsListWrapper li a {
        font-size: 18px;
    }

/*    #indexRecentlyAdded li:last-child {
        display: none;
    }*/

    /* pages */
    #summary p {
        font-size: 15px;
        line-height: 18px;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper, #bodyWrapper {
        width: auto;
        max-width: 1170px;
    }

    #headerSdaWrapper {
        overflow: hidden;
    }

    #mainFrame, #mainFrame2 {
        /* width: auto; */
        width: 100%;
    }

    #sideBarFrame {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    /* Target landscape smartphones, portrait tablets, narrow desktops

    */

    body {
        font-size: 15px;
    }

    #content {
        padding: 0;
        padding-top: 10px;
    }

    #footerFrame {
        font-size: 15px;
    }

    /* index */
    #bodyWrapperMain {
        width: auto;
        max-width: 800px;
    }

    #indexIntro {
        padding: 10px 10px;
    }

    #indexSearch {
        width: auto;
        font-size: 15px;
    }

    #indexSearch .searchBtn {
        margin: 0;
    }

    #indexSearch .search, #headerSearch .search {
        width: auto;
    }


    #indexFrame {
        width: auto;
        max-width: 800px;
    }

    #indexRecentlyAdded {
        display: flex;
    }

    #indexRecentlyAdded ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: normal;
    }

    #indexRecentlyAdded li {
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }

    #indexSitesList {
        width: auto;
    }

    #indexSitesList .siteInfo {
        float: none;
        width: auto;
        max-width: 740px;
        margin-right: 0;
    }

    #indexSitesList .more {
        float: right;
        font-size: 20px;
        margin-right: 10px;
        margin-top: -25px;
    }

    #indexSitesList h4 {
        font-size: 20px;
    }

    #indexSitesList h4 img {
        vertical-align: middle;
    }

    #indexToolsListWrapper .col1 {
        width: 100%;
    }

    #indexToolsListWrapper .col2 {
        width: 100%;
    }

    #indexToolsListWrapper li a {
        font-size: 18px;
    }

    /* pages */
    #summary p {
        font-size: 15px;
        line-height: 18px;
    }

    #indexHeaderWrapper {
        display: block;
    }

    #indexToolsListWrapper {
        display: flex;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper, #bodyWrapper {
        width: auto;
        max-width: 800px;
    }
}

@media screen and (max-width: 480px) {
    /* Target portrait smartphones */
    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    body {
        background: none;
        font-size: 15px;
    }

    img {
        max-width: 100%;
        object-fit: cover;
    }

    #content {
        padding: 0;
    }

    #indexIntro {
        padding: 10px 10px;
    }

    #footerFrame {
        font-size: 15px;
    }

    /* index */
    #bodyWrapperMain {
        width: auto;
        max-width: 480px;
    }

    #indexHeaderWrapper {
        justify-content: space-between;
        flex-direction: column;
    }

    #indexTopNav {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
        align-self: auto;
    }

    #indexTopNav a {
        font-size: 20px;
    }

    #indexTopNav li {
        display: block;
        margin: 0;
        padding: 5px 0 5px 0;
    }

    #indexTopNav li:after {
        content: none;
    }

    #indexLogo {
        /*float: none;*/
    }

    #indexFrame {
        /* width: 100%; */
    }

    #indexSearch {
        width: auto;
        font-size: 15px;
        margin-bottom: 5px;
        padding: 25px;
        background: #dddddd;
        color: #555555;
        /* border: 1px solid #cccccc; */
        border-radius: 0;
        overflow: hidden;
    }

    #indexSearch #searchForm {
        display: flex;
        flex-direction: column;
    }

    #indexSearch .search {
        height: 36px;
        padding: 0 10px 0 10px;
        margin: 0;
        margin-bottom: 10px;
        font-size: 14px;
    }

    #indexSearch .searchBtn {
        height: 36px;
        width: 100%;
    }

    #headerSearch .search {
        width: 150px;
    }

    #indexSitesList {
        width: auto;
    }

    #indexSitesList .siteInfo {
        float: none;
        width: auto;
        margin-right: 0;
    }

    #indexSitesList .more {
        float: none;
        font-size: 20px;
        margin-left: 450px;
        margin-top: -25px;
        right: 35px;
    }

    #indexSitesList h4 {
        font-size: 20px;
    }

    #indexSitesList h4 img {
        vertical-align: middle;
    }

    #indexToolsListWrapper .col1 {
        float: none;
        width: auto;
    }

    #indexToolsListWrapper li a {
        font-size: 17px;
    }

    #indexRecentlyAdded img {
        max-width: none;
    }

    /* pages */
    #summary p {
        font-size: 15px;
        line-height: 18px;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper, #bodyWrapper {
        width: auto;
        max-width: 480px;
    }

    #pingerWidget, #analytics-accordion-wrapper {
        display: none;
    }

    #headerSdaWrapper, #domainSda, #telderiSda {
        display: none;
    }

    #headerMobileSdaWrapper {
        display: block;
    }

    #headerTop {
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    #headerSearch .search {
        width: 130px;
    }

    #headerMenu ul {
        padding-left: 10px;
    }

    #headerMenu li {
        background: none;
        float: none;
        font-size: 17px;
        padding: 4px;
        margin: 0;
    }

    #headerMenu li:first-child {
        padding-top: 15px;
    }

    #headerMenu li:last-child {
        padding-bottom: 15px;
    }

    #headerMenu li a {
        padding: 0;
    }

    #content section {
        padding: 0;
    }

    #toolsMain ul li {
        padding: 15px;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper {
        max-width: 480px;
    }

    #bodyWrapper {
        width: 400px;
        margin: auto;
    }

    #mainFrame, #mainFrame2 {
        width: 400px;
    }
}


/* iphone 6 and 6+ */
@media only screen and (max-device-width: 640px) and (orientation: portrait),
only screen and (max-device-width: 667px) and (orientation: portrait)
/*only screen and (max-width: 480px) and (orientation: portrait)*/
{
    body {
        font-size: 15px;
    }

    #content {
        padding: 0;
    }

    #indexIntro {
        padding: 10px 10px;
    }

    #footerFrame {
        font-size: 15px;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper {
        width: 480px;
        margin: auto;
    }

    #bodyWrapper {
        width: 480px;
        margin: auto;
    }

    #mainFrame, #mainFrame2 {
        width: 480px;
        margin: auto;
    }
}

@media screen and (max-width: 320px) {
    /* Target portrait smartphones */

    body {
        font-size: 15px;
    }

    #content {
        padding: 0;
    }

    #indexIntro {
        padding: 10px 10px;
    }

    #footerFrame {
        font-size: 15px;
    }

    /* index */
    #bodyWrapperMain {
        width: 400px;
    }

    #indexTopNav {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
    }

    #indexTopNav a {
        font-size: 20px;
    }

    #indexFrame {
        width: 400px;
    }

    td {
        display: block;
    }

    #indexSearch {
        width: auto;
        font-size: 15px;
    }

    #indexSearch .search {
        width: 250px;
    }

    #indexSitesList {
        width: auto;
    }

    #indexSitesList .siteInfo {
        float: none;
        width: auto;
        margin-right: 0;
    }

    #indexSitesList .more {
        float: none;
        font-size: 20px;
        margin-left: 4px;
        margin-top: 0;
        right: auto;
    }

    #indexSitesList h4 {
        font-size: 20px;
    }

    #indexSitesList h4 img {
        vertical-align: middle;
    }

    #indexToolsListWrapper .col1 {
        float: none;
        width: auto;
    }

    #indexToolsListWrapper li a {
        font-size: 17px;
    }

    #indexRecentlyAdded li {
        margin-left: 7px;
    }

    #indexRecentlyAdded li:last-child {
        display: block;
    }

    /* pages */
    #summary p {
        font-size: 15px;
        line-height: 18px;
    }

    #headerWrapper, #headerWrapper, #headerSdaWrapper, #bodyWrapper {
        width: 480px;
    }
}