@media only screen and (max-width:1025px) {
    .container {
        width: 94%;
        margin: 0 3%;
    }

    .login_mid_content {
    width: 77%;
    display: inline-block;
    padding: 20px;
}

.manage_datatable {
    width: 100%;
    float: left;
    padding: 15px 20px;
    overflow:scroll;
    overflow-y:hidden;
}
}


@media only screen and (max-width: 979px) {
    .container {
        width: 93%;
        margin: 0 3%;
    }

    .navbar-brand{display:block;color:var(--white-color);}

    .nav_padding{padding:6px 0px;background: var(--accent-color) !important;}

    .nav_first_padding {
    padding-left: 0px !important;
}
.nav-link {
    border-right:none;
    border-bottom: var(--white-color) solid 1px;
    padding: 0px 0px 15px !important;
    color: var(--white-color) !important;
    line-height: 18px !important;
    margin-bottom:15px;
}
.navbar-nav{margin-top:20px;}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border:var(--white-color) solid 1px;
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    padding-top:1px;
    color:#fff;
    vertical-align: middle;
    background-image:none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.dashboard_left_content {
    width: 100%;
    float: left;
    display:block;
}
.fillter_list{width:100%;float:left;    background: var(--accent-color) !important;text-align:center;margin-top:20px;padding: 10px 15px;    border-radius: 10px;    color: var(--white-color);text-decoration:none;display:block;}

.fillter_block{display:block !important;}

.page_content h1{width:100%;float:left;font-size:20.5em;color:var(--accent-color);}

.page_content p{width:100%;float:left;font-size:3.5em;color:var(--accent-color);}

}

@media only screen and (max-width: 767px) {
    .container {
        width: 93%;
        display: block;
        margin: auto;
    }

    .login_mid_content {
    width:100%;
    display: inline-block;
    padding: 20px;
}

.dashboard_headding h1 {
    float: left;
    width:100%;
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 25px;
    color: var(--accent-color);
}
.dashboard_headding a {
    float: right;
    width:100%;
    background: var(--accent-color);
    color: var(--white-color);
    text-decoration: none;
    padding: 10px 15px;
    text-align:center;
    border-radius: 10px;
    margin-top:20px;
}
.logo {
    float: left;
    width: 191px;
    margin-top:9px;
}
header {
    width: 100%;
    float: left;
    background: var(--grey-color);
    padding:25px 0px;
}

.fixed_menu{width:100%;float:left;position:fixed;top:0px;left:0px;z-index:999;}

section.mid_section {
    width: 100%;
    float: left;
    padding: 30px 0px;
    margin-top: 156px;
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 70%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}
.recent_link a {
    float: left;
    text-decoration: none;
    color: var(--black-color);
    margin-right: 10px;
    margin-bottom:5px;
}
.create_plus {
    float: right;
    background: var(--accent-color) !important;
    color: var(--white-color);
    padding: 7px 15px;
    border-radius: 10px;
    margin-top:8px;
    width:100%;
    text-align:center;
}
.view_ticket h3 {
    float:left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 22px;
    padding: 15px 20px;
    font-weight: bold;
}
.view_ticket span {
    float: right;
    margin-top: 20px;
    margin-right: 19px;
}
.recent_news h2 {
    width:100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: none;
    font-size: 22px;
    font-weight: bold;
}
.recent_news a {
    float:left;
    background: var(--accent-color);
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    margin-top:5px;
    margin-left: 15px;
    margin-bottom:10px;
}
.products_services_list_content h2 {
    float: left;
    margin-top:0px;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: bold;
    width:100%;
}
.products_services_list_content a {
    float:left;
    background: var(--accent-color);
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
}

.page_content h1{width:100%;float:left;font-size:5.5em;color:var(--accent-color);}

.page_content p{width:100%;float:left;font-size:1.5em;color:var(--accent-color);}

}

@media only screen and (max-width: 479px) {
    .container {
        width: 100%;
        display: block;
        margin: auto;
    }


}