@media (min-width:1200px) {
    .container-fluid{
        padding-left: 30px;
        padding-right:  30px;
    }
	}
@media (max-width:1024px) and (max-height: 1366px) {
    /*.login-wrapper{
        height: 100%;
    }*/
}
@media (max-width:1199px) {
    .user-box .pl-5{
        padding-left: 15px !important;
    }
    .user-box .btn-default{
        margin-top: 10px;
    }
    .role-list li{
        width: 49%;
        margin-bottom: 3px;
    }
    .action-table{
        left: 40px;
        right: 40px;
    }
    .welocm-slider-wrap {
        padding: 40px;
    }
    .welocm-slider-wrap h1{
        font-size: 26px;
    }
    .dashboard-table .input-group-text:hover, .dashboard-table .input-group-text:focus{
        background: #fff;
        color: #498dca;
    }
}

@media (max-width:991px) {
    .box-with-shadow.mt-30{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .welocm-slider-wrap{
        padding: 90px 30px 30px 30px;
    }
    .login-box-new{
            padding: 100px 40px 10px 40px;
    }
    .login-wrapper{
        height: 100%;
    }
    .col-md-2.top-box {
        max-width: 25% !important;
        flex: 0 0 25% !important;
    }
    .welocm-slider-wrap .carousel-item img {
        max-width: 180px;
    }
}

@media (max-height:450px) {
    .login-wrapper{
        height: 100%;
        padding: 20px 0;
    }
}

@media (max-height:570px) {
    .login-wrapper, .signup-wrapper{
        height: 100%;
        padding: 20px 0;
    }
}

@media (min-width:576px) and (max-width:767px)  {
    .top-box-content .col-4{
        padding: 0 5px;
    }
}
@media (max-width:767px) {
    .navbar-light .navbar-toggler{
        border-color: transparent;
        outline: 0;
    }
    .box-with-shadow.border-top-blue{
        margin-bottom: 30px;
    }
    .pr-10{
        padding-right: 15px !important;
    }
    .pl-10{
        padding-left: 15px !important;
    }
    .pl-5{
        padding-left: 15px !important;
    }
    .signup-wrapper{
        height: 100%;
        padding: 30px 0;
    }
    .table th, .table td{
        white-space: nowrap;
    }
    .tooltip-custom .tooltiptext-custom {
        position: fixed;
        z-index: 5;
        top: 20px;
        bottom: auto;
        left: 10px;
        right: 10px;
        width: 95%;
        margin-left: 0;
        box-shadow: 0 15px 15px rgba(0,0,0,0.2);
    }
    .tooltip-custom .tooltiptext-custom::after{
        content: none;
    }
    .menu-text{
        display: inline-block;
        font-size: 14px;
        margin-left: 15px;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .login-wrapper{
        padding: 15px 0px;
            display: block;
    }
    .login-box-new .text-right{
        text-align: left !important;
        margin-top: 20px;
    }
    .welocm-slider-wrap{
        margin-top: 20px;
    }
    .mb-5-sm{
        margin-bottom: 2rem !important;
    }
    .register-wrap .mb-5{
        margin-bottom: 2rem !important;
    }
    .login-box-new {
        padding: 30px 20px;
    }
    .signup-link{
        padding-left: 0;
        font-size: 13px;
        margin-top: 23px;
        display: inline-block;
    }
    .col-md-2.top-box{
        max-width: 50% !important;
            flex: 0 0 50% !important;
    }
    .indication-msg{
        left: 20px;
        right: 20px;
        max-width: 100%;
    }
    .box-with-shadow{
        margin-bottom: 20px;
    }
}