/*For Mobiles and tablet*/
    @media screen  and (max-width: 991px) {
        body{
            font-size: 12px;
        }
        .box-logo {
            height: 100px;
        }
        .login{
            height:calc(100vh - 100px); ;
        }
        .box-logo p,.login p,.forgetPas,span{
            font-size: 10px;
        }
        .top-header{
            height: 60px;
        }
        .navbar .logo-modisa{
            width: 70px;
            height: 35px;
        }
        .navbar-nav .dropdown-menu {
            position:absolute;
        }
        .navbar .profile-img{
            width: 30px;
            height: 30px;
        }

        .error .box-error{
            width:auto;
        }
        .error img{
            height: 200px;
        }
        .form-newBuilding p,.form-newBuilding .form-control,.form-newBuilding .form-label,.form-newBuilding span{
            font-size:12px;
        }
        .activities .timeline .timeline-item .circle{
            top: 0;
        }
        div.menu-sub{
            min-width:auto;
        }
        .margin-between>div:nth-child(even) {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem;
        }
    }