/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .panel-login .panel-body{
        padding: 40px 20px;
    }
    .front-page-splash-screen .front-page-splash{
        width: 330px;
    }
    .front-page-splash-screen .front-page-splash img{
        width: 210px;
    }
    .front-page-splash-screen .front-page-splash .logo-text{
        font-size: 28px;
    }
    .front-page-splash-screen .front-page-info{
        width: 330px;
    }

    /***    Footer      ***/
    .doel-icon{
        display: none;
    }
    .urgent-need{
        text-align: right;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .navbar-main {
        /*background: rgba(255,255,255,0.2);*/
        height: 80px;
        position: relative;
    }
    .navbar-main .navbar-toggle{
        background: #693391;
    }
    .navbar-main .navbar-toggle:hover,
    .navbar-main .navbar-toggle:focus{
        background: #8D45B8;
    }
    .navbar-main .navbar-toggle .icon-bar{
        background: #fff;
    }
    .navbar-main .navbar-collapse {
        /*background-color: rgba(105, 51, 145, 0.9);*/
        background-color: rgba(105, 51, 145, 0.93);
        max-height: inherit;
        z-index: 999999;
        position: absolute;
        width: 100%;
    }
    .navbar-main .navbar-brand{
        height: 80px;
        width: 180px;
        padding-top: 8px;
    }
    .navbar-main .navbar-brand img{
        height: 35px;
    }
    .navbar-main .navbar-brand .logo-text{
        margin-bottom: 0px;
        border-top: 4px solid #8dc640;
        margin-top: 4px;
        padding-top: 5px;
        font-size: 14px;
        color: #231f20;
        text-align: right;
    }
    .navbar-main .navbar-nav{
        margin-top: 5px;
        padding: 10px 0;
    }
    .navbar-main .navbar-nav li a{
        color: #fff;
    }
    .navbar-main .navbar-brand .header-title {
        font-size: 15px;
        margin-top: 20px;
    }
    /****   Login page      ***/
    body.login .navbar-main .navbar-brand{
        display: block;
    }
    .panel-login .panel-body{
        padding: 40px 40px;
    }

    .front-page-splash-screen{
        position: inherit;
        margin-top: 0;
        text-align: center;
    }
    .front-page-splash-screen .front-page-splash{
        display: inline-grid;
        text-align: left;
    }
    .front-page-splash-screen .front-page-info{
        width: 410px;
        display: inline-block;
        margin-bottom: 40px;
    }

    .pagination-wrapper{
        text-align: center;
    }

    /***    Footer      ***/
    .footer .footer-top {
        text-align: center;
    }
    .urgent-need,.planning-execute{
        text-align: center !important;
    }
    .img-responsive.soft-bd{
        display: initial;
    }
    .footer-bottom{
        text-align: center;
    }
    .footer .footer-menu{
        float: inherit;
        margin-top: 5px;
        margin-left: -20px;
        width: 100%;
    }
    .footer .footer-menu li {
        float: initial;
    }
    .footer .footer-menu li a {
        padding: initial;
    }

}
/* Landscape Screen Mobile Devices, Tablets */
@media only screen and (max-width : 640px) {
    .panel .panel-body{
        padding: 25px 5px;
    }
    .panel .panel-body-wrapped{
        padding: 25px 30px;
    }
    .page-topper .topper-left,
    .page-topper .topper-right{
        width: 100%;
    }
    .page-topper .topper-right{
        text-align: left;
        margin-top: 15px;
    }
    .front-page-splash-screen .front-page-splash{
        width: 290px;
    }
    .front-page-splash-screen .front-page-info{
        width: 100%;
        display: inline-block;
        margin-bottom: 40px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}