@media (max-width: 736px) {
    #DEVBrowser-nav .DEVBrowser_head-left {
        margin-left: 8px;
    }

    #DEVBrowser-nav {
        width: 100%;
    }
    #DEVBrowser-nav .wrap-DEVBrowser-logo {
        gap: 8px;
    }

    .DEVBrowser_head-list-center {
        display: none;
    }

    .DEVBrowser_head-list {
        margin-right: 8px;
    }

    #content .content-section1024 {
        max-width: 100%;
        padding: 0 8px 0 2px;
    }

    #DEVBrowser-nav {
        width: 100%;
        padding: 0;
    }

    /* slide ================================================================================ */
    #slider {
        top: 70px;
        height: 780px;
    }

    .slider-container {
        top: 20px;
    }

    .slider-container .slider-title {
        padding: 0 16px;
    }

    .slider-container .slider-content {
        width: 100%;
    }

    .slider-descnef-item .slider-descnef-text {
        font-size: var(--font-16);
        padding: 6px;
    }

    .slider-img .slider-desc-bg {
        width: 216px;
    }

    .slider-img .slider-protect {
        width: 104px;
    }

    .slider-img .slider-fingerprints {
        width: 178px;
    }

    .slider-container .slider-download-btn {
        margin-top: 1.5rem;
        padding: 4px 14px;
    }

    .slider-container .slider-download-btn {
        font-size: var(--font-18);
    }

    .slider-container .slider-img {
        justify-content: center;
    }

    .slider-img .slider-desc-bg {
        width: 210px;
        height: 86px;
    }

    /* content ================================================================================ */
    #content .content-section856 {
        width: 100% !important;
    }

    #content .content-section956 {
        width: 100% !important;
    }

    #DEVBrowser-Bookmark .DEVBrowser-Bookmark-content {
        width: 100%;
        margin-bottom: 2rem;
    }

    #DEVBrowser-Bookmark .DEVBrowser-Bookmark-title {
        margin: 76px 0 16px 12px;
    }

    .DEVBrowser-Bookmark-content .DEVBrowser-Bookmark-top {
        flex-flow: row wrap;
        padding: 8px;
    }

    .DEVBrowser-Bookmark-content .DEVBrowser-Bookmark-bottom {
        padding: 8px 8px 16px 4px;
    }

    .DEVBrowser-Bookmark-content .DEVBrowser-Bookmark-img {
        width: 100%;
    }

    .DEVBrowser-Bookmark-bottom .DEVBrowser-Bookmark-bottomnef {
        justify-content: flex-start;
    }

    .DEVBrowser-Bookmark-bottom-img1 {
        width: 100%;
    }

    .DEVBrowser-Bookmark-bottom-img2 {
        width: 100%;
    }

    /* javascript ================================================================================ */
    #DEVBrowser-Javascript {
        padding: 0 2px 0 2px;
    }

    #DEVBrowser-Javascript .DEVBrowser-Javascript-title {
        margin: 10px 0 16px 12px;
    }

    #DEVBrowser-Javascript .DEVBrowser-Javascript-content {
        width: 100%;
        margin-bottom: 2rem;
    }

    .DEVBrowser-Javascript-bottomnef {
        margin-left: 0;
        width: 100%;
    }

    .DEVBrowser-Javascript-top-right {
        margin-left: 0;
        width: 100%;
    }

    .DEVBrowser-Javascript-content .DEVBrowser-Javascript-top {
        padding: 8px;
    }

    .DEVBrowser-Javascript-content .DEVBrowser-Javascript-bottom {
        padding: 8px;
    }

    /* BlockRequests ================================================================================ */
    #DEVBrowser-BlockRequests {
        padding: 0;
    }
    .DEVBrowser-BlockRequests-desc {
        width: 100%;
    }
    .DEVBrowser-BlockRequests-content .DEVBrowser-BlockRequests-host {
        padding: 8px;
    }

    .DEVBrowser-BlockRequests-content .DEVBrowser-BlockRequests-path {
        padding: 8px;
    }

    .DEVBrowser-BlockRequests-content .DEVBrowser-BlockRequests-url {
        padding: 8px;
    }

    #DEVBrowser-BlockRequests .DEVBrowser-BlockRequests-title {
        margin: 10px 0 16px 12px;
    }

    #DEVBrowser-BlockRequests .DEVBrowser-BlockRequests-content {
        width: 100%;
        margin-bottom: 2rem;
    }

    .DEVBrowser-BlockRequests-flex {
        display: flex;
        flex-flow: column-reverse wrap;
        justify-content: space-between;
    }

    .DEVBrowser-BlockRequests-left {
        width: 100%;
    }
}

/* ipad =============================================================================== */
@media (min-width: 739px) and (max-width: 1023px) {
    #DEVBrowser-nav {
        width: 100%;
    }

    .DEVBrowser_head-list-center {
        display: none;
    }

    .DEVBrowser_head-right .DEVBrowser_head-title {
        padding: 0 6px;
    }

    #content .content-section856 {
        max-width: 100%;
    }

    /* slide ================================================================================ */
    #slider {
        top: 70px;
        height: 582px;
    }

    .slider-container .slider-content {
        width: 100%;
    }

    .slider-img .slider-desc-bg {
        width: 210px;
        height: 86px;
    }

    .slider-img .slider-protect {
        width: 130px;
    }

    .slider-img .slider-fingerprints {
        width: 200px;
    }

    .slider-container .slider-title {
        padding: 0 16px;
    }

    .slider-descnef-item .slider-descnef-text {
        font-size: var(--font-16);
        padding: 6px;
    }

    /* content ================================================================================ */
    #content .content-section1024 {
        max-width: 100%;
        padding: 0 26px 0 16px;
    }

    #content .content-section956 {
        width: 100% !important;
    }

    #DEVBrowser-Bookmark .DEVBrowser-Bookmark-content {
        width: 100%;
        margin-bottom: 2rem;
    }

    #DEVBrowser-Bookmark .DEVBrowser-Bookmark-title {
        margin: 76px 0 16px 12px;
    }

    #DEVBrowser-Bookmark .DEVBrowser-Bookmark-content {
        width: 100%;
    }

    .DEVBrowser-Bookmark-content .DEVBrowser-Bookmark-top {
        flex-flow: column wrap;
    }

    .DEVBrowser-Bookmark-bottom .DEVBrowser-Bookmark-bottomnef {
        flex-flow: column wrap;
    }

    .DEVBrowser-Bookmark-bottom-img1 {
        width: 400px;
    }

    .DEVBrowser-Bookmark-bottom-img2 {
        width: 478px;
    }

    #DEVBrowser-BlockRequests .DEVBrowser-BlockRequests-content {
        width: 100%;
    }

    .DEVBrowser-BlockRequests-flex {
        flex-flow: column-reverse wrap;
    }

    .DEVBrowser-BlockRequests-left {
        width: 441px;
    }

    #DEVBrowser-Javascript,
    #DEVBrowser-BlockRequests {
        padding: 0 26px 0 16px;
    }

    #DEVBrowser-Javascript .DEVBrowser-Javascript-content {
        width: 100%;
    }

    .DEVBrowser-Javascript-bottomnef {
        margin-left: 0;
        width: 100%;
    }

    #DEVBrowser-Javascript .DEVBrowser-Javascript-title,
    #DEVBrowser-BlockRequests .DEVBrowser-BlockRequests-title {
        margin: 16px 0 16px 0;
    }

    #DEVBrowser-Javascript .DEVBrowser-Javascript-content {
        width: 100%;
        margin-bottom: 2rem;
    }

}