@media (min-width: 320px) and (max-width: 334px) {
    #tawkchat-container {
        opacity: 0 !important;
    }
    nav.navbar > img.logo_lembaga {
        padding-right: 0px !important;
        height: 40px !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu > a.dropdown-item:first-child {
        margin-top: 0px;
    }

    nav.navbar .dropdown:hover .dropdown-menu {
        width: 75%;
    }

    nav.navbar > #navbar-content > ul.navbar-nav.top {
        height: initial;
    }

    div.btn-lihat-semua-program-selesai {
        display: none;
    }

    /*footer*/

    /*section.footer > div.box-3 {*/
        /*margin-top: 10px;*/
    /*}*/

    /*section.footer > div.box-2 {*/
        /*margin-top: 0px;*/
    /*}*/

    /*section.footer {*/
        /*flex-direction: unset;*/
        /*padding: 0px 10px 35px 10px !important;*/
    /*}*/

    /*section.footer > div.box-4 {*/
        /*margin-top: 10px;*/
    /*}*/

    /*section.footer > div.box-1,*/
    /*section.footer > div.box-2,*/
    /*section.footer > div.box-3,*/
    /*section.footer > div.box-4{*/
        /*width: 50% !important;*/
        /*padding-bottom: 40px;*/
    /*}*/

    /*section.footer > div.box-1 > div.logo {*/
        /*margin-top: 40px;*/
    /*}*/

    /*section.footer > div.box-3 {*/
        /*display: inline-table;*/
        /*width: 100% !important;*/
        /*padding-left: 5px;*/
        /*padding-right: 5px;*/
        /*padding-bottom: 0px;*/
        /*margin-bottom: 0px;*/
    /*}*/

    /*section.footer > div.box-3 > label {*/
        /*float: left;*/
        /*width: 40%;*/
    /*}*/

    /*section.footer > div.box-3 > ul {*/
        /*float: left;*/
        /*width: 60%;*/
    /*}*/

    /*section.footer > div > label:after {*/
        /*width: 95px;*/
        /*bottom: -8px;*/
    /*}*/

    .nama-email > div:nth-child(1){
        display: none !important;
    }


    /*.mail, .phone{*/
        /*display: inline-grid;*/
    /*}*/

    div.sosmed {
        bottom: -120px;
        left: 180px;
    }

    .footer-bottom { order: 5; }
    .box-1 { order: 4; }
    .box-2 { order: 3 }
    .box-3 { order: 2; }
    .box-4 { order: 1; }

    nav.navbar > #navbar-content > ul.navbar-nav.bottom > li > a {
        font-weight: bold !important;
    }

    nav.navbar > #navbar-content > ul.bottom > li:first-child {
        padding-top: 15px;
    }

    div.sosmed-yatim > label > a {
        font-size: 13px;
    }

    .kontak-mobile > div > label {
        padding-right: 10px;
    }

    .kontak-mobile > div > label.link-wa {
        float: right;
        padding-right: 0px !important;
        position: relative;
        top: -3px;
    }

    .kontak-mobile > div > label.link-wa > a {
        background-color: #29AD00;
        text-align: center;
        display: inline-block;
        border: #DDD thin solid;
        border-radius: 5px;
        color: #FFFFFF;
        padding: 3px 10px;
    }

    .kontak-mobile > div > label.link-wa > a > label {
        margin-bottom: 0px;
    }

}

@media (min-width: 335px) and (max-width: 767px){
    section.footer {
        background-color: #FFFFFF;
    }
    nav.navbar > img.logo_lembaga {
        padding-right: 0px !important;
        height: 25px !important;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
    }
    #tawkchat-container {
        opacity: 0 !important;
    }

    nav.navbar > a > .logo_lembaga {
        padding-right: 0px !important;
        height: 35px !important;
        width: auto;
    }

    /*footer*/

    /*section.footer {*/
        /*flex-direction: unset;*/
        /*padding: 5px 10px 55px 10px !important;*/
    /*}*/

    /*section.footer > div.box-3 {*/
        /*margin-top: 10px;*/
    /*}*/

    /*section.footer > div.box-2 {*/
        /*margin-top: 0px;*/
    /*}*/

    /*section.footer > div.box-1,*/
    /*section.footer > div.box-2,*/
    /*section.footer > div.box-3,*/
    /*section.footer > div.box-4{*/
        /*width: 50% !important;*/
    /*}*/

    /*section.footer > div.box-3 {*/
        /*display: inline-table;*/
        /*width: 100% !important;*/
        /*padding-left: 25px;*/
        /*padding-bottom: 0px;*/
        /*margin-bottom: 20px;*/
    /*}*/

    /*section.footer > div.box-3 > label {*/
        /*float: left;*/
        /*width: 46%;*/
    /*}*/

    /*section.footer > div.box-3 > ul {*/
        /*float: left;*/
        /*width: 54%;*/
    /*}*/

    /*section.footer > div > label:after {*/
        /*width: 95px;*/
        /*bottom: -8px;*/
    /*}*/

    .nama-email > div:nth-child(1){
        display: none !important;
    }

    /*section.footer > div {*/
        /*padding: 0 0 30px 0;*/
    /*}*/

    /*section.footer > div.box-1 > div.logo {*/
        /*margin-top: 40px;*/
    /*}*/

    /*section.footer > div > label {*/
        /*margin-bottom: 35px;*/
    /*}*/

    /*section.footer > div.footer-bottom {*/
        /*padding: 0px !important;*/
    /*}*/

    div.sosmed {
        bottom: -120px;
        left: 180px;
    }

    /*.mail, .phone{*/
        /*display: inline-grid;*/
    /*}*/

    .footer-bottom { order: 5; }
    .box-1 { order: 4; }
    .box-2 { order: 3 }
    .box-3 { order: 2; }
    .box-4 { order: 1; }

    .footer .jumlah-pengunjung > li > label.caption {
        width: 75px;
    }

    nav.navbar .dropdown:hover .dropdown-menu {
        border: none;
        box-shadow: none;
        margin: 5px 5px -10px;
    }
    nav.navbar .dropdown:hover .dropdown-menu > a:last-child {
        border: none;
    }

    nav.navbar > #navbar-content > ul.navbar-nav.bottom > li > a {
        font-weight: bold !important;
    }

    nav.navbar > #navbar-content > ul.bottom > li:first-child {
        padding-top: 15px;
    }

    nav.navbar > #navbar-content > ul.navbar-nav.top {
        height: initial;
    }

    div.sosmed-yatim > label > a {
        font-size: 13px;
    }

    .kontak-mobile > div > label {
        padding-right: 10px;
    }

    .kontak-mobile > div > label.link-wa {
        padding-right: 0px !important;
        display: block;
        margin-top: -20px;
    }

    .kontak-mobile > div > label.link-wa > a {
        background-color: #29AD00;
        text-align: center;
        display: inline-block;
        border-radius: 3px;
        color: #FFFFFF;
        padding: 10px;
        margin-top: 31px;
        width: 100%;
    }

    .kontak-mobile > div > label.link-wa > a > label {
        margin-bottom: 0px;
        margin-left: 5px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu > a.dropdown-item:first-child {
        margin-top: 0px;
    }

    nav.navbar .dropdown:hover .dropdown-menu {
        width: 75%;
    }

    section.detil-dana > div.box > ul.navbar-nav.bottom > li.status-penerimaan-penerima-manfaat > div.nav-link > span.caption {
        padding-top: 3px;
    }

    .dropdown-menu-program-mobile {
        position: absolute;
        top: 10px;
        right: 100px;
        background: #ccc;
        box-shadow: 0 1px 10px 0px #000000;
    }

    .dropdown-menu-program-mobile > a {
        color: #000000;
    }


}

@media (min-width: 768px) and (max-width: 991px) {

    nav.navbar > img.logo_lembaga {
        padding-right: 0px !important;
        height: 25px !important;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
    }

    nav.navbar .dropdown:hover .dropdown-menu {
        border: none;
        box-shadow: none;
        margin: 5px 5px -10px;
    }
    nav.navbar .dropdown:hover .dropdown-menu > a:last-child {
        border: none;
    }

    div.btn-lihat-semua-program-selesai {
        display: none;
    }

    nav.navbar > #navbar-content > ul.navbar-nav.bottom > li > a {
        font-weight: bold !important;
    }

    nav.navbar > #navbar-content > ul.navbar-nav.top {
        height: initial;
    }

    /*footer*/

    div.sosmed {
        bottom: -505px;
        left: 15px;
    }

    /*section.footer > div.box-1,*/
    /*section.footer > div.box-2,*/
    /*section.footer > div.box-3,*/
    /*section.footer > div.box-4{*/
        /*width: 25% !important;*/
    /*}*/

    /*section.footer > div.box-1 {*/
        /*margin-top: 20px;*/
    /*}*/

    /*section.footer {*/
        /*flex-direction: unset;*/
    /*}*/

    .footer-bottom { order: 5; }
    .box-1 { order: 4; }
    .box-2 { order: 3 }
    .box-3 { order: 2; }
    .box-4 { order: 1; }

    nav.navbar > #navbar-content > ul.bottom > li:first-child {
        padding-top: 15px;
    }

    div.sosmed-yatim > label > a {
        font-size: 13px;
        width: 20px;
        height: 20px;
    }

    nav.navbar .dropdown:hover .dropdown-menu {
        width: 75%;
    }

    /*Youtube responsive */

    .ycp .belah .handap {
        height: calc(100% - 0px) !important;
        overflow-y: auto !important;
    }

    .footer .jumlah-pengunjung > li > label.caption {
        width: 65px;
    }

}