@media only screen and (min-device-width: 768px){
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 220px !important;
        min-height: 100vh;
    }
}

/*toggle sidenav*/

.ministertagline2 {
    font-weight: 600 !important;
}

@media only screen and (max-width:420px) {
    #toggleNavigationBtn {
        display: flex;
    }
}

@media only screen and (min-width:1300px) and (max-width: 3999px){

    #page-header > * {
        padding-top: 0;
    }

    #mainNAVNAV {
        margin-top: 108px;
    }
}

@media only screen and (min-width:1400px){

    #page-header > * {
        padding-top: 0;
    }

    #mainNAVNAV {
        margin-top: 108px;
    }
}

@media only screen and (max-width:768px) {
    .pager .pagination > li > a, .pager .pagination > li > span {
        padding: 5px 10px !important;
    }

    .pagination {
        display: flex !important;
    }
}

@media only screen and (min-device-width: 700px) and (max-device-width: 799px) {
   
    .search-bar-container {
        direction:ltr !important;
    }
}

@media only screen and (min-width: 350px) and (max-width: 365px) {
    #products {
        padding-left: 0px !important;
    }
}

@media only screen and (max-device-width: 1024px) {
    .navbar-top-links .top-right-nav-item {
        padding-left: 0px !important;
        padding-right: 0px!important;
    }
}

.pager .pagination-wrapper {
    text-align: right !important;
}

.pager .record-count {
    text-align: left !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 968px) {
    .pagination-wrapper-out {
        justify-content: flex-start !important;
    }

    .pagination-wrapper {
        left: 45%;
    }
}

#toolbar {
    font-size: 18px;
}

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

    #insidemvcHEADER .navbar-right {
        gap: 15px;
    }

    .topprogressbar {
        color:#fff;
    }
}

.course_header_watsan_divehi {
    display:flex;
}

.pager .record-count {
    font-size: 14px;
}

.pager .pagination > li > a {
    font-size: 14px !important;
}

@media only screen and (max-width: 500px) {
    .divehi_pagemaintitle_div {
        flex-direction: row !important;
    }
}

@media (max-width: 767px) {
    .sidenav_bottom_sec {
        margin: 36px 22.5px 31px 3px !important;
    }
}