@media screen and (max-width: 1870px){
    .row-page-scroll{
        width: 1700px;
    }
    .full-page-scroll .ps.ps--active-x .ps__rail-x {
        display: block !important;
        position: fixed;
        left: 105px !important;
    }
    .full-page-scroll .dropDown-width .ps.ps--active-x .ps__rail-x {
        display: none !important;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1600px){

    /* Login Page Css Start here */

    .form-control{
        height: 28px !important;
    }
    form .alert{
        padding: .25rem .5rem !important;
        margin-bottom: .5rem !important;
    }
    .form-control.mb-3{
        margin-bottom: .5rem !important;
    }
    .btnlogin{
        height: 35px !important;
    }
    .btnlogin.my-4{
        margin: .75rem 0 !important;
    }
    .or-container{
        margin: 0 0 15px !important;
    }
    .card-device-tab{
        padding: 2rem 1.5rem !important;
    }
    .loginPara{
        font-size: 16px !important;
    }
    .btnRead{
        font-size: 14px !important;
        padding: 12px 20px !important;
    }

    /* Dashboard Page Css  Start */

    .search-control {
        height: 47px !important;
    }
    .btn.viewAll{
        padding: .675rem 1rem !important;
    }
    .card .card-padding{
        padding: 1rem !important;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1400px){
    .col-lg-device{
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }
}